stage：线上发薪任务管理-发布任务问题修复

src/views/business/onlineTaskInfo/index.vue

@@ -57,7 +57,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="onlineTaskInfoList" @selection-change="handleSelectionChange">
+    <el-table :data="onlineTaskInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="任务编号" align="center" prop="taskNo" />
       <el-table-column label="任务名称" align="center" prop="taskName" />
@@ -83,12 +83,12 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-view" @click="prviewPdfUrl(scope.row)">查看合同</el-button>
-          <el-button v-if="scope.row.status == 10" size="mini" type="text" icon="el-icon-s-promotion"
-            v-hasPermi="['business:onlineTaskInfo:release']" @click="handleRelease(scope.row)">发布任务</el-button>
-          <el-button v-if="scope.row.status == 11" size="mini" type="text" icon="el-icon-s-promotion"
-            v-hasPermi="['business:onlineTaskInfo:recived']" @click="handleRecived(scope.row)">接收任务</el-button>
-          <el-button v-if="scope.row.status == 21" size="mini" type="text" icon="el-icon-upload"
-            v-hasPermi="['business:onlineTaskInfo:importPayInfo']" @click="importPayInfo(scope.row)">导入名单</el-button>
+          <el-button v-if="scope.row.status == 10 && checkPermi(['business:onlineTaskInfo:release'])" size="mini"
+            type="text" icon="el-icon-s-promotion" @click="handleRelease(scope.row)">发布任务</el-button>
+          <el-button v-if="scope.row.status == 11 && checkPermi(['business:onlineTaskInfo:recived'])" size="mini"
+            type="text" icon="el-icon-s-promotion" @click="handleRecived(scope.row)">接收任务</el-button>
+          <el-button v-if="scope.row.status == 21 && checkPermi(['business:onlineTaskInfo:importPayInfo'])" size="mini"
+            type="text" icon="el-icon-upload" @click="importPayInfo(scope.row)">导入名单</el-button>
           <!--          <el-button-->
           <!--            size="mini"-->
           <!--            type="text"-->
@@ -144,7 +144,8 @@
           <!--          <el-input v-model="form.araeCode" placeholder="请输入地区code" />-->
           <!--        </el-form-item>-->
           <el-form-item label="所在区域" prop="area">
-            <el-cascader style="width: 100%;" size="small" :options="options" v-model="form.selectedOptions" @change="handleChange" />
+            <el-cascader style="width: 100%;" size="small" :options="options" v-model="form.selectedOptions"
+              @change="handleChange" />
           </el-form-item>
           <!--   <el-form-item label="所在区域" prop="area">
             <el-input v-model="form.area" placeholder="请输入所在区域" />
@@ -212,6 +213,7 @@
 </template>
 
 <script>
+import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
 import {
   listOnlineTaskInfo,
   getOnlineTaskInfo,
@@ -230,6 +232,8 @@ export default {
   dicts: ['task_status'],
   data() {
     return {
+      checkPermi,
+      checkRole,
       //地区选择
       options: regionData,
       CodeToText: CodeToText,
@@ -422,7 +426,7 @@ export default {
     },
     /** 查询线上任务信息列表 */
     getList() {
-      this.loading = true;
+      this.$modal.loading('数据加载中')
       this.queryParams.params = {};
       if (null != this.daterangeReleaseTime && '' != this.daterangeReleaseTime) {
         this.queryParams.params["beginReleaseTime"] = this.daterangeReleaseTime[0];
@@ -431,8 +435,11 @@ export default {
       listOnlineTaskInfo(this.queryParams).then(response => {
         this.onlineTaskInfoList = response.rows;
         this.total = response.total;
-        this.loading = false;
-      });
+        // this.loading = false;
+      }).finally(() => {
+        this.$forceUpdate()
+        this.$modal.closeLoading()
+      })
     },
     // 取消按钮
     cancel() {
@@ -493,9 +500,9 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
+      this.form.taskNo = this.generateTimeCodeWithRandom();
       this.open = true;
       this.title = "添加线上任务信息";
-      this.form.taskNo = this.generateTimeCodeWithRandom();
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -620,7 +627,7 @@ export default {
           if (response.code == 200) {
             this.$modal.msgSuccess("发布任务成功");
             this.getList();
-            location.reload();
+            // location.reload();
           }
         })
       }).catch(() => { });
@@ -637,7 +644,7 @@ export default {
           if (response.code == 200) {
             this.$modal.msgSuccess("接收任务成功");
             this.getList();
-            location.reload();
+            // location.reload();
           }
         })
       }).catch(() => { });