修改冀北现场问题
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
<vxe-table
|
||||
v-bind="defaultAttribute"
|
||||
ref="tableRef"
|
||||
@cell-click="currentChangeEvent"
|
||||
@cell-click="currentChangeEvent"
|
||||
height="250px"
|
||||
:row-config="{ isCurrent: true, isHover: true }"
|
||||
:data="tableData"
|
||||
@@ -29,7 +29,7 @@
|
||||
<div class="ml10" style="width: 990px">
|
||||
<vxe-table
|
||||
v-bind="defaultAttribute"
|
||||
@cell-click="clickAttribute"
|
||||
@cell-click="clickAttribute"
|
||||
v-loading="loadingTab"
|
||||
ref="vxeRef"
|
||||
height="250px"
|
||||
@@ -57,18 +57,24 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
||||
<!-- <div style="position: absolute; width: 100px; top: 0px; right: 0px; z-index: 1">
|
||||
<el-radio-group v-model="city" size="small" @change="analysis">
|
||||
<el-radio-button label="0">省</el-radio-button>
|
||||
<el-radio-button label="1">市</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-radio-group v-model="type" size="small" @change="analysis">
|
||||
<el-radio-button label="1">年</el-radio-button>
|
||||
<el-radio-button label="3">月</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div> -->
|
||||
|
||||
<MyEChart style="height: 300px" :options="picEChart" @echartClick="echartClick" />
|
||||
<vxe-table
|
||||
v-bind="defaultAttribute"
|
||||
ref="tableRef"
|
||||
@cell-click="pollutionClick"
|
||||
height="300px"
|
||||
:row-config="{ isCurrent: true, isHover: true }"
|
||||
:data="pollutionValueList"
|
||||
style="cursor: pointer"
|
||||
>
|
||||
<vxe-column title="序号" width="60" type="seq" ></vxe-column>
|
||||
<vxe-column field="gdName" title="供电公司" width="150" />
|
||||
<vxe-column field="subStationName" title="变电站" />
|
||||
<vxe-column field="projectName" title="项目名称" />
|
||||
<vxe-column field="subValue" title="谐波电压污染值" width="150" />
|
||||
|
||||
</vxe-table>
|
||||
|
||||
<!-- <MyEChart style="height: 300px" :options="picEChart" @echartClick="echartClick" /> -->
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
@@ -89,6 +95,7 @@ const loading = ref(false)
|
||||
const tableData: any = ref([])
|
||||
const subdata: any = ref([])
|
||||
const picEChart = ref()
|
||||
const pollutionValueList = ref([])
|
||||
const tableRef = ref()
|
||||
const loadingTab = ref(false)
|
||||
const PollutionList = dictData.getBasicData('Pollution_Calc').filter(item => item.name == '谐波电压')
|
||||
@@ -120,47 +127,48 @@ const analysis = () => {
|
||||
loading.value = true
|
||||
let time = rowList.value.searchBeginTime.slice(0, 4) + `-01-01`
|
||||
downPollutionSensitiveUser({ ...rowList.value, ids: [PollutionList[0].id], deptId: rowList.value.id }).then(res => {
|
||||
const first10Items = res.data.slice(0, 10)
|
||||
picEChart.value = {
|
||||
title: {
|
||||
text: '污染值排名前十敏感及重要用户'
|
||||
},
|
||||
pollutionValueList.value = res.data.filter((item: any) => item.subValue != null)
|
||||
// const first10Items = res.data.slice(0, 10)
|
||||
// picEChart.value = {
|
||||
// title: {
|
||||
// text: '污染值排名前十敏感及重要用户'
|
||||
// },
|
||||
|
||||
xAxis: {
|
||||
name: '',
|
||||
data: first10Items.map((item: any) => item.projectName.split('(')[0].trim()),
|
||||
axisLabel: {
|
||||
rotate: 20 // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差）
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
bottom: 10
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
},
|
||||
yAxis: {
|
||||
name: ''
|
||||
},
|
||||
options: {
|
||||
dataZoom: false,
|
||||
series: [
|
||||
{
|
||||
// name: time[i],
|
||||
name: '污染值',
|
||||
type: 'bar',
|
||||
data: first10Items.map((item: any) => item.subValue),
|
||||
itemStyle: {
|
||||
color: function (params) {
|
||||
// params.value 是当前柱子的数值
|
||||
const value = params.value
|
||||
return setColor(value)
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
// xAxis: {
|
||||
// name: '',
|
||||
// data: first10Items.map((item: any) => item.projectName.split('(')[0].trim()),
|
||||
// axisLabel: {
|
||||
// rotate: 20 // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差）
|
||||
// }
|
||||
// },
|
||||
// grid: {
|
||||
// bottom: 10
|
||||
// },
|
||||
// legend: {
|
||||
// show: false
|
||||
// },
|
||||
// yAxis: {
|
||||
// name: ''
|
||||
// },
|
||||
// options: {
|
||||
// dataZoom: false,
|
||||
// series: [
|
||||
// {
|
||||
// // name: time[i],
|
||||
// name: '污染值',
|
||||
// type: 'bar',
|
||||
// data: first10Items.map((item: any) => item.subValue),
|
||||
// itemStyle: {
|
||||
// color: function (params) {
|
||||
// // params.value 是当前柱子的数值
|
||||
// const value = params.value
|
||||
// return setColor(value)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
// }
|
||||
|
||||
loading.value = false
|
||||
})
|
||||
@@ -180,12 +188,12 @@ const setColor = val => {
|
||||
? '#00B07D'
|
||||
: ''
|
||||
}
|
||||
const echartClick = (res: any) => {
|
||||
const pollutionClick = (res: any) => {
|
||||
router.push({
|
||||
name: 'harmonic-boot/qydetailedAnalysis/pollutionReport',
|
||||
query: {
|
||||
type: '4',
|
||||
name: res.name,
|
||||
name: res.row.projectName,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<el-col :span="12">
|
||||
<div class="title">
|
||||
<span>分布统计</span>
|
||||
<el-radio-group v-model="statisticalType" size="small" @change="getGridDiagramDev">
|
||||
<el-radio-group v-model="statisticalType" size="small">
|
||||
<el-radio-button v-for="item in options" :label="item.code" @change="statiStics">
|
||||
{{ item.name }}
|
||||
</el-radio-button>
|
||||
@@ -84,6 +84,7 @@ const trendEChart: any = ref()
|
||||
|
||||
const picEChart = ref()
|
||||
const open = async (row: any) => {
|
||||
statisticalType.value = 'Load_Type'
|
||||
time.value = '1'
|
||||
rowList.value = {
|
||||
deviceInfoParam: {
|
||||
|
||||
Reference in New Issue
Block a user