同步电网一张图代码

This commit is contained in:
GGJ
2024-05-27 19:07:56 +08:00
parent 0edc0477a9
commit 260bd0580e
12 changed files with 58 additions and 58 deletions

View File

@@ -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="plt" title="闪变" :formatter="formatter" />
<vxe-column field="ubalance" title="三相电压不平衡度" :formatter="formatter" />
<vxe-column field="vdev" title="电压偏差" :formatter="formatter" />
<vxe-column field="vthd" title="电压总谐波畸变率" :formatter="formatter" />
<vxe-column field="freqDev" sortable title=" 频率偏差" :formatter="formatter" />
<vxe-column field="plt" sortable title="闪变" :formatter="formatter" />
<vxe-column field="ubalance" sortable title="三相电压不平衡度" :formatter="formatter" />
<vxe-column field="vdev" sortable title="电压偏差" :formatter="formatter" />
<vxe-column field="vthd" sortable title="电压总谐波畸变率" :formatter="formatter" />
</vxe-colgroup>
</vxe-table>
</div>

View File

@@ -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 {

View File

@@ -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="integrityRate" title="完整率(%)" />
<vxe-column field="onLineRate" title="在线率(%)" />
<vxe-column field="outOfStandardRate" title="超标监测点占比(%)" />
<vxe-column field="num" title="监测点个数" sortable :formatter="formatter" />
<vxe-column field="integrityRate" sortable title="完整率(%)" />
<vxe-column field="onLineRate" sortable title="在线率(%)" />
<vxe-column field="outOfStandardRate" sortable title="超标监测点占比(%)" />
</vxe-table>
</div>
</el-dialog>

View File

@@ -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="num1" title="无污染数量" :formatter="formatter" />
<vxe-column field="num2" title="轻微污染数量" :formatter="formatter" />
<vxe-column field="num3" title="轻度污染数量" :formatter="formatter" />
<vxe-column field="num4" title="中度污染数量" :formatter="formatter" />
<vxe-column field="num5" title="重度污染数量" :formatter="formatter" />
<vxe-column field="num" sortable title="变电站总数" />
<vxe-column field="num1" sortable title="无污染数量" :formatter="formatter" />
<vxe-column field="num2" sortable title="轻微污染数量" :formatter="formatter" />
<vxe-column field="num3" sortable title="轻度污染数量" :formatter="formatter" />
<vxe-column field="num4" sortable title="中度污染数量" :formatter="formatter" />
<vxe-column field="num5" sortable title="重度污染数量" :formatter="formatter" />
</vxe-table>
</div>
</el-dialog>

View File

@@ -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="overhaulNum" title="检修个数 " />
<vxe-column field="refundNum" title="退役个数" />
<vxe-column field="onLineRate" title="终端在线率(%)" />
<vxe-column field="runNum" sortable title="运行个数 " />
<vxe-column field="overhaulNum" sortable title="检修个数 " />
<vxe-column field="refundNum" sortable title="退役个数" />
<vxe-column field="onLineRate" sortable title="终端在线率(%)" />
</vxe-table>
</div>
</el-dialog>

View File

@@ -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)

View File

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

View File

@@ -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>

View File

@@ -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>

View File

@@ -1,24 +1,19 @@
<!--待办事项列表-->
<template>
<div class='default-main'>
<div>
<TableHeader date-picker>
<template v-slot:select>
<el-form-item label='任务名称'>
<el-input
v-model='tableStore.table.params.searchValue'
clearable
placeholder='请输入任务名称'
/>
<el-form-item label="任务名称">
<el-input 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>

View File

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