跟踪清单 - 手动查找 究极人性化适配

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

@@ -291,11 +291,13 @@
                 @click="clearLawBtn"></el-button>
           </el-form-item>
         </el-form>
+        <loading :loading="lawInfoTableLoading">数据获取中</loading>
         <el-table
             ref="selections"
             tooltip-effect="dark"
             style="width: 100%;overflow-y: auto;overflow-x: hidden;"
             border
+            :loading="lawInfoTableLoading"
             :data="lawInfoTable"
             :height="300"
             :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
@@ -361,6 +363,7 @@
         </el-table>
         <!--分页-->
         <pagination
+            v-show="this.lawInfoTableLoading === false"
             style="position: relative;"
             :page="handleSelectPage"
             :total="handleSelectTotal"
@@ -380,6 +383,7 @@ export default {
   name: "listTracking",
   data () {
     return {
+      lawInfoTableLoading: true,
       tableLoading: true,
       lawInfoTable:[],
       handleSelectPage: 1,
@@ -537,6 +541,7 @@ export default {
       })
     },
     dataSourceChange() {
+      this.lawInfoTableLoading = true
       this.handleSelectForm.standType = this.handleSelectForm.dataSource
       this.searchLawBtn()
     },
@@ -573,6 +578,7 @@ export default {
     },
     //手动查找的清空按钮
     clearLawBtn(){
+      this.lawInfoTableLoading = true
       //清空的时候还是不要把人家选的数据源清空吧
       // this.handleSelectForm.dataSource = ''
       //清空标准编号/政策编号的查询
@@ -588,6 +594,7 @@ export default {
     },
     //手动查找的查询按钮
     searchLawBtn(){
+      this.lawInfoTableLoading = true
       console.log('533',this.handleSelectForm.dataSource)
       if (this.handleSelectForm.dataSource === 'INLAND'){
         this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
@@ -598,7 +605,11 @@ export default {
             this.lawInfoTable = res.data.list
             this.handleSelectTotal = res.data.count
             if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
               this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+              this.lawInfoTableLoading = false
             }
           }else {
             this.$message.error(res.message)
@@ -617,10 +628,14 @@ export default {
             this.lawInfoTable = res.data.list
             this.handleSelectTotal = res.data.count
             if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
               this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
             }
           }else {
             this.$message.error(res.message)
+            this.lawInfoTableLoading = false
           }
         },e=>{
           this.lawInfoTable = []
@@ -636,10 +651,14 @@ export default {
             this.lawInfoTable = res.data.list
             this.handleSelectTotal = res.data.count
             if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
               this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
             }
           }else {
             this.$message.error(res.message)
+            this.lawInfoTableLoading = false
           }
         },e=>{
           this.lawInfoTable = []
@@ -655,10 +674,14 @@ export default {
             this.lawInfoTable = res.data.list
             this.handleSelectTotal = res.data.count
             if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
               this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
             }
           }else {
             this.$message.error(res.message)
+            this.lawInfoTableLoading = false
           }
         },e=>{
           this.lawInfoTable = []
@@ -670,11 +693,13 @@ export default {
       }
     },
     handleSelectPageChange(page){
+      this.lawInfoTableLoading = true
       this.handleSelectForm.page = page
       console.log(this.handleSelectForm.page)
       this.searchLawBtn()
     },
     handleSelectPageSizeChange(pageSize){
+      this.lawInfoTableLoading = true
       this.handleSelectForm.pageSize = this.$store.getters.userInfo.configContent
       console.log(this.handleSelectForm.pageSize)
       this.searchLawBtn()
@@ -687,6 +712,7 @@ export default {
     //点击手动查找按钮
     handleSelect() {
       this.selectModal = true
+      this.lawInfoTableLoading = true
       this.handleSelectForm.standType = this.handleSelectForm.dataSource
       this.clearLawBtn()
       this.searchLawBtn()
@@ -866,6 +892,7 @@ export default {
     //分页查询
     searchSarAccess (advanceSearch) {
       console.log('准备开始分页查询')
+      this.tableLoading = true
       this.$http.get("sarIssueTrack/issueTrack", {
         current: this.sarSarAccessEOSearch.page,
         pageSize: this.$store.getters.userInfo.configContent,
@@ -877,8 +904,8 @@ export default {
         let arr = res.data;
         console.log('分页查询中',arr)
         this.sarAccessListDatas = arr.records
-        this.tableLoading = false
         this.sarAccessListTotal = res.data.total
+        this.tableLoading = false
       }, e => {
       });
       console.log('分页查询完毕')