Przeglądaj źródła

feat:风险预警样式调整

LAPTOP-U5GOA5HA\zz 1 rok temu
rodzic
commit
0b3b0d1722

BIN
app/src/assets/images/Frame (1).png


BIN
app/src/assets/images/Frame (2).png


BIN
app/src/assets/images/Frame (3).png


+ 7 - 3
app/src/views/Risk/components/Riskdistribution.vue

@@ -18,7 +18,7 @@
       </div>
       <div >
         <div class="row header">
-          <span class="time">序号</span>
+          <span class="type">序号</span>
           <span class="person">区域</span>
           <span class="result">风险数(栋)</span>
         </div>
@@ -29,7 +29,7 @@
         >
           <ul class="item">
             <li class="row" v-for="(item, index) in list1" :key="index">
-                <span class="time">{{ index+1}}</span>
+                <span class="type">{{ index+1}}</span>
                 <span class="person">{{ item[0] }}</span>
                 <span class="result"
                   :style="{
@@ -122,7 +122,7 @@
   
   <style scoped lang='less'>
   .maintenance-supervision {
-    padding: 10px 10px 0px 10px;
+    // padding: 10px 10px 0px 10px;
     .maintenance-supervision_header {
       border-bottom: 1px solid #154956;
       padding-bottom: 2px;
@@ -163,12 +163,16 @@
     background-color: rgba(0, 0, 0, 0.2);
     .time,
     .person,
+    .type,
     .result {
       flex: 0.33;
       display: flex;
       justify-content: center;
       align-items: center;
     }
+    .type {
+      flex: 0.15;
+    }
   }
   }
   </style>

+ 6 - 3
app/src/views/Risk/components/Totality.vue

@@ -24,6 +24,9 @@
 
 <script>
 import imga from '../../../assets/images/Frame.png'
+import img1 from '../../../assets//images/Frame (1).png'
+import img2 from '../../../assets//images/Frame (2).png'
+import img3 from '../../../assets//images/Frame (3).png'
  export default {
     data(){
         return{
@@ -38,19 +41,19 @@ import imga from '../../../assets/images/Frame.png'
                     title:'较大风险',
                     num:78,
                     unit:'栋',
-                    imgs:imga            
+                    imgs:img1            
                 },
                 {
                     title:'一般风险',
                     num:998,
                     unit:'栋',
-                    imgs:imga            
+                    imgs:img2           
                 },
                 {
                     title:'低风险',
                     num:1123,
                     unit:'栋',
-                    imgs:imga            
+                    imgs:img3            
                 }
             ]
         }