联调修改
This commit is contained in:
stt
@@ -1,13 +1,18 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--指标越限程度 -->
|
||||
<TableHeader :showReset="false" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
|
||||
<TableHeader :showReset="false" @selectChange="selectChange" datePicker v-if="fullscreen"></TableHeader>
|
||||
<my-echart
|
||||
class="tall"
|
||||
:options="echartList"
|
||||
:style="{ width: prop.width, height: `calc(${prop.height} / 2 )` }"
|
||||
/>
|
||||
<Table ref="tableRef" @cell-click="cellClickEvent" :height="`calc(${prop.height} / 2 - ${headerHeight}px + ${fullscreen ? 0 : 56}px )`" isGroup></Table>
|
||||
<Table
|
||||
ref="tableRef"
|
||||
@cell-click="cellClickEvent"
|
||||
:height="`calc(${prop.height} / 2 - ${headerHeight}px + ${fullscreen ? 0 : 56}px )`"
|
||||
isGroup
|
||||
></Table>
|
||||
<!-- 指标日趋势图 -->
|
||||
<DailyTrendChart ref="dailyTrendChartRef" />
|
||||
</div>
|
||||
@@ -59,49 +64,39 @@ const fullscreen = computed(() => {
|
||||
}
|
||||
})
|
||||
|
||||
const echartList = ref({
|
||||
title: {
|
||||
text: '指标越限严重度'
|
||||
},
|
||||
const echartList = ref()
|
||||
|
||||
xAxis: {
|
||||
// name: '(区域)',
|
||||
data: ['闪变', '谐波电压', '谐波电流', '电压偏差', '三相不平衡']
|
||||
},
|
||||
// const echartList = ref({
|
||||
// title: {
|
||||
// text: '指标越限严重度'
|
||||
// },
|
||||
|
||||
yAxis: {
|
||||
name: '%', // 给X轴加单位
|
||||
interval: 20
|
||||
},
|
||||
grid: {
|
||||
left: '10px',
|
||||
right: '20px'
|
||||
},
|
||||
options: {
|
||||
series: [
|
||||
{
|
||||
// name: '暂降次数',
|
||||
type: 'bar',
|
||||
name: '越限占比',
|
||||
data: [0, 7.5, 36, 0, 80],
|
||||
barMaxWidth: 30
|
||||
// xAxis: {
|
||||
// data: ['闪变', '谐波电压', '谐波电流', '电压偏差', '三相不平衡']
|
||||
// },
|
||||
|
||||
// label: {
|
||||
// show: true,
|
||||
// position: 'top',
|
||||
// textStyle: {
|
||||
// //数值样式
|
||||
// color: '#000'
|
||||
// },
|
||||
// fontSize: 12
|
||||
// }
|
||||
}
|
||||
]
|
||||
}
|
||||
})
|
||||
// yAxis: {
|
||||
// name: '%', // 给X轴加单位
|
||||
// interval: 20
|
||||
// },
|
||||
// grid: {
|
||||
// left: '10px',
|
||||
// right: '20px'
|
||||
// },
|
||||
// options: {
|
||||
// series: [
|
||||
// {
|
||||
// type: 'bar',
|
||||
// name: '越限占比',
|
||||
// data: [0, 7.5, 36, 0, 80],
|
||||
// barMaxWidth: 30
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
// })
|
||||
const dailyTrendChartRef = ref()
|
||||
const tableStore: any = new TableStore({
|
||||
url: '/user-boot/dept/deptTree',
|
||||
url: '/harmonic-boot/limitRateDetailD/limitExtentData',
|
||||
method: 'POST',
|
||||
|
||||
showPage: false,
|
||||
@@ -123,7 +118,7 @@ const tableStore: any = new TableStore({
|
||||
|
||||
{
|
||||
title: '越限最大值',
|
||||
field: 'type',
|
||||
field: 'maxValue',
|
||||
minWidth: '60',
|
||||
render: 'customTemplate',
|
||||
customTemplate: (row: any) => {
|
||||
@@ -132,26 +127,26 @@ const tableStore: any = new TableStore({
|
||||
},
|
||||
{
|
||||
title: '国标限值',
|
||||
field: 'type1',
|
||||
field: 'internationalValue',
|
||||
minWidth: '60'
|
||||
},
|
||||
{
|
||||
title: '越限程度(%)',
|
||||
field: 'type2',
|
||||
field: 'extent',
|
||||
minWidth: '60'
|
||||
},
|
||||
{
|
||||
title: '发生日期',
|
||||
field: 'type3',
|
||||
field: 'time',
|
||||
minWidth: '100'
|
||||
},
|
||||
{
|
||||
title: '越限最高监测点',
|
||||
field: 'type4',
|
||||
field: 'lineName',
|
||||
minWidth: '90'
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
beforeSearchFun: () => {
|
||||
// 尝试从缓存获取时间值
|
||||
let beginTime, endTime
|
||||
|
||||
@@ -164,54 +159,48 @@ const tableStore: any = new TableStore({
|
||||
}
|
||||
|
||||
// 如果缓存中没有则使用默认值
|
||||
tableStore.table.params.searchBeginTime = beginTime || prop.timeValue?.[0] || getTimeOfTheMonth(prop.timeKey)[0]
|
||||
|
||||
tableStore.table.params.searchEndTime = endTime || prop.timeValue?.[1] || getTimeOfTheMonth(prop.timeKey)[1]
|
||||
tableStore.table.params.searchBeginTime = beginTime || prop.timeValue?.[0]
|
||||
tableStore.table.params.searchEndTime = endTime || prop.timeValue?.[1]
|
||||
},
|
||||
loadCallback: () => {
|
||||
tableStore.table.data = [
|
||||
{
|
||||
name: '闪变',
|
||||
type: '0.0',
|
||||
type1: '2.0',
|
||||
type2: '0.0',
|
||||
type3: '/',
|
||||
type4: '/'
|
||||
},
|
||||
{
|
||||
name: '谐波电压',
|
||||
type: '1.72',
|
||||
type1: '1.6',
|
||||
type2: '7.5',
|
||||
type3: '2025-03-09',
|
||||
type4: '10kV1#电动机'
|
||||
},
|
||||
{
|
||||
name: '谐波电流',
|
||||
type: '27.2',
|
||||
type1: '20.0',
|
||||
type2: '36.0',
|
||||
type3: '2025-03-16',
|
||||
type4: '380V电焊机(治理前)'
|
||||
},
|
||||
{
|
||||
name: '电压偏差',
|
||||
type: '0.0',
|
||||
type1: '2.0',
|
||||
type2: '0.0',
|
||||
type3: '/',
|
||||
type4: '/'
|
||||
},
|
||||
{
|
||||
name: '三相不平衡',
|
||||
type: '3.6',
|
||||
type1: '2.0',
|
||||
type2: '80.0',
|
||||
type3: '2025-03-01',
|
||||
type4: '380V电焊机(治理前)'
|
||||
}
|
||||
]
|
||||
// 定义 x 轴标签顺序
|
||||
const xAxisLabels = ['闪变', '谐波电压', '谐波电流', '电压偏差', '三相不平衡']
|
||||
|
||||
// 根据指标名称顺序提取对应的 maxValue 数据
|
||||
const chartData = xAxisLabels.map(label => {
|
||||
// 在表格数据中查找对应指标名称的数据项
|
||||
const item = tableStore.table.data.find((row: any) => row.name === label)
|
||||
// 如果找到对应项，则返回 maxValue 值，否则返回 0
|
||||
return item ? parseFloat(item.maxValue) || 0 : 0
|
||||
})
|
||||
echartList.value = {
|
||||
title: {
|
||||
text: '指标越限严重度'
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
data: xAxisLabels
|
||||
},
|
||||
|
||||
yAxis: {
|
||||
name: '%', // 给X轴加单位
|
||||
interval: 20
|
||||
},
|
||||
grid: {
|
||||
left: '10px',
|
||||
right: '20px'
|
||||
},
|
||||
options: {
|
||||
series: [
|
||||
{
|
||||
type: 'bar',
|
||||
name: '越限占比',
|
||||
data: chartData,
|
||||
barMaxWidth: 30
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user