完善

src/views/xsjsdb/detailRwbd.vue

 <!--
  * @Author: your name
  * @Date: 2021-09-11 10:30:42
- * @LastEditTime: 2021-09-11 18:25:06
+ * @LastEditTime: 2021-09-11 18:32:27
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\xsjsdb\detailRwbd.vue
@@ -9,7 +9,7 @@
 <template>
   <div id="detailRwbd">
     <div class="Content paneDiv paneDiv2">
-      <div class="mb20">
+      <div class="mb20 page1">
         <div class="header">
           <span class="title">比对任务详情</span>
         </div>
@@ -45,7 +45,7 @@
           </div>
         </div>
       </div>
-      <div class="mb20">
+      <div class="mb20 page2">
         <div class="header">
           <span class="title">反馈任务详情</span>
         </div>
@@ -351,8 +351,14 @@ export default {
   methods: {
     //比对任务详情接口
     getThanTaskData() {
+      const loading = this.$loading({
+        target: ".page1",
+        lock: true,
+        text: "Loading",
+      });
       let _this = this;
       selectRwqkById({ xxzjbh: _this.xxzjbh }).then((res) => {
+        loading.close();
         if (res.success && res.code == 200) {
           let result = res.data.rows;
           _this.filterTreeCode(result, _this.thanTheTaskProps, "thanTaskData");
@@ -361,10 +367,16 @@ export default {
     },
     //比对任务详情附件
     getThanTaskFile() {
+      const loading = this.$loading({
+        target: ".page1",
+        lock: true,
+        text: "Loading",
+      });
       let _this = this;
       let formData = new FormData();
-      formData.append("bdrwbh", "440000000000202109100031697783");
+      formData.append("bdrwbh", _this.xxzjbh);
       selectRwxffj(formData).then((res) => {
+        loading.close();
         if (res.success && res.code == 200) {
           _this.fileList = res.data.rows.map((i) => ({
             label: i.fjDzwjmc,
@@ -373,17 +385,22 @@ export default {
             type: i.fjDzwjgs,
           }));
         }
-        console.log(res, 2222222);
       });
     },
     //反馈任务详情接口
     getFeedbackTaskData() {
+      const loading = this.$loading({
+        target: ".page2",
+        lock: true,
+        text: "Loading",
+      });
       let _this = this;
       selectByRwbh({
         bdrwbh: this.xxzjbh,
         page: _this.currentPage1,
         limit: 1,
       }).then((res) => {
+        loading.close();
         if (res.success && res.code == 200) {
           _this.tableDataLength = res.data.total;
           let result = res.data.rows?.[0];
@@ -400,7 +417,13 @@ export default {
     },
     //反馈任务详情附件
     getFeedbackTaskFile(xxzjbh) {
+      const loading = this.$loading({
+        target: ".page2",
+        lock: true,
+        text: "Loading",
+      });
       selectFkfjxxByFkbh({ fkbh: xxzjbh }).then((res) => {
+        loading.close();
         if (res.success && res.code == 200) {
           _this.fileList2 = res.data.rows.map((i) => ({
             label: i.fjDzwjmc,