feature: 阶段切换问题

src/views/paymentVoucherNotification/distributeVoucher/components/createDialig.vue

@@ -10,7 +10,17 @@
         </div>
       </div>
       <div class="form">
-        <el-form :model="form" :rules="rules" ref="ruleFormRef" label-width="120px" :disabled="formDisabled">
+        <el-form
+          :model="form"
+          :rules="rules"
+          ref="ruleFormRef"
+          label-width="120px"
+          :disabled="formDisabled"
+          v-loading="formLoading"
+          element-loading-text="拼命加载中"
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
           <el-row :gutter="20">
             <el-col :span="12">
               <el-form-item label="执行包信息" prop="packageId">
@@ -220,7 +230,8 @@ export default {
         remarks: [{ required: true, message: '请输入备注', trigger: 'blur' }]
       },
       detailInfo: {},
-      totalPercentageNums: 0
+      totalPercentageNums: 0,
+      formLoading: false
     };
   },
 
@@ -228,9 +239,26 @@ export default {
     this.getRedemptionPkgListApi();
   },
   methods: {
-    changStep(step) {
+    async changStep(step) {
+      this.formDisabled = true;
       this.setp = step;
-      this.getRedemptionPkgListApi();
+      this.clearData();
+      await this.getRedemptionPkgListApi();
+      this.formDisabled = false;
+    },
+    clearData() {
+      this.form = {
+        packageId: '',
+        pkgName: '',
+        pkgScore: '',
+        passedByNode6ScoreSum: '',
+        availRdpScore: 0,
+        totalAmount: '',
+        currentRedemptionScore: '',
+        currentRedemptionRate: ''
+      };
+      this.totalPercentageNums = 0;
+      this.$refs.table1.initInfo();
     },
     totalPercentageChange(nums) {
       this.totalPercentageNums = nums;
@@ -301,11 +329,14 @@ export default {
       });
     },
     pkgChange(e) {
+      this.form.totalAmount = '';
+      this.form.currentRedemptionScore = '';
+      this.form.currentRedemptionRate = '';
       this.redemptionValStat(e);
     },
     async redemptionValStat(id) {
+      this.formLoading = true;
       const res = await redemptionValStatApi(id);
-
       if (res.data.code === 0) {
         this.detailInfo = res.data.data;
         this.form.pkgName = res.data.data.pkgName;
@@ -324,6 +355,7 @@ export default {
         if (res.data.data.taskApprovedScoreRateNinetyPercent) {
           this.$refs.table1.setInfo(res.data.data.taskApprovedScoreRateNinetyPercent);
         }
+        this.formLoading = false;
       }
     },
     //  提交创建知会

src/views/paymentVoucherNotification/distributeVoucher/index.vue

@@ -62,8 +62,8 @@
         </el-row>
         <el-row>
           <el-col :span="6">
-            <el-form-item label="上游服务包名称">
-              <el-select v-model="searchFrom.pkgIds" placeholder="请选择上游服务包名称" class="w100" clearable filterable>
+            <el-form-item label="执行包名称">
+              <el-select v-model="searchFrom.pkgIds" placeholder="请选择执行包名称" class="w100" clearable filterable>
                 <el-option v-for="(item, index) in relPkgNameArr" :key="index" :label="item.scorePackageName" :value="item.id" />
               </el-select>
             </el-form-item>