Merge remote-tracking branch 'origin/dev_2nd_LCYH' into dev_2nd_LCYH

2023-03-27 14:06:48 +08:00
parent aa9af81a8a 1833309308
commit 3ab0177de6
8 changed files with 319 additions and 296 deletions
@@ -1743,7 +1743,7 @@ module.exports = {
  afterthesoftwareversionupgraded:'软件版本号升级后',
  beforetheOSversionupgraded:'操作系统版本号升级前',
  aftertheoperatingsystemversionupgraded:'操作系统版本号升级后',
-  initialpackageforintegrityinflammatorydata:'初始软件包的完整性炎症数据',
+  initialpackageforintegrityinflammatorydata:'初始软件包的完整性验证数据',
  upgradepackageintegrityverificationdata:'升级包完整性验证数据',
  upgradepackagesize:'升级包大小',
  differentialupgradeornot:'是否差分升级',
@@ -22,41 +22,39 @@
      :columns="columns"
      style="margin-bottom: 20px"
    >
-      <!--      配置情况-->
-      <span slot="configuration" slot-scope="text,record">
-            <a-radio-group>
-                    <a-radio :value="1"> {{ $t('yes') }} </a-radio>
-                    <a-radio :value="2"> {{ $t('not') }} </a-radio>
-            </a-radio-group>
+    <span slot="functionname" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.gnmc"></a-input>
      </span>
-      <!--      可升级-->
-      <span slot="whetheritcanbeupgraded" slot-scope="text,record">
-            <a-radio-group>
-                    <a-radio :value="1"> {{ $t('yes') }} </a-radio>
-                    <a-radio :value="2"> {{ $t('not') }} </a-radio>
-            </a-radio-group>
+      <span slot="upgradedestinationype" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.sjmdlx"></a-input>
      </span>
-      <!--       自动化级别-->
-      <span slot="drivingautomationlevel" slot-scope="text,record">
-                    <j-dict-select-tag class="box-input"
-                                       :disabled="disable"
-                                       :placeholder="$t('PleaseSelect')"
-                                       :type="'select'"
-                                       :triggerChange="false"/>
-      </span>
-      <!--       升级前-->
      <span slot="preupgrade" slot-scope="text,record">
-          <a-input :placeholder="$t('ifNot')" :title="$t('ifNot')"></a-input>
+          <a-input :placeholder="$t('ifNot')" :title="$t('ifNot')" v-model="record.sjqbgcs"></a-input>
      </span>
-      <!--       升级后-->
      <span slot="afterupgrade" slot-scope="text,record">
-          <a-input :placeholder="$t('ifNot')" :title="$t('ifNot')"></a-input>
+          <a-input :placeholder="$t('ifNot')" :title="$t('ifNot')" v-model="record.sjhbgcs"></a-input>
      </span>
+      <span slot="functionalchangedescription" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.gnbgms" ></a-input>
+      </span>
+      <span slot="variationofapplicableconditions" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.sytjbg"></a-input>
+      </span>
+      <span slot="upgradetheelectroniccontrollerinvolved" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.sjsjkzq"></a-input>
+      </span>
+      <span slot="functiondescription" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.gnbgms"></a-input>
+      </span>
+      <span slot="applicationconditions" slot-scope="text,record">
+          <a-input :placeholder="$t('pleaseEnter')" :title="$t('ifNot')" v-model="record.sytjbg"></a-input>
+      </span>
+   
+ 
      <!--      操作列-->
      <span slot="operation" slot-scope="text,record">
-          <a class="text-operation">{{$t('addcontroller')}}</a>
-          <a class="text-operation">{{$t('addfunction')}}</a>
-          <a class="text-operation">{{$t('delete')}}</a>
+          <a class="text-operation" @click="addlineAtBot">{{$t('add')}}</a>
+          <a class="text-operation" @click="deleteData(record)">{{$t('delete')}}</a>
      </span>
    </a-table>
    <div>
@@ -86,8 +84,7 @@ export default {
    return {
      dataSource: [
        {
-          key:1,
-          functionname:'ceshi',
+        
        }
      ],
      loading: false,
@@ -98,108 +95,83 @@ export default {
          align: 'left',
          dataIndex: 'functionname',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'functionname' },
        },
        {
-          title: this.$t('configuration'),
+          title: this.$t('upgradedestinationype'),
          align: 'left',
-          dataIndex: 'configuration',
+          dataIndex: 'upgradedestinationype',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'upgradedestinationype' },
+        },
+          {
+          title: this.$t('adjustmentofchangedBulletinparameters'),
+          align: 'left',
+          dataIndex: 'adjustmentofchangedBulletinparameters',
+          ellipsis: true,
+          width: 170,
+          children: [
+            {
+              title: this.$t('preupgrade'),
+              align: 'left',
+              dataIndex: 'preupgrade',
+              ellipsis: true,
+              width: 170,
+          scopedSlots: { customRender: 'preupgrade' },
+            },
+            {
+              title: this.$t('afterupgrade'),
+              align: 'left',
+              dataIndex: 'afterupgrade',
+              ellipsis: true,
+              width: 170,
+          scopedSlots: { customRender: 'afterupgrade' },
+            },
+          ]
        },
        {
-          title: this.$t('whetheritcanbeupgraded'),
+          title: this.$t('functionalchangedescription'),
          align: 'left',
-          dataIndex: 'whetheritcanbeupgraded',
+          dataIndex: 'functionalchangedescription',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'functionalchangedescription' },
        },
        {
-          title: this.$t('drivingautomationlevel'),
+          title: this.$t('variationofapplicableconditions'),
          align: 'left',
-          dataIndex: 'drivingautomationlevel',
+          dataIndex: 'variationofapplicableconditions',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'variationofapplicableconditions' },
        },
        {
-          title: this.$t('technicalparameters'),
+          title: this.$t('upgradetheelectroniccontrollerinvolved'),
          align: 'left',
-          dataIndex: 'technicalparameters',
+          dataIndex: 'upgradetheelectroniccontrollerinvolved',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'upgradetheelectroniccontrollerinvolved' },
        },
        {
          title: this.$t('functiondescription'),
          align: 'left',
          dataIndex: 'functiondescription',
          ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'functiondescription' },
        },
        {
          title: this.$t('applicationconditions'),
          align: 'left',
          dataIndex: 'applicationconditions',
          ellipsis: true,
-          width: 170
-        },
-        {
-          title: this.$t('controllerparameter'),
-          align: 'left',
-          dataIndex: 'controllerparameter',
-          ellipsis: true,
          width: 170,
-          children: [
-            {
-              title: this.$t('electronic'),
-              align: 'left',
-              dataIndex: 'electronic',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('electroniccontrollerproductionenterprises'),
-              align: 'left',
-              dataIndex: 'electroniccontrollerproductionenterprises',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('electroniccontrollertype'),
-              align: 'left',
-              dataIndex: 'electroniccontrollertype',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('hardwareversioninformation'),
-              align: 'left',
-              dataIndex: 'hardwareversioninformation',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('softwaredevelopmententerprise'),
-              align: 'left',
-              dataIndex: 'softwaredevelopmententerprise',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('operatingsystemversion'),
-              align: 'left',
-              dataIndex: 'operatingsystemversion',
-              ellipsis: true,
-              width: 170
-            },
-            {
-              title: this.$t('inflammatorydata'),
-              align: 'left',
-              dataIndex: 'inflammatorydata',
-              ellipsis: true,
-              width: 170
-            },
-          ]
+          scopedSlots: { customRender: 'applicationconditions' },
        },
+      
        {
          title: this.$t('operation'),
          align: 'left',
@@ -216,6 +188,7 @@ export default {
  },
  mounted() {
    // this.getList()
+    this.getData()
  },
  methods: {
    // 模板下载
@@ -250,12 +223,40 @@ export default {
        }
      })
    },
+    getData(){
+      let otaIdT=localStorage.getItem('otaIdT')
+        if(otaIdT==null){
+          otaIdT=''
+        }
+        let otaId=localStorage.getItem('otaId')
+        if(otaId==null){
+          otaId=''
+        }
+        getAction('/ota/otaBaSjSjfzbh/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
+          this.dataSource =res.result.list == null ?  {} : res.result.list
+        })
+    },
+    save(){
+      postAction('/ota/otaBaSjSjfzbh/add' ,{otaId:localStorage.getItem('otaId')== undefined ? '' :localStorage.getItem('otaId'),list:this.dataSource}).then(res=>{
+          console.log(res);
+          this.$message.success(this.$t('SavedSuccessfully'))
+        })
+    },
    last(){
+      this.save()
      this.$emit('beupgradedonlineup')
    },
    next(){
+      this.save()
      this.$emit('beupgradedonlinedown')
    },
+    addlineAtBot(){
+      let obj={}
+        this.dataSource.push(obj)
+      },
+      deleteData(record){
+        this.dataSource.splice(this.dataSource.indexOf(record),1)
+      },
    uploadSuccess(data) {
      let attIdList = []
      if (data && data.length > 0) {
@@ -37,34 +37,28 @@
        <a-input :placeholder="$t('pleaseEnter')" v-model="record.sjkzqmc" ></a-input>
      </span>
      <span slot="adaptivehardwareversion" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.yjbb"></a-input>
      </span>
      <span slot="beforethesoftwareversionupgraded" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.sjqrjbb" ></a-input>
      </span>
      <span slot="afterthesoftwareversionupgraded" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.sjhrjbb"></a-input>
      </span>
      <span slot="beforetheOSversionupgraded" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.sjqczxt"></a-input>
      </span>
      <span slot="aftertheoperatingsystemversionupgraded" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
-      </span>
-      <span slot="softwaredevelopmententerprise" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
-      </span>
-      <span slot="initialpackageforintegrityinflammatorydata" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.sjhczxt"></a-input>
      </span>
      <span slot="upgradepackageintegrityverificationdata" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.sjbyzsj" ></a-input>
      </span>
        <span slot="upgradepackagesize" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.sjbdx"></a-input>
        </span>
        <span slot="differentialupgradeornot" slot-scope="text,record">
-        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.sfcfsj"></a-input>
      </span>
      <!--      操作列-->
      <span slot="operation" slot-scope="text,record">
@@ -76,7 +70,7 @@
      <a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
    </div>
    <div class="bootom-button">
-      <a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
+      <a-button style="margin-right:50px" @click="save">{{$t('preservation')}}</a-button>
      <a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
      <a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
    </div>
@@ -194,22 +188,7 @@ export default {
              width: 170,
              scopedSlots: { customRender: 'aftertheoperatingsystemversionupgraded' },
            },
-            {
-              title: this.$t('softwaredevelopmententerprise'),
-              align: 'left',
-              dataIndex: 'softwaredevelopmententerprise',
-              ellipsis: true,
-              width: 170,
-              scopedSlots: { customRender: 'softwaredevelopmententerprise' },
-            },
-            {
-              title: this.$t('initialpackageforintegrityinflammatorydata'),
-              align: 'left',
-              dataIndex: 'initialpackageforintegrityinflammatorydata',
-              ellipsis: true,
-              width: 170,
-              scopedSlots: { customRender: 'initialpackageforintegrityinflammatorydata' },
-            },
+         
            {
              title: this.$t('upgradepackageintegrityverificationdata'),
              align: 'left',
@@ -252,6 +231,7 @@ export default {
  },
  mounted() {
    // this.getList()
+    this.getData()
  },
  methods: {
    // 模板下载
@@ -298,10 +278,31 @@ export default {
        }
      })
    },
+    getData(){
+      let otaIdT=localStorage.getItem('otaIdT')
+        if(otaIdT==null){
+          otaIdT=''
+        }
+        let otaId=localStorage.getItem('otaId')
+        if(otaId==null){
+          otaId=''
+        }
+        getAction('/ota/otaBaSjSjxtbh/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
+          this.dataSource =res.result.list == null ?  {} : res.result.list
+        })
+    },
+    save(){
+        postAction('/ota/otaBaSjSjxtbh/add' ,{otaId:localStorage.getItem('otaId')== undefined ? '' :localStorage.getItem('otaId'),list:this.dataSource}).then(res=>{
+          console.log(res);
+          this.$message.success(this.$t('SavedSuccessfully'))
+        })
+    },
    last(){
+      this.save()
      this.$emit('upgradedonlineup')
    },
    next(){
+      this.save()
      this.$emit('upgradedonlinedown')
    },
    addlineAtBot(){
@@ -360,10 +360,14 @@ import { message } from 'ant-design-vue'
        })
        
      },
-      async save(){
+       save(){
        this.$refs.ruleForm.validate(valid=>{
          if(valid){
-            postAction('/ota/otaBaCxJbxx/add',{ otaId:localStorage.getItem('otaId'),...this.form}).then( res => {
+            let otaId = localStorage.getItem('otaId')
+            if(otaId==null || otaId == undefined){
+              otaId=''
+            }
+            postAction('/ota/otaBaCxJbxx/add',{ otaId:otaId,...this.form}).then( res => {
           if(res.code == 200){
            localStorage.setItem('otaId', res.result.otaId)
             this.$message.success(this.$t('SavedSuccessfully'))
@@ -95,7 +95,7 @@
      <div style='width: 300px'>
        <span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('fillincontent')}}</span>
        <span class='radio-text'>
-          <a-radio-group style='margin-left: 40px;' v-model="query.wlaqyqPz">
+          <a-radio-group style='margin-left: 40px;' v-model="query.jgld">
                    <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                    <a-radio :value="2"> {{ $t('not') }} </a-radio>
            </a-radio-group>
@@ -299,7 +299,7 @@ export default {
      },
      dataSource: [
        {
-          key: 'wlaqyqSl',
+          key: 'jgldSl',
          val:'',
          componentname: this.$t('networksecurityrequirements'),
          configuration: this.$t('ineffectiveupgrades'),
@@ -307,7 +307,7 @@ export default {
          fillincontent:this.$t('yesisselected'),
        },
        {
-          key: 'wlaqyqBzwz', 
+          key: 'jgldBzwz', 
          val:'',
          componentname: this.$t('networksecurityrequirements'),
          configuration: this.$t('ineffectiveupgrades'),
@@ -315,7 +315,7 @@ export default {
          fillincontent:this.$t('forwardXquantity'),
        },
        {
-          key: 'wlaqyqGgxh',
+          key: 'jgldGgxh',
          val:'',
          componentname: this.$t('networksecurityrequirements'),
          configuration: this.$t('ineffectiveupgrades'),
@@ -323,7 +323,7 @@ export default {
          fillincontent:this.$t('yesisselected'),
        },
        {
-          key: 'wlaqyqScqy',
+          key: 'jgldScqy',
          val:'',
          componentname: this.$t('networksecurityrequirements'),
          configuration: this.$t('productionenterprise'),
@@ -890,10 +890,6 @@ export default {
             
              this.dataSource.forEach(item=>{
                 for(let key in res.result.bj){
-                  if(Number(res.result.bj[key])!=NaN &&Number(res.result.bj[key])!=0 && key !='id'){
-                    console.log(key);
-                    res.result.bj[key]=Number(res.result.bj[key])
-                  }
                  if(item.key==key){
                    item.val=res.result.bj[key]
                  }
@@ -179,7 +179,7 @@
                    </div>
                    <a-form-model-item class="itemModel" prop="deliverableTemplate">
                      <a-button type="primary" class="button-text"
-                                @click="clickButtonToUpload('deliverableTemplate',index)">
+                                @click="clickButtonToUpload('deliverableTemplate',index,true)">
                        {{ (item.deliverableTemplate === 'null' || item.deliverableTemplate === ''
                        ||
                        item.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
@@ -719,12 +719,19 @@
        }
        this.formInline = { ...this.formInline }
      },
-      clickButtonToUpload(item, index) {
+      clickButtonToUpload(item, index,isTrue) {
        this.numIndex = index
        this.$refs.uploadFile.perentHandleFunc()
        this.$refs.uploadFile.visible = true
        this.uploadName = item
-        getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
+        let ids = ''
+        console.log(index)
+        if (isTrue){
+          ids = this.formInline.dataList[index][item]
+        }else{
+          ids = this.formInline[item]
+        }
+        getAction('sys/common/getFileInfos', { id: ids }).then((res) => {
          if (res.success) {
            this.$refs.uploadFile.perentHandleFunc(res.result)
          } else {
@@ -1,148 +1,153 @@
 <template>
-  <a-drawer
-    :title="$t('edit')"
-    :maskClosable="false"
-    :width="900"
-    placement="right"
-    :closable="true"
-    @close="handleCancel"
-    :visible="visible"
-    style="height: 100%;overflow: auto;padding-bottom: 53px;">
-    <a-spin :spinning="confirmLoading">
-      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('regulationNo')">{{$t('regulationNo')}}</span>
+  <div>
+    <a-drawer
+      :title="$t('edit')"
+      :maskClosable="false"
+      :width="900"
+      placement="right"
+      :closable="true"
+      @close="handleCancel"
+      :visible="visible"
+      style="height: 100%;overflow: auto;padding-bottom: 53px;">
+      <a-spin :spinning="confirmLoading">
+        <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('regulationNo')">{{$t('regulationNo')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="serialNumber">
+                  <a-input @click.native="serialNumberClick"
+                           class="box-input"
+                           :placeholder="$t('PleaseSelect')+$t('regulationNo')"
+                           v-model="formInline.serialNumber"></a-input>
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel" prop="serialNumber">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.serialNumber"
-                                   :disabled="true"
-                                   :placeholder="$t('PleaseSelect')+$t('regulationNo')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="dutyTerritory">
+                  <j-dict-select-tag class="box-input"
+                                     v-model="formInline.dutyTerritory"
+                                     :disabled="disabled"
+                                     :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                                     :type="'select'"
+                                     :triggerChange="false" :dictCode="'duty_territory'"/>
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel" prop="dutyTerritory">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.dutyTerritory"
-                                   :disabled="disabled"
-                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
-                                   :type="'select'"
-                                   :triggerChange="false" :dictCode="'duty_territory'"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="'WVTA ID'">WVTA ID</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="wvtaId">
-                <a-input class="box-input"
-                         :disabled="disabled"
-                         v-model="formInline.wvtaId"
-                         :placeholder="$t('PleaseEnter')+'WVTA ID'"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
+            </a-col>
          </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('category')">{{$t('category')}}</span>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="'WVTA ID'">WVTA ID</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="wvtaId">
+                  <a-input class="box-input"
+                           :disabled="disabled"
+                           v-model="formInline.wvtaId"
+                           :placeholder="$t('PleaseEnter')+'WVTA ID'"/>
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel" prop="category">
-                <a-input class="box-input"
-                         v-model="formInline.category"
-                         :disabled="disabled"
-                         :placeholder="$t('PleaseEnter')+$t('category')" />
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('inspectionItems')">{{$t('inspectionItems')}}</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('category')">{{$t('category')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="category">
+                  <a-input class="box-input"
+                           v-model="formInline.category"
+                           :disabled="disabled"
+                           :placeholder="$t('PleaseEnter')+$t('category')" />
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel" prop="inspectionItem">
-                <a-input class="box-input"
-                         v-model="formInline.inspectionItem"
-                         :disabled="disabled"
-                         :placeholder="$t('PleaseEnter')+$t('inspectionItems')"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('configurationItem')">{{$t('configurationItem')}}</span>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('inspectionItems')">{{$t('inspectionItems')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="inspectionItem">
+                  <a-input class="box-input"
+                           v-model="formInline.inspectionItem"
+                           :disabled="disabled"
+                           :placeholder="$t('PleaseEnter')+$t('inspectionItems')"/>
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel" prop="configItem">
-                <a-input class="box-input"
-                         v-model="formInline.configItem"
-                         :placeholder="$t('PleaseEnter')+$t('configurationItem')"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('configurationItem')">{{$t('configurationItem')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="configItem">
+                  <a-input class="box-input"
+                           v-model="formInline.configItem"
+                           :placeholder="$t('PleaseEnter')+$t('configurationItem')"/>
+                </a-form-model-item>
              </div>
-              <a-form-model-item class="itemModel"
-                                 prop="deliverableType"
-                                 :rules="[{ required: true, message: $t('typeOfDeliverables') + $t('cannotEmpty'), trigger: 'change'},]"
-              >
-                <a-tree-select
-                  tree-node-filter-prop="title"
-                  v-model="formInline.deliverableType"
-                  :maxTagCount="1"
-                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
-                  class="box-input"
-                  style="width: 100%"
-                  :tree-data="DeliverableTreeList"
-                  :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
-                />
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-      </a-form-model>
-    </a-spin>
-    <div class="drawer-bootom-button">
-      <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
-      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
-    </div>
-  </a-drawer>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+                </div>
+                <a-form-model-item class="itemModel"
+                                   prop="deliverableType"
+                                   :rules="[{ required: true, message: $t('typeOfDeliverables') + $t('cannotEmpty'), trigger: 'change'},]"
+                >
+                  <a-tree-select
+                    tree-node-filter-prop="title"
+                    v-model="formInline.deliverableType"
+                    :maxTagCount="1"
+                    :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                    class="box-input"
+                    style="width: 100%"
+                    :tree-data="DeliverableTreeList"
+                    :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                  />
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+        </a-form-model>
+      </a-spin>
+      <div class="drawer-bootom-button">
+        <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+        <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+      </div>
+    </a-drawer>
+    <codeNumber ref="codeNumber" @regulation="regulation" />
+  </div>
 </template>

 <script>
 import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+import codeNumber from './codeNumber'

 export default {
  name:'editModel',
  props: ['url'],
+  components:{
+    codeNumber
+  },
  data() {
    return {
      visible: false,
@@ -215,6 +220,9 @@ export default {
    handleCancel() {
      this.visible = false
    },
+    serialNumberClick(){
+      this.$refs.codeNumber.add()
+    },
    editModel(item) {
      this.visible = true
      this.$nextTick(() => {
@@ -261,6 +269,14 @@ export default {
        }
      })
    },
+    regulation(item,data) {
+      this.formInline.serialNumber = item
+      this.formInline.bussDocumentLibraryId = data
+      this.$nextTick(()=>{
+        this.formInline = {... this.formInline}
+        this.$refs.ruleForm.validateField(['serialNumber'])
+      })
+    }
  }
 }
 </script>