|
|
|
@ -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> |
|
|
|
|
