|
|
|
@ -27,8 +27,7 @@ |
|
|
|
</van-button> |
|
|
|
</div> |
|
|
|
<div class="search-button-date"> |
|
|
|
<span class="date-select" v-show="data.dateShow" @click="selectDate">{{ data.dateSearch }} <van-icon |
|
|
|
name="play"/></span> |
|
|
|
<span class="date-select" v-show="data.dateShow" @click="selectDate">{{ data.dateSearch }}</span> |
|
|
|
<div style="border-color: black;" class="van-hairline--bottom"></div> |
|
|
|
<van-popup v-model:show="data.showDatePicker" position="bottom"> |
|
|
|
<van-date-picker |
|
|
|
@ -43,7 +42,7 @@ |
|
|
|
</van-popup> |
|
|
|
</div> |
|
|
|
<div class="warning-rule"> |
|
|
|
<b>预警规则:</b>Ⅰ级 (严重),红色图标,当月被检查次数为 <i>7</i>次及以上;Ⅱ级 (较重),橙色图标,当月被检查次数为 <i>5-6</i>次;Ⅲ级 (一般),黄色图标,当月被检查次数为 <i>3-4</i>次。 |
|
|
|
<span><van-icon name="warning-o" /></span><span>当月累计接受行政检查三至四次为黄色提示,五至六次为橙色提示,七次及以上为红色提示。</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 中间 --> |
|
|
|
@ -72,11 +71,11 @@ |
|
|
|
<p>{{item.enterpriseName }}</p> |
|
|
|
</div> |
|
|
|
<div class="card_box_span"> |
|
|
|
<p style="padding-left: 0.9rem;"><span class="card_box_label">预警原因:</span> {{ |
|
|
|
<p class="warn-cont"><span class="card_box_label">预警原因:</span> {{ |
|
|
|
item.warningCause }}</p> |
|
|
|
</div> |
|
|
|
<div class="card_box_span"> |
|
|
|
<p style="padding-left: 0.9rem;"><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> |
|
|
|
@ -320,11 +319,6 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
.card_box_label { |
|
|
|
color: rgba(128, 128, 128, 0.5); |
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.shop { |
|
|
|
height: 100%; |
|
|
|
@ -369,14 +363,20 @@ |
|
|
|
align-items: center; |
|
|
|
margin: 1% 0; |
|
|
|
padding: 0 3%; |
|
|
|
color: #666; |
|
|
|
font-size: 0.35rem; |
|
|
|
line-height: 1.5; |
|
|
|
|
|
|
|
p { |
|
|
|
margin: 0; |
|
|
|
display: flex; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.card_box_label { |
|
|
|
color: #323233; |
|
|
|
} |
|
|
|
|
|
|
|
.card_box_action { |
|
|
|
position: absolute; |
|
|
|
right: 4%; |
|
|
|
@ -406,17 +406,18 @@ |
|
|
|
|
|
|
|
.search-button { |
|
|
|
width: 15%; |
|
|
|
height: 100%; |
|
|
|
background: #e3e0e0; |
|
|
|
border-color: #e3e0e0; |
|
|
|
color: #4c4c4c; |
|
|
|
height: 90%; |
|
|
|
background: #ebebeb; |
|
|
|
border-color: #ebebeb; |
|
|
|
color: #999; |
|
|
|
font-size: 0.3rem; |
|
|
|
line-height: 1.5; |
|
|
|
} |
|
|
|
|
|
|
|
.search-button.active { |
|
|
|
background-color: #1367fe; |
|
|
|
border-color: #1367fe; |
|
|
|
color: #fff; |
|
|
|
background-color: #d9e6fd; |
|
|
|
border-color: #75a5fb; |
|
|
|
color: #1367fe; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -427,8 +428,9 @@ |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.date-select { |
|
|
|
font-size: 0.52rem; |
|
|
|
margin: 3% 0 0 4%; |
|
|
|
color: #c1bfbf; |
|
|
|
font-size: 0.52rem; |
|
|
|
|
|
|
|
i { |
|
|
|
transform: rotate(90deg); |
|
|
|
@ -453,17 +455,18 @@ |
|
|
|
border: 1px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .card_box .card_box_span:first-child { |
|
|
|
color: #c1bfbf; |
|
|
|
/deep/ .card_box_span:first-child p { |
|
|
|
color: #c1bfbf !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-title i { |
|
|
|
font-size: 0.75rem; |
|
|
|
width: 0.9rem; |
|
|
|
font-size: 0.5rem; |
|
|
|
width: 0.65rem; |
|
|
|
} |
|
|
|
|
|
|
|
.card-title p { |
|
|
|
width: calc(100% - 1rem); |
|
|
|
color: #000; |
|
|
|
font-size: 0.40rem; |
|
|
|
font-weight: bold; |
|
|
|
/*white-space: nowrap; |
|
|
|
@ -489,7 +492,14 @@ |
|
|
|
line-height: 0.9rem; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .card_box_span p.warn-cont { |
|
|
|
padding-left: 0.65rem; |
|
|
|
color: #666; |
|
|
|
font-size: 0.35rem; |
|
|
|
} |
|
|
|
|
|
|
|
.warning-rule { |
|
|
|
display: flex; |
|
|
|
margin: 2% 0.27rem 1%; |
|
|
|
padding: 0.2rem; |
|
|
|
border-radius: 0.27rem; |
|
|
|
@ -499,15 +509,10 @@ |
|
|
|
line-height: 1.25; |
|
|
|
} |
|
|
|
|
|
|
|
.warning-rule b { |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
.warning-rule i { |
|
|
|
margin: 0 0.1rem; |
|
|
|
color: #f50; |
|
|
|
font-size: 0.35rem; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|