|
|
@ -70,15 +70,23 @@ |
|
|
<span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.tongPercentageStr }}</b></span> |
|
|
<span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.tongPercentageStr }}</b></span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item_box"> <span class="item_sub"> |
|
|
<div class="count-unite"><label>联合执法</label> |
|
|
<label>联合执法</label> |
|
|
<b>{{data.whole.uniteTotal}}</b> |
|
|
<b>{{data.whole.uniteTotal}}</b> </span> <span class="item_sub"> |
|
|
</div> |
|
|
<label>行政执法预告</label> |
|
|
<div class="item_box"> |
|
|
<b>{{data.whole.noticeTotal}}</b> </span> <span class="item_sub"> |
|
|
<span class="item_sub"> |
|
|
<label>评价</label> |
|
|
<label>执法预告</label> |
|
|
<b>{{data.whole.evaluateTotal}}</b> </span> <span class="item_sub comst"> |
|
|
<b>{{data.whole.noticeTotal}}</b> </span> |
|
|
<label>投诉</label> |
|
|
<span class="item_sub"> |
|
|
<b>{{data.whole.complaintTotal}}</b> </span> </div> |
|
|
<label>委托执法</label> |
|
|
|
|
|
<b>526</b> </span> |
|
|
|
|
|
<span class="item_sub"> |
|
|
|
|
|
<label>评价</label> |
|
|
|
|
|
<b>{{data.whole.evaluateTotal}}</b> </span> |
|
|
|
|
|
<span class="item_sub comst"> |
|
|
|
|
|
<label>投诉</label> |
|
|
|
|
|
<b>{{data.whole.complaintTotal}}</b> </span> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!--<h3 class="card_tit">执法类别</h3> |
|
|
<!--<h3 class="card_tit">执法类别</h3> |
|
|
@ -433,7 +441,7 @@ body { |
|
|
display: table; |
|
|
display: table; |
|
|
margin: 1% 2.75% 3.5%; |
|
|
margin: 1% 2.75% 3.5%; |
|
|
width: 94.5%; |
|
|
width: 94.5%; |
|
|
height: 5rem; |
|
|
height: 6.25rem; |
|
|
background: url(../../assets/images/bg_analy_v4.jpg) no-repeat; |
|
|
background: url(../../assets/images/bg_analy_v4.jpg) no-repeat; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
border-radius: 0.2rem; |
|
|
border-radius: 0.2rem; |
|
|
@ -450,7 +458,7 @@ body { |
|
|
} |
|
|
} |
|
|
.counts { |
|
|
.counts { |
|
|
float: left; |
|
|
float: left; |
|
|
margin: 1% 2%; |
|
|
margin: 1% 3%; |
|
|
color: #4767fe; |
|
|
color: #4767fe; |
|
|
font-size: 1.45rem; |
|
|
font-size: 1.45rem; |
|
|
line-height: 1.1; |
|
|
line-height: 1.1; |
|
|
@ -499,7 +507,7 @@ body { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin: 6% 2% 0; |
|
|
margin: 5% 2% 0; |
|
|
width: 94%; |
|
|
width: 94%; |
|
|
height: 1.5rem; |
|
|
height: 1.5rem; |
|
|
} |
|
|
} |
|
|
@ -533,6 +541,32 @@ body { |
|
|
width: 2px; |
|
|
width: 2px; |
|
|
height: 85%; |
|
|
height: 85%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.count-unite { |
|
|
|
|
|
float: left; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
margin: 3% 0 0 -2.25%; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 1rem; |
|
|
|
|
|
font-size: 0.35rem; |
|
|
|
|
|
background: linear-gradient(45deg, #e2ecfd, transparent); |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.count-unite label { |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
margin: 0 3% 0 5.65%; |
|
|
|
|
|
color: #69a3ca; |
|
|
|
|
|
font-size: 0.32rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.count-unite b { |
|
|
|
|
|
color: #4767fe; |
|
|
|
|
|
font-size: 0.5rem; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.count_wrap { |
|
|
.count_wrap { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: wrap; |
|
|
|