同步电网一张图代码
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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="qualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-column field="assessData" title="综合评估得分" :formatter="formatter" />
|
||||
<vxe-column field="qualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
|
||||
<vxe-colgroup title="电压偏差">
|
||||
<vxe-column field="vdevAssessData" title="评估得分" :formatter="formatter" />
|
||||
<vxe-column field="vdevQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-column field="vdevAssessData" 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="freqQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-column field="freqAssessData" title="评估得分" :formatter="formatter" />
|
||||
<vxe-column field="freqQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
</vxe-colgroup>
|
||||
<vxe-colgroup title="电压总谐波畸变率">
|
||||
<vxe-column field="harmAssessData" title="评估得分" :formatter="formatter" />
|
||||
<vxe-column field="harmQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-colgroup title="电压总谐波畸变率" >
|
||||
<vxe-column field="harmAssessData" 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="flickerQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-column field="flickerAssessData" 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="unbalanceQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
<vxe-column field="unbalanceAssessData" title="评估得分" :formatter="formatter" />
|
||||
<vxe-column field="unbalanceQualifyData" title="指标合格率(%)" :formatter="formatter" />
|
||||
</vxe-colgroup>
|
||||
</vxe-table>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user