| | |
| | | <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" |
| | |
| | | * 监测要素趋势分析 |
| | | */ |
| | | 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, |
| | | // 当前选中高亮的数据点索引 |
| | |
| | | }, |
| | | 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); |
| | |
| | | /* background-color: aliceblue; */ |
| | | } |
| | | |
| | | .wrap-left { |
| | | /* background-color: aliceblue; */ |
| | | min-width: 600px; |
| | | } |
| | | |
| | | .slide-fade-enter-active { |
| | | transition: all 0.3s ease-out; |
| | | } |