修改预警信息

src/views/enforce/enterpriseScanPreview.vue

@@ -18,7 +18,7 @@
 				<van-tab title="企业画像">
 					<enterpriseBaseInfo></enterpriseBaseInfo>
 				</van-tab>
-        
+
         <van-tab title="企业预警"  class="header-box" />
           <enterpriseWarningInfo></enterpriseWarningInfo>
 
@@ -174,7 +174,7 @@ const goBack = () => {
   color: #4aa1f9;
   background: url("../../assets/images/tab_bg.png") no-repeat;
   background-size: 100% 100%;
-  animation: test 1000ms infinite;    
+  animation: test 1000ms infinite;
     -webkit-animation: test 1000ms infinite;
 }
 
@@ -230,7 +230,7 @@ const goBack = () => {
     position: relative;
 }
 
-.header-box {    
+.header-box {
     color: #fff;    
     padding: 10px;    
     font-size: 15px;    

src/views/enforce/enterpriseWarningInfo.vue

@@ -36,18 +36,18 @@
 									</div>
 <!--									 <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" />-->
                   <div  style="border-color: aqua; border: 2px;" class="van-hairline--bottom"></div>
-									<div class="card_box_span" style="padding-left: 1%;">
+									<div class="card_box_span">
 										<van-icon v-if="item.warningLevel==1" name="warning" color="red" size="30" style="margin-top: 2%;" />
 										<van-icon v-else-if="item.warningLevel==2" name="warning" color="#ed6a0c" size="30" style="margin-top: 2%;" />
 										<van-icon v-else-if="item.warningLevel==3" name="warning" color="#fed200" size="30"  style="margin-top: 2%;" />
 										<van-icon v-else name="info" size="30" color="#fed200" style="margin-top: 2%;" />
-										<p style="padding-left: 15px; font-size: 16px;font-weight: bold;">{{ item.enterpriseName }}</p>
+										<p class="item-name">{{ item.enterpriseName }}</p>
 									</div>
 									<div class="card_box_span">
-										<p style="padding-left: 30px;"><span class="card_box_label">预警原因：</span> {{ item.warningCause }}</p>
+										<p class="warn-cont"><span class="card_box_label">预警原因：</span> {{ item.warningCause }}</p>
 									</div>
 									<div class="card_box_span">
-										<p style="padding-left: 30px;"><span class="card_box_label">预警级别：</span>
+										<p class="warn-cont"><span class="card_box_label">预警级别：</span>
 											{{ item.warningLevel==1?"Ⅰ级 (特别严重)":item.warningLevel==2?"Ⅱ级 (严重)": item.warningLevel==3?"Ⅲ级 (较重)": "Ⅳ (一般)"}}
 										</p>
 									</div>
@@ -342,4 +342,30 @@
 		}
 	}
 
+
+  /deep/ .card_box {
+    margin: 1% 3%;
+  }
+
+  /deep/ .card_box_span {
+    display: flex;
+    align-items: center;
+  }
+
+  /deep/ .card_box_span p {
+    margin: 0;
+    padding-left: 2%;
+    color: #c1bfbf;
+    font-size: 0.35rem;
+    height: 0.75rem;
+    line-height: 0.5rem;
+  }
+
+  /deep/ .card_box_span p.warn-cont {
+    padding-left: 1rem;
+    font-size: 0.35rem;
+  }
+
+
+
 </style>