3.2

src/view/Dialoges.vue

@@ -56,6 +56,10 @@
         :data="tableData"
         style="width: 100%"
         v-loading="loading"
+        element-loading-text="Loading..."
+        :element-loading-spinner="svg"
+        element-loading-svg-view-box="-10, -10, 50, 50"
+        element-loading-background="rgba(0, 10, 0, 0.1)"
         @size-change="handleSizeChange"
         :row-class-name="tableRowClassName"
         :header-cell-style="{'background':' #375A88'}"

src/view/components/Sourcedisaster.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 所有弹出框 -->
-    <div class="l_Dialog" >
+    <div class="l_Dialog bbb" >
     <!--火灾左侧栏-->
     <div class="common-layout" style="margin: 0;"> 
         <el-aside width="354px" class="L_aside asideg asidegbg leftbgimg1"  v-show="sour.collfire">
@@ -274,7 +274,7 @@
 />
 </div>
        <div class="dialog-footer footer_div l_btn">
-      <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.dialogVisiblenode">取消</el-button></div></div>
+      <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.dialogVisiblenode = false">取消</el-button></div></div>
       <div class="footerbtn flex1"><div class="borderimg"><el-button @click="queding();sdialog.dialogVisiblenode = false">
      确定
       </el-button></div></div>
@@ -1150,4 +1150,7 @@ text-transform: none;
 .tablefocus .el-table__body tr.current-row>td.el-table__cell {
     background-color: rgba(255,255,25,0.5);
 }
+.bbb .el-collapse-item__content{
+    background: rgba(13, 22, 57, 0);
+}
 </style>

src/view/components/tanimation.vue

@@ -47,7 +47,6 @@
     </el-aside>
     <!-- 监测点 -->
     <!-- 监测点 -->
-    <div class="l_Dialog">
       <div class="jiancedian asideg1" v-show="monitor">
         <div class="jc_header he_pading color1">
           <el-form-item label="污染物选择:">
@@ -83,7 +82,7 @@
           <div style="height: 200px"></div>
         </div>
       </div>
-    </div>
+   
   </div>
 </template>
 
@@ -674,9 +673,10 @@ defineExpose({ monitor, accident5 });
 }
 .jiancedian {
   width: 371px;
-  position: absolute;
+  position: fixed;
   right: 0;
   top: 70px;
+  background-color:rgba(13, 22, 57, 0.60) ;
   box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
   border-radius: 4px 4px 4px 4px;
   border: 1px solid;
@@ -877,7 +877,7 @@ defineExpose({ monitor, accident5 });
 .asideg1 .jc_header {
   width: 100%;
   height: 52px;
-  line-height: 69px;
+  line-height: 52px;
   background-image: url(../../assets/img/Group24.png) !important;
   background-repeat: no-repeat;
   background-position: center;
@@ -886,7 +886,7 @@ defineExpose({ monitor, accident5 });
   padding-left: 20px;
 }
 .he_pading {
-  padding: 19px 14px 0 31px;
+  padding: 11px 0 0 31px;
 }
 .asideg1 .el-form-item__label {
   font-weight: 400;
@@ -987,8 +987,11 @@ defineExpose({ monitor, accident5 });
 ::-webkit-scrollbar-track {
   background-color: rgba(104, 173, 255, 0.4); /* 设置滚动条轨道背景颜色 */
 }
+.result{
+background-color: rgba(13, 22, 57, 0.60);
+}
 .result .el-tabs__item {
-  padding: 17px !important;
+  padding: 17.5px !important;
   font-weight: bold;
   font-size: 14px;
   color: #ffffff;
@@ -1047,7 +1050,7 @@ defineExpose({ monitor, accident5 });
   position: relative;
 }
 .result .el-tabs__content {
-  width: 275px;
+  width: 278px;
 }
 .el-slider__button {
   height: 10px;