|
@@ -2,23 +2,21 @@
|
|
|
* @Author: tengmingxue 1473375109@qq.com
|
|
|
* @Date: 2023-01-17 11:25:41
|
|
|
* @LastEditors: tengmingxue 1473375109@qq.com
|
|
|
- * @LastEditTime: 2023-03-19 23:02:39
|
|
|
+ * @LastEditTime: 2023-04-20 16:31:49
|
|
|
* @FilePath: \psjgxt_web\src\views\zhpt\superviseSystem\dataAnalysis\analWaterBalance\RankList.vue
|
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AEhei
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="echart-list">
|
|
|
- <el-row :gutter="10" v-if="expand" style="height: 100%">
|
|
|
+ <el-row :gutter="10" v-if="expand" style="height: 100%" :key="1">
|
|
|
<el-col :span="colNum" v-for="rank in rankLists" :key="rank.name" :style="'height: '+colHeight">
|
|
|
- <!-- <tf-title style="width: 280px;">【{{rank.name}}】日排水总量</tf-title> -->
|
|
|
<AnalyEchart :name="rank.siteName" :state="1" :echartData="rank" :activeFun="expandClick" />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row :gutter="10" v-else style="height: 100%">
|
|
|
+ <el-row :gutter="10" v-else style="height: 100%" :key="2">
|
|
|
<el-col :span="24" style="height: 100%">
|
|
|
- <!-- <tf-title style="width: 280px;">日排水总量</tf-title> -->
|
|
|
- <AnalyEchart :name="activeName" :state="0" :echartData="activeEchartData" :activeFun="expandClick" style="height: 100%" />
|
|
|
+ <AnalyEchart :name="activeName" :state="0" :echartData="activeEchartData" :activeFun="expandClick" style="height: 100%;width: 100%;" />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -74,21 +72,19 @@ export default class EchartList extends Vue {
|
|
|
}
|
|
|
@Watch('currCheckedKeys', { immediate: true })
|
|
|
currCheckedKeysChange(val){
|
|
|
- this.queryCurve()
|
|
|
+
|
|
|
}
|
|
|
@Watch('indexList',{immediate:true})
|
|
|
indexListChange(val){
|
|
|
this.rankLists = val
|
|
|
}
|
|
|
|
|
|
- queryCurve(){
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
expandClick(state, name, echartData) {
|
|
|
- this.expand = state
|
|
|
this.activeName = name
|
|
|
this.activeEchartData = echartData
|
|
|
+ this.expand = state
|
|
|
+ console.log('活动数据',state,name,echartData)
|
|
|
}
|
|
|
}
|
|
|
</script>
|