Bladeren bron

fix:加班的样式处理

chenzhen2 2 jaren geleden
bovenliggende
commit
ef5cf3ec42
1 gewijzigde bestanden met toevoegingen van 21 en 13 verwijderingen
  1. 21 13
      src/views/envmonitor/components/ManualWork/index.vue

+ 21 - 13
src/views/envmonitor/components/ManualWork/index.vue

@@ -120,15 +120,17 @@
               v-if="item.equipmentCategory === 'SELTLT'"
               @click="checkEquipment(item)"
             >
-              <span>{{ item.localName }}</span>
-              <img
-                :src="
-                  item.isCheck
-                    ? parseImgUrl('ipdImages', 'check-open.svg')
-                    : parseImgUrl('ipdImages', 'check-close.svg')
-                "
-                alt=""
-              />
+              <div class="row-item">
+                <span>{{ item.localName }}</span>
+                <img
+                  :src="
+                    item.isCheck
+                      ? parseImgUrl('ipdImages', 'check-open.svg')
+                      : parseImgUrl('ipdImages', 'check-close.svg')
+                  "
+                  alt=""
+                />
+              </div>
             </div>
           </template>
         </div>
@@ -1856,12 +1858,11 @@ export default defineComponent({
   }
 }
 .device-box {
-  display: flex;
-  justify-content: space-between;
+  // display: flex;
+  // justify-content: space-between;
 
   .device-row {
-    display: flex;
-    justify-content: space-between;
+    display: inline-block;
     width: 48%;
     font-family: "PingFang SC";
     font-style: normal;
@@ -1874,6 +1875,13 @@ export default defineComponent({
     margin-top: 10px;
     margin-bottom: 10px;
     line-height: 20px;
+    &:nth-child(2n + 1) {
+      margin-right: 2%;
+    }
+    .row-item {
+      display: flex;
+      justify-content: space-between;
+    }
     span {
       display: inline-block;
       font-family: "PingFang SC";