修改收集清单的责任领域

jero-web/src/components/tableCollection/index.vue

@@ -117,7 +117,7 @@
              @cancel="cancel">
       <a-form-model
         class='tag-module'
-        ref='ruleForm'
+        ref='ruleFormOne'
         :model='Dateline'
         :rules='rules'
         :label-col='labelCol'
@@ -136,6 +136,7 @@
 <!--                </a-select-option>-->
 <!--              </a-select>-->
               <j-dict-select-tag class="box-input" v-model="Dateline.queryzr"
+                                 @input="handleInput('queryzr')"
                                  :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
                                  :type="'select'"
                                  :triggerChange="false" :dictCode="'duty_territory'"/>
@@ -146,7 +147,7 @@
       <div class="imports-footer">
         <div class="imports-footer-wrap">
 
-          <a-button class="imports-btn imports-sub" type="primary" @click="handleSubmitzr">{{$t('preservation')}}
+          <a-button class="imports-btn imports-sub" :loading="confirmLoading" type="primary" @click="handleSubmitzr">{{$t('preservation')}}
           </a-button>
           <a-button class="imports-btn" type="primary" @click="cancel">{{$t('cancel')}}</a-button>
         </div>
@@ -278,6 +279,7 @@
         indeterminate: false,
         columns: [],
         content: [],
+        confirmLoading:false,
         selectedRowKeys: [],
         selectedRowrowValue: [],
         dataSource: [],
@@ -348,6 +350,12 @@
           return 'rowClassRed'
         }
       },
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.Dateline = { ...this.Dateline }
+          this.$refs.ruleFormOne.validateField([value])
+        })
+      },
       pageOnChange(page, pageSize) {
         this.pageNo = page
         this.$emit('handlePreservation')
@@ -415,8 +423,9 @@
       handleSubmitzr(record) {
         let _this = this
         let param = { dutyTerritory: this.Dateline.queryzr, ids: this.getquerySdtId,paramsManifestId: this.$route.query.id, }
-        this.$refs.ruleForm.validate(valid => {
+        this.$refs.ruleFormOne.validate(valid => {
           if (valid) {
+            this.confirmLoading = true
             axios({
               url: '/jero-boot/params/collectManifest/updateDutyTerritory',
               method: 'post',
@@ -442,8 +451,10 @@
                 } else {
                   _this.$message.warning(_this.$t('operationFailed'))
                 }
+                this.confirmLoading = false
               })
               .catch((error) => {
+                this.confirmLoading = false
                 console.log(error)
               })
           }
@@ -494,7 +505,7 @@
       },
       cancel(){
         this.areaVisiblezr = false
-        this.$refs['ruleForm'].resetFields()
+        this.$refs['ruleFormOne'].resetFields()
       },
       // 点击工程接口人的详情人员 有权限
       areaOfResponsibility(record) {
@@ -513,7 +524,7 @@
         this.$nextTick(() => {
           this.Dateline = { ...this.Dateline }
           this.getquerySdtId = record.id
-          this.$refs.ruleForm.clearValidate()
+          this.$refs.ruleFormOne.clearValidate()
         })
       },
       dataValueTobeinitiated() {