chore: 目标展板调整

src/views/distributionnetwork/power-outage-control/target-display-board/components/EchartsComponent.vue

@@ -0,0 +1,272 @@
+<template>
+  <div class="w-full h-full">
+    <el-row :gutter="10" v-loading="loading">
+      <el-col :span="row1ColNum[0]">
+        <el-card class="mb8 relative">
+          <TargetBar height="350px" ref="targetBarRef"></TargetBar>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row1ColNum[0] == 6"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(0)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row1ColNum[0] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow()"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row1ColNum[1]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="350px"
+            id="stopTimeMonth"
+            ref="stopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row1ColNum[1] == 6"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(1)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row1ColNum[1] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow()"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row1ColNum[2]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="350px"
+            id="planStopTimeMonth"
+            ref="planStopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row1ColNum[2] == 6"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(2)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row1ColNum[2] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow()"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row1ColNum[3]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="350px"
+            id="errorStopTimeMonth"
+            ref="errorStopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row1ColNum[3] == 6"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(3)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row1ColNum[3] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow()"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row2ColNum[0]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="300px"
+            id="stopTimeMonth"
+            ref="stopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row2ColNum[0] == 8"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(0, 1)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row2ColNum[0] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow(1)"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row2ColNum[1]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="300px"
+            id="planStopTimeMonth"
+            ref="planStopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row2ColNum[1] == 8"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(1, 1)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row2ColNum[1] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow(1)"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+      <el-col :span="row2ColNum[2]">
+        <el-card class="mb8 relative">
+          <TargetLine
+            height="300px"
+            id="errorStopTimeMonth"
+            ref="errorStopTargetLineRef"
+          ></TargetLine>
+          <el-tooltip class="item" effect="dark" content="放大" placement="top">
+            <i
+              v-show="row2ColNum[2] == 8"
+              class="el-icon-zoom-in abs"
+              @click="handleEnlarge(2, 1)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
+            <i
+              v-show="row2ColNum[2] == 24"
+              class="el-icon-zoom-out abs2"
+              @click="handleNarrow(1)"
+            ></i>
+          </el-tooltip>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import TargetLine from "./TargetLine.vue";
+import TargetBar from "./TargetBar.vue";
+export default {
+  components: {
+    TargetLine,
+    TargetBar,
+  },
+  props: {
+    dataList: {
+      type: Array,
+      default: () => [],
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      row1ColNum: [6, 6, 6, 6],
+      row2ColNum: [8, 8, 8],
+    };
+  },
+  watch: {
+    dataList: {
+      handler(val) {
+        this.$nextTick(() => {
+          this.initChart1();
+        });
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
+  methods: {
+    // 放大 type ==1 放大第二行
+    handleEnlarge(i, type) {
+      if (type == 1) {
+        this.row2ColNum = this.row2ColNum.map(() => 0);
+        this.row2ColNum[i] = 24;
+        this.initChart2();
+      } else {
+        this.row1ColNum = this.row1ColNum.map(() => 0);
+        this.row1ColNum[i] = 24;
+        this.initChart1();
+      }
+    },
+    // 缩小 type ==1 缩小第二行
+    handleNarrow(type) {
+      if (type == 1) {
+        this.row2ColNum = this.row2ColNum.map(() => 8);
+        this.initChart2();
+      } else {
+        this.row1ColNum = this.row1ColNum.map(() => 6);
+        this.initChart1();
+      }
+    },
+    initChart1() {
+      this.$refs.targetBarRef.initEcharts(this.dataList, "xxx");
+      this.$refs.stopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户停电月度总时长目标"
+      );
+      this.$refs.planStopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户预安排停电月度总时长目标"
+      );
+      this.$refs.errorStopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户故障停电月度总时长目标"
+      );
+    },
+    initChart2() {
+      this.$refs.stopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户停电月度总时长目标"
+      );
+      this.$refs.planStopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户预安排停电月度总时长目标"
+      );
+      this.$refs.errorStopTargetLineRef.initEcharts(
+        this.dataList,
+        "中压用户故障停电月度总时长目标"
+      );
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.relative {
+  position: relative;
+}
+.abs {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  cursor: pointer;
+}
+.abs2 {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  cursor: pointer;
+}
+</style>

src/views/distributionnetwork/power-outage-control/target-display-board/components/TableCmponent.vue

@@ -0,0 +1,191 @@
+<template>
+  <div class="w-full h-full">
+    <div class="table">
+      <el-table ref="renewalTable" v-loading="loading" :data="dataList">
+        <el-table-column
+          label="单位"
+          align="center"
+          prop="companyName"
+          width="150"
+          :show-overflow-tooltip="true"
+          fixed
+        >
+        </el-table-column>
+        <el-table-column
+          label="中压用户平均停电时长目标（小时）"
+          align="center"
+          prop="stopTimeAvg"
+          :show-overflow-tooltip="true"
+          width="100"
+          fixed
+        />
+        <el-table-column
+          label="等效总用户数"
+          align="center"
+          prop="userTotal"
+          :show-overflow-tooltip="true"
+          width="80"
+          fixed
+        />
+        <el-table-column
+          label="中压用户停电总时长目标（小时）"
+          align="center"
+          prop="stopTimeTotal"
+          width="100"
+          fixed
+        />
+        <el-table-column
+          label="近三年占比"
+          align="center"
+          prop="threeYearRatio"
+          fixed
+        />
+        <el-table-column
+          label="中压用户预安排停电总时长目标（小时）"
+          align="center"
+          prop="planStopTimeTotal"
+          width="100"
+          fixed
+        />
+        <el-table-column
+          label="中压用户预安排停电平均时长目标（小时）"
+          align="center"
+          prop="planStopTimeAvg"
+          width="100"
+          fixed
+        />
+        <el-table-column
+          label="中压用户故障停电总时长目标（小时）"
+          align="center"
+          width="100"
+          prop="errorStopTimeTotal"
+          fixed
+        />
+        <el-table-column
+          label="中压用户故障停电平均时长目标（小时）"
+          align="center"
+          prop="errorStopTimeAvg"
+          width="100"
+          fixed
+        >
+        </el-table-column>
+        <el-table-column label="中压用户停电月度总时长目标" align="center">
+          <el-table-column
+            v-for="(ite, i) in 12"
+            :key="i"
+            :label="`${ite}月`"
+            align="center"
+            :prop="`stopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+          >
+          </el-table-column>
+        </el-table-column>
+        <el-table-column
+          label="中压用户预安排停电月度总时长目标"
+          align="center"
+        >
+          <el-table-column
+            v-for="(ite, i) in 12"
+            :key="i"
+            :label="`${ite}月`"
+            align="center"
+            :prop="`planStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+          >
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="中压用户故障停电月度总时长目标" align="center">
+          <el-table-column
+            v-for="(ite, i) in 12"
+            :key="i"
+            :label="`${ite}月`"
+            align="center"
+            :prop="`errorStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+          >
+          </el-table-column>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-divider></el-divider>
+    <div class="table">
+      <el-table ref="renewalTable" v-loading="loading" :data="dataList">
+        <el-table-column
+          label="月度占比"
+          align="center"
+          prop="companyName"
+          width="150"
+          :show-overflow-tooltip="true"
+          fixed
+        >
+        </el-table-column>
+        <el-table-column
+          v-for="(ite, i) in 12"
+          :key="i"
+          :label="`${ite}月`"
+          align="center"
+          :prop="`stopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+        >
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-divider></el-divider>
+    <div class="table">
+      <el-table ref="renewalTable" v-loading="loading" :data="dataList">
+        <el-table-column
+          label="月度预安排占比"
+          align="center"
+          prop="companyName"
+          width="150"
+          :show-overflow-tooltip="true"
+          fixed
+        >
+        </el-table-column>
+        <el-table-column
+          v-for="(ite, i) in 12"
+          :key="i"
+          :label="`${ite}月`"
+          align="center"
+          :prop="`planStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+        >
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-divider></el-divider>
+    <div class="table">
+      <el-table ref="renewalTable" v-loading="loading" :data="dataList">
+        <el-table-column
+          label="月度故障占比"
+          align="center"
+          prop="companyName"
+          width="150"
+          :show-overflow-tooltip="true"
+          fixed
+        >
+        </el-table-column>
+        <el-table-column
+          v-for="(ite, i) in 12"
+          :key="i"
+          :label="`${ite}月`"
+          align="center"
+          :prop="`errorStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
+        >
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    dataList: {
+      type: Array,
+      default: () => [],
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/distributionnetwork/power-outage-control/target-display-board/index.vue

@@ -66,297 +66,14 @@
       ></right-toolbar>
     </el-row>
     <template v-if="currentType == '列表'">
-      <div class="table">
-        <el-table ref="renewalTable" v-loading="loading" :data="dataList">
-          <el-table-column
-            label="单位"
-            align="center"
-            prop="companyName"
-            width="150"
-            :show-overflow-tooltip="true"
-            fixed
-          >
-          </el-table-column>
-          <el-table-column
-            label="中压用户平均停电时长目标（小时）"
-            align="center"
-            prop="stopTimeAvg"
-            :show-overflow-tooltip="true"
-            width="100"
-            fixed
-          />
-          <el-table-column
-            label="等效总用户数"
-            align="center"
-            prop="userTotal"
-            :show-overflow-tooltip="true"
-            width="80"
-            fixed
-          />
-          <el-table-column
-            label="中压用户停电总时长目标（小时）"
-            align="center"
-            prop="stopTimeTotal"
-            width="100"
-            fixed
-          />
-          <el-table-column
-            label="近三年占比"
-            align="center"
-            prop="threeYearRatio"
-            fixed
-          />
-          <el-table-column
-            label="中压用户预安排停电总时长目标（小时）"
-            align="center"
-            prop="planStopTimeTotal"
-            width="100"
-            fixed
-          />
-          <el-table-column
-            label="中压用户预安排停电平均时长目标（小时）"
-            align="center"
-            prop="planStopTimeAvg"
-            width="100"
-            fixed
-          />
-          <el-table-column
-            label="中压用户故障停电总时长目标（小时）"
-            align="center"
-            width="100"
-            prop="errorStopTimeTotal"
-            fixed
-          />
-          <el-table-column
-            label="中压用户故障停电平均时长目标（小时）"
-            align="center"
-            prop="errorStopTimeAvg"
-            width="100"
-            fixed
-          >
-          </el-table-column>
-          <el-table-column label="中压用户停电月度总时长目标" align="center">
-            <el-table-column
-              v-for="(ite, i) in 12"
-              :key="i"
-              :label="`${ite}月`"
-              align="center"
-              :prop="`stopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-            >
-            </el-table-column>
-          </el-table-column>
-          <el-table-column
-            label="中压用户预安排停电月度总时长目标"
-            align="center"
-          >
-            <el-table-column
-              v-for="(ite, i) in 12"
-              :key="i"
-              :label="`${ite}月`"
-              align="center"
-              :prop="`planStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-            >
-            </el-table-column>
-          </el-table-column>
-          <el-table-column
-            label="中压用户故障停电月度总时长目标"
-            align="center"
-          >
-            <el-table-column
-              v-for="(ite, i) in 12"
-              :key="i"
-              :label="`${ite}月`"
-              align="center"
-              :prop="`errorStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-            >
-            </el-table-column>
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-divider></el-divider>
-      <div class="table">
-        <el-table ref="renewalTable" v-loading="loading" :data="dataList">
-          <el-table-column
-            label="月度占比"
-            align="center"
-            prop="companyName"
-            width="150"
-            :show-overflow-tooltip="true"
-            fixed
-          >
-          </el-table-column>
-          <el-table-column
-            v-for="(ite, i) in 12"
-            :key="i"
-            :label="`${ite}月`"
-            align="center"
-            :prop="`stopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-          >
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-divider></el-divider>
-      <div class="table">
-        <el-table ref="renewalTable" v-loading="loading" :data="dataList">
-          <el-table-column
-            label="月度预安排占比"
-            align="center"
-            prop="companyName"
-            width="150"
-            :show-overflow-tooltip="true"
-            fixed
-          >
-          </el-table-column>
-          <el-table-column
-            v-for="(ite, i) in 12"
-            :key="i"
-            :label="`${ite}月`"
-            align="center"
-            :prop="`planStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-          >
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-divider></el-divider>
-      <div class="table">
-        <el-table ref="renewalTable" v-loading="loading" :data="dataList">
-          <el-table-column
-            label="月度故障占比"
-            align="center"
-            prop="companyName"
-            width="150"
-            :show-overflow-tooltip="true"
-            fixed
-          >
-          </el-table-column>
-          <el-table-column
-            v-for="(ite, i) in 12"
-            :key="i"
-            :label="`${ite}月`"
-            align="center"
-            :prop="`errorStopTimeMonth${i + 1 < 10 ? '0' + (i + 1) : i + 1}`"
-          >
-          </el-table-column>
-        </el-table>
-      </div>
+      <TableCmponent :dataList="dataList" :loading="loading"></TableCmponent>
+    </template>
+    <template v-if="currentType != '列表'">
+      <EchartsComponent
+        :dataList="dataList"
+        :loading="loading"
+      ></EchartsComponent>
     </template>
-    <el-row :gutter="10" v-show="currentType != '列表'" v-loading="loading">
-      <el-col :span="rowColNum[0]">
-        <el-card class="mb8 relative">
-          <TargetBar height="350px" ref="targetBarRef"></TargetBar>
-          <el-tooltip class="item" effect="dark" content="放大" placement="top">
-            <i
-              v-show="rowColNum[0] == 6"
-              class="el-icon-zoom-in abs"
-              @click="handleEnlarge(0)"
-            ></i>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
-            <i
-              v-show="rowColNum[0] == 24"
-              class="el-icon-zoom-out abs2"
-              @click="handleNarrow(0)"
-            ></i>
-          </el-tooltip>
-        </el-card>
-      </el-col>
-      <el-col :span="rowColNum[1]">
-        <el-card class="mb8 relative">
-          <TargetLine
-            height="350px"
-            id="stopTimeMonth"
-            ref="stopTargetLineRef"
-          ></TargetLine>
-          <el-tooltip class="item" effect="dark" content="放大" placement="top">
-            <i
-              v-show="rowColNum[1] == 6"
-              class="el-icon-zoom-in abs"
-              @click="handleEnlarge(1)"
-            ></i>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
-            <i
-              v-show="rowColNum[1] == 24"
-              class="el-icon-zoom-out abs2"
-              @click="handleNarrow(1)"
-            ></i>
-          </el-tooltip>
-        </el-card>
-      </el-col>
-      <el-col :span="rowColNum[2]">
-        <el-card class="mb8 relative">
-          <TargetLine
-            height="350px"
-            id="planStopTimeMonth"
-            ref="planStopTargetLineRef"
-          ></TargetLine>
-          <el-tooltip class="item" effect="dark" content="放大" placement="top">
-            <i
-              v-show="rowColNum[2] == 6"
-              class="el-icon-zoom-in abs"
-              @click="handleEnlarge(2)"
-            ></i>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
-            <i
-              v-show="rowColNum[2] == 24"
-              class="el-icon-zoom-out abs2"
-              @click="handleNarrow(2)"
-            ></i>
-          </el-tooltip>
-        </el-card>
-      </el-col>
-      <el-col :span="rowColNum[3]">
-        <el-card class="mb8 relative">
-          <TargetLine
-            height="350px"
-            id="errorStopTimeMonth"
-            ref="errorStopTargetLineRef"
-          ></TargetLine>
-          <el-tooltip class="item" effect="dark" content="放大" placement="top">
-            <i
-              v-show="rowColNum[3] == 6"
-              class="el-icon-zoom-in abs"
-              @click="handleEnlarge(3)"
-            ></i>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="缩小" placement="top">
-            <i
-              v-show="rowColNum[3] == 24"
-              class="el-icon-zoom-out abs2"
-              @click="handleNarrow(3)"
-            ></i>
-          </el-tooltip>
-        </el-card>
-      </el-col>
-      <el-col :span="24">
-        <el-card class="mb8">
-          <TargetLine
-            height="300px"
-            id="stopTimeMonth"
-            ref="stopTargetLineRef"
-          ></TargetLine>
-        </el-card>
-      </el-col>
-      <el-col :span="24">
-        <el-card class="mb8">
-          <TargetLine
-            height="300px"
-            id="planStopTimeMonth"
-            ref="planStopTargetLineRef"
-          ></TargetLine>
-        </el-card>
-      </el-col>
-      <el-col :span="24">
-        <el-card>
-          <TargetLine
-            height="300px"
-            id="errorStopTimeMonth"
-            ref="errorStopTargetLineRef"
-          ></TargetLine>
-        </el-card>
-      </el-col>
-    </el-row>
     <ImportModel ref="importModelRef" @refresh="getList"></ImportModel>
   </div>
 </template>
@@ -366,11 +83,15 @@ import {
   list,
   downloadTemplate,
 } from "@/api/powerdistribution/power-outage-control";
-import TargetLine from "./components/TargetLine.vue";
-import TargetBar from "./components/TargetBar.vue";
 import ImportModel from "./components/ImportModel.vue";
+import TableCmponent from "./components/TableCmponent.vue";
+import EchartsComponent from "./components/EchartsComponent.vue";
 export default {
-  components: { TargetLine, TargetBar, ImportModel },
+  components: {
+    ImportModel,
+    TableCmponent,
+    EchartsComponent,
+  },
   data() {
     return {
       dataList: [],
@@ -384,22 +105,12 @@ export default {
         reportYear: `${new Date().getFullYear()}`,
       },
       currentType: "列表",
-      rowColNum: [6, 6, 6, 6],
     };
   },
   created() {
     this.getList();
   },
   methods: {
-    handleEnlarge(i) {
-      this.rowColNum = this.rowColNum.map(() => 0);
-      this.rowColNum[i] = 24;
-      this.initChart();
-    },
-    handleNarrow(i) {
-      this.rowColNum = this.rowColNum.map(() => 6);
-      this.initChart();
-    },
     /** 查询列表 */
     getList() {
       this.loading = true;
@@ -408,29 +119,8 @@ export default {
       }).then((response) => {
         this.dataList = response.rows;
         this.loading = false;
-        if (this.currentType == "图表") {
-          this.initChart();
-          // this.$refs.zyPlanStopTargetLineRef.initEcharts(this.dataList);
-          // this.$refs.zyStopTargetLineRef.initEcharts(this.dataList);
-          // this.$refs.zyErrorStopTargetLineRef.initEcharts(this.dataList);
-        }
       });
     },
-    initChart() {
-      this.$refs.targetBarRef.initEcharts(this.dataList, "xxx");
-      this.$refs.stopTargetLineRef.initEcharts(
-        this.dataList,
-        "中压用户停电月度总时长目标"
-      );
-      this.$refs.planStopTargetLineRef.initEcharts(
-        this.dataList,
-        "中压用户预安排停电月度总时长目标"
-      );
-      this.$refs.errorStopTargetLineRef.initEcharts(
-        this.dataList,
-        "中压用户故障停电月度总时长目标"
-      );
-    },
     handleImport() {
       this.$refs.importModelRef.openModel();
     },
@@ -481,19 +171,4 @@ export default {
 .mt15 {
   margin-top: 20px;
 }
-.relative {
-  position: relative;
-}
-.abs {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  cursor: pointer;
-}
-.abs2 {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  cursor: pointer;
-}
 </style>