feature(企标制修订): 技术/产品标准-发布页-新增当前顺序号查询功能

src/pages/processCenter/pages/components/CurrentOrder.vue

@@ -0,0 +1,80 @@
+<template>
+  <el-dialog
+    class="root"
+    title="当前顺序号"
+    :visible.sync="visible"
+    width="800"
+    :show-close="false"
+  >
+    <el-descriptions border :column="1" :labelStyle="{width: '120px'}">
+      <el-descriptions-item label="企标类别">{{ standSort }}</el-descriptions-item>
+      <el-descriptions-item label="当前类别顺序号" contentClassName="descriptions">
+        <div class="item" style="border-right: 1px solid #ebeef5;">{{ standNum }}</div>
+        <div class="item">该编号为该企标类别最新顺序号，可直接使用无需+1</div>
+      </el-descriptions-item>
+      <el-descriptions-item :labelStyle="{background: '#fff'}" />
+      <el-descriptions-item label="当前类别空号" :contentStyle="{background: '#F8E7E9'}">{{ spaceNum }}</el-descriptions-item>
+    </el-descriptions>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" size="mini" @click="visible = false">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'CurrentOrder',
+  data () {
+    return {
+      visible: false,
+      standSort: '',
+      standNum: '',
+      spaceNum: '',
+      url: {
+        findStandSnByStandSort: 'sarBussStandSn/sar-buss-stand-sn/findStandSnByStandSort'
+      }
+    };
+  },
+  methods: {
+    open (standSort, standSn) {
+      this.standSort = standSort
+      this.standNum = standSn
+      const query = {
+        standSort,
+        standSn
+      }
+      this.$http._getData(this.url.findStandSnByStandSort, query).then(res => {
+        if (res.ok) {
+          this.spaceNum = res.data.join('、')
+        }
+      })
+      this.visible = true
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.root {
+  /deep/ .el-dialog__header{
+    padding: 10px 20px;
+    border-bottom: 1px solid #e5e5e5;
+    font-weight: 700;
+    .el-dialog__title {
+      font-size: 16px;
+    }
+  }
+  /deep/ .descriptions {
+    padding: 0 !important;
+    display: flex;
+    align-items: center;
+    border: 0;
+    border-right: 1px solid #ebeef5;
+    .item {
+      width: 50%;
+      display: inline-block;
+      padding: 12px 10px
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/qbrk-product/common/formEditList.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable -->
 <template>
   <form>
     <ProcessTitle>
@@ -73,12 +74,13 @@
           <!--                                  ></el-option>-->
           <!--                                </el-select>-->
           <!--                              </el-form-item>-->
-          <el-form-item v-show="fbNode && form.standStatus === '1'" label="企标顺序号" prop="standNum" class="add-form-item form-item-disabled">
+          <el-form-item v-show="fbNode && form.standStatus === '1'" label="企标顺序号" prop="standNum" class="add-form-item form-item-disabled standNum">
               <el-input
                       v-model="form.standNum"
                       placeholder="请输入企标顺序号"
                       clearable
               ></el-input>
+            <span style="position: absolute;right: 0;color: rgb(64, 158, 255);cursor: pointer" @click="queryOrder">当前顺序号查询</span>
           </el-form-item>
           <el-form-item label="制修订类型" prop="standStatus" class="add-form-item form-item-disabled">
             <el-select v-model="form.standStatus" filterable disabled>
@@ -588,18 +590,22 @@
         </el-table-column>
       </el-table>
     </div>
+    <CurrentOrder ref="CurrentOrderRef"></CurrentOrder>
   </form>
 </template>
 
 <script>
+/* eslint-disable */
   import { mapGetters } from 'vuex'
   import ProcessTitle from '../../../components/ProcessTitle'
+import CurrentOrder from '@/pages/processCenter/pages/components/CurrentOrder';
 
 
   export default {
     name: 'formEditList',
     components: {
       ProcessTitle,
+      CurrentOrder,
     },
     props: {
       formSub: {
@@ -761,6 +767,9 @@
       ...mapGetters(['userInfo'])
     },
     methods: {
+      queryOrder () {
+        this.$refs.CurrentOrderRef.open(this.form.standSort, this.form.standNum)
+      },
       filterOp(data){
         if(!data){
           return  ""
@@ -990,4 +999,7 @@
   .uploadBtnFormItem /deep/ .el-form-item__error{
     right: 45px !important;
   }
+  .standNum /deep/.el-form-item__error{
+    right: 110px !important;
+  }
 </style>

src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable -->
 <template>
 <form>
   <ProcessTitle>
@@ -92,7 +93,7 @@
           ></el-input>
         </el-form-item>
         <!--<el-form-item v-show="form.reviseStatus === '1'" label="企标顺序号" :prop="form.reviseStatus === '1'?standNum : ''" class="add-form-item form-item-disabled">-->
-        <el-form-item v-show="form.reviseStatus === '1' || form.reviseStatus === '2'" label="企标顺序号" :prop="form.reviseStatus === '1'? 'standNum' : ''" class="add-form-item form-item-disabled">
+        <el-form-item v-show="form.reviseStatus === '1' || form.reviseStatus === '2'" label="企标顺序号" :prop="form.reviseStatus === '1'? 'standNum' : ''" class="add-form-item form-item-disabled standNum">
             <el-input
                     :value="form.standNum"
                     :maxLength="100"
@@ -100,6 +101,7 @@
                     clearable
                     @input="standNumChange"
             ></el-input>
+          <span style="position: absolute;right: 0;color: rgb(64, 158, 255);cursor: pointer" @click="queryOrder">当前顺序号查询</span>
         </el-form-item>
         <el-form-item label="英文名称" prop="standEnName" class="add-form-item form-item-disabled">
           <el-input
@@ -673,18 +675,21 @@
       </el-col>
     </el-row>
   </div>
+  <CurrentOrder ref="CurrentOrderRef"></CurrentOrder>
 </form>
 </template>
 
 <script>
+/* eslint-disable */
 import { mapGetters } from 'vuex'
 import ProcessTitle from '../../../components/ProcessTitle'
-
+import CurrentOrder from '@/pages/processCenter/pages/components/CurrentOrder';
 
 export default {
   name: 'formEditList',
   components: {
     ProcessTitle,
+    CurrentOrder,
   },
   props: {
     // formSub: {
@@ -849,6 +854,9 @@ export default {
     ...mapGetters(['userInfo'])
   },
   methods: {
+    queryOrder () {
+      this.$refs.CurrentOrderRef.open(this.form.standSort, this.form.standNum)
+    },
     standSortChange(val){
       this.$emit('standSortChange',val)
     },
@@ -1163,4 +1171,7 @@ export default {
   .uploadBtnFormItem /deep/ .el-form-item__error{
     right: 45px !important;
   }
+  .standNum /deep/.el-form-item__error{
+    right: 110px !important;
+  }
 </style>