Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
civil-front
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
civil
civil-front
Commits
57ee9fdb
Commit
57ee9fdb
authored
Aug 05, 2021
by
苏咏卓
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
更新
parent
8ca9834d
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
64 additions
and
111 deletions
+64
-111
src/views/unified/tapSwitch/socialAssistance.vue
+59
-94
src/views/unified/tapSwitch/subsidies.vue
+5
-17
No files found.
src/views/unified/tapSwitch/socialAssistance.vue
View file @
57ee9fdb
...
...
@@ -27,7 +27,7 @@
alt=
""
class=
"lowerRight"
/>
<div
class=
"warningInfo"
v-if=
"
num != 0
"
>
暂无下级数据
</div>
<div
class=
"warningInfo"
v-if=
"
a == true
"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
当前享受低保人数
</div>
<div
class=
"xxxBox"
>
<div
class=
"gradientBoxs"
>
...
...
@@ -54,6 +54,20 @@
{{
getEnjoyNum
.
villageNumRate
}}
</div>
</div>
<div
class=
"gradientBoxs"
>
<div
class=
"gradientTitle"
>
特困人数
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
getEnjoyNum
.
poorNum
}}
</div>
</div>
<div
class=
"gradientBoxs"
>
<div
class=
"gradientTitle"
>
临时救助人数
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
getEnjoyNum
.
temporaryNum
}}
</div>
</div>
</div>
<!--
<div
class=
"provideFlex"
>
...
...
@@ -150,18 +164,22 @@
alt=
""
class=
"lowerRight"
/>
<div
class=
"warningInfo"
v-if=
"
num != 0
"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
农村城市
低保人数比例统计
</div>
<div
class=
"warningInfo"
v-if=
"
b == true
"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
城市农村
低保人数比例统计
</div>
<div
class=
"displayBox"
>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
城市
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientOneNum"
>
{{
getEnjoyNum
.
cityNumRate
}}
</div>
<div
class=
"gradientOneNum"
>
{{
getEnjoyNum
.
cityNumRate
}}
</div>
</div>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
农村
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
getEnjoyNum
.
villageNumRate
}}
</div>
<div
class=
"gradientTwoNum"
>
{{
getEnjoyNum
.
villageNumRate
}}
</div>
</div>
</div>
<div
id=
"fiveCapital"
class=
"trend"
></div>
...
...
@@ -206,9 +224,18 @@
<!--
<div
class=
"titleHead"
>
当前选择:
{{
address
?
address
:
"广西全区"
}}
</div>
-->
<img
class=
"returnInfos"
src=
"./../../../assets/images/returns.png"
@
click=
"returnInfo"
v-if=
"num != 0"
/>
<img
class=
"returnInfos"
src=
"./../../../assets/images/returns.png"
@
click=
"returnInfo"
v-if=
"num != 0"
/>
<div
class=
"socialAssistanceMap"
id=
"socialAssistanceMap"
></div>
<img
class=
"guideIcon"
src=
"./../../../assets/images/guide.png"
alt=
""
>
<img
class=
"guideIcon"
src=
"./../../../assets/images/guide.png"
alt=
""
/>
<!--
</div>
-->
</el-col>
</el-row>
...
...
@@ -236,8 +263,8 @@
alt=
""
class=
"lowerRight"
/>
<div
class=
"warningInfo"
v-if=
"
num != 0
"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
农村城市
低保人数统计
</div>
<div
class=
"warningInfo"
v-if=
"
c == true
"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
城市农村
低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</el-col>
...
...
@@ -359,10 +386,6 @@
<
script
>
import
*
as
echarts
from
"echarts"
;
import
{
getThreeYearShjzAchieveStats
,
getThreeYearShjzProvideStats
,
getFivesYearShjzAchieveStats
,
getAreaYearShjzAchieveStats
,
societyHelpSearch
,
getMapData
,
getEnjoyNum
,
...
...
@@ -376,7 +399,6 @@ export default {
a
:
false
,
b
:
false
,
c
:
false
,
d
:
false
,
address
:
""
,
tableData
:
[],
pageInfo
:
{
...
...
@@ -387,10 +409,6 @@ export default {
loading
:
true
,
values
:
""
,
getEnjoyNum
:
{},
fivesYearShjzAchieveStats
:
{},
threeYearShjzProvideStats
:
{},
fivesYearShjzAchieveStats
:
{},
areaYearShjzAchieveStats
:
{},
getAreaUnderNumStats
:
{},
fivesYearEnjoyStats
:
{},
cityNames
:
[],
...
...
@@ -400,10 +418,6 @@ export default {
};
},
created
()
{
this
.
getThreeYearShjzAchieveStatsFun
();
this
.
getThreeYearShjzProvideStatsFun
();
this
.
getFivesYearShjzAchieveStatsFun
();
this
.
getAreaYearShjzAchieveStatsFun
();
this
.
getAreaUnderNumStatsFun
();
this
.
getMapData
(
"g450000"
);
//默认展示广西 g450000
this
.
societyHelpSearchFun
();
...
...
@@ -463,37 +477,11 @@ export default {
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取享受低保人数"
);
this
.
getEnjoyNum
=
res
.
data
;
});
},
getThreeYearShjzAchieveStatsFun
(
data
)
{
getThreeYearShjzAchieveStats
({
areaCode
:
data
,
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取近三年城市农村低保发放人数统计"
);
this
.
threeYearShjzAchieveStats
=
res
.
data
.
admin
;
this
.
cityAndvillagePeople
=
res
.
data
.
totalData
;
this
.
fivePeopleFun
(
res
.
data
.
admin
);
});
},
getThreeYearShjzProvideStatsFun
(
data
)
{
getThreeYearShjzProvideStats
({
areaCode
:
data
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取近三年城市农村低保发放金额统计"
);
this
.
threeYearShjzProvideStats
=
res
.
data
.
admin
;
this
.
cityAndvillageNum
=
res
.
data
.
totalData
;
// this.fiveCapitalFun(res.data.admin);
});
},
getFivesYearShjzAchieveStatsFun
(
data
)
{
getFivesYearShjzAchieveStats
({
areaCode
:
data
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"农村城市低保人数统计"
);
if
(
res
.
data
.
length
==
0
)
{
this
.
c
=
true
;
this
.
a
=
true
;
return
;
}
this
.
fivesYearShjzAchieveStats
=
res
.
data
.
admin
;
this
.
a
=
false
;
});
},
...
...
@@ -503,6 +491,11 @@ export default {
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取指定区域下的数据"
);
this
.
getAreaUnderNumStats
=
res
.
data
;
if
(
res
.
data
.
length
==
0
)
{
this
.
c
=
true
;
return
;
}
this
.
c
=
false
;
this
.
ruralAndcityFun
();
});
},
...
...
@@ -513,24 +506,15 @@ export default {
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取近五年折线图"
);
this
.
fivesYearEnjoyStats
=
res
.
data
;
if
(
res
.
data
.
length
==
0
)
{
this
.
b
=
true
;
return
;
}
this
.
b
=
false
;
this
.
fiveCapitalFun
(
res
.
data
);
});
},
getAreaYearShjzAchieveStatsFun
(
data
)
{
getAreaYearShjzAchieveStats
({
areaCode
:
data
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取近三年城市农村低保发放人数统计 城市柱形图"
);
// this.areaYearShjzAchieveStats = res.data;
// res.data.areaList.forEach(item => {
// this.cityNames.push(
// item.name
// )
// });
// console.log(this.cityNames);
//this.ruralAndcityFun();
});
},
//获取地图数据
getMapData
(
areaId
)
{
getMapData
(
areaId
).
then
((
res
)
=>
{
...
...
@@ -543,13 +527,10 @@ export default {
this
.
num
=
0
;
this
.
address
=
"广西全区"
;
this
.
getMapData
(
"g450000"
);
this
.
getThreeYearShjzAchieveStatsFun
(
"450000"
);
this
.
getThreeYearShjzProvideStatsFun
(
"450000"
);
this
.
getFivesYearShjzAchieveStatsFun
(
"450000"
);
this
.
getAreaYearShjzAchieveStatsFun
(
"450000"
);
this
.
societyHelpSearchFun
(
"450000"
);
this
.
getEnjoyNumFun
(
"450000"
);
this
.
getFivesYearEnjoyStatsFun
(
"450000"
);
this
.
getAreaUnderNumStatsFun
(
"450000"
)
},
/**
...
...
@@ -644,18 +625,6 @@ export default {
console.log(this.num, "大于大于2的时候执行到区县的信息");
if (this.num >= 2) {
this.address = res.name;
this.getThreeYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getThreeYearShjzProvideStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getFivesYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getAreaYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.societyHelpSearchFun(
mapList.features[res.dataIndex].properties.adcode
);
...
...
@@ -681,18 +650,6 @@ export default {
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
this.getThreeYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getThreeYearShjzProvideStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getFivesYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getAreaYearShjzAchieveStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.societyHelpSearchFun(
mapList.features[res.dataIndex].properties.adcode
);
...
...
@@ -1229,7 +1186,7 @@ export default {
width
:
25px
;
height
:
25px
;
z-index
:
9999
;
cursor
:
pointer
cursor
:
pointer
;
}
.returnInfos
img
{
...
...
@@ -1360,30 +1317,38 @@ export default {
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20
px
auto
0
auto
;
margin
:
16
px
auto
0
auto
;
padding
:
5px
0
;
}
.gradientTitle
{
width
:
160px
;
text-align
:
center
;
font-size
:
12px
;
color
:
#c5cfdd
;
}
.gradientOneNum
{
width
:
160px
;
font-size
:
24px
;
font-weight
:
bold
;
text-align
:
center
;
background
:
linear-gradient
(
to
top
,
#fab98a
,
#f18870
);
-webkit-background-clip
:
text
;
color
:
transparent
;
}
.gradientTwoNum
{
width
:
160px
;
font-size
:
24px
;
font-weight
:
bold
;
text-align
:
center
;
background
:
linear-gradient
(
to
top
,
#54d7e4
,
#63bcdb
);
-webkit-background-clip
:
text
;
color
:
transparent
;
}
.gradientThreeNum
{
width
:
160px
;
font-size
:
24px
;
font-weight
:
bold
;
text-align
:
center
;
background
:
linear-gradient
(
to
top
,
#c7c85a
,
#70ad47
);
-webkit-background-clip
:
text
;
color
:
transparent
;
...
...
src/views/unified/tapSwitch/subsidies.vue
View file @
57ee9fdb
...
...
@@ -34,14 +34,14 @@
<div
class=
"gradientTitle"
>
贫困残疾救助
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientOneNum"
>
{{
p
k
}}
{{
p
oorDisabledNum
.
difficultTotalNum
}}
</div>
</div>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
重度残疾救助
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
zd
}}
%
{{
poorDisabledNum
.
severeTotalNum
}}
</div>
</div>
</div>
...
...
@@ -164,7 +164,7 @@
<div
class=
"warningInfo"
v-if=
"DisabledIssueStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
农村城市
低保人数统计
</div>
<div
class=
"titleHead"
>
城市农村
低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</el-col>
...
...
@@ -348,18 +348,6 @@ export default {
}
this
.
yearDisabledIssueStats
=
res
.
data
.
admin
;
this
.
poorDisabledNum
=
res
.
data
.
totalNumMap
;
let
difficultTotalNum
=
this
.
poorDisabledNum
.
difficultTotalNum
;
let
difficultTotal
=
(
difficultTotalNum
/
10000
).
toFixed
(
1
);
let
severeTotalNum
=
this
.
poorDisabledNum
.
severeTotalNum
;
let
severeTotal
=
(
severeTotalNum
/
10000
).
toFixed
(
1
);
console
.
log
(
"----保留一位小数----"
,
"贫困"
,
difficultTotal
,
"重度"
,
severeTotal
);
(
this
.
pk
=
difficultTotal
),
(
this
.
zd
=
severeTotal
);
this
.
IssueStats
=
false
;
this
.
fivePeopleFun
(
res
.
data
.
admin
);
});
...
...
@@ -1128,12 +1116,12 @@ export default {
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
padding
:
0
20
px
;
padding
:
0
12
px
;
}
.gradientBox
{
display
:
flex
;
align-items
:
center
;
width
:
18
0px
;
width
:
20
0px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment