修改bug

src/views/copilot/components/LineChartWater.vue

@@ -11,7 +11,7 @@
       <span v-for="item in legend" :key="item.label" class="legend-item"
         :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }">{{ item.label }}</span>
     </div>
-    <div ref="chart" :style="{ height: '100%',width: width}"></div>
+    <div ref="waterChart" :style="{ height: '100%',width: width}"></div>
   </chart-container>
 </template>
 
@@ -51,12 +51,12 @@ export default {
   },
   data() {
     return {
-      width: '100%',
+      width:'',
       isFullscreen: false,
       actualOptions: null,
       options: {
         grid: {
-          left: "5%",
+          left: "1%",
           right: "4%",
           bottom: "3%",
           top: "15%",
@@ -361,9 +361,12 @@ export default {
   },
   watch: {
     isOpen(val) {
+      // console.log(val)
       if (val === true) {
-        this.width = '100%-128px'
+        console.log('ztl')
+        this.width = '99%'
         this.canvasReset()
+        console.log(this.width)
       } else {
         this.watch = 100 + '%'
         this.canvasReset()
@@ -371,6 +374,9 @@ export default {
     },
     /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
     isFullscreen(val) {
+      if (val === true && this.isOpen === true) {
+        this.width = '99%'
+      }
       this.actualOptions.series.map((item) => {
         item.barWidth = val ? 18 : 12;
       });
@@ -399,11 +405,11 @@ export default {
     },
   },
   mounted() {
-    // if (screenfull.isEnabled) {
-    //   screenfull.on("change", () => {
-    //     this.isFullscreen = screenfull.isFullscreen;
-    //   });
-    // }
+    if (screenfull.isEnabled) {
+      screenfull.on("change", () => {
+        this.isFullscreen = screenfull.isFullscreen;
+      });
+    }
     this.actualOptions = this.options
     this.canvasReset();
     window.addEventListener("resize", this.canvasReset);
@@ -426,7 +432,7 @@ export default {
       if (this.chart) {
         this.chart.dispose();
       }
-      this.chart = echarts.init(this.$refs.chart);
+      this.chart = echarts.init(this.$refs.waterChart);
       this.chart.setOption(this.actualOptions);
     },
   },