Skip to content

C
civil-front
Commit 76f809f0 by 李耀琨
Options

优化

parent 98ded76d
Showing with 48 additions and 24 deletions
src/views/unified/tapSwitch/marriage.vue
......@@ -30,13 +30,32 @@
<div class="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">婚姻统计</div>
<div class="socialOrganizationFlex">
<div class="text">共</div>
<div>
<div class="borderBottom"></div>
<div class="yellowNums">{{ marriageLine.iaTotalNum }}</div>
<div class="borderTop"></div>
<div class="flexBox">
<!-- <div class="imgBox"></div> -->
<img
src="./../../../assets/images/01-结婚总数.png"
alt=""
class="marriageImg"
/>
<div>
<div class="marriedNum">结婚总数(对)</div>
<div class="yellowNum">{{ marriageStats.marryNum }}</div>
</div>
</div>
<div class="flexBox">
<!-- <div class="imgBox"></div> -->
<img
src="./../../../assets/images/02-离婚总数.png"
alt=""
class="marriageImg"
/>
<div>
<div class="marriedNum">离婚总数(对)</div>
<div class="yellowNum">
{{ marriageStats.divorceNum }}
</div>
</div>
</div>
<div class="text">个</div>
</div>
<div id="mainInfo" class="trend"></div>
</div>
......@@ -1049,7 +1068,7 @@ export default {
.flexBox {
display: flex;
margin: 36px auto;
margin: 36px 20px;
width: 80%;
}
......@@ -1145,7 +1164,8 @@ export default {
.socialOrganizationFlex {
display: flex;
justify-content: center;
margin-top: 20px;
// justify-content: space-around;
// margin-top: 20px;
//margin-left: 60px;
}
......
src/views/unified/tapSwitch/population.vue
......@@ -93,14 +93,14 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="rescue">
<div class="size24">{{ orphanNum }}</div>
<div class="size16">孤儿</div>
<div class="size16">孤儿 (人)</div>
<div class="size24">{{ orphanNum }} </div>
</div>
</el-col>
<el-col :span="12">
<div class="rescue">
<div class="size16Info">事实无人领养 (人)</div>
<div class="size24Info">{{ noAdoptNum }}</div>
<div class="size16Info">事实无人领养</div>
</div>
</el-col>
</el-row>
......@@ -179,7 +179,7 @@
</el-col>
<el-col :span="24">
<div class="disabilityPeople">
<div class="size16">贫困残疾人</div>
<div class="size16">贫困残疾人 (人)</div>
<div class="size16">{{ povertyNum }}</div>
</div>
</el-col>
......@@ -192,7 +192,7 @@
</el-col>
<el-col :span="24">
<div class="disabilityPeople">
<div class="size16">重度残疾人</div>
<div class="size16">重度残疾人 (人)</div>
<div class="size16">
{{ severeNum }}
</div>
......@@ -241,7 +241,7 @@
<div class="size24">
{{ threeYeartTotalData.cityToatlNum }}
</div>
<div class="sizeFelx">万人</div>
<div class="sizeFelx">（人）</div>
</div>
<div class="sizecity16">城市</div>
</div>
......@@ -252,7 +252,7 @@
<div class="sizeyellow24">
{{ threeYeartTotalData.villageToatlNum }}
</div>
<div class="sizeFelxYellow">万人</div>
<div class="sizeFelxYellow">（人）</div>
</div>
<div class="sizerural16">农村</div>
</div>
......
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -35,7 +35,7 @@
<div class="num">
{{ cityAndvillagePeople.cityToatlNum }}
</div>
<div class="text">万人</div>
<div class="text">人</div>
</div>
<div class="rural">农村</div>
</div>
......@@ -44,7 +44,7 @@
<div class="nums">
{{ cityAndvillagePeople.villageToatlNum }}
</div>
<div class="texts">万人</div>
<div class="texts">人</div>
</div>
<div class="city">城市</div>
</div>
......@@ -86,7 +86,7 @@
<div class="num">
{{ cityAndvillageNum.cityToatlAmount }}
</div>
<div class="text">万元</div>
<div class="text">元</div>
</div>
<div class="rural">农村</div>
</div>
......@@ -95,7 +95,7 @@
<div class="nums">
{{ cityAndvillageNum.villageToatlAmount }}
</div>
<div class="texts">万元</div>
<div class="texts">元</div>
</div>
<div class="city">城市</div>
</div>
......
src/views/unified/tapSwitch/subsidies.vue
......@@ -34,15 +34,15 @@
<div class="flex">
<div class="num">
{{ poorDisabledNum.difficultTotalNum }}
</div>
<div class="text">万</div>
</div>
<div class="text">元</div>
</div>
<div class="rural">贫困残疾救助</div>
</div>
<div>
<div class="flex">
<div class="nums">{{ poorDisabledNum.severeTotalNum }}</div>
<div class="texts">万</div>
<div class="texts">元</div>
</div>
<div class="city">重度残疾救助</div>
</div>
......@@ -78,13 +78,17 @@
/>
<div class="warningInfo" v-if="LevelStats">暂无下级数据</div>
<div class="titleHead">残疾人比例</div>
<div class="subsidiesBox">
<div class="subsidiesText">残疾等级</div>
<div class="subsidiesText">总数(人)</div>
<div class="subsidiesText">占比%</div></div>
<div
class="subsidiesBox"
v-for="(item, index) in disabledLevelStats"
:key="index"
>
<div class="subsidiesText">{{ item.level }}级残疾</div>
<div class="subsidiesText">总数{{ item.num }}</div>
<div class="subsidiesText">{{ item.num }}</div>
<div class="subsidiesText">{{item.percentage}}%</div>
</div>
</div>
......@@ -1029,7 +1033,7 @@ export default {
justify-content: space-around;
align-items: center;
border-bottom: 2px solid #526787;
margin: 60px 30px;
margin: 50px 30px;
}
.subsidiesText {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment