From 1788c96aea9247cc36ef8b82734997f1a6a92fb4 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 23 八月 2024 11:07:42 +0800 Subject: [PATCH] 新增新版本。静安区特供版 --- src/views/historymode/component/TrendAnalysis.vue | 39 ++++++++++++++++++++++++++++++++------- 1 files changed, 32 insertions(+), 7 deletions(-) diff --git a/src/views/historymode/component/TrendAnalysis.vue b/src/views/historymode/component/TrendAnalysis.vue index 7960195..665305f 100644 --- a/src/views/historymode/component/TrendAnalysis.vue +++ b/src/views/historymode/component/TrendAnalysis.vue @@ -1,15 +1,17 @@ <template> <el-row class="wrap"> <Transition name=""> - <el-col v-show="show" span="10"> + <el-col v-show="show" span="10" class="wrap-left"> <FactorCheckbox + v-model="selectFactorType" :device-type="deviceType" - @change="(e) => (selectFactorType = e)" ></FactorCheckbox> - <LineChart + <ProgressLineChart + :locate-index="locateIndex" + @chart-click="handleChartClick" :factor-datas="factorDatas" :select-factor-type="selectFactorType" - ></LineChart> + ></ProgressLineChart> </el-col> </Transition> <el-col span="2"> @@ -26,19 +28,37 @@ * 鐩戞祴瑕佺礌瓒嬪娍鍒嗘瀽 */ import { FactorDatas } from '@/model/FactorDatas'; +import { defaultFactorTypes } from '@/constant/checkbox-options'; +import { TYPE0 } from '@/constant/device-type'; export default { props: { deviceType: { - type: String + type: String, + default: TYPE0 }, - factorDatas: FactorDatas + factorDatas: FactorDatas, + // 褰撳墠閫変腑楂樹寒鐨勬暟鎹偣绱㈠紩 + locateIndex: Number }, data() { return { - selectFactorType: ['1'], + selectFactorType: defaultFactorTypes(this.deviceType, 1), show: true }; + }, + emits: ['chartClick'], + watch: { + deviceType(nV, oV) { + if (nV != oV) { + this.selectFactorType = defaultFactorTypes(nV, 1); + } + } + }, + methods: { + handleChartClick(index) { + this.$emit('chartClick', index); + } } }; </script> @@ -49,6 +69,11 @@ /* background-color: aliceblue; */ } +.wrap-left { + /* background-color: aliceblue; */ + min-width: 600px; +} + .slide-fade-enter-active { transition: all 0.3s ease-out; } -- Gitblit v1.9.3