From 3457084db9ebb9f533059e1c4ef4c05a30fbf1b0 Mon Sep 17 00:00:00 2001
From: dengj <209192278@qq.com>
Date: Mon, 18 Dec 2023 15:10:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=9C=89=E5=AE=B3=E6=B0=94=E4=BD=93=E5=BC=B9=E7=AA=97=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../content/badGasInfo/BadGasInfo.vue         | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/content/badGasInfo/BadGasInfo.vue b/src/components/content/badGasInfo/BadGasInfo.vue
index 983391a..6df84c6 100644
--- a/src/components/content/badGasInfo/BadGasInfo.vue
+++ b/src/components/content/badGasInfo/BadGasInfo.vue
@@ -1,21 +1,20 @@
 <template>
   <div
     id="bad-gas-info"
-    :style="{ backgroundImage: 'url(' + getImageUrl(bgImage) + ')' }"
-    @click="handleOpenChart"
-  >
+    :style="{ backgroundImage: 'url(' + getImageUrl(bgImage) + ')' }">
     <div class="title">有害气体</div>
     <div class="info-list">
       <gas-info-item
         v-for="item in badGasList"
         :key="item.equipmentId"
         :gasInfo="item"
+        @click="handleOpenChart"
       />
     </div>
 
     <div class="digital-tunnel">
       <el-dialog
-        v-model="isVisited"
+        v-model="isBadGasVisited"
         title="有害气体监控数据"
         width="2175px"
         :modal="false"
@@ -53,10 +52,10 @@ const props = defineProps({
 });
 const timeList = ref(["年", "月", "日"]);
 const selectTimeButton = ref(2);
-const isVisited = ref(false);
+const isBadGasVisited = ref(false);
 const badGasList = ref([]);
 let myEcharts = reactive({});
-const bgImage = computed(() => (isVisited.value ? "sp_active.png" : "bg.png"));
+const bgImage = computed(() => (isBadGasVisited.value ? "sp_active.png" : "bg.png"));
 watch(
   () => props.list,
   (now) => {
@@ -130,10 +129,10 @@ const changeData = (item) => {
   };
 };
 const getBadGasChartInfo = () => {
-  console.log('tunnnelid--------',props.tunnelId)
-  getBadGasEchartsInfo(props.tunnelId).then(res => {
+  let id =props.tunnelId
+  getBadGasEchartsInfo(id).then(res => {
     if (res?.code === 1000) {
-      isVisited.value = true
+      isBadGasVisited.value = true
       nextTick(() => {
         initChart(res.data.dates, res.data)
       })
@@ -186,7 +185,6 @@ const initChart = (type, values) => {
         fontSize: 40,
       },
       formatter: (params)=> {
-        console.log(params)
         let res = ` <div style="font-size: 52px;font-family: PingFang SC-Regular, PingFang SC;font-weight: 400;color: #EFEEEE;margin-bottom: -30px">${params[0].name}</div>`  + '<br/>'
         for (let i = 0; i < params.length; i++) {
            res += `
@@ -358,7 +356,6 @@ const initChart = (type, values) => {
 #bad-gas-info {
   cursor: pointer;
   position: absolute;
-  z-index: 100;
   width: 824px;
   height: 621px;
   top: 1441px;