Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加echart地图

Browse Source
This commit is contained in:
GGJ
2025-05-15 18:51:48 +08:00
parent c6be2452cf
commit 2ef0f92743
22 changed files with 42 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/pqs/runManage/alarmCleaning/components/alarm.vue
View File

@@ -37,9 +37,9 @@
<span class="divBox_num" style="color: #57bc6e">{{ monitoringPoints.runNum }}</span>
</div>
<div class="divBox" style="width: 200px">
<span class="iconfont icon-yichang" style="color: #FFBF00"></span>
<span class="iconfont icon-yichang" style="color: #ffbf00"></span>
<span class="divBox_title">告警测点数</span>
<span class="divBox_num" style="color: #FFBF00">
<span class="divBox_num" style="color: #ffbf00">
{{ monitoringPoints.abnormalNum }}
</span>
</div>
@@ -138,33 +138,15 @@
</span>
</template>
</vxe-column>
<vxe-column field="monitorName" title="监测点名称">
<template #default="{ row }">
<span class="table_name">
{{ row.monitorName }}
</span>
</template>
</vxe-column>
<vxe-column field="monitorName" title="监测点名称"></vxe-column>
<vxe-column field="manufacturer" title="终端厂家"></vxe-column>
<vxe-column field="devName" title="所属终端名称">
<template #default="{ row }">
<span class="table_name">
{{ row.devName }}
</span>
</template>
</vxe-column>
<vxe-column field="devName" title="所属终端名称"></vxe-column>
<vxe-column field="ip" title="IP">
<template #default="{ row }">
{{ decryptFromBase64(row.ip) }}
</template>
</vxe-column>
<vxe-column field="stationName" title="所属电站">
<template #default="{ row }">
<span class="table_name">
{{ row.stationName }}
</span>
</template>
</vxe-column>
<vxe-column field="stationName" title="所属电站"></vxe-column>
<vxe-column field="objType" title="监测对象类型" :formatter="formatter"></vxe-column>
<vxe-column field="objName" title="监测对象名称" :formatter="formatter"></vxe-column>
<vxe-column field="voltageLevel" title="电压等级"></vxe-column>
@@ -281,7 +263,7 @@ const echart = () => {
],
series: [
{
{
name: '告警总数',
type: 'bar',
barWidth: 12,
@@ -312,7 +294,7 @@ const echart = () => {
type: 'bar',
barWidth: 13,
data: [
((monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100) == 0
(monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100 == 0
? ''
: ((monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100).toFixed(2)
],
@@ -584,7 +566,7 @@ provide('tableStore', tableStore)
:deep(.table_name) {
color: var(--el-color-primary);
cursor: pointer;
text-decoration: underline;
text-underline-offset: 4px;
}
.echartTitle {
@@ -594,7 +576,7 @@ provide('tableStore', tableStore)
font-weight: 600;
div:nth-child(2) {
font-size: 16px;
color: #FFBF00;
color: #ffbf00;
}
}
@@ -608,7 +590,7 @@ provide('tableStore', tableStore)
clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
}
.text-red {
color: #FFBF00 !important;
color: #ffbf00 !important;
cursor: pointer;
text-decoration: underline;
}