大屏弹出框样式调整

gassafetyprogress-web/src/components/bigWindow/Cz.vue

@@ -76,11 +76,11 @@
           >
             {{ deviceData.stationAddr || "-" }}
           </div>
-          <div v-else>-</div>
+          <div v-else class="right last zzz">-</div>
         </div>
       </div>
       <div class="top-right">
-        
+
         <el-image
           v-if="deviceData.pictureAddress"
           style="width: 100px; height: 100px"
@@ -237,7 +237,7 @@ export default {
   background-color: rgba(9, 18, 32, 0.6);
   padding: 10px;
   position: relative;
-  width: 600px;
+  width: 500px;
   .title {
     // padding-top: 10px;
     // padding-left: 10px;
@@ -258,7 +258,7 @@ export default {
     border: 1px solid #cccccc;
     box-sizing: border-box;
     .top-left {
-      flex: 1;
+      flex: 1.8;
       .group {
         height: 40px;
         flex: 1;
@@ -283,6 +283,9 @@ export default {
           text-align: right;
           background-color: rgba(255, 255, 255, 0.1);
         }
+        .right {
+          flex:2;
+        }
       }
     }
     .top-right {

gassafetyprogress-web/src/components/bigWindow/Device.vue

@@ -50,7 +50,7 @@
         </div>
       </div>
       <div class="top-right">
-        
+
         <el-image
           v-if="deviceData.iconUrl"
           style="width: 100px; height: 100px"
@@ -220,7 +220,7 @@ export default {
   background-color: rgba(9, 18, 32, 0.6);
   padding: 10px;
   position: relative;
-  width: 600px;
+  width: 500px;
   .title {
     // padding-top: 10px;
     // padding-left: 10px;
@@ -241,7 +241,7 @@ export default {
     border: 1px solid #cccccc;
     box-sizing: border-box;
     .top-left {
-      flex: 1;
+      flex: 1.8;
       .group {
         height: 40px;
         flex: 1;
@@ -266,6 +266,9 @@ export default {
           text-align: right;
           background-color: rgba(255, 255, 255, 0.1);
         }
+        .right {
+          flex:2;
+        }
       }
     }
     .top-right {