触底刷新节流

src/assets/styles/isTable.scss

@@ -10,6 +10,9 @@
       margin-right: 10px;
       width: 150px;
     }
+    .el-date-editor {
+      margin-right: 10px;
+    }
     .el-input__inner,
     .el-input__inner::placeholder,
     .el-range-input,
@@ -157,3 +160,6 @@
     border-radius: 3px;
   }
 }
+::v-deep .el-loading-mask {
+  background: rgba(0, 0, 0, 0.8);
+}

src/components/NavigationBar/logCentre.vue

@@ -170,7 +170,7 @@
         <div class="header-left-total">搜索结果列表</div>
         <div class="header-rigth-total">共{{ total }}条数据</div>
       </div>
-      <div class="list-table">
+      <div class="list-table" v-loading="loading">
         <div class="table-header">
           <div class="table-cell0">序号</div>
           <div class="table-cell1">名称</div>
@@ -232,6 +232,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       input3: "",
       currentIndex: 0,
       credentialnoType: 0,
@@ -436,11 +437,13 @@ export default {
      * 获取list
      */
     async getList() {
+      this.loading = true;
       let result = await getLog(this.queryParams);
       let handleColor = this.handleColor(result.rows);
       this.list = [...this.list, ...handleColor];
       this.total = result.total;
       this.queryParams.pageNum++;
+      this.loading = false;
     },
 
     /**

src/components/NavigationBar/peopleCentre.vue

@@ -157,7 +157,7 @@
         </div>
         <div class="header-rigth-total">共{{ total }}条数据</div>
       </div>
-      <div class="list-table">
+      <div class="list-table" v-loading="loading">
         <div class="table-header">
           <div class="table-cell0">序号</div>
           <div class="table-cell1">姓名</div>
@@ -211,6 +211,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       input3: "",
       currentIndex: 0,
       credentialnoType: 0,
@@ -399,12 +400,14 @@ export default {
      * 获取list
      */
     async getList() {
+      this.loading = true;
       let result = await inputSearch(this.queryParams);
       let handleColor = this.handleColor(result.data.xinxilist.rows);
       this.list = [...this.list, ...handleColor];
       this.houseTotal = result.data.count;
       this.total = result.data.xinxilist.total;
       this.queryParams.pageNum++;
+      this.loading = false;
     },
 
     /**

src/components/NavigationBar/recycleCentre.vue

@@ -163,7 +163,7 @@
         <div class="header-left-total">搜索结果列表</div>
         <div class="header-rigth-total">共{{ total }}条数据</div>
       </div>
-      <div class="list-table">
+      <div class="list-table" v-loading="loading">
         <div class="table-header">
           <div class="table-cell0">序号</div>
           <div class="table-cell1">姓名</div>
@@ -223,6 +223,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       input3: "",
       currentIndex: 0,
       credentialnoType: 0,
@@ -443,12 +444,13 @@ export default {
      * 获取list
      */
     async getList() {
+      this.loading = true;
       let result = await getRecycleList(this.queryParams);
       let handleColor = this.handleColor(result.rows);
       this.list = [...this.list, ...handleColor];
-
       this.total = result.total;
       this.queryParams.pageNum++;
+      this.loading = false;
     },
 
     /**

src/components/NavigationBar/warningCentre.vue

@@ -160,7 +160,7 @@
         <div class="header-left-total">搜索结果列表</div>
         <div class="header-rigth-total">共{{ total }}条数据</div>
       </div>
-      <div class="list-table">
+      <div class="list-table" v-loading="loading">
         <div class="table-header">
           <div class="table-cell0">序号</div>
           <div class="table-cell1">所属网格</div>
@@ -216,6 +216,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       input3: "",
       currentIndex: 0,
       credentialnoType: 0,
@@ -406,11 +407,13 @@ export default {
      * 获取list
      */
     async getList() {
+      this.loading = true;
       let result = await getWarningList(this.queryParams);
       let handleColor = this.handleColor(result.rows);
       this.list = [...this.list, ...handleColor];
       this.total = result.total;
       this.queryParams.pageNum++;
+      this.loading = false;
     },
 
     /**