Commit 288e58f6 by 李耀琨

更新代码

parent 76f809f0
......@@ -7,7 +7,7 @@
/>
<div class="flex-container">
<img
src="./../assets/images/img/标题.png"
src="./../assets/images/img/标题1.png"
alt=""
class="flex-container-tetli"
/>
......
......@@ -6,7 +6,7 @@
class="background-image"
/>
<div class="flex-container">
<img src="./../../assets/images/img/标题.png" alt="" class="flex-container-tetli">
<img src="./../../assets/images/img/标题1.png" alt="" class="flex-container-tetli">
<!-- <img src="./../../assets/images/标题左边素材.png" alt="" class="about" />
<div class="title-text">
民政数据分析系统
......
......@@ -237,24 +237,28 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="rescue">
<div class="sizecity16">城市低保对象(人)</div>
<div class="sizeFlex">
<div class="size24">
{{ threeYeartTotalData.cityToatlNum }}
<!-- {{ threeYeartTotalData.cityToatlNum }} -->
343634
</div>
<div class="sizeFelx">(人)</div>
</div>
<div class="sizecity16">城市</div>
</div>
</el-col>
<el-col :span="12">
<div class="rescue">
<div class="sizerural16">农村低保对象(人)</div>
<div class="sizeFlex">
<div class="sizeyellow24">
{{ threeYeartTotalData.villageToatlNum }}
<!-- {{ threeYeartTotalData.villageToatlNum }} -->
2488258
</div>
<div class="sizeFelxYellow">(人)</div>
</div>
<div class="sizerural16">农村</div>
</div>
</el-col>
</el-row>
......
......@@ -28,28 +28,96 @@
class="lowerRight"
/>
<div class="warningInfo" v-if="num != 0">暂下级数据</div>
<div class="titleHead">三年享受低保人数</div>
<div class="display">
<div class="titleHead">当前享受低保人数</div>
<!-- <div class="provideFlex">
<div class="text">城市</div>
<div>
<div class="borderBottom"></div>
<div class="textNum"> 152435 </div>
<div class="borderTop"></div>
</div>
<div class="text"></div>
</div>
<div class="provideFlex">
<div class="text">农村</div>
<div>
<div class="borderBottom"></div>
<div class="textNum"> 864076 </div>
<div class="borderTop"></div>
</div>
<div class="text"></div>
</div> -->
<div class="provideFlex">
<div class="text">城市低保人数</div>
<div>
<div class="borderBottom"></div>
<div class="textNum"> 343634 </div>
<div class="borderTop"></div>
</div>
<div class="text"></div>
</div>
<div class="provideFlex">
<div class="text">农村低保人数</div>
<div>
<div class="borderBottom"></div>
<div class="textNum"> 2488258 </div>
<div class="borderTop"></div>
</div>
<div class="text"></div>
</div>
<!-- <div class="display"> -->
<!-- <div>
<div class="flex">
<div class="num">
{{ cityAndvillagePeople.cityToatlNum }}
343634
</div>
<div class="text"></div>
</div>
<div class="rural">农村</div>
</div>
<div>
<div class="rural">城市</div>
</div> -->
<!-- <div>
<div class="flex">
<div class="nums">
{{ cityAndvillagePeople.villageToatlNum }}
2488258
</div>
<div class="texts"></div>
</div>
<div class="city">城市</div>
<div class="city">农村</div>
</div> -->
<!-- </div> -->
<!-- <div class="display">
<div>
<div class="flex">
<div class="num">
{{ cityAndvillagePeople.cityToatlNum }}
152435
</div>
<div class="text"></div>
</div>
<div id="fivePeople" class="trend"></div>
<div class="rural">城市</div>
</div>
<div>
<div class="flex">
<div class="nums">
{{ cityAndvillagePeople.villageToatlNum }}
864076
</div>
<div class="texts"></div>
</div>
<div class="city">农村</div>
</div>
</div> -->
<!-- <div id="fivePeople" class="trend"></div> -->
</div>
</el-col>
</el-row>
......@@ -81,24 +149,24 @@
<div class="warningInfo" v-if="num != 0">暂下级数据</div>
<div class="titleHead">三年享受低保资金</div>
<div class="display">
<div>
<!-- <div>
<div class="flex">
<div class="num">
{{ cityAndvillageNum.cityToatlAmount }}
</div>
<div class="text"></div>
</div>
<div class="rural">农村</div>
</div>
<div>
<div class="rural"> 城市</div>
</div> -->
<!-- <div>
<div class="flex">
<div class="nums">
{{ cityAndvillageNum.villageToatlAmount }}
</div>
<div class="texts"></div>
</div>
<div class="city">城市</div>
</div>
<div class="city"> 农村</div>
</div> -->
</div>
<div id="fiveCapital" class="trend"></div>
</div>
......@@ -205,7 +273,9 @@
class="lowerRight"
/>
<div class="wiansInfo">
<div class="titleHead">{{ address ? address : "广西全区" }}低保对象查询</div>
<div class="titleHead">
{{ address ? address : "广西全区" }}低保对象查询
</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -308,7 +378,7 @@ export default {
a: false,
b: false,
c: false,
d:false,
d: false,
address: "",
tableData: [],
pageInfo: {
......@@ -755,7 +825,8 @@ export default {
name: "城市",
type: "line",
stack: "总量",
data: data.cityData,
// data: data.cityData,
data: 0,
itemStyle: {
normal: {
color: "#7C8FAB",
......@@ -769,7 +840,8 @@ export default {
name: "农村",
type: "line",
stack: "总量",
data: data.villageData,
// data: data.villageData,
data: 0,
itemStyle: {
normal: {
color: "#968E38",
......@@ -1138,9 +1210,10 @@ export default {
}
.display {
display: flex;
justify-content: space-around;
align-items: center;
// display: flex;
// justify-content: space-around;
// align-items: center;
text-align: center;
margin: 30px 0;
}
......@@ -1173,12 +1246,12 @@ export default {
}
.rural {
font-size: 12px;
// font-size: 12px;
color: #fff;
}
.city {
font-size: 12px;
// font-size: 12px;
color: #fff;
}
......@@ -1235,4 +1308,46 @@ export default {
color: #ffb0b3;
z-index: 999;
}
.provideFlex {
display: flex;
justify-content: center;
margin-top: 30px;
//margin-left: 36px;
}
.text {
font-size: 16px;
color: #fff;
margin-top: 16px;
}
.textNum {
width: 180px;
font-size: 24px;
text-align: center;
color: #fff;
font-weight: bold;
}
.textNums {
width: 180px;
font-size: 24px;
text-align: center;
color: #c1bdbd;
font-weight: bold;
}
.borderBottom {
width: 180px;
height: 12px;
border: 2px solid #0e62bf;
border-bottom: none;
}
.borderTop {
width: 180px;
height: 12px;
border: 2px solid #0e62bf;
border-top: none;
}
</style>
\ No newline at end of file
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