同步电网一张图代码

src/views/pqs/qualityInspeection/panorama/components/city/statistics.vue

@@ -6,11 +6,11 @@
                 <vxe-column field="substationName" title="变电站名称" />
                 <vxe-column field="lineName" title="监测点名称" />
                 <vxe-colgroup title="各指标合格率">
-                    <vxe-column field="freqDev" title="	频率偏差" :formatter="formatter" />
+                    <vxe-column field="freqDev" sortable title="	频率偏差" :formatter="formatter" />
-                    <vxe-column field="plt" title="闪变" :formatter="formatter" />
+                    <vxe-column field="plt" sortable title="闪变" :formatter="formatter" />
-                    <vxe-column field="ubalance" title="三相电压不平衡度" :formatter="formatter" />
+                    <vxe-column field="ubalance" sortable title="三相电压不平衡度" :formatter="formatter" />
-                    <vxe-column field="vdev" title="电压偏差" :formatter="formatter" />
+                    <vxe-column field="vdev" sortable title="电压偏差" :formatter="formatter" />
-                    <vxe-column field="vthd" title="电压总谐波畸变率" :formatter="formatter" />
+                    <vxe-column field="vthd" sortable title="电压总谐波畸变率" :formatter="formatter" />
                 </vxe-colgroup>
             </vxe-table>
         </div>

src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue

@@ -593,9 +593,11 @@ defineExpose({ info, show })
     font-size: 0.8rem !important    ;
 }
 .monitoringPoints {
-    display: grid;
+    // display: grid;
     font-size: 12px;
-    grid-template-columns: 1fr 1fr 1fr;
+    display: flex;
+    justify-content: space-between;
+    // grid-template-columns: 1fr 1fr 1fr;
     margin-top: 10px;
     margin-bottom: 10px;
     .line {

src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue

@@ -4,28 +4,28 @@
         <div>
             <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
                 <vxe-column field="deptName" title="地市" />
-                <vxe-column field="assessData" title="综合评估得分" :formatter="formatter" />
+                <vxe-column field="assessData" title="综合评估得分"   :formatter="formatter" />
-                <vxe-column field="qualifyData" title="指标合格率(%)" :formatter="formatter" />
+                <vxe-column field="qualifyData" title="指标合格率(%)"   :formatter="formatter" />
 
                 <vxe-colgroup title="电压偏差">
-                    <vxe-column field="vdevAssessData" title="评估得分" :formatter="formatter" />
+                    <vxe-column field="vdevAssessData" title="评估得分"   :formatter="formatter" />
-                    <vxe-column field="vdevQualifyData" title="指标合格率(%)" :formatter="formatter" />
+                    <vxe-column field="vdevQualifyData" title="指标合格率(%)"   :formatter="formatter" />
                 </vxe-colgroup>
                 <vxe-colgroup title="频率偏差">
-                    <vxe-column field="freqAssessData" title="评估得分" :formatter="formatter" />
+                    <vxe-column field="freqAssessData" title="评估得分"   :formatter="formatter" />
-                    <vxe-column field="freqQualifyData" title="指标合格率(%)" :formatter="formatter" />
+                    <vxe-column field="freqQualifyData" title="指标合格率(%)"   :formatter="formatter" />
                 </vxe-colgroup>
-                <vxe-colgroup title="电压总谐波畸变率">
+                <vxe-colgroup title="电压总谐波畸变率" >
-                    <vxe-column field="harmAssessData" title="评估得分" :formatter="formatter" />
+                    <vxe-column field="harmAssessData" title="评估得分"   :formatter="formatter" />
-                    <vxe-column field="harmQualifyData" title="指标合格率(%)" :formatter="formatter" />
+                    <vxe-column field="harmQualifyData" title="指标合格率(%)"   :formatter="formatter" />
                 </vxe-colgroup>
                 <vxe-colgroup title="电压闪变">
-                    <vxe-column field="flickerAssessData" title="评估得分" :formatter="formatter" />
+                    <vxe-column field="flickerAssessData" title="评估得分"   :formatter="formatter" />
-                    <vxe-column field="flickerQualifyData" title="指标合格率(%)" :formatter="formatter" />
+                    <vxe-column field="flickerQualifyData" title="指标合格率(%)"   :formatter="formatter" />
                 </vxe-colgroup>
                 <vxe-colgroup title="三相电压不平衡度">
-                    <vxe-column field="unbalanceAssessData" title="评估得分" :formatter="formatter" />
+                    <vxe-column field="unbalanceAssessData" title="评估得分"   :formatter="formatter" />
-                    <vxe-column field="unbalanceQualifyData" title="指标合格率(%)" :formatter="formatter" />
+                    <vxe-column field="unbalanceQualifyData" title="指标合格率(%)"   :formatter="formatter" />
                 </vxe-colgroup>
             </vxe-table>
         </div>

src/views/pqs/qualityInspeection/panorama/components/details/point.vue

@@ -33,12 +33,12 @@
             <div class="title">
                 <span>区域监测点统计</span>
             </div>
-            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="320px" :data="tableData">
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="325px" :data="tableData">
                 <vxe-column field="orgName" title="区域" :formatter="formatter" />
-                <vxe-column field="num" title="监测点个数" :formatter="formatter" />
+                <vxe-column field="num" title="监测点个数" sortable :formatter="formatter" />
-                <vxe-column field="integrityRate" title="完整率(%)" />
+                <vxe-column field="integrityRate" sortable title="完整率(%)" />
-                <vxe-column field="onLineRate" title="在线率(%)" />
+                <vxe-column field="onLineRate" sortable title="在线率(%)" />
-                <vxe-column field="outOfStandardRate" title="超标监测点占比(%)" />
+                <vxe-column field="outOfStandardRate" sortable  title="超标监测点占比(%)" />
             </vxe-table>
         </div>
     </el-dialog>

src/views/pqs/qualityInspeection/panorama/components/details/stand.vue

@@ -52,14 +52,14 @@
             <div class="title mb10">
                 <span>区域变电站统计</span>
             </div>
-            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="320px" :data="tableData">
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="325px" :data="tableData">
                 <vxe-column field="name" title="区域" />
-                <vxe-column field="num" title="变电站总数" />
+                <vxe-column field="num" sortable title="变电站总数" />
-                <vxe-column field="num1" title="无污染数量" :formatter="formatter" />
+                <vxe-column field="num1" sortable title="无污染数量" :formatter="formatter" />
-                <vxe-column field="num2" title="轻微污染数量" :formatter="formatter" />
+                <vxe-column field="num2" sortable title="轻微污染数量" :formatter="formatter" />
-                <vxe-column field="num3" title="轻度污染数量" :formatter="formatter" />
+                <vxe-column field="num3" sortable title="轻度污染数量" :formatter="formatter" />
-                <vxe-column field="num4" title="中度污染数量" :formatter="formatter" />
+                <vxe-column field="num4" sortable title="中度污染数量" :formatter="formatter" />
-                <vxe-column field="num5" title="重度污染数量" :formatter="formatter" />
+                <vxe-column field="num5" sortable title="重度污染数量" :formatter="formatter" />
             </vxe-table>
         </div>
     </el-dialog>

src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue

@@ -52,12 +52,12 @@
             <div class="title">
                 <span>区域终端统计</span>
             </div>
-            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="320px" :data="tableData">
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="325px" :data="tableData">
                 <vxe-column field="orgName" title="区域" />
-                <vxe-column field="runNum" title="运行个数	" />
+                <vxe-column field="runNum" sortable title="运行个数	" />
-                <vxe-column field="overhaulNum" title="检修个数	" />
+                <vxe-column field="overhaulNum" sortable title="检修个数	" />
-                <vxe-column field="refundNum" title="退役个数" />
+                <vxe-column field="refundNum" sortable title="退役个数" />
-                <vxe-column field="onLineRate" title="终端在线率(%)" />
+                <vxe-column field="onLineRate" sortable title="终端在线率(%)" />
             </vxe-table>
         </div>
     </el-dialog>

src/views/pqs/qualityInspeection/panorama/components/map.vue

@@ -226,9 +226,11 @@ const addLine = () => {
         orgId: orgId.value == '1100F3DE20806FADE050007F01006CBE' ? '' : orgId.value
     })
     psrmap.addPSR()
-    psrmap.filterByDomain(1)
-    initDeviceCard()
 
+    initDeviceCard()
+    setTimeout(() => {
+        psrmap.filterByDomain(1)
+    }, 0)
     //添加电网要素点击事件
     psrmap.on('click', (features: any) => {
         console.log(features)

src/views/pqs/supervise/electricalEnergy/components1/online.vue

@@ -40,6 +40,7 @@ const tableStore = new TableStore({
     url: '/harmonic-boot/rmppartharmonicdetail/getRMpPartHarmonicDetail',
     publicHeight: 65,
     method: 'POST',
+    isWebPaging:true,
     column: [
         {
             title: '序号',

src/views/pqs/supervise/retire/deviceQuitPopup.vue

@@ -4,7 +4,7 @@
         class="cn-operate-dialog"
         v-model="dialogVisible"
         :title="title"
-        style="max-width: 450px; height: 320px"
+        style="max-width: 450px; "
         top="30vh"
     >
         <el-scrollbar>

src/views/pqs/supervise/technology/feedbackPopup.vue

@@ -4,7 +4,7 @@
       class='cn-operate-dialog'
       v-model='dialogVisible'
       :title='title'
-      style='max-width: 450px; height: 320px'
+     width="450px"
       top='30vh'
   >
     <el-scrollbar>

src/views/system/bpm/task/done/index.vue

@@ -1,24 +1,19 @@
 <!--待办事项列表-->
 <template>
-    <div class='default-main'>
+    <div>
         <TableHeader date-picker>
             <template v-slot:select>
-                <el-form-item label='任务名称'>
+                <el-form-item label="任务名称">
-                    <el-input
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入任务名称" />
-                        v-model='tableStore.table.params.searchValue'
-                        clearable
-                        placeholder='请输入任务名称'
-                    />
                 </el-form-item>
             </template>
-
         </TableHeader>
         <!--表格-->
-        <Table ref='tableRef'></Table>
+        <Table ref="tableRef"></Table>
     </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
@@ -26,14 +21,12 @@ import { onMounted, provide, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { dateFormatter, formatPast2 } from '@/utils/formatTime'
 
-
 defineOptions({
     name: 'businessUser'
 })
 
 const { push } = useRouter()
 
-
 const tableStore = new TableStore({
     url: '/bpm-boot/bpm/task/doneList',
     method: 'POST',
@@ -47,7 +40,9 @@ const tableStore = new TableStore({
         { title: '发起时间', field: 'createTime', minWidth: 170 },
         { title: '结束时间', field: 'endTime', minWidth: 170 },
         {
-            title: '审批状态', field: 'status', minWidth: 130,
+            title: '审批状态',
+            field: 'status',
+            minWidth: 130,
             render: 'tag',
             custom: {
                 1: 'primary',
@@ -64,7 +59,9 @@ const tableStore = new TableStore({
         },
         { title: '审批建议', field: 'reason', minWidth: 150 },
         {
-            title: '耗时', field: 'durationInMillis', minWidth: 150,
+            title: '耗时',
+            field: 'durationInMillis',
+            minWidth: 150,
             formatter: (obj: any) => {
                 return formatPast2(obj.row.durationInMillis)
             }
@@ -95,7 +92,6 @@ const tableStore = new TableStore({
                 delete tableStore.table.params[key]
             }
         }
-
     }
 })
 
@@ -115,5 +111,4 @@ const handleAudit = (instanceId: any) => {
         }
     })
 }
-
 </script>

src/views/system/bpm/task/todo/index.vue

@@ -1,6 +1,6 @@
 <!--待办事项列表-->
 <template>
-    <div class='default-main'>
+    <div >
         <TableHeader date-picker>
             <template v-slot:select>
                 <el-form-item label='任务名称'>