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
e35d6c3b
Commit
e35d6c3b
authored
Jun 30, 2021
by
李耀琨
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
优化ui
parent
d690c688
Hide whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
632 additions
and
111 deletions
+632
-111
.env.development
+1
-1
src/utils/request.js
+6
-5
src/views/home.vue
+1
-1
src/views/unified/entrance.vue
+31
-13
src/views/unified/tapSwitch/childWelfare.vue
+65
-10
src/views/unified/tapSwitch/marriage.vue
+65
-7
src/views/unified/tapSwitch/mechanism.vue
+198
-29
src/views/unified/tapSwitch/population.vue
+11
-23
src/views/unified/tapSwitch/provide.vue
+65
-5
src/views/unified/tapSwitch/socialAssistance.vue
+64
-6
src/views/unified/tapSwitch/socialOrganization.vue
+62
-5
src/views/unified/tapSwitch/subsidies.vue
+63
-6
No files found.
.env.development
View file @
e35d6c3b
ENV = 'development'
ENV = 'development'
# 接口地址
# 接口地址
VUE_APP_BASE_API = 'http://1
72.18.99.141:98
88/'
VUE_APP_BASE_API = 'http://1
24.227.197.29:80
88/'
VUE_APP_WS_API = 'ws://124.227.197.29:8088'
VUE_APP_WS_API = 'ws://124.227.197.29:8088'
VUE_APP_FILE_API = 'http://124.227.197.29:8088/'
VUE_APP_FILE_API = 'http://124.227.197.29:8088/'
...
...
src/utils/request.js
View file @
e35d6c3b
...
@@ -75,12 +75,13 @@ service.interceptors.response.use(
...
@@ -75,12 +75,13 @@ service.interceptors.response.use(
})
})
}
}
}
}
}
else
{
Notification
.
error
({
title
:
'接口请求失败'
,
duration
:
5000
})
}
}
// else {
// Notification.error({
// title: '接口请求失败',
// duration: 5000
// })
// }
}
}
return
Promise
.
reject
(
error
)
return
Promise
.
reject
(
error
)
}
}
...
...
src/views/home.vue
View file @
e35d6c3b
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
<div
class=
"flex-container"
>
<div
class=
"flex-container"
>
<img
src=
"./../assets/images/标题左边素材.png"
alt=
""
class=
"about"
/>
<img
src=
"./../assets/images/标题左边素材.png"
alt=
""
class=
"about"
/>
<div
class=
"title-text"
>
<div
class=
"title-text"
>
广西民政决策分析
民政数据分析系统
<img
src=
"./../assets/images/标题下划线.png"
alt=
""
class=
"underline"
/>
<img
src=
"./../assets/images/标题下划线.png"
alt=
""
class=
"underline"
/>
</div>
</div>
<img
src=
"./../assets/images/标题右边素材.png"
alt=
""
class=
"about"
/>
<img
src=
"./../assets/images/标题右边素材.png"
alt=
""
class=
"about"
/>
...
...
src/views/unified/entrance.vue
View file @
e35d6c3b
<
template
>
<
template
>
<div
class=
"page"
>
<div
class=
"page"
>
<el-row>
<div
class=
"flex-container"
>
<el-col
:span=
"8"
>
<img
src=
"./../../assets/images/标题左边素材.png"
alt=
""
class=
"about"
/>
<div
class=
"horizontal"
></div>
<div
class=
"title-text"
>
</el-col>
民政数据分析系统
<img
src=
"./../../assets/images/标题下划线.png"
alt=
""
class=
"underline"
/>
<el-col
:span=
"8"
>
</div>
<div
class=
"topTitle"
>
广西民政人口专题分析
</div>
<img
src=
"./../../assets/images/标题右边素材.png"
alt=
""
class=
"about"
/>
</el-col>
</div>
<el-col
:span=
"8"
>
<div
class=
"horizontal"
></div>
</el-col>
</el-row>
<br
/>
<br
/>
<br>
<br>
...
@@ -132,6 +127,7 @@ export default {
...
@@ -132,6 +127,7 @@ export default {
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.switchMa
{
.switchMa
{
margin
:
0
10px
;
margin
:
0
10px
;
background-color
:
#0b0f4e
;
}
}
.white
{
.white
{
color
:
#fff
;
color
:
#fff
;
...
@@ -190,4 +186,25 @@ export default {
...
@@ -190,4 +186,25 @@ export default {
height
:
600px
;
height
:
600px
;
background-color
:
brown
;
background-color
:
brown
;
}
}
.flex-container
{
display
:
flex
;
width
:
1300px
;
height
:
110px
;
margin
:
auto
;
}
.title-text
{
width
:
380px
;
line-height
:
25px
;
margin
:
40px
20px
-20px
20px
;
color
:
#00f9fd
;
font-size
:
45px
;
}
.about
{
margin-top
:
20px
;
width
:
450px
;
height
:
60px
;
}
.underline
{
width
:
100%
;
}
</
style
>
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/childWelfare.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
儿童福利机构汇总
</div>
<div
class=
"title"
>
儿童福利机构汇总
</div>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"textLefts"
>
收养总数
</div>
<div
class=
"textLefts"
>
收养总数
</div>
...
@@ -46,6 +50,10 @@
...
@@ -46,6 +50,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
机构占比
</div>
<div
class=
"title"
>
机构占比
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
...
@@ -58,6 +66,10 @@
...
@@ -58,6 +66,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"childWelfareMap"
id=
"childWelfareMap"
></div>
<div
class=
"childWelfareMap"
id=
"childWelfareMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
...
@@ -68,6 +80,10 @@
...
@@ -68,6 +80,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wianss"
>
><div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
年度按月份统计
</div>
<div
class=
"title"
>
年度按月份统计
</div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
...
@@ -77,9 +93,13 @@
...
@@ -77,9 +93,13 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -106,14 +126,10 @@
...
@@ -106,14 +126,10 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
</div>
</el-col
>
</div
>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
><div
class=
"wian"
></div>
</el-col>
</el-row>
</el-col>
-->
</el-row>
</el-row>
</div>
</div>
</
template
>
</
template
>
...
@@ -599,6 +615,34 @@ export default {
...
@@ -599,6 +615,34 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.proportion
{
.proportion
{
width
:
100%
;
width
:
100%
;
height
:
350px
;
height
:
350px
;
...
@@ -606,7 +650,7 @@ export default {
...
@@ -606,7 +650,7 @@ export default {
.annualStatistics
{
.annualStatistics
{
margin-top
:
10px
;
margin-top
:
10px
;
width
:
100%
;
width
:
100%
;
height
:
2
6
0px
;
height
:
2
2
0px
;
}
}
.title
{
.title
{
...
@@ -629,23 +673,34 @@ export default {
...
@@ -629,23 +673,34 @@ export default {
}
}
.wian
{
.wian
{
border
:
1px
solid
#1A6295
;
position
:
relative
;
width
:
100%
;
width
:
100%
;
height
:
400px
;
height
:
400px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
border
:
1px
solid
#1A6295
;
position
:
relative
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
border
:
1px
solid
#1A6295
;
position
:
relative
;
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansInfoS
{
width
:
100%
;
position
:
relative
;
border
:
1px
solid
#1A6295
;
}
.wiansInfo
{
.wiansInfo
{
width
:
100%
;
width
:
100%
;
height
:
818px
;
height
:
818px
;
...
...
src/views/unified/tapSwitch/marriage.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"text"
>
共
</div>
<div
class=
"text"
>
共
</div>
...
@@ -25,6 +29,10 @@
...
@@ -25,6 +29,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"marriageStatistics"
>
<div
class=
"marriageStatistics"
>
<div
class=
"flexBox"
>
<div
class=
"flexBox"
>
...
@@ -71,6 +79,10 @@
...
@@ -71,6 +79,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"marriageMap"
id=
"marriageMap"
></div>
<div
class=
"marriageMap"
id=
"marriageMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
...
@@ -81,6 +93,10 @@
...
@@ -81,6 +93,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wianss"
>
><div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
年度按月份统计
</div>
<div
class=
"title"
>
年度按月份统计
</div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
...
@@ -90,9 +106,13 @@
...
@@ -90,9 +106,13 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -140,8 +160,7 @@
...
@@ -140,8 +160,7 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
</div>
</el-col>
</div>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
...
@@ -678,6 +697,34 @@ export default {
...
@@ -678,6 +697,34 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.trend
{
.trend
{
width
:
100%
;
width
:
100%
;
height
:
280px
;
height
:
280px
;
...
@@ -685,7 +732,7 @@ export default {
...
@@ -685,7 +732,7 @@ export default {
.annualStatistics
{
.annualStatistics
{
margin-top
:
10px
;
margin-top
:
10px
;
width
:
100%
;
width
:
100%
;
height
:
2
6
0px
;
height
:
2
4
0px
;
}
}
.title
{
.title
{
...
@@ -729,25 +776,36 @@ export default {
...
@@ -729,25 +776,36 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
400px
;
height
:
400px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansInfoS
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
}
.wiansInfo
{
.wiansInfo
{
width
:
100%
;
height
:
818px
;
height
:
818px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
overflow
:
hidden
;
overflow
:
hidden
;
...
...
src/views/unified/tapSwitch/mechanism.vue
View file @
e35d6c3b
...
@@ -7,6 +7,26 @@
...
@@ -7,6 +7,26 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
/>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
/>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
/>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
/>
<div
class=
"title"
>
儿童福利机构
</div>
<div
class=
"title"
>
儿童福利机构
</div>
<div
class=
"mechanismNum"
>
1000个
</div>
<div
class=
"mechanismNum"
>
1000个
</div>
<div
id=
"children"
class=
"children"
></div>
<div
id=
"children"
class=
"children"
></div>
...
@@ -18,8 +38,28 @@
...
@@ -18,8 +38,28 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
/>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
/>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
/>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
/>
<div
class=
"title"
>
养老机构
</div>
<div
class=
"title"
>
养老机构
</div>
<div
class=
"mechanismNum"
>
1000个
</div>
<div
class=
"mechanismNum"
>
{{
nursingFacilityNum
}}
</div>
<div
class=
"pension"
id=
"pension"
></div>
<div
class=
"pension"
id=
"pension"
></div>
</div>
</div>
</el-col>
</el-col>
...
@@ -30,35 +70,87 @@
...
@@ -30,35 +70,87 @@
<el-col
:span=
"18"
>
<el-col
:span=
"18"
>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"16"
>
<el-col
:span=
"16"
>
<div
class=
"wians"
>
<div
class=
"wianstow"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<img
<div
class=
"mechanismMap"
id=
"mechanismMap"
></div>
src=
"./../../../assets/images/01-左上角.png"
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
alt=
""
class=
"topLeft"
/>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
/>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
/>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
/>
<div
class=
"wians"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"mechanismMap"
id=
"mechanismMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
</div>
</div>
</div>
</el-col>
</el-col>
<el-col
:span=
"8"
>
<el-col
:span=
"8"
>
<div
class=
"wians"
>
<div
class=
"wianstow"
>
<div
class=
"title"
>
敬老院
</div>
<img
<div
class=
"mechanismNum"
>
1000个
</div>
src=
"./../../../assets/images/01-左上角.png"
<div
class=
"datalist"
>
alt=
""
<el-table
class=
"topLeft"
:data=
"tableData"
/>
stripe
<img
style=
"width: 100%; background-color: #051d3f; color: #2177b9"
src=
"./../../../assets/images/02-右上角.png"
:header-cell-style=
"
{
alt=
""
background: '#082C61',
class=
"topRight"
color: '#DAD7DB',
/>
}"
<img
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
src=
"./../../../assets/images/03-左下角.png"
>
alt=
""
<el-table-column
type=
"index"
label=
"排名"
align=
"center"
>
class=
"lowerLeft"
</el-table-column>
/>
<el-table-column
prop=
"name"
label=
"区域名称"
align=
"center"
>
<img
</el-table-column>
src=
"./../../../assets/images/04-右下角.png"
<el-table-column
prop=
"num"
label=
"数量"
align=
"center"
>
alt=
""
</el-table-column>
class=
"lowerRight"
</el-table>
/>
<div
class=
"wians"
>
<div
class=
"title"
>
敬老院
</div>
<div
class=
"mechanismNum"
>
{{
beadhouseNum
}}
</div>
<div
class=
"datalist"
>
<el-table
:data=
"tableData"
stripe
style=
"
width: 100%;
background-color: #051d3f;
color: #2177b9;
"
:header-cell-style=
"
{
background: '#082C61',
color: '#DAD7DB',
}"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
>
<el-table-column
type=
"index"
label=
"排名"
align=
"center"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"区域名称"
align=
"center"
>
</el-table-column>
<el-table-column
prop=
"num"
label=
"数量"
align=
"center"
>
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-col>
...
@@ -66,6 +158,26 @@
...
@@ -66,6 +158,26 @@
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<br
/>
<br
/>
<div
class=
"wiansw"
>
<div
class=
"wiansw"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
/>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
/>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
/>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
/>
<div
class=
"title"
>
社会组织
</div>
<div
class=
"title"
>
社会组织
</div>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
...
@@ -125,6 +237,8 @@ export default {
...
@@ -125,6 +237,8 @@ export default {
areaNursingStatsList
:
{},
areaNursingStatsList
:
{},
agencyPercentageStats
:
[],
agencyPercentageStats
:
[],
welfareHomeName
:
[],
welfareHomeName
:
[],
nursingFacilityNum
:
125
,
beadhouseNum
:
169
,
};
};
},
},
created
()
{
created
()
{
...
@@ -157,10 +271,29 @@ export default {
...
@@ -157,10 +271,29 @@ export default {
getAreaNursingStatsListFun
(
data
)
{
getAreaNursingStatsListFun
(
data
)
{
getAreaNursingStatsList
({
getAreaNursingStatsList
({
areaCode
:
data
,
areaCode
:
data
,
type
:
146
,
}).
then
((
res
)
=>
{
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"获取区域养老院统计列表"
);
console
.
log
(
res
,
"获取区域养老院统计列表"
);
this
.
areaNursingStatsList
=
res
.
data
;
this
.
beadhouseNum
=
0
;
res
.
data
.
numList
.
forEach
((
item
)
=>
{
this
.
beadhouseNum
+=
item
*
1
;
});
this
.
tableData
=
res
.
data
.
statsLst
;
this
.
tableData
=
res
.
data
.
statsLst
;
this
.
pensionFun
();
});
getAreaNursingStatsList
({
areaCode
:
data
,
type
:
103
,
}).
then
((
res
)
=>
{
console
.
log
(
res
,
"柱形图"
);
this
.
areaNursingStatsList
=
res
.
data
;
this
.
nursingFacilityNum
=
0
;
res
.
data
.
numList
.
forEach
((
item
)
=>
{
this
.
nursingFacilityNum
+=
item
*
1
;
});
this
.
pensionFun
();
this
.
pensionFun
();
});
});
},
},
...
@@ -669,6 +802,34 @@ export default {
...
@@ -669,6 +802,34 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.el-table
th
{
.el-table
th
{
overflow
:
hidden
;
overflow
:
hidden
;
...
@@ -724,7 +885,7 @@ export default {
...
@@ -724,7 +885,7 @@ export default {
}
}
.children
{
.children
{
width
:
100%
;
width
:
100%
;
height
:
280px
;
height
:
100%
;
}
}
.mechanismNum
{
.mechanismNum
{
text-align
:
center
;
text-align
:
center
;
...
@@ -763,11 +924,15 @@ export default {
...
@@ -763,11 +924,15 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
width
:
100%
;
height
:
400px
;
height
:
400px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansw
{
.wiansw
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
...
@@ -779,7 +944,11 @@ export default {
...
@@ -779,7 +944,11 @@ export default {
overflow
:
hidden
;
overflow
:
hidden
;
overflow-y
:
scroll
;
overflow-y
:
scroll
;
}
}
.wianstow
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
}
.wians
::-webkit-scrollbar
{
.wians
::-webkit-scrollbar
{
display
:
none
;
display
:
none
;
}
}
...
...
src/views/unified/tapSwitch/population.vue
View file @
e35d6c3b
<
template
>
<
template
>
<div>
<div>
<div
class=
"testbox"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<br>
</div>
<el-row
:gutter=
"18"
>
<el-row
:gutter=
"18"
>
<!--左 -->
<!--左 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
...
@@ -974,37 +968,31 @@ export default {
...
@@ -974,37 +968,31 @@ export default {
position
:
absolute
;
position
:
absolute
;
width
:
10px
;
width
:
10px
;
height
:
10px
;
height
:
10px
;
left
:
-
1
px
;
left
:
-
2
px
;
bottom
:
-
1
px
;
bottom
:
-
2
px
;
}
}
.lowerRight
{
.lowerRight
{
position
:
absolute
;
position
:
absolute
;
width
:
10px
;
width
:
10px
;
height
:
10px
;
height
:
10px
;
right
:
-
1
px
;
right
:
-
2
px
;
bottom
:
-
1
px
;
bottom
:
-
2
px
;
}
}
.topLeft
{
.topLeft
{
position
:
absolute
;
position
:
absolute
;
width
:
10px
;
width
:
10px
;
height
:
10px
;
height
:
10px
;
top
:
-
1
px
;
top
:
-
2
px
;
left
:
-
1
px
;
left
:
-
2
px
;
}
}
.topRight
{
.topRight
{
position
:
absolute
;
position
:
absolute
;
width
:
10px
;
width
:
10px
;
height
:
10px
;
height
:
10px
;
top
:
-1px
;
top
:
-2px
;
right
:
-1px
;
right
:
-2px
;
}
.testbox
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
200px
;
height
:
200px
;
}
}
.orphan
{
.orphan
{
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
...
@@ -1054,7 +1042,7 @@ bottom: -1px;
...
@@ -1054,7 +1042,7 @@ bottom: -1px;
.annualStatistics
{
.annualStatistics
{
margin-top
:
10px
;
margin-top
:
10px
;
width
:
100%
;
width
:
100%
;
height
:
2
6
0px
;
height
:
2
4
0px
;
}
}
.title
{
.title
{
...
...
src/views/unified/tapSwitch/provide.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
火化量汇总
</div>
<div
class=
"title"
>
火化量汇总
</div>
<div
class=
"provideFlex"
>
<div
class=
"provideFlex"
>
<div
class=
"text"
>
火化总数
</div>
<div
class=
"text"
>
火化总数
</div>
...
@@ -33,6 +37,10 @@
...
@@ -33,6 +37,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
火化率统计
</div>
<div
class=
"title"
>
火化率统计
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
...
@@ -45,6 +53,10 @@
...
@@ -45,6 +53,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"provideMap"
id=
"provideMap"
></div>
<div
class=
"provideMap"
id=
"provideMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
...
@@ -55,6 +67,10 @@
...
@@ -55,6 +67,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wianss"
>
><div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
火化区域分析
</div>
<div
class=
"title"
>
火化区域分析
</div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
...
@@ -64,9 +80,14 @@
...
@@ -64,9 +80,14 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
火化信息查询
</div>
<div
class=
"title"
>
火化信息查询
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -112,8 +133,7 @@
...
@@ -112,8 +133,7 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
</div>
</el-col>
</div>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
...
@@ -579,6 +599,35 @@ export default {
...
@@ -579,6 +599,35 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.provideFlex
{
.provideFlex
{
display
:
flex
;
display
:
flex
;
margin-top
:
30px
;
margin-top
:
30px
;
...
@@ -636,7 +685,7 @@ export default {
...
@@ -636,7 +685,7 @@ export default {
.annualStatistics
{
.annualStatistics
{
margin-top
:
10px
;
margin-top
:
10px
;
width
:
100%
;
width
:
100%
;
height
:
2
6
0px
;
height
:
2
4
0px
;
}
}
.title
{
.title
{
...
@@ -659,18 +708,24 @@ export default {
...
@@ -659,18 +708,24 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
400px
;
height
:
400px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
...
@@ -683,6 +738,11 @@ export default {
...
@@ -683,6 +738,11 @@ export default {
overflow
:
hidden
;
overflow
:
hidden
;
overflow-y
:
scroll
;
overflow-y
:
scroll
;
}
}
.wiansInfoS
{
width
:
100%
;
position
:
relative
;
border
:
1px
solid
#1A6295
;
}
.wiansInfo
::-webkit-scrollbar
{
.wiansInfo
::-webkit-scrollbar
{
display
:
none
;
display
:
none
;
...
...
src/views/unified/tapSwitch/socialAssistance.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
三年享受低保人数
</div>
<div
class=
"title"
>
三年享受低保人数
</div>
<div
class=
"display"
>
<div
class=
"display"
>
<div>
<div>
...
@@ -37,6 +41,10 @@
...
@@ -37,6 +41,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
三年享受低保资金
</div>
<div
class=
"title"
>
三年享受低保资金
</div>
<div
class=
"display"
>
<div
class=
"display"
>
<div>
<div>
...
@@ -77,6 +85,10 @@
...
@@ -77,6 +85,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"socialAssistanceMap"
id=
"socialAssistanceMap"
></div>
<div
class=
"socialAssistanceMap"
id=
"socialAssistanceMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
...
@@ -87,6 +99,10 @@
...
@@ -87,6 +99,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wianss"
>
<div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
农村城市低保人数统计
</div>
<div
class=
"title"
>
农村城市低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</div>
...
@@ -96,9 +112,13 @@
...
@@ -96,9 +112,13 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
低保对象查询
</div>
<div
class=
"title"
>
低保对象查询
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -155,8 +175,7 @@
...
@@ -155,8 +175,7 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
</div>
</el-col>
</div>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
...
@@ -822,6 +841,35 @@ export default {
...
@@ -822,6 +841,35 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.trend
{
.trend
{
width
:
100%
;
width
:
100%
;
height
:
200px
;
height
:
200px
;
...
@@ -873,23 +921,33 @@ export default {
...
@@ -873,23 +921,33 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
415px
;
height
:
415px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
330px
;
height
:
330px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansInfoS
{
width
:
100%
;
position
:
relative
;
border
:
1px
solid
#1A6295
;
}
.wiansInfo
{
.wiansInfo
{
width
:
100%
;
width
:
100%
;
height
:
848px
;
height
:
848px
;
...
@@ -949,7 +1007,7 @@ export default {
...
@@ -949,7 +1007,7 @@ export default {
.ruralAndcity
{
.ruralAndcity
{
width
:
100%
;
width
:
100%
;
height
:
30
0px
;
height
:
28
0px
;
}
}
.returnInfos
{
.returnInfos
{
...
...
src/views/unified/tapSwitch/socialOrganization.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
社会组织汇总
</div>
<div
class=
"title"
>
社会组织汇总
</div>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"socialOrganizationFlex"
>
<div
class=
"text"
>
社会组织总数
</div>
<div
class=
"text"
>
社会组织总数
</div>
...
@@ -51,6 +55,10 @@
...
@@ -51,6 +55,10 @@
<el-row
:gutter=
"18"
>
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
区域占比
</div>
<div
class=
"title"
>
区域占比
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
...
@@ -63,6 +71,10 @@
...
@@ -63,6 +71,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
<div
class=
"socialOrganizationMap"
class=
"socialOrganizationMap"
...
@@ -76,6 +88,10 @@
...
@@ -76,6 +88,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wianss"
>
<div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
年度按月份统计
</div>
<div
class=
"title"
>
年度按月份统计
</div>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
...
@@ -115,9 +131,13 @@
...
@@ -115,9 +131,13 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -146,8 +166,7 @@
...
@@ -146,8 +166,7 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
</div>
</el-col>
</div>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
...
@@ -630,6 +649,34 @@ export default {
...
@@ -630,6 +649,34 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.socialOrganizationFlex
{
.socialOrganizationFlex
{
display
:
flex
;
display
:
flex
;
margin-top
:
30px
;
margin-top
:
30px
;
...
@@ -742,23 +789,33 @@ export default {
...
@@ -742,23 +789,33 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
400px
;
height
:
400px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
300px
;
height
:
300px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansInfoS
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
}
.wiansInfo
{
.wiansInfo
{
width
:
100%
;
width
:
100%
;
height
:
818px
;
height
:
818px
;
...
...
src/views/unified/tapSwitch/subsidies.vue
View file @
e35d6c3b
...
@@ -7,6 +7,10 @@
...
@@ -7,6 +7,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
三年贫困残疾资金发放
</div>
<div
class=
"title"
>
三年贫困残疾资金发放
</div>
<div
class=
"display"
>
<div
class=
"display"
>
<div>
<div>
...
@@ -35,6 +39,10 @@
...
@@ -35,6 +39,10 @@
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wian"
>
<div
class=
"wian"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
残疾人比例
</div>
<div
class=
"title"
>
残疾人比例
</div>
<div
<div
class=
"subsidiesBox"
class=
"subsidiesBox"
...
@@ -63,6 +71,10 @@
...
@@ -63,6 +71,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
<el-col
:span=
"24"
><div
class=
"wians"
>
><div
class=
"wians"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"title"
>
当前选择:广西全区
</div>
<div
class=
"subsidiesMap"
id=
"subsidiesMap"
></div>
<div
class=
"subsidiesMap"
id=
"subsidiesMap"
></div>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
<a
class=
"returnInfos"
@
click=
"returnInfo"
>
返回上一级
</a>
...
@@ -73,6 +85,10 @@
...
@@ -73,6 +85,10 @@
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<div
class=
"wianss"
>
<div
class=
"wianss"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"title"
>
农村城市低保人数统计
</div>
<div
class=
"title"
>
农村城市低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</div>
...
@@ -82,9 +98,13 @@
...
@@ -82,9 +98,13 @@
<!-- 右 -->
<!-- 右 -->
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<div
class=
"wiansInfoS"
>
<el-col
:span=
"24"
>
<img
src=
"./../../../assets/images/01-左上角.png"
alt=
""
class=
"topLeft"
>
<img
src=
"./../../../assets/images/02-右上角.png"
alt=
""
class=
"topRight"
>
<img
src=
"./../../../assets/images/03-左下角.png"
alt=
""
class=
"lowerLeft"
>
<img
src=
"./../../../assets/images/04-右下角.png"
alt=
""
class=
"lowerRight"
>
<div
class=
"wiansInfo"
>
<div
class=
"wiansInfo"
>
<div
class=
"title"
>
婚姻统计
</div>
<div
class=
"title"
>
婚姻统计
</div>
<el-input
<el-input
type=
"text"
type=
"text"
...
@@ -122,8 +142,7 @@
...
@@ -122,8 +142,7 @@
</el-table-column>
-->
</el-table-column>
-->
</el-table>
</el-table>
</div>
</div>
</el-col>
</div>
</el-row>
</el-col>
</el-col>
<!--
<br
/>
<!--
<br
/>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
...
@@ -651,6 +670,34 @@ export default {
...
@@ -651,6 +670,34 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.lowerLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
left
:
-2px
;
bottom
:
-2px
;
}
.lowerRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
right
:
-2px
;
bottom
:
-2px
;
}
.topLeft
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
left
:
-2px
;
}
.topRight
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
-2px
;
right
:
-2px
;
}
.trend
{
.trend
{
width
:
100%
;
width
:
100%
;
height
:
200px
;
height
:
200px
;
...
@@ -703,23 +750,33 @@ export default {
...
@@ -703,23 +750,33 @@ export default {
}
}
.wian
{
.wian
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
416px
;
height
:
416px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wians
{
.wians
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
500px
;
height
:
500px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wianss
{
.wianss
{
position
:
relative
;
border
:
1px
solid
#1A6295
;
width
:
100%
;
width
:
100%
;
height
:
3
00
px
;
height
:
3
32
px
;
background-color
:
#082c61
;
background-color
:
#082c61
;
}
}
.wiansInfoS
{
width
:
100%
;
position
:
relative
;
border
:
1px
solid
#1A6295
;
}
.wiansInfo
{
.wiansInfo
{
width
:
100%
;
width
:
100%
;
height
:
848px
;
height
:
848px
;
...
...
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