Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
adminDemo
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
黄志甲
adminDemo
Commits
030969c1
Commit
030969c1
authored
Mar 12, 2020
by
黄志甲
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
对接部分接口
parent
5df596d1
Hide whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
581 additions
and
290 deletions
+581
-290
src/commons/api/gateway.js
+129
-0
src/commons/http/api.js
+1
-2
src/commons/http/http.js
+1
-1
src/router/index.js
+2
-2
src/router/menu.js
+49
-44
src/view/Main.vue
+14
-11
src/view/gateway/dbNum/index.vue
+101
-48
src/view/gateway/handle/echarts.js
+0
-64
src/view/gateway/handle/index.vue
+215
-58
src/view/gateway/map/index.vue
+19
-12
src/view/gateway/theDisabled/list.vue
+17
-35
src/view/gateway/theDisabled/progress.vue
+33
-13
No files found.
src/commons/api/gateway.js
0 → 100644
View file @
030969c1
import
{
sendRequest
}
from
"../http/api.js"
//获取区域地址
export
const
getCityAreaList
=
params
=>
{
return
sendRequest
({
url
:
'/portal/stats/getCityAreaList'
,
method
:
'POST'
,
params
});
}
//获取年份
export
const
getYearList
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getYearList'
,
method
:
'POST'
,
data
});
}
//获取项目状态
export
const
getStatusCyclicList
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getStatusCyclicList'
,
method
:
'POST'
,
data
});
}
//底部柱形图数据/portal/stats/getWorkSituationMonthList
export
const
getWorkSituationMonthList
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getWorkSituationMonthList'
,
method
:
'POST'
,
data
});
}
/* 任务地图 */
//列表
export
const
getWorkSituationList
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getWorkSituationList'
,
method
:
'POST'
,
data
});
}
//实时统计残疾人
export
const
getIDTKindCountList
=
data
=>
{
return
sendRequest
({
url
:
'/portal/people/getIDTKindCountList'
,
method
:
'GET'
,
data
});
}
//广西残疾人小康进程实现程度数据
export
const
getPeopleFairly
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeopleFairly'
,
method
:
'GET'
,
data
});
}
/* 数据库统计 */
//全区持证残疾人
export
const
getPeopleBaseDataNum
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeopleBaseDataNum'
,
method
:
'GET'
,
data
});
}
//残疾人动态更新数据库2018
export
const
getPeopleUpdateDataNum
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeopleUpdateDataNum'
,
method
:
'GET'
,
data
});
}
//残疾人动态更新数据库2017
export
const
getPeopleUpdateData2017Num
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeopleUpdateData2017Num'
,
method
:
'GET'
,
data
});
}
//建档立卡数据库
export
const
getPeoplePoorOnCard2018Num
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeoplePoorOnCard2018Num'
,
method
:
'GET'
,
data
});
}
//残疾人两项补贴数据库
export
const
getPeopleAllowanceNum
=
data
=>
{
return
sendRequest
({
url
:
'/portal/stats/getPeopleAllowanceNum'
,
method
:
'GET'
,
data
});
}
src/commons/http/api.js
View file @
030969c1
...
...
@@ -12,8 +12,7 @@ export const sendRequest = (obj) => {
return
new
Promise
((
resolve
,
reject
)
=>
{
//调用请求方法
http
(
obj
).
then
(
res
=>
{
if
(
res
.
data
.
code
==
200
){
console
.
log
(
"进入这里了"
)
if
(
res
.
data
.
success
){
resolve
(
res
.
data
)
}
else
{
reject
(
res
)
...
...
src/commons/http/http.js
View file @
030969c1
...
...
@@ -5,7 +5,7 @@ import router from '../../router/index' //引入路由(接口拦截操作)
//所有请求的携带的参数设置
const
http
=
axios
.
create
({
baseURL
:
'http://
baidu.com
'
,
// 地址
baseURL
:
'http://
portal.project.gxdpf.org.cn
'
,
// 地址
timeout
:
30000
})
//设置拦截器
...
...
src/router/index.js
View file @
030969c1
...
...
@@ -29,12 +29,12 @@ export default new Router({
/* 综合门户 */
{
path
:
'/gateway/handle'
,
path
:
'/gateway/handle
/index
'
,
name
:
"gateway-handle"
,
component
:
()
=>
import
(
'@/view/gateway/handle/index.vue'
)
//任务处理
},
{
path
:
'/gateway/map'
,
path
:
'/gateway/map
/index
'
,
name
:
"gateway-map"
,
component
:
()
=>
import
(
'@/view/gateway/map/index.vue'
)
//任务地图
},
...
...
src/router/menu.js
View file @
030969c1
const
menu
=
[
// {
// title: "综合门户",
// children: [{
// title: "任务处理",
// icon: 'ios-people',
// children: [{
// title: '任务处理',
// path: '/gateway/handle',
// action: 'member-page'
// }]
// },{
// title: "任务地图",
// icon: 'ios-people',
// children: [{
// title: '任务地图',
// path: '/gateway/map',
// action: 'member-page'
// }]
// },
// {
// title: "残疾人统计",
// icon: 'ios-people',
// children: [{
// title: '残疾人数据实时统计',
// path: '/gateway/theDisabled/list',
// action: 'gateway-theDisabled-list'
// },
// {
// title: '残疾人小康进程实现程度',
// path: '/gateway/theDisabled/progress',
// action: 'member-page'
// }]
// },
// {
// title: "数据库统计",
// icon: 'ios-people',
// children: [{
// title: '数据库信息',
// path: '/gateway/dbNum/index',
// action: 'gateway-dbNum'
// }]
// }]
// },
{
title
:
"综合门户"
,
path
:
'/gateway'
,
children
:
[{
title
:
"任务处理"
,
icon
:
'ios-people'
,
path
:
"/gateway/handle"
,
children
:
[{
title
:
'任务处理'
,
path
:
'/gateway/handle/index'
,
action
:
'member-page'
}]
},{
title
:
"任务地图"
,
icon
:
'ios-people'
,
path
:
'/gateway/map'
,
children
:
[{
title
:
'任务地图'
,
path
:
'/gateway/map/index'
,
action
:
'member-page'
}]
},
{
title
:
"残疾人统计"
,
icon
:
'ios-people'
,
path
:
"/gateway/theDisabled"
,
children
:
[{
title
:
'残疾人数据实时统计'
,
path
:
'/gateway/theDisabled/list'
,
action
:
'gateway-theDisabled-list'
},
{
title
:
'残疾人小康进程实现程度'
,
path
:
'/gateway/theDisabled/progress'
,
action
:
'gateway-theDisabled-progress'
}]
},
{
title
:
"数据库统计"
,
icon
:
'ios-people'
,
path
:
'/gateway/dbNum'
,
children
:
[{
title
:
'数据库信息'
,
path
:
'/gateway/dbNum/index'
,
action
:
'gateway-dbNum'
}]
}]
},
{
title
:
"党员扶残"
,
path
:
"/auxiliaryDisability"
,
...
...
@@ -71,7 +76,7 @@
title
:
"系统管理"
,
path
:
'/admin'
,
children
:
[{
title
:
"系统管理"
,
title
:
"系统管理"
,
icon
:
'md-settings'
,
path
:
'/admin/administrators'
,
children
:
[{
...
...
src/view/Main.vue
View file @
030969c1
...
...
@@ -41,7 +41,8 @@
<Submenu
:name=
"`${index+1}-${key+1}`"
v-for=
"(items,key) in item.children"
:key=
"key"
>
<
template
slot=
"title"
>
<Icon
:type=
"items.icon"
/>
{{
items
.
title
}}
{{
index
+
1
}}
-
{{
key
+
1
}}
{{
items
.
title
}}
<!--
{{
index
+
1
}}
-
{{
key
+
1
}}
-->
</
template
>
<MenuItem
v-for=
"(v,i) in items.children"
:key=
"i"
...
...
@@ -49,7 +50,8 @@
:id=
"`id${index+1}-${key+1}-${i+1}`"
:to=
"v.path"
v-if=
"!v.children"
>
{{v.title}} {{index+1}}-{{key+1}}-{{i+1}}
{{v.title}}
<!-- {{index+1}}-{{key+1}}-{{i+1}} -->
</MenuItem>
...
...
@@ -60,13 +62,15 @@
v-if=
"v.children"
>
<
template
slot=
"title"
>
{{
v
.
title
}}{{
index
+
1
}}
-
{{
key
+
1
}}
-
{{
i
+
1
}}
{{
v
.
title
}}
<!--
{{
index
+
1
}}
-
{{
key
+
1
}}
-
{{
i
+
1
}}
-->
</
template
>
<MenuItem
v-for=
"(vs,is) in v.children"
:key=
"is"
:name=
"`${index+1}-${key+1}-${i+1}-${is+1}`"
:id=
"`id${index+1}-${key+1}-${i+1}-${is+1}`"
:to=
"vs.path"
>
{{vs.title}}{{index+1}}-{{key+1}}-{{i+1}}-{{is+1}}
{{vs.title}}
<!-- {{index+1}}-{{key+1}}-{{i+1}}-{{is+1}} -->
</MenuItem>
</Submenu>
...
...
@@ -98,10 +102,9 @@
</Col>
</Row>
</Header>
<Content
:style=
"{padding: '0 16px 16px'}"
>
<Content
:style=
"{padding: '0 16px 16px'}"
>
<Breadcrumb
:style=
"{margin: '8px 0'}"
>
<BreadcrumbItem>
{{menu[headerIndex].title}}
</BreadcrumbItem>
<BreadcrumbItem>
{{menu[headerIndex].title}}
</BreadcrumbItem>
<BreadcrumbItem>
{{menu[headerIndex].children[menuIndex].title}}
</BreadcrumbItem>
<BreadcrumbItem>
{{menu[headerIndex].children[menuIndex].children[menuChildren].title}}
</BreadcrumbItem>
<BreadcrumbItem
...
...
@@ -205,6 +208,7 @@
this
.
openNames
=
[]
this
.
activeName
=
''
this
.
$router
.
push
(
'/welcome'
)
},
...
...
@@ -217,14 +221,13 @@
this
.
headerIndex
=
index
item
.
children
.
forEach
((
v
,
i
)
=>
{
if
(
`/
${
arr
[
1
]}
/
${
arr
[
2
]}
`
==
v
.
path
)
{
this
.
openNames
=
[]
this
.
openNames
=
[]
this
.
menuIndex
=
i
this
.
openNames
.
push
(
`
${
index
+
1
}
-
${
i
+
1
}
`
)
v
.
children
.
forEach
((
content
,
key
)
=>
{
if
(
paths
==
content
.
path
)
{
this
.
menuChildren
=
key
this
.
activeName
=
`
${
index
+
1
}
-
${
i
+
1
}
-
${
key
+
1
}
`
console
.
log
(
this
.
$el
.
querySelector
(
`#id
${
index
+
1
}
-
${
i
+
1
}
-
${
key
+
1
}
`
).
offsetTop
,
'-------------'
)
this
.
activeName
=
`
${
index
+
1
}
-
${
i
+
1
}
-
${
key
+
1
}
`
}
else
if
(
`/
${
arr
[
1
]}
/
${
arr
[
2
]}
/
${
arr
[
3
]}
`
==
content
.
path
)
{
content
.
children
.
forEach
((
vs
,
is
)
=>
{
if
(
paths
==
vs
.
path
)
{
...
...
src/view/gateway/dbNum/index.vue
View file @
030969c1
...
...
@@ -7,68 +7,68 @@
<p
class=
"font-weight-bold color-black3"
>
包括:广西残疾人办证数据、动态更新数据、建档立卡数据、业务服务数据、区直单位服务残疾人数据
</p>
</div>
<Card
class=
"card-div"
>
<p
slot=
"title"
>
<p
slot=
"title"
>
<span
class=
"font-weight-bold"
>
残疾人基础信息数据库
</span>
</p>
<Row>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
全区持证残疾人
</p>
<h3>
180080
(条)
</h3>
</div>
</Col>
</Row>
<Row>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
全区持证残疾人
</p>
<h3>
{{
peopleBaseDataNum
}}
(条)
</h3>
</div>
</Col>
</Row>
</Card>
<Card
class=
"card-div"
>
<p
slot=
"title"
>
<p
slot=
"title"
>
<span
class=
"font-weight-bold"
>
历年动态更新数据库
</span>
</p>
<Row>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人动态更新数据库2018
</p>
<h3>
180080
(条)
</h3>
</div>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人动态更新数据库2018
</p>
<h3>
{{
peopleUpdateDataNum
}}
(条)
</h3>
</div>
</Col>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人动态更新数据库2017
</p>
<h3>
180080
(条)
</h3>
</div>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人动态更新数据库2017
</p>
<h3>
{{
peopleUpdateData2017Num
}}
(条)
</h3>
</div>
</Col>
</Row>
</Card>
<Card
class=
"card-div"
>
<p
slot=
"title"
>
<p
slot=
"title"
>
<span
class=
"font-weight-bold"
>
建档立卡贫困残疾人数据库
</span>
</p>
<Row>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
建档立卡贫困残疾人数据库
</p>
<h3>
180080
(条)
</h3>
</div>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
建档立卡贫困残疾人数据库
</p>
<h3>
{{
peoplePoorOnCard2018Num
}}
(条)
</h3>
</div>
</Col>
</Row>
</Card>
<Card
class=
"card-div"
>
<p
slot=
"title"
>
<p
slot=
"title"
>
<span
class=
"font-weight-bold"
>
残疾人两项补贴数据库
</span>
</p>
<Row>
<Col
:xs=
"24"
:md=
"4"
>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人两项补贴数据库
</p>
<h3>
180080
(条)
</h3>
</div>
<div
class=
"text-center"
>
<img
src=
"@/assets/money.png"
class=
"db-img"
/>
<p>
残疾人两项补贴数据库
</p>
<h3>
{{
peopleAllowanceNum
}}
(条)
</h3>
</div>
</Col>
</Row>
</Card>
...
...
@@ -79,31 +79,84 @@
</
template
>
<
script
>
import
{
getPeopleBaseDataNum
,
getPeopleUpdateDataNum
,
getPeopleUpdateData2017Num
,
getPeoplePoorOnCard2018Num
,
getPeopleAllowanceNum
,
}
from
"@/commons/api/gateway.js"
export
default
{
data
()
{
return
{
peopleBaseDataNum
:
0
,
//全区残疾人数
peopleUpdateDataNum
:
0
,
//2018历年
peopleUpdateData2017Num
:
0
,
//2017历年
peoplePoorOnCard2018Num
:
0
,
//建档立卡
peopleAllowanceNum
:
0
,
//残疾人两项补贴数据库
}
},
created
()
{
this
.
getDbNum
()
},
methods
:
{
getDbNum
()
{
getPeopleBaseDataNum
().
then
(
res
=>
{
if
(
res
.
success
)
{
this
.
peopleBaseDataNum
=
res
.
data
}
})
getPeopleUpdateDataNum
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
peopleUpdateDataNum
=
res
.
data
}
})
getPeopleUpdateData2017Num
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
peopleUpdateData2017Num
=
res
.
data
}
})
getPeoplePoorOnCard2018Num
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
peoplePoorOnCard2018Num
=
res
.
data
}
})
getPeopleAllowanceNum
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
peopleAllowanceNum
=
res
.
data
}
})
}
}
}
</
script
>
<
style
>
.cardMargin
{
<
style
>
.cardMargin
{
margin
:
20px
0
20px
;
}
.cardMargin
>
p
{
padding
:
10px
0
10px
;
.cardMargin
>
p
{
padding
:
10px
0
10px
;
}
.card-div
{
margin
:
20px
0
0
;
.card-div
{
margin
:
20px
0
0
;
}
.db-img
{
width
:
80px
;
height
:
80px
;
.db-img
{
width
:
80px
;
height
:
80px
;
}
img
{
width
:
auto
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
;
img
{
width
:
auto
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
;
}
</
style
>
src/view/gateway/handle/echarts.js
View file @
030969c1
export
const
option
=
{
tooltip
:
{
trigger
:
'item'
,
formatter
:
function
(
vent
)
{
return
`状态统计<br/>
${
vent
.
data
.
name
}
:
${
vent
.
data
.
value
}
(
${
vent
.
data
.
value
}
%)`
}
},
legend
:
{
orient
:
'vertical'
,
top
:
'center'
,
right
:
10
,
data
:
[
'申请'
,
'公示'
,
'拨款'
,
'完成'
]
},
grid
:
{
left
:
'center'
,
top
:
'20'
,
right
:
'20'
,
bottom
:
'40'
},
series
:
[{
name
:
'访问来源'
,
type
:
'pie'
,
radius
:
[
'50%'
,
'70%'
],
avoidLabelOverlap
:
false
,
label
:
{
normal
:
{
show
:
false
,
position
:
'center'
},
emphasis
:
{
show
:
true
,
textStyle
:
{
fontSize
:
'30'
,
fontWeight
:
'bold'
}
}
},
labelLine
:
{
normal
:
{
show
:
false
}
},
data
:
[{
value
:
0
,
name
:
'申请'
},
{
value
:
0
,
name
:
'公示'
},
{
value
:
0
,
name
:
'拨款'
},
{
value
:
0
,
name
:
'完成'
}
]
}]
};
export
const
map
=
{
tooltip
:
{
...
...
@@ -77,5 +15,3 @@ export const map = {
type
:
'bar'
}]
}
src/view/gateway/handle/index.vue
View file @
030969c1
<
template
>
<Row>
<Form
ref=
"formCustom"
:model=
"
d
ata"
:label-width=
"80"
>
<Form
ref=
"formCustom"
:model=
"
queryD
ata"
:label-width=
"80"
>
<Row>
<Col
span=
"4"
>
<FormItem
label=
"项目"
>
<Select
v-model=
"
data.project"
placeholder=
"请选择查看项目"
class=
"fromItem
"
>
<Option
value=
"
project
1"
>
项目1
</Option>
<Option
value=
"
project
2"
>
项目2
</Option>
<Select
v-model=
"
queryData.systemId"
placeholder=
"请选择项目"
class=
"fromItem"
clearable
@
on-clear=
"clear('systemId')
"
>
<Option
value=
"1"
>
项目1
</Option>
<Option
value=
"2"
>
项目2
</Option>
</Select>
</FormItem>
</Col>
...
...
@@ -14,37 +14,43 @@
<Row>
<Col
span=
"4"
>
<FormItem
label=
"年份"
>
<Select
v-model=
"data.time"
placeholder=
"请选择查看项目"
class=
"fromItem"
>
<Option
value=
"2019"
>
2019
</Option>
<Option
value=
"2020"
>
2020
</Option>
<Option
value=
"2021"
>
2021
</Option>
<Select
v-model=
"queryData.year"
placeholder=
"请选择年份"
class=
"fromItem"
clearable
@
on-clear=
"clear('year')"
>
<Option
value=
"0"
>
请选择年份
</Option>
<Option
:value=
"item.year"
v-for=
"(item,index) in yearList"
:key=
"index"
>
{{
item
.
year
}}
</Option>
</Select>
</FormItem>
</Col>
<Col
span=
"4"
:xs=
"24"
:md=
"4"
>
<FormItem
label=
"地区"
class=
"fromItem"
>
<Select
v-model=
"data.addres"
placeholder=
"请选择地址"
class=
"fromItem"
>
<Option
value=
"2019"
>
2019
</Option>
<Option
value=
"2020"
>
2020
</Option>
<Option
value=
"2021"
>
2021
</Option>
<Select
v-model=
"queryData.id"
placeholder=
"请选择地区"
class=
"fromItem"
clearable
@
on-clear=
"clear('id')"
>
<Option
value=
"0"
>
请选择地区
</Option>
<Option
:value=
"item.id"
v-for=
"(item,index) in cityAreaList"
:key=
"index"
>
{{
item
.
name
}}
</Option>
</Select>
</FormItem>
</Col>
<Col
span=
"4"
>
<FormItem>
<Button
type=
"primary"
>
查询
</Button>
<Button
type=
"primary"
@
click=
"getStatusCyclicListFun"
>
查询
</Button>
</FormItem>
</Col>
</Row>
</Form>
<Row>
<Row
>
<Col
:xs=
"24"
:md=
"6"
class=
"row-col"
>
<Card>
<div>
<h4>
项目状态统计
</h4>
<p
class=
"pColor"
>
本年度任务数
</p>
<p
class=
"pColor"
>
本年度任务数
{{
num
}}
</p>
</div>
<div>
<div
class=
"display: flex; flex: 1;"
>
...
...
@@ -53,38 +59,20 @@
</div>
</Card>
</Col>
<Col
:xs=
"24"
:md=
"4"
class=
"row-col"
>
<Card>
<div
class=
"know-flex know-wrap konw-center know-align-center know-column mouse"
>
<h3
class=
"font-30 color-red"
>
0
</h3>
<a>
申请
</a>
</div>
</Card>
</Col>
<Col
:xs=
"24"
:md=
"4"
class=
"row-col"
>
<Card>
<div
class=
"know-flex know-wrap konw-center know-align-center know-column mouse"
>
<h3
class=
"font-30 color-red"
>
0
</h3>
<a>
公示
</a>
</div>
</Card>
</Col>
<Col
:xs=
"24"
:md=
"4"
class=
"row-col"
>
<Card>
<div
class=
"know-flex know-wrap konw-center know-align-center know-column mouse"
>
<h3
class=
"font-30 color-red"
>
0
</h3>
<a>
拨款
</a>
</div>
</Card>
</Col>
<Col
:xs=
"24"
:md=
"4"
class=
"row-col"
>
<Card>
<div
class=
"know-flex know-wrap konw-center know-align-center know-column mouse"
>
<h3
class=
"font-30 color-red"
>
0
</h3>
<a>
完成
</a>
</div>
</Card>
<Col
:md=
"18"
>
<Row
type=
"flex"
justify=
"start"
align=
"top"
style=
"height:276px;"
>
<Col
:xs=
"24"
:md=
"6"
class=
"row-col"
v-for=
"(item,index) in statusList"
:key=
"index"
>
<Card>
<div
class=
"know-flex know-wrap konw-center know-align-center know-column mouse"
>
<h3
class=
"font-30 color-red"
>
{{
item
.
value
}}
</h3>
<a>
{{
item
.
name
}}
</a>
</div>
</Card>
</Col>
</Row>
</Col>
</Row>
<Row
style=
"margin-top: 20px;"
>
<Col
span=
"24"
>
...
...
@@ -99,42 +87,211 @@
</
template
>
<
script
>
import
{
option
,
map
}
from
"./echarts.js"
//饼图配置 柱形图配置
import
{
option
,
map
}
from
"./echarts.js"
//饼图配置 柱形图配置
import
{
getCityAreaList
,
getYearList
,
getStatusCyclicList
,
getWorkSituationMonthList
}
from
"@/commons/api/gateway.js"
export
default
{
data
()
{
return
{
data
:
{
project
:
'project1'
,
time
:
"2019"
,
option
:
option
,
map
:
map
}
queryData
:
{
id
:
"0"
,
month
:
"01"
,
systemId
:
"1"
,
year
:
"0"
,
},
cityAreaList
:
[],
yearList
:
[],
statusList
:
[{
value
:
0
,
name
:
'申请'
},
{
value
:
0
,
name
:
'公示'
},
{
value
:
0
,
name
:
'拨款'
},
{
value
:
0
,
name
:
'完成'
}
],
num
:
0
,
optionList
:
[],
dataList
:[],
time
:[]
}
},
created
()
{
this
.
option
=
option
this
.
getCityAreaListFun
()
this
.
getYearListFun
()
this
.
getStatusCyclicListFun
()
},
computed
:
{
},
watch
:
{
statusList
(
newsStatusList
,
oldVal
)
{
this
.
num
=
0
newsStatusList
.
map
(
v
=>
{
this
.
num
+=
v
.
value
})
this
.
drawLine
()
},
dataList
(
newDataList
,
oldVal
){
this
.
dataFun
()
}
},
mounted
()
{
setTimeout
(()
=>
{
this
.
drawLine
()
this
.
time
()
this
.
dataFun
()
},
500
)
},
methods
:
{
//获取区域
getCityAreaListFun
()
{
getCityAreaList
().
then
(
res
=>
{
if
(
res
.
success
)
{
this
.
cityAreaList
=
res
.
data
}
})
},
//获取年份
getYearListFun
()
{
getYearList
().
then
(
res
=>
{
if
(
res
.
success
)
{
this
.
yearList
=
res
.
data
}
})
},
//项目状态&&查询
getStatusCyclicListFun
()
{
this
.
num
=
0
//清空
this
.
optionList
=
[]
getStatusCyclicList
(
this
.
queryData
).
then
(
res
=>
{
if
(
res
.
success
)
{
this
.
statusList
.
map
(
v
=>
{
this
.
optionList
.
push
(
v
.
name
)
})
this
.
statusList
=
res
.
data
}
})
this
.
getWorkSituationMonthListFun
()
},
//柱形图数据
getWorkSituationMonthListFun
(){
if
(
this
.
queryData
.
id
==
"0"
){
this
.
queryData
.
id
=
450000000000
}
getWorkSituationMonthList
(
this
.
queryData
).
then
(
res
=>
{
// this.time()
this
.
dataList
=
[]
this
.
time
=
[]
if
(
res
.
success
){
res
.
data
.
map
(
v
=>
{
this
.
dataList
.
push
(
v
.
finished
)
this
.
time
.
push
(
v
.
month
)
})
}
})
},
drawLine
()
{
var
echarts
=
require
(
'echarts'
);
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'myChart'
));
let
option
=
{
tooltip
:
{
trigger
:
'item'
,
formatter
:
function
(
vent
)
{
return
`状态统计<br/>
${
vent
.
data
.
name
}
:
${
vent
.
data
.
value
}
(
${
vent
.
data
.
value
}
%)`
}
},
legend
:
{
orient
:
'vertical'
,
top
:
'center'
,
right
:
20
,
data
:
this
.
optionList
},
grid
:
{
left
:
'center'
,
top
:
'20'
,
right
:
'50'
,
bottom
:
'40'
},
series
:
[{
name
:
'访问来源'
,
type
:
'pie'
,
radius
:
[
'50%'
,
'70%'
],
avoidLabelOverlap
:
false
,
label
:
{
normal
:
{
show
:
false
,
position
:
'center'
},
emphasis
:
{
show
:
true
,
textStyle
:
{
fontSize
:
'30'
,
fontWeight
:
'bold'
}
}
},
labelLine
:
{
normal
:
{
show
:
false
}
},
data
:
this
.
statusList
}]
};
myChart
.
setOption
(
option
);
window
.
addEventListener
(
'resize'
,
function
()
{
myChart
.
resize
()
})
},
time
()
{
dataFun
()
{
var
echarts
=
require
(
'echarts'
);
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'time'
));
myChart
.
setOption
(
map
)
let
dataOption
=
{
tooltip
:
{
trigger
:
'axis'
},
xAxis
:
{
type
:
'category'
,
data
:
this
.
time
},
yAxis
:
{
type
:
'value'
},
series
:
[{
data
:
this
.
dataList
,
type
:
'bar'
}]
}
myChart
.
setOption
(
dataOption
)
window
.
addEventListener
(
'resize'
,
function
()
{
myChart
.
resize
()
})
...
...
src/view/gateway/map/index.vue
View file @
030969c1
...
...
@@ -37,7 +37,7 @@
</Card>
<div
style=
"margin-top:30px;"
>
<Table
border
:columns=
"columns1"
:data=
"
data1
"
></Table>
<Table
border
:columns=
"columns1"
:data=
"
list
"
></Table>
</div>
</Card>
</Col>
...
...
@@ -46,13 +46,14 @@
<
script
>
import
mapList
from
"./map.json"
import
{
getWorkSituationList
}
from
"@/commons/api/gateway.js"
export
default
{
data
()
{
return
{
formItem
:
{
value
:
''
},
data1
:[],
list
:[],
columns1
:
[{
title
:
'地区'
,
key
:
'name'
,
...
...
@@ -60,22 +61,22 @@
},
{
title
:
'任务数'
,
key
:
'
age
'
,
key
:
'
taskNum
'
,
align
:
'center'
,
},
{
title
:
'资金指标 '
,
key
:
'
address
'
,
key
:
'
taskFundAmount
'
,
align
:
'center'
,
},
{
title
:
'使用资金数'
,
key
:
'
address
'
,
key
:
'
finishedAmount
'
,
align
:
'center'
,
},
{
title
:
'完成率(%)'
,
key
:
'
address
'
,
key
:
'
finished
'
,
align
:
'center'
,
},
{
...
...
@@ -86,13 +87,19 @@
],
}
},
created
()
{
this
.
getWorkSituationListFun
()
},
methods
:
{
// https://geo.datav.aliyun.com/areas/bound/450000_full.json
getWorkSituationListFun
(){
getWorkSituationList
({
id
:
"450000000000"
}).
then
(
res
=>
{
if
(
res
.
success
){
this
.
list
=
res
.
data
}
})
}
...
...
src/view/gateway/theDisabled/list.vue
View file @
030969c1
...
...
@@ -3,7 +3,7 @@
<Col
:xs=
"24"
:md=
"16"
>
<Card>
<h2
slot=
"title"
>
广西全区持证残疾人统计数据(每1个小时更新一次)
</h2>
<Table
border
:columns=
"listColumns"
:data=
"list"
>
<Table
border
:columns=
"listColumns"
:data=
"list"
:loading=
"loadingType"
>
<header>
数据统计
</header>
</Table>
</Card>
...
...
@@ -12,12 +12,13 @@
</
template
>
<
script
>
import
{
getIDTKindCountList
}
from
"@/commons/api/gateway.js"
export
default
{
data
()
{
return
{
listColumns
:
[{
title
:
'残疾类型'
,
key
:
'
type
'
,
key
:
'
idtkind
'
,
align
:
'center'
},
{
title
:
'总人数'
,
...
...
@@ -26,45 +27,26 @@
align
:
'center'
},
{
title
:
'6-16岁学龄儿童人数'
,
key
:
'num
s
'
,
key
:
'num
Young
'
,
sortable
:
true
,
align
:
'center'
}],
list
:
[{
type
:
'John Brown'
,
num
:
17
,
nums
:
3088
},
{
type
:
'John Brown'
,
num
:
16
,
nums
:
3088
},
{
type
:
'John Brown'
,
num
:
15
,
nums
:
3088
},
{
type
:
'John Brown'
,
num
:
14
,
nums
:
3088
},
{
type
:
'John Brown'
,
num
:
13
,
nums
:
3088
},
{
type
:
'John Brown'
,
num
:
12
,
nums
:
3088
},
]
list
:
[],
loadingType
:
true
}
},
created
()
{
this
.
getIDTKindCountListFun
()
},
methods
:
{
getIDTKindCountListFun
(){
getIDTKindCountList
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
list
=
res
.
data
this
.
loadingType
=
false
}
})
}
}
...
...
src/view/gateway/theDisabled/progress.vue
View file @
030969c1
...
...
@@ -4,37 +4,46 @@
<div
class=
"text-center"
>
<h1>
广西残疾人小康进程实现程度数据
</h1>
</div>
<Table
border
:columns=
"listColumns"
:data=
"
list
"
>
<Table
border
:columns=
"listColumns"
:data=
"
data
"
>
<header>
数据统计
</header>
<template
slot-scope=
"
{ row, index }" slot="value">
{{
row
.
value
}}
%
</
template
>
<
template
slot-scope=
"{ row, index }"
slot=
"census"
>
{{
row
.
census
}}
%
</
template
>
</Table>
</Col>
</Row>
</template>
<
script
>
import
{
getPeopleFairly
}
from
"@/commons/api/gateway.js"
export
default
{
data
()
{
return
{
listColumns
:
[{
title
:
'序号'
,
key
:
'index'
,
align
:
'center'
key
:
'id'
,
align
:
'center'
,
sortable
:
true
,
},
{
title
:
'主要指标 '
,
key
:
'n
um
'
,
key
:
'n
ame
'
,
sortable
:
true
,
align
:
'center'
},
{
title
:
'目标值 '
,
key
:
'
nums
'
,
key
:
'
value
'
,
sortable
:
true
,
align
:
'center'
,
width
:
100
,
minWidth
:
100
minWidth
:
100
,
slot
:
'value'
},
{
title
:
'完成数'
,
key
:
'
nums
'
,
key
:
'
finishedNum
'
,
sortable
:
true
,
align
:
'center'
,
width
:
100
,
...
...
@@ -42,7 +51,7 @@
},
{
title
:
'任务数 '
,
key
:
'
nums
'
,
key
:
'
workNum
'
,
sortable
:
true
,
align
:
'center'
,
width
:
100
,
...
...
@@ -50,27 +59,38 @@
},
{
title
:
'完成率'
,
key
:
'nums'
,
sortable
:
true
,
align
:
'center'
,
width
:
100
,
minWidth
:
100
minWidth
:
100
,
slot
:
'census'
},
{
title
:
'完成数(含来源、时间、范围)'
,
key
:
'
nums
'
,
key
:
'
workContent
'
,
align
:
'center'
,
width
:
280
},
{
title
:
'任务数(含来源、时间、范围)'
,
key
:
'
nums
'
,
key
:
'
finishedContent
'
,
align
:
'center'
,
width
:
280
}],
data
:[]
}
},
created
()
{
this
.
getPeopleFairlyFun
()
},
methods
:
{
getPeopleFairlyFun
(){
getPeopleFairly
().
then
(
res
=>
{
if
(
res
.
success
){
this
.
data
=
res
.
data
}
})
}
}
...
...
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