소스 검색

表格增加loading状态

bianww 3 년 전
부모
커밋
a6a0a6814d

+ 2 - 1
src/pages/main/antiSpoofing/channel.vue

@@ -11,7 +11,7 @@
                 </div>
             </div>
             <div class="tabbox">
-                <el-table :loading="loading" :key="key" :height="height" class="com-table" ref="multipleTable" :data="tableData"
+                <el-table v-loading="loading" :key="key" :height="height" class="com-table" ref="multipleTable" :data="tableData"
                           tooltip-effect="dark" size="small" border style="width: 100%" :header-cell-style="headerStyleFun" :cell-style="cellStyle">
                     <el-table-column align="center" :label="toolTit">
                         <el-table-column prop="cityName" align="center" label="地市" >
@@ -150,6 +150,7 @@
             },
             //获取列表
             getList(v, n) {
+                this.loading = true
                 this.pageSize = n;
                 v.append("type",'channel');
                 let item = window.sessionStorage.getItem("antiSpoofingSearchParams");

+ 2 - 1
src/pages/main/antiSpoofing/districtCounty.vue

@@ -11,7 +11,7 @@
                 </div>
             </div>
             <div class="tabbox">
-                <el-table :loading="loading" :key="key" height="calc(100% - 40px)" class="com-table" ref="multipleTable" :data="tableData"
+                <el-table v-loading="loading" :key="key" height="calc(100% - 40px)" class="com-table" ref="multipleTable" :data="tableData"
                     tooltip-effect="dark" size="small" border style="width: 100%" :header-cell-style="headerStyleFun" :cell-style="cellStyle">
                     <el-table-column align="center" :label="toolTit">
                         <el-table-column prop="cityName" align="center" label="地市" >
@@ -140,6 +140,7 @@
             },
             //获取列表
             getList(v, n) {
+                this.loading = true
                 this.pageSize = n;
                 v.append("type",'districtCounty');
                 let item = window.sessionStorage.getItem("antiSpoofingSearchParams");

+ 2 - 1
src/pages/main/antiSpoofing/personnel.vue

@@ -11,7 +11,7 @@
                 </div>
             </div>
             <div class="tabbox">
-                <el-table :loading="loading" :key="key" :height="height" class="com-table" ref="multipleTable" :data="tableData"
+                <el-table v-loading="loading" :key="key" :height="height" class="com-table" ref="multipleTable" :data="tableData"
                           tooltip-effect="dark" size="small" border style="width: 100%" :header-cell-style="headerStyleFun" :cell-style="cellStyle">
                     <el-table-column align="center" :label="toolTit">
                         <el-table-column prop="cityName" align="center" label="地市" >
@@ -147,6 +147,7 @@
             },
             //获取列表
             getList(v, n) {
+                this.loading = true
                 this.pageSize = n;
                 v.append("type",'personnel');
                 let item = window.sessionStorage.getItem("antiSpoofingSearchParams");

+ 1 - 1
src/pages/main/antiSpoofing/standingBook.vue

@@ -7,7 +7,7 @@
                 </el-button>
             </div>
             <div class="tabbox">
-                <el-table :loading="loading" height="100%" class="com-table" ref="multipleTable" :data="tableData" :show-summary="true" :summary-method="getSummaries"
+                <el-table v-loading="loading" height="100%" class="com-table" ref="multipleTable" :data="tableData" :show-summary="true" :summary-method="getSummaries"
                     tooltip-effect="dark" size="small" border style="width: 100%" :header-cell-style="headerStyleFun" :cell-style="cellStyle">
                     <el-table-column prop="cityName" align="center" fixed="left" label="地市"></el-table-column>
                     <el-table-column align="center" width="800px" :label="tooltit">