动态溯源（待完成）

riku

2025-06-04 66e48ee8e286533a9614efa34d42297213c1da4b

 src/components/monitor/FactorTrend.vue

@@ -1,26 +1,14 @@
<template>
  <BaseCard size="medium" direction="left">
    <template #content>
      <el-scrollbar height="calc(98vh - var(--bevel-length-2))">
        <!-- <div v-for="item in factorTypes" :key="item">
          <el-row>
            <div>{{ allSeries.get(item.value).name }}</div>
            <div>{{ allSeries.get(item.value).currentData }}</div>
            <div>{{ allSeries.get(item.value).min }}</div>
            <div>{{ allSeries.get(item.value).max }}</div>
            <RealTimeLineChart
              v-show="selectFactorType.includes(item.value)"
              :model-value="series(item.value)"
            ></RealTimeLineChart>
          </el-row>
        </div> -->
      <el-scrollbar height="calc(49vh - var(--bevel-length-2))" always>
        <div v-for="item in seriesList" :key="item.key">
          <el-row
            v-show="selectFactorType.includes(item.series.key)"
            justify="space-between"
            class="wrap"
          >
            <div class="flex-col">
            <div class="flex-col m-r-4">
              <div class="factor-name">{{ item.series.name }}</div>
              <div class="factor-value">
                {{ item.series.currentData }}
@@ -74,18 +62,8 @@
    };
  },
  computed: {
    factorTypes() {
      return checkboxOptions(this.deviceType);
    }
    // seriesList() {
    //   const list = [];
    //   for (const iterator of this.allSeries) {
    //     list.push({
    //       xAxis: this.xAxis,
    //       series: iterator[1]
    //     });
    //   }
    //   return list;
    // factorTypes() {
    //   return checkboxOptions(this.deviceType);
    // }
  },
  watch: {
@@ -165,12 +143,20 @@
    },
    toList() {
      const list = [];
      for (const iterator of this.allSeries) {
        list.push({
          xAxis: this.xAxis,
          series: iterator[1]
        });
      }
      // for (const iterator of this.allSeries) {
      //   list.push({
      //     xAxis: this.xAxis,
      //     series: iterator[1]
      //   });
      // }
      checkboxOptions(this.deviceType).forEach((t) => {
        if (this.allSeries.has(t.value)) {
          list.push({
            xAxis: this.xAxis,
            series: this.allSeries.get(t.value)
          });
        }
      });
      this.seriesList = list;
    },
    // getScaleValue(label, value) {
@@ -199,7 +185,7 @@
}

.factor-name {
  color: var(--el-color-warning);
  color: #23dad1;
}

.factor-unit {