配置管理分页优化

src/views/setting/statistics/comp/fsuTable.vue

@@ -182,8 +182,8 @@
     </el-table>
 
     <pagination
-      :limit="params.pageSize"
-      :page="params.pageNum"
+       :limit="FSUForm.size"
+      :page="FSUForm.current"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
@@ -191,13 +191,13 @@
   </div>
 </template>
 <script>
-import Pagination from "@/components/Pagination";
+
 import { fsulist, fsubatchDelete, fsudetail } from "../../api";
 import { successAlert, warningAlert } from "@/utils/alert";
 import { mapGetters, mapActions } from "vuex";
 export default {
   props: [],
-  components: { Pagination },
+  components: { },
   data() {
     return {
       railWaySelect: [],
@@ -269,6 +269,7 @@ export default {
     },
     searchQuery() {
       this.getTableData();
+    
     },
     reset() {
       this.FSUForm = {
@@ -302,8 +303,8 @@ export default {
       });
     },
     handlePageChange(pageData) {
-      this.params.pageSize = pageData.size;
-      this.params.pageNum = pageData.page;
+     this.FSUForm.size = pageData.size;
+      this.FSUForm.current = pageData.page;
       this.getTableData();
     },
     getTableData() {

src/views/setting/statistics/comp/leakyTable.vue

@@ -40,15 +40,15 @@
       </el-form-item>
       <el-form-item label="漏缆型号：">
         <el-select
-          placeholder="请输入漏缆型号"
+          placeholder="请选择漏缆型号"
           v-model="leakyCableForm.leakyCableMode"
           clearable
         >
           <el-option
-            v-for="item in leakySelect"
-            :key="item.id"
-            :label="item.leakyName"
-            :value="item.id"
+            v-for="item in equipTypeList"
+            :key="item.leakyCableMode"
+            :label="item.leakyCableMode"
+            :value="item.leakyCableMode"
           ></el-option>
         </el-select>
       </el-form-item>
@@ -209,8 +209,8 @@
       </el-table-column>
     </el-table>
     <pagination
-      :limit="params.pageSize"
-      :page="params.pageNum"
+      :limit="leakyCableForm.size"
+      :page="leakyCableForm.current"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
@@ -218,23 +218,25 @@
   </div>
 </template>
 <script>
-import Pagination from "@/components/Pagination";
+
 import {
   leakyCablelist,
   leakyCablebatchDelete,
   leakyCabledetail,
 } from "../../api";
+import { cableTypeEnum } from "../../../maintain/api";
 import { successAlert, warningAlert } from "@/utils/alert";
 import { mapGetters, mapActions } from "vuex";
 export default {
   props: [],
-  components: { Pagination },
+  components: {  },
   data() {
     return {
-      leakySelect: [],
+     
       railWaySelect: [],
       stationSelect2: [],
       fsuSelect2: [],
+      equipTypeList:[],
       monitor2: [],
       leakyCableForm: {
         wayId: "",
@@ -245,7 +247,7 @@ export default {
         leakyCableCode: "",
         leakyCableDescribe: "",
         leakyCableMode: "",
-           current: 1,
+        current: 1,
         size: 10,
       },
       tableData: [],
@@ -309,11 +311,12 @@ export default {
       });
     },
     refresh() {
-      this.reset()
+      this.reset();
       this.getTableData();
     },
     searchQuery() {
-     this.getTableData();
+      this.getTableData();
+    
     },
     reset() {
       this.leakyCableForm = {
@@ -326,7 +329,7 @@ export default {
         leakyCableDescribe: "",
 
         leakyCableMode: "",
-           current: 1,
+        current: 1,
         size: 10,
       };
     },
@@ -350,8 +353,8 @@ export default {
       leakyCabledetail({ id }).then((res) => {});
     },
     handlePageChange(pageData) {
-      this.params.pageSize = pageData.size;
-      this.params.pageNum = pageData.page;
+       this.leakyCableForm.size = pageData.size;
+      this.leakyCableForm.current = pageData.page;
       this.getTableData();
     },
     getTableData() {
@@ -365,6 +368,12 @@ export default {
         this.total = res.total;
       });
     },
+    getLeakyCablel() {
+      cableTypeEnum().then((res) => {
+        let list = res || [];
+        this.equipTypeList = list;
+      });
+    },
   },
   mounted() {
     this.getTableData();
@@ -372,9 +381,8 @@ export default {
     this.asyncstationList();
     this.asyncfsuList();
     this.asyncmonitorList();
-
+    this.getLeakyCablel();
     this.railWaySelect = this.railWaylist;
-
     this.monitorSelect = this.monitorEquiplist;
   },
 };

src/views/setting/statistics/comp/monitorTable.vue

@@ -175,8 +175,8 @@
       </el-table-column>
     </el-table>
     <pagination
-      :limit="params.pageSize"
-      :page="params.pageNum"
+      :limit="monitorForm.size"
+      :page="monitorForm.current"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
@@ -184,7 +184,7 @@
   </div>
 </template>
 <script>
-import Pagination from "@/components/Pagination";
+
 import {
   monitorEquiplist,
   monitorEquipbatchDelete,
@@ -194,7 +194,7 @@ import { successAlert, warningAlert } from "@/utils/alert";
 import { mapGetters, mapActions } from "vuex";
 export default {
   props: [],
-  components: { Pagination },
+  components: {  },
   data() {
     return {
       railWaySelect: [],
@@ -306,8 +306,8 @@ export default {
       monitorEquipdetail({ id }).then((res) => {});
     },
     handlePageChange(pageData) {
-      this.params.pageSize = pageData.size;
-      this.params.pageNum = pageData.page;
+      this.monitorForm.size = pageData.size;
+      this.monitorForm.current = pageData.page;
       this.getTableData();
     },
     getTableData() {

src/views/setting/statistics/comp/railWayTable.vue

@@ -110,8 +110,8 @@
     </el-table>
 
     <pagination
-      :limit="params.pageSize"
-      :page="params.pageNum"
+      :limit="railData.size"
+      :page="railData.current"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
@@ -119,7 +119,7 @@
   </div>
 </template>
 <script>
-import Pagination from "@/components/Pagination";
+
 import {
   railWaylist,
   railWaydetail,
@@ -130,7 +130,7 @@ import { mapGetters, mapActions } from "vuex";
 import { successAlert, warningAlert } from "@/utils/alert";
 export default {
   props: [],
-  components: { Pagination },
+  components: { },
   data() {
     return {
       railData: {
@@ -141,7 +141,7 @@ export default {
         size: 10,
       },
       visible: false,
-      Info: [],
+    
       tableData: [],
       params: {
         pageNum: 1,
@@ -183,11 +183,7 @@ export default {
     },
     searchQuery() {
       this.getTableData()
-// railWaylist( this.railData).then((res) => {
-//         let list = res.records || [];
-//         this.tableData = list;
-//         this.total = res.total;
-//       });
+
     },
     reset() {
        this.railData={
@@ -217,13 +213,12 @@ export default {
 
       let id = row.id;
       railWaydetail({ id }).then((res) => {
-        // this.visible=true
-        this.Info = res;
+      
       });
     },
     handlePageChange(pageData) {
-      this.params.pageSize = pageData.size;
-      this.params.pageNum = pageData.page;
+      this.railData.size = pageData.size;
+      this.railData.current = pageData.page;
       this.getTableData();
     },
     getTableData() {

src/views/setting/statistics/comp/stationTable.vue

@@ -141,8 +141,8 @@
     </el-table>
 
     <pagination
-      :limit="params.pageSize"
-      :page="params.pageNum"
+      :limit="siteForm.size"
+      :page="siteForm.current"
       :total="total"
       class="pagination"
       @pagination="handlePageChange"
@@ -150,13 +150,13 @@
   </div>
 </template>
 <script>
-import Pagination from "@/components/Pagination";
+
 import { sitelist, sitebatchDelete, sitedetail } from "../../api";
 import { successAlert, warningAlert } from "@/utils/alert";
 import { mapGetters, mapActions } from "vuex";
 export default {
   props: [],
-  components: { Pagination },
+  components: { },
   data() {
     return {
       siteForm: {
@@ -249,8 +249,8 @@ export default {
       sitedetail({ id }).then((res) => {});
     },
     handlePageChange(pageData) {
-      this.params.pageSize = pageData.size;
-      this.params.pageNum = pageData.page;
+       this.siteForm.size = pageData.size;
+      this.siteForm.current = pageData.page;
       this.getTableData();
     },
     getTableData() {