修改 弹框样式
This commit is contained in:
@@ -3,6 +3,9 @@
|
||||
<DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
|
||||
<div class="analyze-apf-right" v-if="formInline.devId">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="时间:">
|
||||
<DatePicker ref="datePickerRef"></DatePicker>
|
||||
</el-form-item>
|
||||
<el-form-item label="统计指标:">
|
||||
<el-select v-model="formInline.statisticalId" filterable placeholder="请选择">
|
||||
<el-option v-for="item in zblist" :key="item.value" :label="item.label"
|
||||
@@ -15,9 +18,7 @@
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间:">
|
||||
<DatePicker ref="datePickerRef"></DatePicker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="search" icon="el-icon-Search">查询</el-button>
|
||||
</el-form-item>
|
||||
@@ -46,7 +47,7 @@ import { getDevCapacity } from '@/api/cs-device-boot/capacity'
|
||||
import { queryCommonStatisticalByTime } from '@/api/cs-harmonic-boot/stable'
|
||||
import DatePicker from '@/components/form/datePicker/index.vue'
|
||||
import MyEchart from '@/components/echarts/MyEchart.vue'
|
||||
|
||||
import { yMethod } from '@/utils/echartMethod'
|
||||
defineOptions({
|
||||
name: 'govern/analyze/APF'
|
||||
})
|
||||
@@ -107,14 +108,14 @@ const nodeClick = async (e: anyObj) => {
|
||||
if (zblist.value.length === 0) {
|
||||
await init()
|
||||
}
|
||||
getDevCapacity(formInline.devId).then(res => {
|
||||
getDevCapacity(formInline.devId).then(res => {
|
||||
devCapacity.value = res.data
|
||||
search()
|
||||
}).catch(() => {
|
||||
loading.value = false
|
||||
|
||||
loading.value = false
|
||||
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
const search = () => {
|
||||
@@ -134,6 +135,35 @@ const search = () => {
|
||||
legend.push(item.anotherName)
|
||||
}
|
||||
})
|
||||
let aar = data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_RmsI_TolOut') {
|
||||
return [item.time, item.statisticalData.toFixed(2)]
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== '')
|
||||
let aar1 = data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_ThdA_Load') {
|
||||
return [item.time, item.statisticalData.toFixed(2)]
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== '')
|
||||
let aar2 = data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_ThdA_Sys') {
|
||||
return [item.time, item.statisticalData.toFixed(2)]
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== '')
|
||||
|
||||
|
||||
let series = [
|
||||
// 总输出电流
|
||||
{
|
||||
@@ -142,15 +172,7 @@ const search = () => {
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
//stack: 'Total',
|
||||
data: data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_RmsI_TolOut') {
|
||||
return item.statisticalData
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== ''),
|
||||
data: aar,
|
||||
markLine: {
|
||||
symbol: 'none',
|
||||
data: [
|
||||
@@ -172,15 +194,7 @@ const search = () => {
|
||||
symbol: 'none',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
data: data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_ThdA_Load') {
|
||||
return item.statisticalData
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== '')
|
||||
data: aar1
|
||||
},
|
||||
// 电网电流畸变率
|
||||
{
|
||||
@@ -188,17 +202,12 @@ const search = () => {
|
||||
symbol: 'none',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
data: data
|
||||
.map(item => {
|
||||
if (item.statisticalName === 'Apf_ThdA_Sys') {
|
||||
return item.statisticalData
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
})
|
||||
.filter(item => item !== '')
|
||||
data: aar2
|
||||
}
|
||||
]
|
||||
let [min, max] = yMethod(aar.map((item: any) => item[1]))
|
||||
let [min1, max1] = yMethod([...aar1, ...aar2].map((item: any) => item[1]))
|
||||
|
||||
echartsData.value = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
@@ -225,30 +234,40 @@ const search = () => {
|
||||
},
|
||||
xAxis: {
|
||||
name: '时间',
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: xAxis,
|
||||
type: 'time',
|
||||
axisLabel: {
|
||||
formatter: function (value: string) {
|
||||
return value.split(' ').join('\n')
|
||||
}
|
||||
formatter: {
|
||||
day: '{MM}-{dd}',
|
||||
month: '{MM}',
|
||||
year: '{yyyy}',
|
||||
},
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
// symbol: ["none", "arrow"],
|
||||
lineStyle: {
|
||||
color: '#333'
|
||||
}
|
||||
}
|
||||
|
||||
// boundaryGap: false,
|
||||
// data: xAxis,
|
||||
// axisLabel: {
|
||||
// formatter: function (value: string) {
|
||||
// return value.split(' ').join('\n')
|
||||
// }
|
||||
// },
|
||||
// axisLine: {
|
||||
// show: true,
|
||||
// // symbol: ["none", "arrow"],
|
||||
// lineStyle: {
|
||||
// color: '#333'
|
||||
// }
|
||||
// }
|
||||
},
|
||||
yAxis: [
|
||||
{
|
||||
name: '畸变率:(%)',
|
||||
type: 'value',
|
||||
// max: 10,
|
||||
min: 0,
|
||||
min: min1,
|
||||
max: max1,
|
||||
splitNumber: 5,
|
||||
minInterval: 1,
|
||||
// interval: 1,
|
||||
|
||||
axisLine: {
|
||||
show: true,
|
||||
//symbol: ["none", "arrow"],
|
||||
@@ -260,18 +279,10 @@ const search = () => {
|
||||
{
|
||||
name: '电流:(A)',
|
||||
type: 'value',
|
||||
min: 0,
|
||||
minInterval: 1, //分割刻度
|
||||
// 寻找data最大值
|
||||
// interval: 1,
|
||||
max:
|
||||
series[0].data.reduce((a, b) => Math.max(a, b)) > devCapacity.value
|
||||
? series[0].data.reduce((a, b) => Math.max(a, b))
|
||||
: devCapacity.value + devCapacity.value * 0.5,
|
||||
// interval:
|
||||
// (series[0].data.reduce((a, b) => Math.max(a, b)) > devCapacity.value
|
||||
// ? series[0].data.reduce((a, b) => Math.max(a, b)).toFixed(0)
|
||||
// : (devCapacity.value) / 10).toFixed(0),
|
||||
min: min,
|
||||
max: max,
|
||||
splitNumber: 5,
|
||||
minInterval: 1,
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user