标准法规清单的数据加载动画

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue

@@ -66,6 +66,7 @@
       </el-button>
     </div>
     <div class="container">
+      <loading :loading="tableLoading">数据获取中</loading>
       <el-table
         :data="sarAccessListDatas"
         tooltip-effect="dark"
@@ -220,6 +221,7 @@ export default {
         { value: "FOREIGN_LAWS", label: "国内外政策" },
         { value: "BUSINESS", label: "企业标准 " }
       ],
+      tableLoading: true,
       sarAccessInfoSearchList: [],
       selectedAccInfoSearchList: [],
       sarAccessInfoListArry: [],
@@ -259,8 +261,23 @@ export default {
         _this: this
       }, res => {
         this.sarAccessListDatas = res.data.records
+        this.sarAccessListDatas.forEach(item => {
+          // 国家地区转换
+          if (item.countryArea !== null || item.countryArea !== "") {
+            let k = (item.countryArea || "").split(',')
+            for (let i in this.countryOptions) {
+              for (let m = 0; m< k.length; m++) {
+                if (this.countryOptions[i].value === k[m]) {
+                  k[m]  = this.countryOptions[i].label
+                }
+                item.countryArea = k.join(',')
+              }
+            }
+          }
+        })
         this.sarSarAccessEOSearch.page = 1
         this.sarAccessListTotal = res.data.total
+        this.tableLoading = false
       }, e => {
 
       });
@@ -349,6 +366,9 @@ export default {
       })
     }
   },
+  created() {
+    this.searchSarAccess();
+  },
   mounted() {
     // 分页查询数据
     this.searchSarAccess();

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue

@@ -57,6 +57,7 @@
       </el-button>
     </div>
     <div class="container">
+      <loading :loading="tableLoading">数据获取中</loading>
       <el-table
         :data="sarAccessListDatas"
         tooltip-effect="dark"
@@ -174,6 +175,7 @@ export default {
       sarAccessListDatas: [],
       sarAccessListTotal: 0,
       loading: false,
+      tableLoading: true,
       selectedList: [],
       // 新增、编辑 准入信息字段
       sarAccessEO: {
@@ -277,6 +279,7 @@ export default {
         this.sarAccessListDatas = res.data.records;
         this.sarSarAccessEOSearch.page = 1
         this.sarAccessListTotal = res.data.total;
+        this.tableLoading = false
       }, e => {
       });
 

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue

@@ -67,6 +67,7 @@
       </el-button>
     </div>
     <div class="container">
+      <loading :loading="tableLoading">数据获取中</loading>
       <el-table
         :data="sarAccessListDatas"
         tooltip-effect="dark"
@@ -177,6 +178,7 @@ export default {
       sarAccessListDatas: [],
       sarAccessListTotal: 0,
       loading: false,
+      tableLoading: true,
       selectedList: [],
       // 新增、编辑 准入信息字段
       sarAccessEO: {
@@ -292,6 +294,7 @@ export default {
             }
           }
         })
+        this.tableLoading = false
         this.sarSarAccessEOSearch.page = 1
         this.sarAccessListTotal = res.data.total
       }, e => {
@@ -405,6 +408,7 @@ export default {
             }
           }
         })
+        this.tableLoading = false
         this.sarSarAccessEOSearch.page = 1
         this.sarAccessListTotal = res.data.total
       }, e => {