riku
2024-08-23 1788c96aea9247cc36ef8b82734997f1a6a92fb4
src/views/historymode/component/TrendAnalysis.vue
@@ -1,7 +1,7 @@
<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"
@@ -28,11 +28,14 @@
 * 监测要素趋势分析
 */
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,
    // 当前选中高亮的数据点索引
@@ -40,11 +43,18 @@
  },
  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);
@@ -59,6 +69,11 @@
  /* background-color: aliceblue; */
}
.wrap-left {
  /* background-color: aliceblue; */
  min-width: 600px;
}
.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}