邓洁 : 修改弹窗样式

src/components/content/badGasInfo/BadGasInfo.vue

@@ -1,8 +1,8 @@
 <template>
-  <div id="bad-gas-info" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }">
+  <div id="bad-gas-info" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }" @click="handleOpenChart">
     <div class="title">有害气体</div>
     <div class="info-list">
-      <gas-info-item v-for="item in badGasList" :key="item.equipmentId" :gasInfo="item" @click="handleOpenChart"/>
+      <gas-info-item v-for="item in badGasList" :key="item.equipmentId" :gasInfo="item"/>
     </div>
     <div class="digital-tunnel">
       <el-dialog v-model="isVisited" title="有害气体监控数据" width="2400px" :modal="false">
@@ -111,11 +111,12 @@ const initChart = () => {
     legend: {
       left: 0,
       textStyle: {
-        color: '#FFFFFF',
+        color: '#60DDDE',
         fontSize: 40
       },
-      // itemWidth: 20,
-      // itemHeight: 20
+      itemWidth: 30,
+      itemHeight: 30,
+      icon: "circle",
     },
     //离容器四侧的距离
     grid: {
@@ -128,7 +129,10 @@ const initChart = () => {
     //提示框组件
     tooltip: {
       show: true,
-      trigger: 'axis'
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 40
+      }
     },
     //X轴
     xAxis: {
@@ -226,6 +230,7 @@ const initChart = () => {
 
 <style lang="scss" scoped>
 #bad-gas-info {
+  cursor: pointer;
   position: absolute;
   z-index: 100;
   width: 824px;

src/components/content/usedEle/UsedEle.vue

@@ -1,6 +1,6 @@
 <template>
-  <div id="used-ele" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }">
-    <div class="content" @click="handleOpenChart">
+  <div id="used-ele" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }" @click="handleOpenChart">
+    <div class="content" >
       <div class="item">
         <div></div>
         <span>当月用电量：{{ electricityConsumptionMonthly }}v</span>
@@ -108,9 +108,12 @@ const initChart = () => {
     legend: {
       left: 0,
       textStyle: {
-        color: '#FFFFFF',
+        color: '#60DDDE',
         fontSize: 45
-      }
+      },
+      itemWidth: 30,
+      itemHeight:30,
+      icon: "circle",
     },
     //离容器四侧的距离
     grid: {
@@ -123,7 +126,10 @@ const initChart = () => {
     //提示框组件
     tooltip: {
       show: true,
-      trigger: 'axis'
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 40
+      }
     },
     //X轴
     xAxis: {
@@ -176,6 +182,7 @@ const getImageUrl = (name) => {
   padding: 0!important;
 }
 #used-ele {
+  cursor: pointer;
   width: 830px;
   height: 90px;
   color: aliceblue;

src/components/content/windPressure/WindPressureList.vue

@@ -115,7 +115,10 @@ const initChart = () => {
     //提示框组件
     tooltip: {
       show: true,
-      trigger: 'axis'
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 40
+      }
     },
     //X轴
     xAxis: {