diff --git a/src/views/pqs/panorama/components/line/info.vue b/src/views/pqs/panorama/components/line/info.vue index 36079785..2380b843 100644 --- a/src/views/pqs/panorama/components/line/info.vue +++ b/src/views/pqs/panorama/components/line/info.vue @@ -3,28 +3,38 @@ -

+

台账信息

- - + + + {{ dropList.bdName }} + + {{ dropList.lineName }} + + {{ dropList.objName }} + {{ dropList.manufacturer }} {{ dropList.scale }} {{ dropList.loginTime }} - {{ dropList.pt }} - {{ dropList.ct }} + {{ dropList.loadType }} - + {{ dropList.comFlag }} @@ -32,22 +42,33 @@
-

+

- 告警明细 (天) + 告警天数

- + {{ TargetData.info == 1 ? '超标告警' : TargetData.info == 2 - ? '完整性告警' - : TargetData.info == 0 - ? '无告警' - : '暂无数据' + ? '完整性告警' + : TargetData.info == 0 + ? '无告警' + : '暂无数据' }} @@ -72,72 +93,27 @@ 数据质量
- - + +
+ -

- - 监测点总体评价结论 -

- -
- - - {{ dropList.lineName }} - - -
- 综合评估得分: - - {{ dropList.assessData }} - -
-
-
- - - - {{ item.targetName }} - - -
- 评估得分: - - {{ item.avg }} - -
-
-
-
-
- -

+

稳态指标合格率

-
+ +
-

+

暂态事件统计

@@ -167,6 +143,7 @@ import DatePicker from '@/components/form/datePicker/index.vue' import MyEChart from '@/components/echarts/MyEchart.vue' import echarts from '@/components/echarts/echarts' import { useRouter } from 'vue-router' +import { getTimeOfTheMonth } from '@/utils/formatTime' const router = useRouter() import { getLineDetailData } from '@/api/advance-boot/bearingCapacity' import { @@ -175,14 +152,14 @@ import { lineQualifiedDetail, getLineAssess, getEventDetailByLineId, - getGridDiagramTargetData + getGridDiagramTargetData, + } from '@/api/device-boot/panorama' import { formatter } from 'element-plus' - +const loading=ref(false) const emit = defineEmits(['back']) const dropList: any = ref({}) const TargetData: any = ref({}) -const evaluationData: any = ref([]) const incidentCharts: any = ref({}) const ComCharts: any = ref({}) const onLineCharts: any = ref({}) @@ -362,42 +339,8 @@ const open = async (id: string) => { } } }) + loading.value = true - // 监测点总体评价结论 - getLineAssess({ - lineId: id, - startTime: datePickerRef.value.timeValue[0], - endTime: datePickerRef.value.timeValue[1] - }).then((res: any) => { - dropList.value.assessData = res.data.assessLevel - evaluationData.value = [ - { - targetName: '频率偏差(Hz)', - avg: res.data.freqAssessLevel, - sd: res.data.freqQualifyData - }, - { - targetName: '电压偏差(%)', - avg: res.data.vdevAssessLevel, - sd: res.data.vdevQualifyData - }, - { - targetName: '电压总谐波畸变率(%)', - avg: res.data.harmAssessLevel, - sd: res.data.harmQualifyData - }, - { - targetName: '三相电压不平衡度(%)', - avg: res.data.unbalanceAssessLevel, - sd: res.data.unbalanceQualifyData - }, - { - targetName: '闪变', - avg: res.data.flickerAssessLevel, - sd: res.data.flickerQualifyData - } - ] - }) // 稳态指标合格率 lineQualifiedDetail({ @@ -522,7 +465,7 @@ const open = async (id: string) => { if (res.data[k] != '/') { judgment = false } - flag += (res.data[k] == '/' ? 0 : res.data[k]) + flag += res.data[k] == '/' ? 0 : res.data[k] } } @@ -633,7 +576,7 @@ const echart = (row: any) => { }, indicator: indicator }, - + color: color, series: [] } @@ -642,32 +585,25 @@ const echart = (row: any) => { name: item.time, type: 'radar', symbol: 'none', + areaStyle: { - normal: { - color: '#2a9fe069' - } + opacity: 0.6, // 调整透明度,避免重叠遮挡 + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { offset: 0, color: `${color[i]}50` }, + { offset: 1, color: `${color[i]}50` } // 渐变透明 + ]) }, - itemStyle: { - color: '#2a9fe0' + lineStyle: { + color: color[i], + width: 2 }, data: [item.ratioList] }) }) - // console.log("🚀 ~ echart ~ option:", option) chart.setOption(option) } -// 跳转 -const Integrity = () => { - router.push({ - name: 'harmonic-boot/harmonic/getIntegrityData' - }) -} -const OnlineRate = () => { - router.push({ - name: 'harmonic-boot/area/OnlineRate' - }) -} + onMounted(() => { // open('4c87b7dff2281254fc55c25a4da31506') @@ -708,7 +644,7 @@ defineExpose({ open }) .iconBox { display: flex; - + align-items: center; span { display: inline-block; width: 3px; @@ -737,7 +673,16 @@ defineExpose({ open }) } .background3 { - background-color: #A52a2a; + background-color: #a52a2a; color: #fff; } +:deep(.el-table--small .el-table__cell) { + padding: 2px 0 !important; +} +.text-style { + cursor: pointer; + text-decoration: underline; + text-decoration-color: var(--el-color-primary); + text-underline-offset: 4px; +} diff --git a/src/views/pqs/panorama/components/line/info1.vue b/src/views/pqs/panorama/components/line/info1.vue new file mode 100644 index 00000000..36079785 --- /dev/null +++ b/src/views/pqs/panorama/components/line/info1.vue @@ -0,0 +1,743 @@ + + + + +