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
5c7dc9c4
Commit
5c7dc9c4
authored
Aug 05, 2021
by
李耀琨
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
改页面边框布局
parent
6ab3d4d9
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
313 additions
and
772 deletions
+313
-772
src/assets/images/img/border.png
+0
-0
src/views/unified/tapSwitch/childWelfare.vue
+41
-107
src/views/unified/tapSwitch/marriage.vue
+0
-0
src/views/unified/tapSwitch/mechanism.vue
+55
-105
src/views/unified/tapSwitch/population.vue
+38
-120
src/views/unified/tapSwitch/provide.vue
+40
-108
src/views/unified/tapSwitch/socialAssistance.vue
+45
-111
src/views/unified/tapSwitch/socialOrganization.vue
+44
-110
src/views/unified/tapSwitch/subsidies.vue
+50
-111
No files found.
src/assets/images/img/border.png
0 → 100644
View file @
5c7dc9c4
2.36 KB
src/views/unified/tapSwitch/childWelfare.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,8 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"ChildStatsLek"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
儿童福利机构汇总
</div>
<div
class=
"xxxBox"
>
...
...
@@ -86,32 +67,14 @@
<div
class=
"text"
>
个
</div>
</div>
-->
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"PercentageStats"
>
暂无下级数据
...
...
@@ -119,6 +82,7 @@
<div
class=
"titleHead"
>
机构占比
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -160,61 +124,24 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
><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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"ChildStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
区域统计
</div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col
:span=
"6"
>
<div
class=
"wiansInfoS"
>
<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=
"panel"
>
<div
class=
"wians"
>
<div
class=
"wiansInfo"
>
<div
class=
"titleHead"
>
<div
class=
"titleHead
ma20
"
>
{{
address
?
address
:
"广西全区"
}}
福利院儿童信息
</div>
<el-input
...
...
@@ -264,6 +191,7 @@
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</div>
...
...
@@ -630,7 +558,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor:
"#021A56
",
backgroundColor:
"rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
...
...
@@ -764,7 +692,7 @@ export default {
};
option = {
backgroundColor:
"#021A56
",
backgroundColor:
"rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -952,14 +880,16 @@ export default {
width
:
100%
;
height
:
360px
;
}
.ma20
{
margin-left
:
20px
;
}
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#
2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#
fff
;
//
text-align
:
center
;
//
background-color
:
#051d3f
;
}
.flexBox
{
...
...
@@ -973,19 +903,22 @@ export default {
}
.wian
{
border
:
1px
solid
#1a6295
;
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-bottom
:
0.833rem
;
}
.wians
{
border
:
1px
solid
#1a6295
;
position
:
relative
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-left
:
-5rem
;
margin-right
:
-1rem
;
margin-bottom
:
20px
;
}
.wianss
{
...
...
@@ -1002,9 +935,9 @@ export default {
border
:
1px
solid
#1a6295
;
}
.wiansInfo
{
width
:
100%
;
height
:
1015px
;
background-color
:
#021A56
;
//
width
:
100%
;
//
height
:
1015px
;
//
background-color
:
#021A56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1115,7 +1048,7 @@ export default {
width
:
90%
;
background-color
:
#082c61
;
color
:
#7f8b9d
;
margin
:
10px
20px
;
margin
:
20px
;
}
.el-icon-search
{
...
...
@@ -1145,7 +1078,7 @@ export default {
align-items
:
center
;
width
:
180px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1156,7 +1089,7 @@ export default {
align-items
:
center
;
width
:
100%
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1189,7 +1122,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/marriage.vue
View file @
5c7dc9c4
This diff is collapsed.
Click to expand it.
src/views/unified/tapSwitch/mechanism.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,8 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"e == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
儿童福利机构
</div>
<div
class=
"displayBox"
>
...
...
@@ -39,32 +20,14 @@
<div
id=
"children"
class=
"children"
></div>
<div></div>
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"d == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
养老机构
</div>
<div
class=
"displayBox"
>
...
...
@@ -76,6 +39,7 @@
</div>
<div
class=
"pension"
id=
"pension"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -109,34 +73,24 @@
<!--
<div
class=
"titleHead"
>
当前选择:
{{
address
?
address
:
"广西全区"
}}
</div>
-->
<img
class=
"returnInfos"
src=
"./../../../assets/images/returns.png"
@
click=
"returnInfo"
v-if=
"num != 0"
/>
<div
class=
"mechanismMap"
id=
"mechanismMap"
></div>
<img
class=
"guideIcon"
src=
"./../../../assets/images/guide.png"
alt=
""
>
</div>
</el-col>
<el-col
:span=
"8"
>
<div
class=
"wianstow"
>
<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"
class=
"returnInfos"
src=
"./../../../assets/images/returns.png"
@
click=
"returnInfo"
v-if=
"num != 0"
/>
<div
class=
"mechanismMap"
id=
"mechanismMap"
></div>
<img
src=
"./../../../assets/images/04-右下角.png"
class=
"guideIcon"
src=
"./../../../assets/images/guide.png"
alt=
""
class=
"lowerRight"
/>
</div>
</el-col>
<el-col
:span=
"8"
>
<div
class=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"c == true"
>
暂无下级数据
</div>
<div
class=
"wians"
>
<div
class=
"titleHead"
>
敬老院
</div>
...
...
@@ -153,14 +107,11 @@
stripe
style=
"
width: 100%;
background-color: #051d3f
;
background-color: #082c61
;
color: #2177b9;
"
:header-cell-style=
"
{
background: '#082C61',
color: '#DAD7DB',
}"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style=
"headerCellStyle"
:cell-style=
"cellStyle"
>
<el-table-column
type=
"index"
label=
"排名"
align=
"center"
>
</el-table-column>
...
...
@@ -176,31 +127,13 @@
</div>
</div>
</div>
</div>
</el-col>
<el-col
:span=
"24"
>
<br
/>
<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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"b == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
社会组织
</div>
<el-row
:gutter=
"20"
>
...
...
@@ -252,6 +185,7 @@
</el-col>
</el-row>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -313,6 +247,12 @@ export default {
this
.
getMapData
(
"g450000"
);
//默认展示广西 g450000
},
methods
:
{
headerCellStyle
()
{
return
" background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
cellStyle
()
{
return
" background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
getSoorganStatsFun
(
data
)
{
getSoorganStats
({
areaCode
:
data
,
...
...
@@ -661,7 +601,7 @@ export default {
};
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -790,7 +730,7 @@ export default {
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
...
...
@@ -877,7 +817,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
...
...
@@ -919,6 +859,11 @@ export default {
<
style
lang=
"scss"
scoped
>
::v-deep
{
.
el-table
::
before
,
.
el-table--group
::
after
,
.
el-table--border
::
after
{
background-color
:
#051d3f
;
}
.el-input__inner
{
background-color
:
#051d3f
;
color
:
#fff
;
...
...
@@ -1038,11 +983,9 @@ export default {
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -1057,11 +1000,17 @@ export default {
}
.wian
{
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
520px
;
background-color
:
#021a56
;
margin-bottom
:
0.833rem
;
}
.wiansw
{
position
:
relative
;
...
...
@@ -1073,7 +1022,7 @@ export default {
.wians
{
width
:
100%
;
height
:
578px
;
background-color
:
#021a56
;
//
background-color
:
#021a56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1110,7 +1059,7 @@ export default {
width
:
25px
;
height
:
25px
;
z-index
:
9999
;
cursor
:
pointer
cursor
:
pointer
;
}
.returnInfos
img
{
...
...
@@ -1155,7 +1104,7 @@ export default {
align-items
:
center
;
width
:
200px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1188,7 +1137,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/population.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,9 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"a == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
婚姻登记分析
</div>
<el-row
:gutter=
"20"
justify=
"center"
>
...
...
@@ -68,32 +50,15 @@
<div
id=
"marriage"
class=
"target"
></div>
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"c == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
儿童福利统计
</div>
<el-row
:gutter=
"20"
>
...
...
@@ -116,6 +81,7 @@
</el-row>
<div
class=
"orphan"
id=
"orphan"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -166,27 +132,9 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
><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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"num != 0"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
残疾人两项补贴
</div>
<el-row
:gutter=
"20"
justify=
"center"
>
...
...
@@ -225,6 +173,7 @@
</el-row>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -233,34 +182,15 @@
<el-col
:span=
"6"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"d == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
社会救助对象统计
</div>
<el-row
:gutter=
"20"
>
<div
class=
"displayBox"
>
<el-col
:span=
"12"
>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
城市低保对象
</div>
<div
class=
"gradientTitle"
>
城市低保
<br>
对象
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientOneNum"
>
{{
getEnjoyNum
.
cityNum
}}
...
...
@@ -269,7 +199,7 @@
</el-col>
<el-col
:span=
"12"
>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
农村低保对象
</div>
<div
class=
"gradientTitle"
>
农村低保
<br>
对象
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
getEnjoyNum
.
villageNum
}}
...
...
@@ -280,34 +210,17 @@
</el-row>
<div
id=
"rescueTarget"
class=
"target"
></div>
</div>
</div>
</el-col>
<el-col
:span=
"24"
>
<br
/>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"f == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
殡葬火化统计
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -736,7 +649,7 @@ export default {
var option;
option = {
backgroundColor:
"#021A56"
,
backgroundColor:
'
rgba
(
128
,
128
,
128
,
0
)
'
,
tooltip: {
trigger: "axis",
...
...
@@ -839,7 +752,7 @@ export default {
var option;
option = {
backgroundColor:
"#021A56"
,
backgroundColor:
'
rgba
(
128
,
128
,
128
,
0
)
'
,
titleHead: {
left: "3%",
top: "8%",
...
...
@@ -949,7 +862,7 @@ export default {
var option;
option = {
backgroundColor:
"#021A56"
,
backgroundColor:
'
rgba
(
128
,
128
,
128
,
0
)
'
,
titleHead: {
left: "3%",
top: "8%",
...
...
@@ -1057,7 +970,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor:
"#021A56"
,
backgroundColor:
'
rgba
(
128
,
128
,
128
,
0
)
'
,
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
...
...
@@ -1192,7 +1105,7 @@ export default {
};
option = {
backgroundColor:
"#021A56"
,
backgroundColor:
'
rgba
(
128
,
128
,
128
,
0
)
'
,
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -1398,9 +1311,9 @@ export default {
align-items
:
center
;
width
:
100%
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
margin
:
30px
auto
;
padding
:
5px
0
;
}
.gradientBoxs
{
...
...
@@ -1409,7 +1322,7 @@ export default {
align-items
:
center
;
width
:
240px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1417,6 +1330,7 @@ export default {
.gradientTitle
{
font-size
:
12px
;
color
:
#c5cfdd
;
text-align
:
center
;
}
.gradientOneNum
{
font-size
:
24px
;
...
...
@@ -1449,7 +1363,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
.disabilityPeople
{
...
...
@@ -1471,11 +1385,9 @@ export default {
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -1489,11 +1401,17 @@ export default {
}
.wian
{
width
:
100%
;
height
:
520px
;
background-color
:
#021a57
;
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url('./../../../assets/images/img/border.png')
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
margin-bottom
:
0.833rem
;
}
.wians
{
...
...
src/views/unified/tapSwitch/provide.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,8 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"tionStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
火化量汇总
</div>
<div
class=
"xxxBox"
>
...
...
@@ -64,36 +45,19 @@
<div
class=
"text"
>
%
</div>
</div>
-->
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"RateStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
火化率统计
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -135,61 +99,24 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
><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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"StatsList"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
火化区域分析
</div>
<div
id=
"annualStatistics"
class=
"annualStatistics"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col
:span=
"6"
>
<div
class=
"wiansInfoS"
>
<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=
"panel"
>
<div
class=
"wians"
>
<div
class=
"wiansInfo"
>
<div
class=
"titleHead"
>
<div
class=
"titleHead
ma20
"
>
{{
address
?
address
:
"广西全区"
}}
火化信息查询
</div>
<el-input
...
...
@@ -262,6 +189,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!--
<br
/>
<el-row
:gutter=
"20"
>
...
...
@@ -312,10 +240,10 @@ export default {
},
methods
:
{
headerCellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
cellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
inputBtn
()
{
console
.
log
(
this
.
value
);
...
...
@@ -548,7 +476,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
...
...
@@ -683,7 +611,7 @@ export default {
};
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -907,14 +835,14 @@ export default {
width
:
100%
;
height
:
360px
;
}
.ma20
{
margin-left
:
20px
;
}
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -928,19 +856,22 @@ export default {
}
.wian
{
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-bottom
:
0.833rem
;
}
.wians
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-left
:
-5rem
;
margin-right
:
-1rem
;
margin-bottom
:
20px
;
}
.wianss
{
...
...
@@ -952,9 +883,9 @@ export default {
}
.wiansInfo
{
width
:
100%
;
height
:
1015px
;
background-color
:
#021A56
;
//
width
:
100%
;
//
height
:
1015px
;
//
background-color
:
#021A56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1030,7 +961,7 @@ export default {
align-items
:
center
;
width
:
180px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1041,7 +972,7 @@ export default {
align-items
:
center
;
width
:
100%
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1074,7 +1005,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/socialAssistance.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,8 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"a == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
当前享受低保人数
</div>
<div
class=
"xxxBox"
>
...
...
@@ -147,33 +128,15 @@
</div>
-->
<!--
<div
id=
"fivePeople"
class=
"trend"
></div>
-->
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"b == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
城市农村低保人数比例统计
</div>
<div
class=
"displayBox"
>
...
...
@@ -194,6 +157,7 @@
</div>
<div
id=
"fiveCapital"
class=
"trend"
></div>
</div>
</div>
</el-col>
</el-row>
<br
/>
...
...
@@ -252,60 +216,23 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"c == true"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
城市农村低保人数统计
</div>
<div
class=
"titleHead
matop10
"
>
城市农村低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col
:span=
"6"
>
<div
class=
"wiansInfoS"
>
<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=
"panel"
>
<div
class=
"wians"
>
<div
class=
"wiansInfo"
>
<div
class=
"titleHead"
>
<div
class=
"titleHead
ma20
"
>
{{
address
?
address
:
"广西全区"
}}
低保对象查询
</div>
<el-input
...
...
@@ -383,6 +310,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!--
<br
/>
<el-row
:gutter=
"20"
>
...
...
@@ -413,7 +341,7 @@ export default {
tableData
:
[],
pageInfo
:
{
page
:
1
,
size
:
1
5
,
size
:
1
4
,
total
:
0
,
},
loading
:
true
,
...
...
@@ -436,15 +364,15 @@ export default {
},
methods
:
{
headerCellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
cellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
rowStyle
({
row
,
rowsIndex
})
{
if
(
row
)
{
return
{
backgroundColor
:
"
#134880
"
,
backgroundColor
:
"
rgba(128, 128, 128, 0)
"
,
};
}
},
...
...
@@ -685,7 +613,7 @@ export default {
var option;
option = {
backgroundColor:
"#021A56
",
backgroundColor:
"rgba(128, 128, 128, 0)
",
titleHead: {},
tooltip: {
trigger: "axis",
...
...
@@ -788,7 +716,7 @@ export default {
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
titleHead: {},
tooltip: {
trigger: "axis",
...
...
@@ -889,7 +817,7 @@ export default {
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
title: {
text: "",
},
...
...
@@ -1059,11 +987,9 @@ export default {
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -1096,21 +1022,30 @@ export default {
height
:
580px
;
//
background-color
:
#082c61
;
}
.ma20
{
margin-left
:
20px
;
}
.matop10
{
margin-bottom
:
20px
;
}
.wian
{
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021a56
;
margin-bottom
:
0.833rem
;
}
.wians
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021a56
;
margin-left
:
-5rem
;
margin-right
:
-1rem
;
margin-bottom
:
20px
;
}
.wianss
{
...
...
@@ -1126,9 +1061,7 @@ export default {
border
:
1px
solid
#1a6295
;
}
.wiansInfo
{
width
:
100%
;
height
:
1015px
;
background-color
:
#021a56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1315,7 +1248,7 @@ export default {
align-items
:
center
;
width
:
180px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1326,7 +1259,7 @@ export default {
align-items
:
center
;
width
:
100%
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
16px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1367,7 +1300,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/socialOrganization.vue
View file @
5c7dc9c4
...
...
@@ -6,27 +6,8 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"ganStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
社会组织汇总
</div>
<div
class=
"xxxBox"
>
...
...
@@ -110,36 +91,19 @@
<div
class=
"text"
>
个
</div>
</div>
-->
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"PercentageStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
区域占比
</div>
<div
id=
"proportion"
class=
"proportion"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
...
...
@@ -184,27 +148,8 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"SoorganStatsList"
>
暂无下级数据
</div>
...
...
@@ -245,35 +190,17 @@
</el-col>
</el-row>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col
:span=
"6"
>
<div
class=
"wiansInfoS"
>
<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=
"panel"
>
<div
class=
"wians"
>
<div
class=
"wiansInfo"
>
<div
class=
"titleHead"
>
<div
class=
"titleHead
ma20
"
>
{{
address
?
address
:
"广西全区"
}}
社会组织查询
</div>
<el-input
...
...
@@ -323,6 +250,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!--
<br
/>
<el-row
:gutter=
"20"
>
...
...
@@ -342,7 +270,9 @@ import {
soorganSearch
,
getMapData
,
}
from
"@/api/unified/unified"
;
import
Item
from
'../../../layout/components/Sidebar/Item.vue'
;
export
default
{
components
:
{
Item
},
data
()
{
return
{
num
:
0
,
...
...
@@ -353,7 +283,7 @@ export default {
tableData
:
[],
pageInfo
:
{
page
:
1
,
size
:
20
,
size
:
18
,
total
:
0
,
},
loading
:
true
,
...
...
@@ -373,10 +303,10 @@ export default {
},
methods
:
{
headerCellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
cellStyle
()
{
return
" background:#08
2C61
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
return
" background:#08
1F3F
;color:#DAD7DB;border-bottom:1px solid #04234e; "
;
},
inputBtn
()
{
console
.
log
(
this
.
value
);
...
...
@@ -611,7 +541,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
...
...
@@ -745,7 +675,7 @@ export default {
};
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -1018,14 +948,14 @@ export default {
width
:
100%
;
height
:
360px
;
}
.ma20
{
margin-left
:
20px
;
}
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
height
:
30px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -1039,19 +969,22 @@ export default {
}
.wian
{
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-bottom
:
0.833rem
;
}
.wians
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-left
:
-5rem
;
margin-right
:
-1rem
;
margin-bottom
:
20px
;
}
.wianss
{
...
...
@@ -1067,9 +1000,9 @@ export default {
width
:
100%
;
}
.wiansInfo
{
width
:
100%
;
height
:
1015px
;
background-color
:
#021A56
;
//
width
:
100%
;
//
height
:
1015px
;
//
background-color
:
#021A56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1144,7 +1077,7 @@ export default {
align-items
:
center
;
width
:
180px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1155,7 +1088,7 @@ export default {
align-items
:
center
;
width
:
100%
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1196,7 +1129,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
src/views/unified/tapSwitch/subsidies.vue
View file @
5c7dc9c4
...
...
@@ -6,39 +6,20 @@
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"IssueStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
三年贫困残疾资金发放
</div>
<div
class=
"displayBox"
>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
贫困残疾救助
</div>
<div
class=
"gradientTitle"
>
贫困
<br>
残疾救助
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientOneNum"
>
{{
poorDisabledNum
.
difficultTotalNum
}}
</div>
</div>
<div
class=
"gradientBox"
>
<div
class=
"gradientTitle"
>
重度残疾救助
</div>
<div
class=
"gradientTitle"
>
重度
<br>
残疾救助
</div>
<div
class=
"vertical"
></div>
<div
class=
"gradientTwoNum"
>
{{
poorDisabledNum
.
severeTotalNum
}}
...
...
@@ -47,33 +28,15 @@
</div>
<div
id=
"fivePeople"
class=
"trend"
></div>
</div>
</div>
</el-col>
</el-row>
<br
/>
<el-row
:gutter=
"18"
>
<el-col
:span=
"24"
>
</el-col>
<el-col
:span=
"24"
>
<div
class=
"panel"
>
<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=
"warningInfo"
v-if=
"LevelStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
残疾人比例
</div>
<div
class=
"subsidiesBox"
>
...
...
@@ -91,6 +54,7 @@
<div
class=
"subsidiesText"
>
{{
item
.
percentage
}}
%
</div>
</div>
</div>
</div>
</el-col>
</el-row>
<br
/>
...
...
@@ -140,62 +104,25 @@
<br
/>
<el-row
:gutter=
"20"
>
<el-col
:span=
"24"
>
<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=
"panel"
>
<div
class=
"wian"
>
<div
class=
"warningInfo"
v-if=
"DisabledIssueStats"
>
暂无下级数据
</div>
<div
class=
"titleHead"
>
城市农村低保人数统计
</div>
<div
class=
"titleHead
matop
"
>
城市农村低保人数统计
</div>
<div
id=
"ruralAndcity"
class=
"ruralAndcity"
></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col
:span=
"6"
>
<div
class=
"wiansInfoS"
>
<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=
"panel"
>
<div
class=
"wians"
>
<div
class=
"wiansInfo"
>
<div
class=
"titleHead"
>
<div
class=
"titleHead
ma20
"
>
{{
address
?
address
:
"广西全区"
}}
残疾人信息查询
</div>
<el-input
...
...
@@ -250,6 +177,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!--
<br
/>
<el-row
:gutter=
"20"
>
...
...
@@ -269,7 +197,9 @@ import {
deformedManSearch
,
getMapData
,
}
from
"@/api/unified/unified"
;
import
Item
from
'../../../layout/components/Sidebar/Item.vue'
;
export
default
{
components
:
{
Item
},
data
()
{
return
{
DisabledIssueStats
:
false
,
...
...
@@ -280,7 +210,7 @@ export default {
tableData
:
[],
pageInfo
:
{
page
:
1
,
size
:
20
,
size
:
19
,
total
:
0
,
},
loading
:
true
,
...
...
@@ -538,7 +468,7 @@ export default {
var option;
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
titleHead: {},
tooltip: {
trigger: "axis",
...
...
@@ -735,7 +665,7 @@ export default {
};
option = {
backgroundColor: "
#021A56
",
backgroundColor: "
rgba(128, 128, 128, 0)
",
tooltip: {
trigger: "axis",
axisPointer: {
...
...
@@ -907,14 +837,17 @@ export default {
width
:
100%
;
height
:
260px
;
}
.ma20
{
margin-left
:
20px
;
}
.matop
{
margin-bottom
:
20px
;
}
.titleHead
{
height
:
30px
;
font-size
:
16
px
;
font-size
:
24
px
;
line-height
:
32px
;
color
:
#2177b9
;
text-align
:
center
;
background-color
:
#051d3f
;
color
:
#fff
;
}
.flexBox
{
...
...
@@ -950,21 +883,25 @@ export default {
}
.wian
{
//
height
:
4.583rem
;
margin-left
:
-50px
;
margin-bottom
:
20px
;
}
.panel
{
box-sizing
:
border-box
;
border
:
2px
solid
red
;
border-image
:
url("./../../../assets/images/img/border.png")
51
38
21
132
;
border-width
:
2.125rem
1.583rem
0.875rem
5.5rem
;
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-bottom
:
0.833rem
;
}
.wians
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
width
:
100%
;
height
:
500px
;
background-color
:
#021A56
;
margin-left
:
-5rem
;
margin-right
:
-1rem
;
margin-bottom
:
20px
;
}
.wianss
{
position
:
relative
;
border
:
1px
solid
#1a6295
;
...
...
@@ -978,9 +915,9 @@ export default {
border
:
1px
solid
#1a6295
;
}
.wiansInfo
{
width
:
100%
;
height
:
1015px
;
background-color
:
#021A56
;
//
width
:
100%
;
//
height
:
1015px
;
//
background-color
:
#021A56
;
overflow
:
hidden
;
overflow-y
:
scroll
;
}
...
...
@@ -1093,7 +1030,7 @@ export default {
width
:
90%
;
background-color
:
#082c61
;
color
:
#7f8b9d
;
margin
:
10px
20px
;
margin
:
20px
;
}
.el-icon-search
{
...
...
@@ -1124,7 +1061,7 @@ export default {
align-items
:
center
;
width
:
200px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
...
...
@@ -1134,12 +1071,13 @@ export default {
align-items
:
center
;
width
:
240px
;
height
:
60px
;
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
//
background
:
linear-gradient
(
to
right
,
#204c81
,
#09225b
,
#0e2c63
);
border-radius
:
8px
;
margin
:
20px
auto
0
auto
;
padding
:
5px
0
;
}
.gradientTitle
{
text-align
:
center
;
font-size
:
12px
;
color
:
#c5cfdd
;
}
...
...
@@ -1167,7 +1105,7 @@ export default {
.vertical
{
width
:
2px
;
height
:
100%
;
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
//
background
:
linear-gradient
(
to
top
,
#2f6598
,
#65c5f1
,
#2f6598
,
#65c5f1
);
margin
:
0
5px
;
}
</
style
>
\ No newline at end of file
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