分页

src/views/alarm/cableTime/index.vue

@@ -14,7 +14,7 @@
       </div>
     </div>
    
-    <el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
+    <el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
       <el-table-column type="index" label="序列号" width="100" align="center" />
       <el-table-column prop="name" label="基站名称" width="180" align="center" />
       <el-table-column prop="object" label="告警对象" width="180" align="center" />
@@ -76,6 +76,7 @@ export default {
       },
       total: 10,
       tableData,
+      tableData2:[],
       tabs: [
         {
           label: '全部',
@@ -107,11 +108,22 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page
+       this.getTableData()
+    },
+     getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
     changeType(item) {
       this.activeName = item.key
     },
-  }
+    },
+  mounted() {
+    this.getTableData()
+  },
 };
 </script>
 

src/views/alarm/device/index.vue

@@ -14,7 +14,7 @@
       </div>
     </div>
    
-    <el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
+    <el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
       <el-table-column prop="equipment1" label="网元设备" align="center" />
       <el-table-column prop="state1" label="连接状态" align="center" />
       <el-table-column prop="equipment2" label="网元设备" align="center" />
@@ -53,6 +53,7 @@ export default {
         pageSize: 10
       },
       total: 10,
+      tableData2:[],
       tableData,
       activeName: '0',
       tabs: [
@@ -92,11 +93,22 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page
+         this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
     changeType(item) {
       this.activeName = item.key
     },
-  }
+   },
+  mounted() {
+    this.getTableData()
+  },
 };
 </script>
 

src/views/history/deviceLinkRepair/index.vue

@@ -16,7 +16,7 @@
       </div>
     </div>
     <el-table
-      :data="tableData"
+      :data="tableData2"
       style="width: 100%"
       :cell-class-name="cellClassFn"
       :header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@@ -65,7 +65,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
       },
-      total: 10,
+      total: 14,
 tableData2:[],
       tableData: [
         {
@@ -179,13 +179,13 @@ tableData2:[],
       this.searchForm.pageNum = pageData.page;
         this.getTableData()
     },
-    //   getTableData() {
-    //   this.tableData2 = this.tableData.slice((this.currentPage - 1) * this.pageSize,
-    //     this.currentPage * this.pageSize
-    //   );
-    //   this.total = this.tableData.length
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
   
-    // },
+    },
     cellClassFn({ row, column, rowIndex, columnIndex }) {
       if (row.linkStatus == "连接异常" && column.label == "连接状态") {
         return "emergency";
@@ -198,7 +198,7 @@ tableData2:[],
     },
   },
   mounted() {
-    //  this.getTableData()
+     this.getTableData()
   },
 };
 </script>

src/views/history/deviceLinkStatus/index.vue

@@ -16,7 +16,7 @@
       </div>
     </div>
     <el-table
-      :data="tableData"
+      :data="tableData2"
       style="width: 100%"
       :cell-class-name="cellClassFn"
       :header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@@ -81,6 +81,7 @@ export default {
         pageSize: 10,
       },
       total: 10,
+      tableData2:[],
       tableData: [
         {
           netDevice: "监控中心LSC",
@@ -198,6 +199,14 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size;
       this.searchForm.pageNum = pageData.page;
+        this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
     cellClassFn({ row, column, rowIndex, columnIndex }) {
       if (row.linkStatus == "连接异常" && column.label == "连接状态") {
@@ -210,7 +219,9 @@ export default {
       }
     },
   },
-  mounted() {},
+  mounted() {
+    this.getTableData()
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/history/leakyCableRepair/index.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <el-table
-      :data="tableData"
+      :data="tableData2"
       style="width: 100%"
       :cell-class-name="cellClassFn"
       :header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@@ -92,6 +92,7 @@ export default {
         pageSize: 10,
       },
       total: 10,
+      tableData2:[],
       tableData: [
         {
           name: "STATION2未开通",
@@ -191,6 +192,14 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size;
       this.searchForm.pageNum = pageData.page;
+      this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
       cellClassFn({row, column, rowIndex, columnIndex}) {
       if (row.level == '紧急' && column.label == '告警级别') {
@@ -203,7 +212,7 @@ export default {
       }
     },
   },
-  mounted() {},
+  mounted() {this.getTableData()},
 };
 </script>
 <style lang="scss" scoped>

src/views/history/leakyCableStatus/index.vue

@@ -17,7 +17,7 @@
     </div>
     <el-table
       ref="multipleTable"
-      :data="tableData"
+      :data="tableData2"
       style="width: 100%"
       :cell-class-name="cellClassFn"
       :header-cell-style="{background:'#EAF1FE',color:'#666666'}"
@@ -63,6 +63,7 @@ export default {
         pageSize: 10
       },
       total: 10,
+      tableData2:[],
       tableData: [
         {
           name: 'STATION2未开通',
@@ -145,10 +146,21 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page
+        this.getTableData()
+    },
+     getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
     handleSelectionChange(val) {
       this.multipleSelection = val
     }
+  },
+  mounted(){
+      this.getTableData()
   }
 }
 </script>

src/views/monitor/equipment.vue

@@ -11,7 +11,7 @@
         <el-button type="primary">导出</el-button>
       </div>
     </div>
-    <el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
+    <el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
       <el-table-column prop="equipment1" label="网元设备" align="center" />
       <el-table-column prop="state1" label="连接状态" align="center" />
       <el-table-column prop="equipment2" label="网元设备" align="center" />
@@ -41,6 +41,7 @@ export default {
         pageSize: 10
       },
       total: 10,
+      tableData2:[],
       tableData: [
         {
           equipment1: '监控中心LSC',
@@ -175,10 +176,21 @@ export default {
       }
     },
     handlePageChange(pageData) {
-      this.searchForm.pageSize = pageData.size
-      this.searchForm.pageNum = pageData.page
-    }
-  }
+      this.searchForm.pageSize = pageData.size;
+      this.searchForm.pageNum = pageData.page;
+        this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
+    },
+    },
+  mounted() {
+    this.getTableData()
+  },
 };
 </script>
 

src/views/monitor/leakageCable.vue

@@ -11,7 +11,7 @@
         <el-button type="primary">导出</el-button>
       </div>
     </div>
-    <el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
+    <el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
       <el-table-column type="index" label="序列号" width="100" align="center" />
       <el-table-column prop="name" label="基站名称" width="180" align="center" />
       <el-table-column prop="object" label="告警对象" width="180" align="center" />
@@ -59,6 +59,7 @@ export default {
         pageSize: 10
       },
       total: 10,
+      tableData2:[],
       tableData: [
         {
           name: 'STATION2未开通',
@@ -140,8 +141,19 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page
-    }
-  }
+      this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
+    },
+    },
+  mounted() {
+    this.getTableData()
+  },
 };
 </script>
 

src/views/setting/statistics/index.vue

@@ -27,7 +27,7 @@
     <el-table
       ref="multipleTable"
       class="statistics-table"
-      :data="tableData"
+      :data="tableData2"
       tooltip-effect="dark"
       style="width: 100%"
       :row-class-name="tableRowClassName"
@@ -116,6 +116,7 @@ export default {
           key: "5",
         },
       ],
+      tableData2:[],
       tableData: [
         {
           name: "张呼铁路客运专线",
@@ -199,7 +200,18 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size;
       this.searchForm.pageNum = pageData.page;
+       this.getTableData()
     },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
+    },
+  },
+  mounted() {
+    this.getTableData()
   },
 };
 </script>

src/views/user/userList/index.vue

@@ -10,7 +10,7 @@
     </div>
     <el-table
       v-loading="loading"
-      :data="tableData"
+      :data="tableData2"
       class="statistics-table"
       style="width: 100%"
       :row-class-name="tableRowClassName"
@@ -52,6 +52,7 @@ export default {
         pageNum: 1,
         pageSize: 10
       },
+      tableData2:[],
       tableData: [
         {
           name: 'admin',
@@ -100,8 +101,19 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page
-    }
-  }
+       this.getTableData()
+    },
+     getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
+    },
+  },
+  mounted() {
+    this.getTableData()
+  },
 }
 </script>
 <style lang="scss" scoped>

src/views/user/userLog/index.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <el-table
-      :data="tableData"
+      :data="tableData2"
         style="width: 100%"
           class="statistics-table"
          :row-class-name="tableRowClassName"
@@ -59,7 +59,7 @@ export default {
         pageSize: 10,
       },
       total: 10,
-
+tableData2:[],
       tableData: [
         {
           name: "admin",
@@ -126,12 +126,20 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size;
       this.searchForm.pageNum = pageData.page;
+       this.getTableData()
+    },
+      getTableData() {
+      this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
+         this.searchForm.pageNum * this.searchForm.pageSize
+      );
+      this.total = this.tableData.length
+  
     },
       tableRowClassName({ row, rowIndex }) {
       return rowIndex % 2 === 0 ? '' : 'single-row'
     },
   },
-  mounted() {},
+  mounted() { this.getTableData()},
 };
 </script>
 <style lang="scss" scoped>