邓洁 : 修改细节

src/assets/styles/index.scss

@@ -259,16 +259,36 @@ body,
 .digital-tunnel {
   .chat-dialog {
     display: flex;
+
     #container {
       flex: 1;
       height: 1160px;
       //width: 1300px;
     }
+
+    #containerBad {
+      flex: 1;
+      height: 1160px;
+      //width: 1300px;
+    }
+
+    #containerWind {
+      flex: 1;
+      height: 1160px;
+      //width: 1300px;
+    }
+
     #containerEle {
       flex: 1;
       height: 1060px;
       //width: 2180px;
     }
+
+    #containerAir {
+      flex: 1;
+      height: 1060px;
+      //width: 2180px;
+    }
   }
 
   .el-dialog {
@@ -386,6 +406,7 @@ body,
     }
   }
 }
+
 .el-overlay-message-box {
   .el-message-box {
     width: 500px;
@@ -393,13 +414,16 @@ body,
     background: rgba(7, 35, 72, 0.79);
     border-radius: 20px;
     border: 2px solid #0f82af;
+
     .el-message-box__title {
       display: none;
     }
+
     .el-message-box__content {
       .el-icon {
         display: none;
       }
+
       .el-message-box__message {
         //width: 315px;
         height: 80px;
@@ -407,15 +431,18 @@ body,
         font-weight: bold;
         color: #08b7b8;
         letter-spacing: 3px;
-        p{
+
+        p {
           line-height: 40px;
         }
       }
     }
+
     .el-message-box__btns {
       margin-top: 20px;
       display: flex;
       justify-content: space-around;
+
       .el-button {
         width: 130px;
         height: 50px;
@@ -424,6 +451,7 @@ body,
         background-color: #072348;
         color: #08b7b8;
       }
+
       .el-button--primary {
         background: #08b7b8;
         color: #ffffff;
@@ -434,41 +462,51 @@ body,
 
 //el-select 下拉框样式
 .el-select__popper {
-  margin-top: -12px!important;
+  margin-top: -12px !important;
-  background: #072247!important;
+  background: #072247 !important;
-  border: 1px solid #0F82AF!important;
+  border: 1px solid #0F82AF !important;
 }
+
 .el-popper {
-  max-width: 202px!important;
+  max-width: 202px !important;
   box-sizing: border-box;
 }
-.el-popper__arrow::before{
+
+.el-popper__arrow::before {
   display: none;
 }
-.el-select-dropdown{
+
-   width: 200px!important;
+.el-select-dropdown {
+  width: 200px !important;
 }
-.el-select-dropdown__item{
+
-    color: #fff!important;
+.el-select-dropdown__item {
+  color: #fff !important;
 }
-.el-select-dropdown__item.hover{
+
-  background-color: #072247!important;
+.el-select-dropdown__item.hover {
+  background-color: #072247 !important;
 }
+
 .el-select-dropdown__item:hover {
-  background-color: #072247!important;
+  background-color: #072247 !important;
-  color: #08B7B8!important;
+  color: #08B7B8 !important;
 }
+
 .el-select-dropdown__item.selected {
-  color: #08B7B8!important;
+  color: #08B7B8 !important;
 }
-.el-select-dropdown__list{
+
-  .el-select-dropdown__item:first-child{
+.el-select-dropdown__list {
+  .el-select-dropdown__item:first-child {
     color: #FFFFFF;
-    &:hover{
+
-      color: #08B7B8!important;
+    &:hover {
+      color: #08B7B8 !important;
     }
   }
 }
+
 //input number 右侧加减隐藏
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -478,17 +516,18 @@ input::-webkit-inner-spin-button {
 input[type="number"] {
   -moz-appearance: textfield;
 }
+
 //checkbox
 .el-checkbox__inner {
   width: 40px !important;
   height: 40px !important;
-  border-radius: 25px!important;
+  border-radius: 25px !important;
 }
 
 .el-checkbox__input.is-checked .el-checkbox__inner {
   width: 25px;
   height: 25px;
-  background-color: #05FEFF!important;
+  background-color: #05FEFF !important;
 }
 
 .el-checkbox__input.is-checked .el-checkbox__inner::after {

src/components/content/airInfo/AirInfo.vue

@@ -21,7 +21,7 @@
         <div class="left-top-icon"></div>
         <div class="right-top-icon"></div>
         <div class="chat-dialog">
-          <div id="container"></div>
+          <div id="containerWind"></div>
           <div style="width: 1px;"></div>
         </div>
         <div class="time-select">
@@ -40,7 +40,7 @@
         <div class="left-top-icon"></div>
         <div class="right-top-icon"></div>
         <div class="chat-dialog">
-          <div id="containerEle"></div>
+          <div id="containerAir"></div>
           <div style="width: 1px;"></div>
         </div>
         <div class="time-select">
@@ -149,7 +149,7 @@ const getAirInfo = (now) => {
 }
 const initChart = () => {
   //3.初始化container容器
-  myEcharts = echarts.init(document.getElementById('container'));
+  myEcharts = echarts.init(document.getElementById('containerWind'));
   //5.传入数据
   let option = {
     //图例
@@ -232,7 +232,7 @@ const initChart = () => {
 }
 const initAirChart = () => {
   //3.初始化container容器
-  myAirEcharts = echarts.init(document.getElementById('containerEle'));
+  myAirEcharts = echarts.init(document.getElementById('containerAir'));
   //5.传入数据
   let option = {
     //图例

src/components/content/badGasInfo/BadGasInfo.vue

@@ -23,7 +23,7 @@
         <div class="left-top-icon"></div>
         <div class="right-top-icon"></div>
         <div class="chat-dialog">
-          <div id="container"></div>
+          <div id="containerBad"></div>
           <div style="width: 1px"></div>
         </div>
         <div class="time-select">
@@ -130,7 +130,7 @@ const getImageUrl = (name) => {
  */
 const initChart = () => {
   //3.初始化container容器
-  myEcharts = echarts.init(document.getElementById("container"));
+  myEcharts = echarts.init(document.getElementById("containerBad"));
   //5.传入数据
   let option = {
     //图例