发薪合同操作-缓存问题

src/views/business/component/staffForm.vue

@@ -32,22 +32,19 @@
                     <el-row :gutter="56">
                         <el-col :span="10">
                             <el-form-item label="发薪主体">
-                              <el-select v-model="formData.payerCompanyId" clearable placeholder="请选择发薪主体">
-                                <el-option
-                                  v-for="item in payerCompanyArr"
-                                  :key="item.id"
-                                  :label="item.companyName"
-                                  :value="item.id">
-                                </el-option>
-                              </el-select>
+                                <el-select v-model="formData.payerCompanyId" clearable placeholder="请选择发薪主体">
+                                    <el-option v-for="item in payerCompanyArr" :key="item.id" :label="item.companyName"
+                                        :value="item.id">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="10">
+                            <el-form-item label="管理费" prop="operationCost">
+                                <el-input-number v-model="formData.operationCost" placeholder="请输入管理费" :precision="2"
+                                    :step="1" :min="0" controls-position="right"></el-input-number>
                             </el-form-item>
                         </el-col>
-                      <el-col :span="10">
-                        <el-form-item label="管理费" prop="operationCost">
-                          <el-input-number v-model="formData.operationCost" placeholder="请输入管理费" :precision="2"
-                                           :step="1" :min="0" controls-position="right"></el-input-number>
-                        </el-form-item>
-                      </el-col>
                     </el-row>
                 </div>
             </el-card>
@@ -285,19 +282,19 @@
                         </el-col>
                     </el-row>
                     <el-row :gutter="10" style="margin-top: 25px;">
-                      <el-col :span="2">
-                        <div class="projectTitle">工资小数位</div>
-                      </el-col>
-                      <el-col :span="5">
-                        <el-select style="width: 100%" v-model="formData.wagesPoint" placeholder="请选择工资保留小数位">
-                          <el-option :label="0" :value="0"></el-option>
-                          <el-option :label="1" :value="1"></el-option>
-                          <el-option :label="2" :value="2"></el-option>
-                        </el-select>
-                      </el-col>
-                      <el-col :span="1">
-                        <span style="line-height: 32px">位</span>
-                      </el-col>
+                        <el-col :span="2">
+                            <div class="projectTitle">工资小数位</div>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-select style="width: 100%" v-model="formData.wagesPoint" placeholder="请选择工资保留小数位">
+                                <el-option :label="0" :value="0"></el-option>
+                                <el-option :label="1" :value="1"></el-option>
+                                <el-option :label="2" :value="2"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="1">
+                            <span style="line-height: 32px">位</span>
+                        </el-col>
                     </el-row>
                 </div>
             </el-card>
@@ -441,24 +438,29 @@ export default {
     created() {
 
     },
-    updated() {
-      // this.reset()
+    watch: {
+        '$route.query.id'(newValue, oldValue) {
+            if (newValue) {
+                this.getOutContractFN(newValue)
+            } else {
+                this.reset()
+            }
+        }
     },
     mounted() {
-        if (this.$route.query.id) {
-            this.getOutContractFN(this.$route.query.id)
-        } else {
-          this.reset()
-        }
+        // if (this.$route.query.id) {
+        //     this.getOutContractFN(this.$route.query.id)
+        // } else {
+        // }
         this.getPayerCompanyList()
     },
     methods: {
         getPayerCompanyList() {
-          listAllCompanyInfo().then(resp => {
-            if (200 == resp.code) {
-              this.payerCompanyArr = resp.data
-            }
-          })
+            listAllCompanyInfo().then(resp => {
+                if (200 == resp.code) {
+                    this.payerCompanyArr = resp.data
+                }
+            })
         },
         // 公积金个人比例变化执行
         providentFundPersonalRateChange(e) {