- 无污染：0
+ 无污染：0
轻微污染：(0 , 100]
@@ -33,7 +33,7 @@
中度污染：(1000 , 10000]
- 重度污染：(10000
+ 重度污染：(10000
-
+
-
+
+ 253_ipower++
+
+
-
+
+ 电压++
+
+
-
+
+ 三相电压幅值不平衡++
+
+
-
+
+ 电压总谐波畸变率++
+
+
-
+
+ 闪变++
+
-
停运事件管理@@ -252,9 +282,9 @@
@font-face { font-family: 'iconfont'; - src: url('iconfont.woff2?t=1764826411334') format('woff2'), - url('iconfont.woff?t=1764826411334') format('woff'), - url('iconfont.ttf?t=1764826411334') format('truetype'); + src: url('iconfont.woff2?t=1765612648830') format('woff2'), + url('iconfont.woff?t=1765612648830') format('woff'), + url('iconfont.ttf?t=1765612648830') format('truetype'); }第二步：定义使用 iconfont 的样式
@@ -280,6 +310,51 @@- +-
+
-
+
+ + 253_ipower ++.icon-a-253_ipower ++
+
+
-
+
+ + 电压 ++.icon-dianya ++
+
+
-
+
+ + 三相电压幅值不平衡 ++.icon-sanxiangdianyafuzhibupingheng ++
+
+
-
+
+ + 电压总谐波畸变率 ++.icon-dianyazongxiebojibianshuai ++
+
+
-
+
+ + 闪变 ++.icon-shanbian ++
+
-
@@ -577,6 +652,46 @@- +
-
+
-
+
+ 253_ipower+#icon-a-253_ipower+
+
+
-
+
+ 电压+#icon-dianya+
+
+
-
+
+ 三相电压幅值不平衡+#icon-sanxiangdianyafuzhibupingheng+
+
+
-
+
+ 电压总谐波畸变率+#icon-dianyazongxiebojibianshuai+
+
+
-
+
+ 闪变+#icon-shanbian+
+
- 监测点指标统计 + 资产性质
- ++ +数据完整性: - {{ val.integrityRate }}% + {{ val.integrityRate || 0 }}%在线率: - {{ val.integrityRate }}% + {{ val.onLineRate || 0 }}% -
+
+
监测运行统计 ++ ( 合格: + + {{ linList[0].lineNumOne || 0 }} + + 告警: + + {{ linList[0].lineNumTwo || 0 }} + + ) +
-- +-- - {{ item.title[0] }} --+++ ++++ + {{ item.title[0] }} +{{ item.title[1] }}: @@ -297,9 +308,10 @@ const countList: any = ref([ title: '电网侧监测点', num: 0, onLineNum: 0, - integrityRate: 0 + integrityRate: 0, + onLineRate: 0 }, - { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 } + { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0, onLineRate: 0 } ] } // { @@ -379,7 +391,7 @@ const info = async (row: any) => { numOneList: [] }) }) - // 监测点指标统计 + // 资产性质 getGridDiagramStatistics(form).then(res => { countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] } countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] } @@ -519,13 +531,13 @@ defineExpose({ info, show }) // grid-template-rows: 1fr 1fr; display: flex; flex-direction: column; - justify-content: space-evenly; + justify-content: space-around; // align-items: center; margin: 0 5px 5px; padding: 10px; background-color: #edededc0; border-radius: 10px; - min-height: 60px; + min-height: 40px; max-height: 120px; .line { @@ -554,7 +566,7 @@ defineExpose({ info, show }) .num1 { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; - gap: 8px; + gap: 15px; div { display: flex; padding-left: 20px; @@ -563,12 +575,16 @@ defineExpose({ info, show }) } } } + .num2 { + display: grid; + grid-template-columns: 1fr 1fr 1fr !important; + } } .BoxA { display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; +grid-template-columns: 1fr; + grid-template-rows: 1fr 1fr 1fr; // grid-template-rows: 80px; .num { @@ -619,4 +635,13 @@ defineExpose({ info, show }) :deep(.el-dialog__body) { max-height: none !important; } +.titleNum { + font-size: 13px; + font-weight: normal; + margin-left: 5px; + span { + font-weight: 600; + cursor: pointer; + } +} diff --git a/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue b/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue index da54aa85..e5a01b97 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue @@ -1,13 +1,13 @@ -+ ++ @@ -26,14 +26,14 @@ -@@ -68,7 +68,9 @@ import { ref, nextTick } from 'vue' import MyEChart from '@/components/echarts/MyEchart.vue' import { defaultAttribute } from '@/components/table/defaultAttribute' import { useDictData } from '@/stores/dictData' -import { getAssessDetail, getAssessTrend, downPollutionSubCalc } from '@/api/device-boot/panorama' +import { getAssessDetail, getAssessTrend, downPollutionSensitiveUser } from '@/api/device-boot/panorama' +import { useRoute } from 'vue-router' +const router = useRouter() const dictData = useDictData() const dialogVisible: any = ref(false) const rowList: any = ref({}) @@ -108,19 +110,18 @@ const currentChangeEvent = async () => { const analysis = () => { loading.value = true let time = rowList.value.searchBeginTime.slice(0, 4) + `-01-01` - downPollutionSubCalc({ ...rowList.value, ids: [PollutionList[0].id] }).then(res => { + downPollutionSensitiveUser({ ...rowList.value, ids: [PollutionList[0].id], deptId: rowList.value.id }).then(res => { const first10Items = res.data.slice(0, 10) picEChart.value = { title: { - text: '污染值排名前十变电站' + text: '污染值排名前十敏感及重要用户' }, xAxis: { name: '', - data: first10Items.map((item: any) => item.subStationName), + data: first10Items.map((item: any) => item.projectName.split('(')[0].trim()), axisLabel: { - rotate: 30, // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差） - + rotate: 30 // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差） } }, grid: { @@ -139,7 +140,7 @@ const analysis = () => { // name: time[i], name: '污染值', type: 'bar', - data: first10Items.map((item: any) => item.subVStationValue), + data: first10Items.map((item: any) => item.subValue), itemStyle: { color: function (params) { // params.value 是当前柱子的数值 @@ -170,6 +171,17 @@ const setColor = val => { ? '#00B07D' : '' } +const echartClick = (res:any) => { + router.push({ + name: 'harmonic-boot/qydetailedAnalysis/pollutionReport', + query: { + type: '4', + t: Date.now() + } + }) + console.log("🚀 ~ echartClick ~ res:", res) + +} defineExpose({ open }) diff --git a/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue b/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue index 40cc34b5..83536d0d 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue @@ -18,14 +18,14 @@- - - - - - - + + + + + + + + + + - + - + - + + {{ item.targetName }}
@@ -90,11 +94,16 @@ const Voltage: any = dictData.getBasicData('Dev_Voltage_Stand').filter(item => { const chartRef = ref () const url: any = [ - new URL(`@/assets/img/PLPC.png`, import.meta.url), - new URL(`@/assets/img/DYPC.png`, import.meta.url), - new URL(`@/assets/img/JBL.png`, import.meta.url), - new URL(`@/assets/img/SXDY.png`, import.meta.url), - new URL(`@/assets/img/SB.png`, import.meta.url) + 'icon-frequency', + 'icon-dianya', + 'icon-dianyazongxiebojibianshuai', + 'icon-sanxiangdianyafuzhibupingheng', + 'icon-a-253_ipower' + // new URL(`@/assets/img/PLPC.png`, import.meta.url), + // new URL(`@/assets/img/DYPC.png`, import.meta.url), + // new URL(`@/assets/img/JBL.png`, import.meta.url), + // new URL(`@/assets/img/SXDY.png`, import.meta.url), + // new URL(`@/assets/img/SB.png`, import.meta.url) ] const tableData: any = ref([]) const title = ['频率偏差(超标)', '电压偏差(超标)', '电压总谐波畸变率(超标)', '闪变(超标)', '三相电压不平衡度(超标)'] @@ -108,7 +117,8 @@ const echart = (row: any) => { let chart = echarts.init(chartRef.value as HTMLDivElement) - let dataname = ['频率偏差(Hz)', + let dataname = [ + '频率偏差(Hz)', '电压偏差(%)', '电压总谐波畸变率(%)', '三相电压不平衡度(%)', @@ -116,7 +126,8 @@ const echart = (row: any) => { '谐波电压(%)', '谐波电流(%)', '间谐波电压(%)', - '负序电流(A)'] + '负序电流(A)' + ] // let datamax = [100, 100, 100, 100, 100, 100] let indicator = [] for (let i = 0; i < dataname.length; i++) { @@ -247,6 +258,7 @@ const handleClick = (i: any) => { defineExpose({ open }) diff --git a/src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue b/src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue index e278b323..967adc87 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue @@ -5,10 +5,27 @@ - - - - + + + + {{ row.sagTimes }} + + + ++ + + {{ row.swellTimes }} + + + ++ + + {{ row.interruptTimes }} + + + @@ -39,19 +56,21 @@ @@ -150,4 +176,8 @@ defineExpose({ open }) :deep(.el-dialog__body) { max-height: none !important; } +.text-style { + cursor: pointer; + text-decoration: underline; +} diff --git a/src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue b/src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue index 1f321d51..cbd7e069 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue @@ -19,6 +19,10 @@ + 区域 +终端厂家 +@@ -77,11 +81,12 @@ const dialogVisible: any = ref(false) const time = ref('1') const rowList: any = ref({}) const tableData: any = ref() +const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type', 'Voltage_Level', 'Load_Type']) const picList = ref([]) - +const type = ref('1') const trendEChart: any = ref({}) - +const loadingTab = ref(false) const picEChart = ref() const open = async (row: any) => { time.value = '1' @@ -97,13 +102,49 @@ const open = async (row: any) => { analysis(1) dialogVisible.value = true //分布统计 - getGridDiagramDevData(rowList.value).then(res => { - picList.value = res.data + getGridDiagramDev() + // 列表 + getGridDiagramDevDataList({ + deviceInfoParam: { + ...row, + serverName: 'pqs-common', + ids: [row.id], + runFlag: [], + comFlag: [], + manufacturer: dictData.getBasicData('Dev_Manufacturers'), + statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0] + }, + ...row, + serverName: 'pqs-common', + ids: [row.id], + runFlag: [], + comFlag: [], + manufacturer: dictData.getBasicData('Dev_Manufacturers'), + statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0] + }).then((res: any) => { + tableData.value = res.data + }) +} + +const getGridDiagramDev = async () => { + loadingTab.value = true + let data = JSON.parse(JSON.stringify(rowList.value)) + data.deviceInfoParam.statisticalType = type.value == '1' ? classificationData[0] : classificationData[1] + data.statisticalType = type.value == '1' ? classificationData[0] : classificationData[1] + + await getGridDiagramDevData(data).then((res: any) => { + const total = res.data.reduce((sum, item) => { + return sum + item.devCount + }, 0) + + picList.value = type.value == '1' ? res.data : res.data.filter((item: any) => item.devCount != 0) let picData: any = [] - res.data.forEach((item: any) => { + picList.value = picList.value.sort((a, b) => b.devCount - a.devCount) + picList.value.forEach((item: any) => { picData.push({ value: item.devCount, - name: `${item.orgName}`, + name: `${item.orgName}(${item.devCount})`, + proportion: (item.devCount / total).toFixed(2), itemStyle: { color: item.onlineEvaluate < 60 ? 'red' : item.onlineEvaluate < 90 ? 'orange' : 'green' } @@ -113,7 +154,7 @@ const open = async (row: any) => { picEChart.value = { tooltip: { trigger: 'item', - formatter: '{b} :在运终端数 {c} 台' + formatter: '{b}: 占比 {d}% ' }, legend: { show: false @@ -153,29 +194,8 @@ const open = async (row: any) => { } } }) - // 列表 - getGridDiagramDevDataList({ - deviceInfoParam: { - ...row, - serverName: 'pqs-common', - ids: [row.id], - runFlag: [], - comFlag: [], - manufacturer: dictData.getBasicData('Dev_Manufacturers'), - statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0] - }, - ...row, - serverName: 'pqs-common', - ids: [row.id], - runFlag: [], - comFlag: [], - manufacturer: dictData.getBasicData('Dev_Manufacturers'), - statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0] - }).then((res: any) => { - tableData.value = res.data - }) + loadingTab.value = false } - const analysis = (e: any) => { let time = rowList.value.searchBeginTime.slice(0, 4) + `-01-01` diff --git a/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue b/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue new file mode 100644 index 00000000..3efa7ae4 --- /dev/null +++ b/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue @@ -0,0 +1,58 @@ + + + + + + + diff --git a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue index d901c05f..eed3f7c2 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue @@ -3,8 +3,8 @@+ ++ + + + + - {{ dropList.lineName }}详情 - 最新数据时间： + {{ dropList.gdName }}_{{ dropList.bdName }}_{{ dropList.lineName }} + 最新数据时间： {{ dropList.updateTime }} 统计日期： @@ -14,21 +14,27 @@ - +
台账信息
-- + + + {{ dropList.bdName }} + +{{ dropList.lineName }} ++ {{ dropList.objName }} + {{ dropList.manufacturer }} {{ dropList.scale }} {{ dropList.loginTime }} -{{ dropList.pt }} -{{ dropList.ct }} +{{ dropList.loadType }} -+ {{ dropList.comFlag }} @@ -36,9 +42,12 @@- ++
- 告警明细 (天) + 告警天数
@@ -78,6 +87,42 @@ + ++ + 告警明细 +
+ + ++ ++ + + {{ row.avg == 3.14159 ? '/' : Math.floor(row.avg * 100) / 100 }} + + ++ + {{ row.xz == 3.14159 ? '/' : row.xz }} + + +@@ -92,75 +137,16 @@ />
- -- - 监测点总体评价结论 -
- ---- -- {{ dropList.lineName }} - -- -- 综合评估得分: - - {{ dropList.assessData }} - --- -- -- {{ item.targetName }} -
- -- 评估得分： - - {{ item.avg }} - --- +
稳态指标合格率
- + +- +
暂态事件统计
@@ -199,10 +185,12 @@ import { lineQualifiedDetail, getLineAssess, getEventDetailByLineId, - getGridDiagramTargetData + getGridDiagramTargetData, + limitTableDetail } from '@/api/device-boot/panorama' import { formatter } from 'element-plus' + const emit = defineEmits(['back']) const dropList: any = ref({}) const TargetData: any = ref({}) @@ -388,37 +376,41 @@ const open = async (id: string) => { }) // 监测点总体评价结论 - getLineAssess({ + limitTableDetail({ lineId: id, - startTime: datePickerRef.value.timeValue[0], - endTime: datePickerRef.value.timeValue[1] + monitorIds: [id], + searchBeginTime: datePickerRef.value.timeValue[0], + searchEndTime: datePickerRef.value.timeValue[1], + searchState: 0, + lineRunFlag: 0, + }).then((res: any) => { - dropList.value.assessData = res.data.assessLevel + // dropList.value.assessData = res.data.assessLevel evaluationData.value = [ { - targetName: '频率偏差(Hz)', - avg: res.data.freqAssessLevel, - sd: res.data.freqQualifyData + targetName: '频率偏差', + avg: res.data.freqData, + xz: res.data.freqLimit }, { - targetName: '电压偏差(%)', - avg: res.data.vdevAssessLevel, - sd: res.data.vdevQualifyData + targetName: '电压偏差', + avg: res.data.vdevData, + xz: res.data.vdevLimit }, { - targetName: '电压总谐波畸变率(%)', - avg: res.data.harmAssessLevel, - sd: res.data.harmQualifyData + targetName: '电压总谐波畸变率', + avg: res.data.udevData, + xz: res.data.uaberranceLimit }, { - targetName: '三相电压不平衡度(%)', - avg: res.data.unbalanceAssessLevel, - sd: res.data.unbalanceQualifyData + targetName: '三相电压不平衡度', + avg: res.data.unbalanceData, + xz: res.data.unbalanceLimit }, { targetName: '闪变', - avg: res.data.flickerAssessLevel, - sd: res.data.flickerQualifyData + avg: res.data.flickerData, + xz: res.data.flickerLimit } ] }) @@ -687,15 +679,58 @@ const echart = (row: any) => { // 跳转 const Integrity = () => { router.push({ - name: 'harmonic-boot/harmonic/getIntegrityData' - }) -} -const OnlineRate = () => { - router.push({ - name: 'harmonic-boot/area/OnlineRate' + name: 'harmonic-boot/harmonic/getIntegrityData', + query: { + type: '1', + name: dropList.value.lineName, + t: Date.now() + } }) } +const OnlineRate = () => { + router.push({ + name: 'harmonic-boot/area/OnlineRate', + query: { + type: '1', + name: dropList.value.devName, + t: Date.now() + } + }) +} +// 跳转在线监测点 +const clickAlarm = (value: any) => { + router.push({ + name: 'harmonic-boot/monitor/online', + query: { + type: value, + id: lineId.value, + t: Date.now() + } + }) +} +// 跳转暂态列表 +const clickTransient = () => { + router.push({ + name: 'Descentsystem/transientList', + query: { + type: '1', + name: dropList.value.lineName, + t: Date.now() + } + }) +} +// 跳转台账信息 +const clickLinName = () => { + router.push({ + name: 'Supervision/Terminaldetection', + query: { + type: '5', + name: dropList.value.lineName, + t: Date.now() + } + }) +} onMounted(() => { // open('4c87b7dff2281254fc55c25a4da31506') }) @@ -735,7 +770,7 @@ defineExpose({ open }) .iconBox { display: flex; - +align-items: center; span { display: inline-block; width: 3px; @@ -767,4 +802,11 @@ defineExpose({ open }) background-color: #a52a2a; color: #fff; } +:deep(.el-table--small .el-table__cell) { + padding: 2px 0 !important; +} +.text-style { + cursor: pointer; + text-decoration: underline; +} diff --git a/src/views/pqs/qualityInspeection/panorama/components/map.vue b/src/views/pqs/qualityInspeection/panorama/components/map.vue index 82d40321..d2369634 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/map.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/map.vue @@ -19,6 +19,12 @@+ ++ ++ 查询无结果@@ -50,6 +56,8 @@ 展开搜索结果diff --git a/src/views/pqs/qualityInspeection/panorama/components/mapL.vue b/src/views/pqs/qualityInspeection/panorama/components/mapL.vue index 60ff6bd7..c12ec397 100644 --- a/src/views/pqs/qualityInspeection/panorama/components/mapL.vue +++ b/src/views/pqs/qualityInspeection/panorama/components/mapL.vue @@ -61,10 +61,10 @@ - 监测点指标统计 + 资产性质
@@ -97,33 +97,48 @@
数据完整性: - {{ val.integrityRate }}% + {{ val.integrityRate || 0 }}%在线率: - {{ val.integrityRate }}% + {{ val.onLineRate || 0 }}% -
+
+