chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

名字（二与三对齐）/日期选择（五个自然日内）

v4
lijun 2 years ago
parent
50a0f3891d
commit
a0fa10bc43
1 changed files with 52 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 66
      src/views/enforce/comprehensiveAnalysis.vue

66
src/views/enforce/comprehensiveAnalysis.vue
View File

@ -58,14 +58,14 @@
<div class="ratioes"> <div class="ratioes">
<div class="ratio_yeaer"> <div class="ratio_yeaer">
<label>环比：</label> <label>环比：</label>
<span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.huanPercentage>0">&#8593<b>{{ data.whole.huanPercentageStr }}</b></span> <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.huanPercentage>0"><van-icon name="down" /><b>{{ data.whole.huanPercentageStr }}</b></span>
<span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.huanPercentage<0">&#8593<b>{{ data.whole.huanPercentageStr }}</b></span> <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.huanPercentage<0"><van-icon name="down" /><b>{{ data.whole.huanPercentageStr }}</b></span>
<span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.huanPercentageStr }}</b></span> <span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.huanPercentageStr }}</b></span>
</div> </div>
<div class="ratio_month"> <div class="ratio_month">
<label>同比：</label> <label>同比：</label>
<span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.tongPercentage>0">&#8593<b>{{ data.whole.tongPercentageStr }}</b></span> <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.tongPercentage>0"><van-icon name="down" /><b>{{ data.whole.tongPercentageStr }}</b></span>
<span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.tongPercentage<0">&#8593<b>{{ data.whole.tongPercentageStr }}</b></span> <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.tongPercentage<0"><van-icon name="down" /><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> <span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.tongPercentageStr }}</b></span>
</div> </div>
</div> </div>
@ -85,7 +85,7 @@
<div class="count_item" v-for="item in data.whole.checkCategoryList"> <div class="count_item" v-for="item in data.whole.checkCategoryList">
<label>{{ item.checkCategory }}</label> <label>{{ item.checkCategory }}</label>
<span class="number_count">{{item.checkCategoryNumber}}</span> <span class="number_count">{{item.checkCategoryNumber}}</span>
<span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span> <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
<span class="number_percent" v-else>-</span> <span class="number_percent" v-else>-</span>
</div> </div>
</div> </div>
@ -94,7 +94,7 @@
<div class="count_item" v-for="item in data.whole.companyOrgTypeList"> <div class="count_item" v-for="item in data.whole.companyOrgTypeList">
<label>{{ item.companyOrgType }}</label> <label>{{ item.companyOrgType }}</label>
<span class="number_count">{{item.companyOrgTypeNumber}}</span> <span class="number_count">{{item.companyOrgTypeNumber}}</span>
<span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span> <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
<span class="number_percent" v-else>-</span> <span class="number_percent" v-else>-</span>
</div> </div>
</div> </div>
@ -103,7 +103,7 @@
<div class="count_item" v-for="item in data.whole.complaintTypeList"> <div class="count_item" v-for="item in data.whole.complaintTypeList">
<label>{{ item.complaintType }}</label> <label>{{ item.complaintType }}</label>
<span class="number_count">{{item.complaintTotal}}</span> <span class="number_count">{{item.complaintTotal}}</span>
<span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span> <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
<span class="number_percent" v-else>-</span> <span class="number_percent" v-else>-</span>
</div> </div>
</div> </div>
@ -122,8 +122,8 @@ const data = reactive({
submitData: { submitData: {
searchType: "user", searchType: "user",
// userId:useCommon.userId, // userId:useCommon.userId,
// userId: "17608514096", userId: "17608514096",
userId: "17608508256", // userId: "17608508256",
dateType: "year", dateType: "year",
beginTime: "", beginTime: "",
endTime: "", endTime: "",
@ -311,14 +311,14 @@ const confirmDay = (value) => {
</script> </script>
<style> <style>
html, /* html,
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 40px; font-size: 40px;
} } */
.page_wrapper { .page_wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -328,7 +328,7 @@ body {
display: flex; display: flex;
margin: 1% 3%; margin: 1% 3%;
width: 94%; width: 94%;
height: 1.2rem; height: 1.1rem;
} }
.tab_title span { .tab_title span {
width: 50%; width: 50%;
@ -345,8 +345,9 @@ body {
background-size: 100% 100%; background-size: 100% 100%;
} }
.tab_title span b { .tab_title span b {
margin-right: 0.25rem; margin-right: 0.1rem;
font-size: 0.5rem; font-size: 0.45rem;
font-weight: 500;
} }
.tab_title span.active { .tab_title span.active {
background: url(../../assets/images/tab_bg_1.png) no-repeat; background: url(../../assets/images/tab_bg_1.png) no-repeat;
@ -368,7 +369,7 @@ body {
float: left; float: left;
margin: 3.5% 4%; margin: 3.5% 4%;
color: #4767fe; color: #4767fe;
font-size: 0.35rem; font-size: 0.38rem;
} }
.time_select { .time_select {
float: right; float: right;
@ -395,14 +396,15 @@ body {
display: table; display: table;
margin: 1% 2% 3.5%; margin: 1% 2% 3.5%;
width: 96%; width: 96%;
height: 5.25rem; height: 5rem;
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;
} }
.card_tit { .card_tit {
margin: 3% 3%; margin: 2% 3%;
width: 100%; width: 100%;
color: #333;
font-size: 0.35rem; font-size: 0.35rem;
} }
.inspact_box { .inspact_box {
@ -413,7 +415,8 @@ body {
float: left; float: left;
margin: 1% 2%; margin: 1% 2%;
color: #4767fe; color: #4767fe;
font-size: 1.2rem; font-size: 1.45rem;
line-height: 1.1;
} }
.ratioes { .ratioes {
float: left; float: left;
@ -430,18 +433,29 @@ body {
} }
.data-rise, .data-rise,
.data-fall { .data-fall {
position: relative;
margin: 2% 2% 0 2.5%; margin: 2% 2% 0 2.5%;
color: #03a159; color: #03a159;
font-size: 0.42rem; font-size: 0.35rem;
font-weight: 700; font-weight: 600;
display: flex; display: flex;
} }
.data-fall { .data-fall {
color: #ff3333; color: #ff3333;
} }
.data-rise > i, .data-fall > i {
position: relative;
top: 0.05rem;
}
.data-rise > i {
top: -0.1rem;
transform: rotate(-180deg);
}
.data-rise b, .data-rise b,
.data-fall b { .data-fall b {
margin: 0 0 0 10%; margin: 0 0 0 10%;
font-size: 0.4rem;
font-weight: 500;
} }
.item_box { .item_box {
float: left; float: left;
@ -466,7 +480,7 @@ body {
} }
.item_sub b { .item_sub b {
color: #4767fe; color: #4767fe;
font-size: 0.75rem; font-size: 0.85rem;
font-weight: 500; font-weight: 500;
line-height: 1.75; line-height: 1.75;
} }
@ -510,12 +524,18 @@ body {
.number_count { .number_count {
display: block; display: block;
color: #4767fe; color: #4767fe;
font-size: 0.75rem; font-size: 0.85rem;
font-weight: 500; font-weight: 500;
line-height: 1.75; line-height: 1.65;
} }
.number_percent { .number_percent {
color: #666; color: #666;
font-size: 0.43rem;
}
.number_percent > i {
margin-left: 2%;
color: #999;
font-size: 0.28rem;
} }
.ent_cate .number_count { .ent_cate .number_count {
color: #000; color: #000;

Write Preview
Loading…
Cancel
Save