From 3228987c400b5874300e39b5dbe071e6971e3cf1 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Tue, 21 May 2024 08:34:03 +0800
Subject: [PATCH] 1

---
 .../copilot/factoryData/components/Energy.vue | 40 ++++++-------------
 .../copilot/factoryData/components/Store.vue  | 20 ++--------
 2 files changed, 16 insertions(+), 44 deletions(-)

diff --git a/src/views/copilot/factoryData/components/Energy.vue b/src/views/copilot/factoryData/components/Energy.vue
index e390670..fd6841c 100644
--- a/src/views/copilot/factoryData/components/Energy.vue
+++ b/src/views/copilot/factoryData/components/Energy.vue
@@ -1,31 +1,22 @@
 <template>
-  <div>
-    <div class="left-chart-base">
-      <NotMsg v-show="notMsg" />
-      <div class="legend" v-show="!notMsg">
-        <span
-          v-for="item in legend"
-          :key="item.label"
-          class="legend-item"
-          :style="{ fontSize: isFullscreen ? '0.85vw' : '0.73vw' }"
-          >{{ item.label }}</span
-        >
-      </div>
-      <div
-        id="factoryEnergyChart"
-        style="width: 100%; height: 100%"
-        v-show="!notMsg"
-      ></div>
+  <div class="left-chart-base">
+    <div class="legend">
+      <span
+        v-for="item in legend"
+        :key="item.label"
+        class="legend-item"
+        :style="{ fontSize: isFullscreen ? '0.85vw' : '0.73vw' }"
+        >{{ item.label }}</span
+      >
     </div>
+    <div id="factoryEnergyChart" style="width: 100%; height: 100%"></div>
   </div>
 </template>
 <script>
 import { debounce } from "@/utils/debounce";
 import * as echarts from "echarts";
-import NotMsg from "./../../components/NotMsg";
 export default {
   name: "Energy",
-  components: { NotMsg },
   props: {
     legend: {
       type: Array,
@@ -40,16 +31,14 @@ export default {
     return {
       isFullscreen: false,
       actualOptions: null,
-      notMsg: false,
       chart: "",
       options: {
         color: ["#FFD160", "#2760FF", "#12FFF5"],
         grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "0",
+          left: "7%",
+          right: "7%",
+          bottom: "8%",
           top: "15%",
-          containLabel: true,
         },
         tooltip: {
           trigger: "axis",
@@ -274,7 +263,6 @@ export default {
         },
       ];
       if (this.energyCockpits.length > 0) {
-        this.notMsg = false;
         let dataArr = this.energyCockpits.map((item) => {
           return item.groupName;
         });
@@ -296,8 +284,6 @@ export default {
             }
           }
         }
-      } else {
-        this.notMsg = true;
       }
       if (this.chart) {
         this.chart.dispose();
diff --git a/src/views/copilot/factoryData/components/Store.vue b/src/views/copilot/factoryData/components/Store.vue
index b95086e..f12ec1c 100644
--- a/src/views/copilot/factoryData/components/Store.vue
+++ b/src/views/copilot/factoryData/components/Store.vue
@@ -1,20 +1,11 @@
 <template>
-  <div>
-    <NotMsg v-show="notMsg" />
-    <div
-      id="factoryStoreChart"
-      style="width: 100%; height: 100%"
-      v-show="!notMsg"
-    ></div>
-  </div>
+  <div id="factoryStoreChart" style="width: 100%; height: 100%"></div>
 </template>
 <script>
 import { debounce } from "@/utils/debounce";
 import * as echarts from "echarts";
-import NotMsg from "./../../components/NotMsg";
 export default {
   name: "Store",
-  components: { NotMsg },
   props: {
     stock: {
       type: Object,
@@ -30,15 +21,13 @@ export default {
     return {
       isFullscreen: false,
       actualOptions: null,
-      notMsg: false,
       chart: "",
       options: {
         grid: {
-          left: "3%",
+          left: "8%",
           right: "1%",
-          bottom: "0",
+          bottom: "8%",
           top: "15%",
-          containLabel: true,
         },
         tooltip: {},
         xAxis: {
@@ -157,12 +146,9 @@ export default {
       let xAxis = Object.keys(this.stock) || [];
       let data = [];
       if (xAxis.length > 0) {
-        this.notMsg = false;
         data = xAxis.map((item) => {
           return this.stock[item].total;
         });
-      } else {
-        this.notMsg = true;
       }
       if (this.chart) {
         this.chart.dispose();