From 25fd759720aaeb578aae11175648893c0e34fbd9 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 04 Nov 2024 16:32:02 +0800
Subject: [PATCH] 图层添加应急空间(应急池等) echarts统计图容器更改

---
 src/views/survey/components/box/fireContent.vue |   52 ++++++++++++++++++++++++++--------------------------
 1 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/views/survey/components/box/fireContent.vue b/src/views/survey/components/box/fireContent.vue
index 8cdcd67..7aa74cf 100644
--- a/src/views/survey/components/box/fireContent.vue
+++ b/src/views/survey/components/box/fireContent.vue
@@ -9,57 +9,57 @@
  * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 -->
 <script setup>
-// import publicContent from './publicContent.vue'
-
+import publicContent from './publicContent.vue'
 
 import { inject, reactive } from 'vue'
 
 let $echarts = inject('echarts')
-
-console.log("111111111111111111", $echarts)
+const curEcharts = ref(null)
 
 onMounted(() => {
-    let myEcharts = $echarts.init(document.getElementById('fire-content-echarts'))
+  nextTick(() => {
+    let myEcharts = $echarts.init(curEcharts.value)
     myEcharts.setOption({
-        xAxis: {
-            data: ['A', 'B', 'C', 'D', 'E']
-        },
-        yAxis: {},
-        series: [
-            {
-                type: 'bar',
-                data: [10, 22, 28, 43, 49],
-                barWidth: '60%'
-            }
-        ]
+      xAxis: {
+        data: ['A', 'B', 'C', 'D', 'E']
+      },
+      yAxis: {},
+      series: [
+        {
+          type: 'bar',
+          data: [10, 22, 28, 43, 49],
+          barWidth: '60%'
+        }
+      ]
     })
+  })
 })
 </script>
 
 <template>
-    <!-- <public-content>
-        <template #content> -->
-    <div class="fireContent-box">
+  <public-content>
+    <template #content>
+      <div class="fireContent-box">
 
         <div>
-            <div class="fire-content-echarts" id="fire-content-echarts">
+          <div class="fire-content-echarts" ref="curEcharts">
 
 
-            </div>
+          </div>
 
         </div>
 
-    </div>
-    <!-- </template>
-    </public-content> -->
+      </div>
+    </template>
+  </public-content>
 </template>
 
 <style lang="scss" scoped>
 .fireContent-box {
-    color: #fff;
+  color: #fff;
 }
 
 .fire-content-echarts {
-    height: 4.5rem
+  height: 4.5rem
 }
 </style>
\ No newline at end of file

--
Gitblit v1.9.3