修改分页

src/views/pqs/supervise/terminal/components/monitorLedgerTable.vue

@@ -1,20 +1,19 @@
 <template>
     <div>
-        <TableHeader area ref='TableHeaderRef'>
+        <TableHeader area ref="TableHeaderRef">
             <template #select>
-                <el-form-item label='信息查询'>
+                <el-form-item label="信息查询">
-                    <el-input v-model='tableStore.table.params.searchValue' clearable></el-input>
+                    <el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
                 </el-form-item>
             </template>
             <template #operation>
-                <el-button icon='el-icon-Download' type='primary'>导出</el-button>
+                <el-button icon="el-icon-Download" type="primary">导出</el-button>
             </template>
         </TableHeader>
-        <Table ref='tableRef' />
+        <Table ref="tableRef" />
     </div>
-
 </template>
-<script setup lang='ts'>
+<script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
@@ -32,6 +31,7 @@ const areaOptionList = dictData.getBasicData('jibei_area')
 const tableStore = new TableStore({
     url: '/device-boot/runManage/getLineLedger',
     publicHeight: 65,
+    isWebPaging: true,
     method: 'POST',
     column: [
         /* { title: '序号', type: 'seq', width: 80 },*/
@@ -51,39 +51,37 @@ const tableStore = new TableStore({
         { field: 'lineName', title: '监测点名称', minWidth: 130 },
         { field: 'scale', title: '监测点电压等级', minWidth: 120 },
 
-
         { field: 'loadType', title: '干扰源类型', minWidth: 120 },
         { field: 'objName', title: '监测对象名称', minWidth: 180 },
         {
             field: 'shortCapacity',
             title: '最小短路容量(MVA)',
-            minWidth: 150,
+            minWidth: 150
         },
         {
             field: 'devCapacity',
             title: '供电设备容量(MVA )',
-            minWidth: 150,
+            minWidth: 150
         },
         {
             field: 'dealCapacity',
             title: '用户协议容量(MVA)',
-            minWidth: 150,
+            minWidth: 150
         },
-       /* { field: 'comFlag', title: '通讯状态 ', minWidth: 120 },*/
+        /* { field: 'comFlag', title: '通讯状态 ', minWidth: 120 },*/
         { field: 'id', title: '监测点序号', minWidth: 90 },
         { field: 'devName', title: '监测终端编号 ', minWidth: 140 },
         { field: 'ptType', title: '监测终端接线方式', minWidth: 140 },
         {
             field: 'voltageDev',
             title: '电压偏差上限(%)',
-            minWidth: 120,
+            minWidth: 120
         },
         {
             field: 'uvoltageDev',
             title: '电压偏差下限(%)',
-            minWidth: 120,
+            minWidth: 120
-        },
+        }
-
 
         /*   {
                title: '操作',
@@ -107,22 +105,17 @@ const tableStore = new TableStore({
 
     beforeSearchFun: () => {
         tableStore.table.params.serverName = 'harmonic-boot'
-        tableStore.table.params.runFlag=[0,1,2]
+        tableStore.table.params.runFlag = [0, 1, 2]
-        tableStore.table.params.comFlag=[0,1]
+        tableStore.table.params.comFlag = [0, 1]
         tableStore.table.params.statisticalType = {
             name: '电网拓扑',
             code: 'Power_Network'
         }
-
-
     }
 })
 
-
 provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
 })
-
-
 </script>