loginPage,pagination

src/components/Pagination/index.vue

 <template>
   <div class="pagination-wraper">
     <el-pagination
-      background
-      layout="prev, pager, next"
+
+      layout="total, sizes, prev, pager, next, jumper"
       prev-text="上一页"
       next-text="下一页"
       :total="total"
@@ -34,7 +34,7 @@ export default {
     pageSizes: {
       type: Array,
       default() {
-        return [5, 10, 20, 30]
+        return [5, 10, 20, 30,40,50]
       }
     }
   },

src/views/alarm/cableTime/index.vue

@@ -5,7 +5,7 @@
       </el-button-group>
     <div class="leakage-top">
        <div style="color: #666666">
-      共5条数据
+   
     </div>
       <div class="operate-btn">
         <el-button type="primary">刷新</el-button>

src/views/alarm/device/index.vue

@@ -6,7 +6,7 @@
       </el-button-group>
     <div class="leakage-top">
     
-       <div style="color: #666666">共6条数据</div>
+       <div style="color: #666666"></div>
       <div class="operate-btn">
         <el-button type="primary">刷新</el-button>
         <el-button type="primary">查询</el-button>

src/views/history/deviceLinkRepair/index.vue

@@ -2,7 +2,7 @@
   <div class="leakage-cable">
     <!-- 设备连接维修历史 -->
     <div class="leakage-top">
-      <div style="color: #666666">共14条数据</div>
+      <div style="color: #666666"></div>
       <div class="operate-btn">
         <el-button
           :type="multipleSelection.length ? 'primary' : 'info'"
@@ -43,14 +43,14 @@
         align="center"
       />
     </el-table>
-    <pagination
+    <Pagination
       :limit="searchForm.pageSize"
       :page="searchForm.pageNum"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
     >
-    </pagination>
+    </Pagination>
   </div>
 </template>
 <script>
@@ -66,6 +66,7 @@ export default {
         pageSize: 10,
       },
       total: 10,
+tableData2:[],
       tableData: [
         {
           netDevice: "监控中心LSC",
@@ -176,7 +177,15 @@ export default {
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size;
       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
+  
+    // },
     cellClassFn({ row, column, rowIndex, columnIndex }) {
       if (row.linkStatus == "连接异常" && column.label == "连接状态") {
         return "emergency";
@@ -188,7 +197,9 @@ export default {
       }
     },
   },
-  mounted() {},
+  mounted() {
+    //  this.getTableData()
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/history/deviceLinkStatus/index.vue

@@ -2,7 +2,7 @@
   <div class="leakage-cable">
     <!-- 设备连接状态 -->
     <div class="leakage-top">
-      <div style="color: #666666">共14条数据</div>
+      <div style="color: #666666"></div>
       <div class="operate-btn">
             <el-button
           :type="multipleSelection.length ? 'primary' : 'info'"

src/views/history/leakyCableRepair/index.vue

@@ -2,7 +2,7 @@
   <div class="leakage-cable">
     <!-- 设备维护历史 -->
     <div class="leakage-top">
-      <div style="color: #666666">共8条数据</div>
+      <div style="color: #666666"></div>
       <div class="operate-btn">
         <el-button
           :type="multipleSelection.length ? 'primary' : 'info'"

src/views/history/leakyCableStatus/index.vue

@@ -3,7 +3,6 @@
   <div class="leakage-cable">
     <div class="leakage-top">
       <div style="color: #666666">
-        共6条数据
       </div>
       <div class="operate-btn">
         <el-button

src/views/monitor/equipment.vue

@@ -3,7 +3,7 @@
   <div class="leakage-cable">
     <div class="leakage-top">
       <div>
-        共6条数据
+     
       </div>
       <div class="operate-btn">
         <el-button type="primary">刷新</el-button>

src/views/monitor/leakageCable.vue

@@ -3,7 +3,7 @@
   <div class="leakage-cable">
     <div class="leakage-top">
       <div style="color: #666666">
-        共6条数据
+      
       </div>
       <div class="operate-btn">
         <el-button type="primary">刷新</el-button>

src/views/setting/statistics/index.vue

@@ -10,7 +10,7 @@
       >
     </el-button-group>
     <div class="leakage-top">
-      <div style="color: #666666">共10条数据</div>
+      <div style="color: #666666"></div>
 
       <div class="operate-btn">
         <el-button

src/views/user/userList/index.vue

 <template>
   <div class="leakage-cable"> 
      <div class="leakage-top">
-      <div style="color: #666666">共10条数据</div>
+      <div style="color: #666666"></div>
 
       <div class="operate-btn">
      

src/views/user/userLog/index.vue

@@ -2,7 +2,7 @@
   <!-- 用户操作日志 -->
   <div class="leakage-cable">
     <div class="leakage-top">
-      <div style="color: #666666">共6条数据</div>
+      <div style="color: #666666"></div>
       <div class="operate-btn">
         <!-- <el-button
           :type="multipleSelection.length ? 'primary' : 'info'"