Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
apaas-ui
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
gzga-jzapi
apaas-ui
Commits
38e9e084
Commit
38e9e084
authored
May 06, 2020
by
张俊
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
服务编辑
parent
92649244
Changes
6
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
446 additions
and
473 deletions
+446
-473
src/main.js
src/main.js
+2
-6
src/pages/serviceDetail.vue
src/pages/serviceDetail.vue
+4
-3
src/pages/serviceEdit.vue
src/pages/serviceEdit.vue
+24
-5
src/pages/workPlace.vue
src/pages/workPlace.vue
+385
-386
src/store/index.js
src/store/index.js
+18
-73
src/utils/common.js
src/utils/common.js
+13
-0
No files found.
src/main.js
View file @
38e9e084
import
"
babel-polyfill
"
;
import
"
babel-polyfill
"
;
import
Vue
from
"
vue
"
;
import
Vuex
from
"
vuex
"
;
Vue
.
use
(
Vuex
);
import
store
from
"
@/store
"
;
import
store
from
"
@/store
"
;
store
.
install
(
Vuex
);
import
Vue
from
'
vue
'
import
VueResource
from
"
vue-resource
"
;
import
VueResource
from
"
vue-resource
"
;
Vue
.
use
(
VueResource
);
Vue
.
use
(
VueResource
);
...
...
src/pages/serviceDetail.vue
View file @
38e9e084
...
@@ -156,13 +156,13 @@ export default {
...
@@ -156,13 +156,13 @@ export default {
{
{
prop
:
'
cjms
'
,
prop
:
'
cjms
'
,
label
:
'
场景描述
'
,
label
:
'
场景描述
'
,
minWidth
:
'
2
0%
'
,
minWidth
:
'
4
0%
'
,
align
:
'
left
'
,
align
:
'
left
'
,
},
},
{
{
prop
:
'
sqsj
'
,
prop
:
'
sqsj
'
,
label
:
'
申请调用时间
'
,
label
:
'
申请调用时间
'
,
minWidth
:
'
15
0px
'
,
width
:
'
16
0px
'
,
align
:
'
right
'
,
align
:
'
right
'
,
},
},
],
],
...
@@ -233,7 +233,7 @@ export default {
...
@@ -233,7 +233,7 @@ export default {
}
}
},
},
mounted
(){
mounted
(){
console
.
log
(
this
.
$store
.
state
.
role
);
},
},
methods
:{
methods
:{
getData
()
{
getData
()
{
...
@@ -255,6 +255,7 @@ export default {
...
@@ -255,6 +255,7 @@ export default {
.detail_contain
{
.detail_contain
{
width
:
100%
;
width
:
100%
;
padding
:
0
20px
;
padding
:
0
20px
;
margin-bottom
:
20px
;
}
}
.info_contain
{
.info_contain
{
padding
:
25px
20px
;
padding
:
25px
20px
;
...
...
src/pages/serviceEdit.vue
View file @
38e9e084
...
@@ -5,14 +5,14 @@
...
@@ -5,14 +5,14 @@
<span>
服务编辑
</span>
<span>
服务编辑
</span>
</p>
</p>
<div
class=
"info_contain"
>
<div
class=
"info_contain"
>
<el-form
ref=
"form"
:model=
"form"
label-width=
"0px"
>
<el-form
ref=
"form"
:
rules=
"rules"
:
model=
"form"
label-width=
"0px"
>
<el-form-item>
<el-form-item>
<p
class=
"formname"
>
服务名称:
</p>
<p
class=
"formname"
>
服务名称:
</p>
<el-input
v-model=
"form.name"
></el-input>
<el-input
v-model=
"form.name"
></el-input>
</el-form-item>
</el-form-item>
<el-form-item>
<el-form-item
prop=
"desc"
>
<p
class=
"formname"
>
服务描述:
</p>
<p
class=
"formname"
>
服务描述:
</p>
<el-input
v-model=
"form.desc"
></el-input>
<el-input
type=
"textarea"
v-model=
"form.desc"
></el-input>
</el-form-item>
</el-form-item>
<el-form-item>
<el-form-item>
<p
class=
"formname"
>
服务领域:
</p>
<p
class=
"formname"
>
服务领域:
</p>
...
@@ -48,8 +48,8 @@
...
@@ -48,8 +48,8 @@
</el-form-item>
</el-form-item>
<el-form-item>
<el-form-item>
<el-button
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"onSubmit"
class=
"right"
>
保存
</el-button>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
保存
</el-button>
<el-button
class=
"right"
>
取消
</el-button>
</el-form-item>
</el-form-item>
</el-form>
</el-form>
</div>
</div>
...
@@ -72,8 +72,14 @@ export default {
...
@@ -72,8 +72,14 @@ export default {
origin
:
''
,
origin
:
''
,
code
:
''
,
code
:
''
,
resource
:
''
,
resource
:
''
,
fileList
:
''
},
},
imgList
:
[],
imgList
:
[],
rules
:{
desc
:[
{
max
:
200
,
message
:
'
长度小于200个字符
'
,
trigger
:
'
blur
'
}
]
}
};
};
},
},
watch
:
{},
watch
:
{},
...
@@ -86,6 +92,11 @@ export default {
...
@@ -86,6 +92,11 @@ export default {
},
},
getNewList
(
val
)
{
getNewList
(
val
)
{
console
.
log
(
val
);
console
.
log
(
val
);
this
.
form
.
fileList
=
""
this
.
form
.
fileList
=
url
.
map
((
v
,
k
)
=>
{
return
v
.
url
}).
join
(
'
;
'
)
console
.
log
(
this
.
form
.
fileList
)
}
}
}
}
};
};
...
@@ -96,12 +107,16 @@ export default {
...
@@ -96,12 +107,16 @@ export default {
.info_contain
.el-input__inner
{
.info_contain
.el-input__inner
{
background-color
:
#f7f8f9
;
background-color
:
#f7f8f9
;
}
}
.info_contain
.el-textarea__inner
{
background-color
:
#f7f8f9
;
}
</
style
>
</
style
>
<
style
scoped
>
<
style
scoped
>
.detail_contain
{
.detail_contain
{
width
:
100%
;
width
:
100%
;
padding
:
0
20px
;
padding
:
0
20px
;
margin-bottom
:
20px
;
}
}
.info_contain
{
.info_contain
{
padding
:
25px
20px
;
padding
:
25px
20px
;
...
@@ -120,4 +135,8 @@ export default {
...
@@ -120,4 +135,8 @@ export default {
.formname
{
.formname
{
color
:
#58617a
;
color
:
#58617a
;
}
}
.right
{
float
:
right
;
margin-left
:
20px
;
}
</
style
>
</
style
>
src/pages/workPlace.vue
View file @
38e9e084
...
@@ -185,7 +185,11 @@
...
@@ -185,7 +185,11 @@
<img
src=
"../assets/imgs/home_ic_release.png"
alt
/>
服务注册
<img
src=
"../assets/imgs/home_ic_release.png"
alt
/>
服务注册
</div>
</div>
</div>
</div>
<table-um
:headers=
"service_head[now_user][now_type]"
:url=
"service_url_arr[now_user][now_type]"
:paginationShow=
"true"
></table-um>
<table-um
:headers=
"service_head[now_user][now_type]"
:url=
"service_url_arr[now_user][now_type]"
:paginationShow=
"true"
></table-um>
</div>
</div>
</div>
</div>
<div
class=
"online_tool"
:style=
"now_user==0?
{}:{width:'590px'}">
<div
class=
"online_tool"
:style=
"now_user==0?
{}:{width:'590px'}">
...
@@ -217,8 +221,11 @@
...
@@ -217,8 +221,11 @@
</div>
</div>
</el-scrollbar>
</el-scrollbar>
<table-um
:headers=
"app_head[now_user][now_app]"
:url=
"app_url_arr[now_user][now_app]"
:paginationShow=
"true"
></table-um>
<table-um
:headers=
"app_head[now_user][now_app]"
:url=
"app_url_arr[now_user][now_app]"
:paginationShow=
"true"
></table-um>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -227,7 +234,8 @@
...
@@ -227,7 +234,8 @@
<
script
>
<
script
>
import
uuidv1
from
"
uuid/v1
"
;
import
uuidv1
from
"
uuid/v1
"
;
import
tableUm
from
'
../components/table-um
'
import
tableUm
from
"
../components/table-um
"
;
import
{
getRole
}
from
"
../utils/common
"
;
var
echarts
=
require
(
"
echarts
"
);
var
echarts
=
require
(
"
echarts
"
);
export
default
{
export
default
{
data
()
{
data
()
{
...
@@ -253,457 +261,454 @@ export default {
...
@@ -253,457 +261,454 @@ export default {
label
:
"
应用总数
"
label
:
"
应用总数
"
}
}
],
],
app_url_arr
:[
app_url_arr
:
[[],
[
"
creat_app
"
,
"
check_app
"
],
[
"
creat_app
"
,
"
check_app
"
]],
[],
app_head
:
[
[
'
creat_app
'
,
'
check_app
'
],
[
'
creat_app
'
,
'
check_app
'
],
],
app_head
:[
[],
[],
[
[
[
[
{
{
prop
:
'
yymc
'
,
prop
:
"
yymc
"
,
label
:
'
应用名称
'
,
label
:
"
应用名称
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
yylx
'
,
prop
:
"
yylx
"
,
label
:
'
应用类型
'
,
label
:
"
应用类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybb
'
,
prop
:
"
yybb
"
,
label
:
'
应用版本
'
,
label
:
"
应用版本
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yycjsj
'
,
prop
:
"
yycjsj
"
,
label
:
'
应用创建时间
'
,
label
:
"
应用创建时间
"
,
width
:
'
160px
'
,
width
:
"
160px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybscs
'
,
prop
:
"
yybscs
"
,
label
:
'
被部署次数
'
,
label
:
"
被部署次数
"
,
width
:
'
100px
'
,
width
:
"
100px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
yymc
'
,
prop
:
"
yymc
"
,
label
:
'
应用名称
'
,
label
:
"
应用名称
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
yylx
'
,
prop
:
"
yylx
"
,
label
:
'
应用类型
'
,
label
:
"
应用类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybb
'
,
prop
:
"
yybb
"
,
label
:
'
应用版本
'
,
label
:
"
应用版本
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yyspsj
'
,
prop
:
"
yyspsj
"
,
label
:
'
应用审批时间
'
,
label
:
"
应用审批时间
"
,
width
:
'
160px
'
,
width
:
"
160px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spzt
'
,
prop
:
"
spzt
"
,
label
:
'
审批状态
'
,
label
:
"
审批状态
"
,
width
:
'
100px
'
,
width
:
"
100px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
}
],
]
],
],
[
[
[
[
{
{
prop
:
'
yymc
'
,
prop
:
"
yymc
"
,
label
:
'
应用名称
'
,
label
:
"
应用名称
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
yylx
'
,
prop
:
"
yylx
"
,
label
:
'
应用类型
'
,
label
:
"
应用类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybb
'
,
prop
:
"
yybb
"
,
label
:
'
应用版本
'
,
label
:
"
应用版本
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yycjsj
'
,
prop
:
"
yycjsj
"
,
label
:
'
应用创建时间
'
,
label
:
"
应用创建时间
"
,
width
:
'
160px
'
,
width
:
"
160px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybscs
'
,
prop
:
"
yybscs
"
,
label
:
'
被部署次数
'
,
label
:
"
被部署次数
"
,
width
:
'
100px
'
,
width
:
"
100px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
yymc
'
,
prop
:
"
yymc
"
,
label
:
'
应用名称
'
,
label
:
"
应用名称
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
yylx
'
,
prop
:
"
yylx
"
,
label
:
'
应用类型
'
,
label
:
"
应用类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yybb
'
,
prop
:
"
yybb
"
,
label
:
'
应用版本
'
,
label
:
"
应用版本
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
yyspsj
'
,
prop
:
"
yyspsj
"
,
label
:
'
应用审批时间
'
,
label
:
"
应用审批时间
"
,
width
:
'
160px
'
,
width
:
"
160px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spzt
'
,
prop
:
"
spzt
"
,
label
:
'
审批状态
'
,
label
:
"
审批状态
"
,
width
:
'
100px
'
,
width
:
"
100px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
]
,
]
]
],
],
service_url_arr
:
[
[
"
nor_service_list
"
,
"
nor_apply_service
"
,
"
nor_service_sh
"
,
"
nor_cloud
"
],
],
service_url_arr
:[
[
"
nor_service_list
"
,
"
nor_service_sh
"
,
"
nor_cloud
"
],
[
'
nor_service_list
'
,
'
nor_apply_service
'
,
'
nor_service_sh
'
,
'
nor_cloud
'
],
[
"
nor_service_list
"
,
"
nor_service_sh
"
,
"
nor_cloud_manage
"
]
[
'
nor_service_list
'
,
'
nor_service_sh
'
,
'
nor_cloud
'
],
[
'
nor_service_list
'
,
'
nor_service_sh
'
,
'
nor_cloud_manage
'
],
],
],
service_head
:[
service_head
:
[
[
[
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
250px
'
,
width
:
"
250px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
zcfbsj
'
,
prop
:
"
zcfbsj
"
,
label
:
'
注册发布时间
'
,
label
:
"
注册发布时间
"
,
width
:
'
200px
'
,
width
:
"
200px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
bdycs
'
,
prop
:
"
bdycs
"
,
label
:
'
被调用次数
'
,
label
:
"
被调用次数
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
250px
'
,
width
:
"
250px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
sqsj
'
,
prop
:
"
sqsj
"
,
label
:
'
申请时间
'
,
label
:
"
申请时间
"
,
width
:
'
200px
'
,
width
:
"
200px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
sqspzt
'
,
prop
:
"
sqspzt
"
,
label
:
'
申请审批状态
'
,
label
:
"
申请审批状态
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
250px
'
,
width
:
"
250px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spsj
'
,
prop
:
"
spsj
"
,
label
:
'
审批时间
'
,
label
:
"
审批时间
"
,
width
:
'
200px
'
,
width
:
"
200px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spzt
'
,
prop
:
"
spzt
"
,
label
:
'
审批状态
'
,
label
:
"
审批状态
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
gzqy
'
,
prop
:
"
gzqy
"
,
label
:
'
工作区域
'
,
label
:
"
工作区域
"
,
width
:
'
150px
'
,
width
:
"
150px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
wlhj
'
,
prop
:
"
wlhj
"
,
label
:
'
网络环境
'
,
label
:
"
网络环境
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
cpu
'
,
prop
:
"
cpu
"
,
label
:
'
CPU(核)
'
,
label
:
"
CPU(核)
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
ncgb
'
,
prop
:
"
ncgb
"
,
label
:
'
内存(GB)
'
,
label
:
"
内存(GB)
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
zyzlgb
'
,
prop
:
"
zyzlgb
"
,
label
:
'
资源总量(GB)
'
,
label
:
"
资源总量(GB)
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
sqzt
'
,
prop
:
"
sqzt
"
,
label
:
'
申请状态
'
,
label
:
"
申请状态
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
]
,
]
],
],
[
[
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
140px
'
,
width
:
"
140px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
zcfbsj
'
,
prop
:
"
zcfbsj
"
,
label
:
'
注册发布时间
'
,
label
:
"
注册发布时间
"
,
width
:
'
180px
'
,
width
:
"
180px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
bdycs
'
,
prop
:
"
bdycs
"
,
label
:
'
被调用次数
'
,
label
:
"
被调用次数
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
140px
'
,
width
:
"
140px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spsj
'
,
prop
:
"
spsj
"
,
label
:
'
审批时间
'
,
label
:
"
审批时间
"
,
width
:
'
180px
'
,
width
:
"
180px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spzt
'
,
prop
:
"
spzt
"
,
label
:
'
审批状态
'
,
label
:
"
审批状态
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
gzqy
'
,
prop
:
"
gzqy
"
,
label
:
'
工作区域
'
,
label
:
"
工作区域
"
,
width
:
'
100px
'
,
width
:
"
100px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
wlhj
'
,
prop
:
"
wlhj
"
,
label
:
'
网络环境
'
,
label
:
"
网络环境
"
,
width
:
'
90px
'
,
width
:
"
90px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
cpu
'
,
prop
:
"
cpu
"
,
label
:
'
CPU(核)
'
,
label
:
"
CPU(核)
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
ncgb
'
,
prop
:
"
ncgb
"
,
label
:
'
内存(GB)
'
,
label
:
"
内存(GB)
"
,
width
:
'
80px
'
,
width
:
"
80px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
zyzlgb
'
,
prop
:
"
zyzlgb
"
,
label
:
'
资源总量(GB)
'
,
label
:
"
资源总量(GB)
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
sqzt
'
,
prop
:
"
sqzt
"
,
label
:
'
操作
'
,
label
:
"
操作
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
,
type
:
'
Button
'
,
type
:
"
Button
"
,
btnList
:[
btnList
:
[
{
{
label
:
'
分配
'
,
label
:
"
分配
"
,
type
:
1
type
:
1
},
},
{
{
label
:
'
已分配
'
,
label
:
"
已分配
"
,
type
:
1
type
:
1
},
}
]
}
]
]
},
],
],
],
[
[
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
140px
'
,
width
:
"
140px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
zcfbsj
'
,
prop
:
"
zcfbsj
"
,
label
:
'
注册发布时间
'
,
label
:
"
注册发布时间
"
,
width
:
'
180px
'
,
width
:
"
180px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
bdycs
'
,
prop
:
"
bdycs
"
,
label
:
'
被调用次数
'
,
label
:
"
被调用次数
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
fwmc
'
,
prop
:
"
fwmc
"
,
label
:
'
服务名称
'
,
label
:
"
服务名称
"
,
width
:
'
140px
'
,
width
:
"
140px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
fwlx
'
,
prop
:
"
fwlx
"
,
label
:
'
服务类型
'
,
label
:
"
服务类型
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spsj
'
,
prop
:
"
spsj
"
,
label
:
'
审批时间
'
,
label
:
"
审批时间
"
,
width
:
'
180px
'
,
width
:
"
180px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
spzt
'
,
prop
:
"
spzt
"
,
label
:
'
审批状态
'
,
label
:
"
审批状态
"
,
width
:
'
110px
'
,
width
:
"
110px
"
,
align
:
'
center
'
,
align
:
"
center
"
}
,
}
],
],
[
[
{
{
prop
:
'
sszz
'
,
prop
:
"
sszz
"
,
label
:
'
所属组织
'
,
label
:
"
所属组织
"
,
width
:
'
170px
'
,
width
:
"
170px
"
,
align
:
'
left
'
,
align
:
"
left
"
},
},
{
{
prop
:
'
cpu
'
,
prop
:
"
cpu
"
,
label
:
'
CPU使用量(核)
'
,
label
:
"
CPU使用量(核)
"
,
width
:
'
120px
'
,
width
:
"
120px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
ncgb
'
,
prop
:
"
ncgb
"
,
label
:
'
内存使用量(GB)
'
,
label
:
"
内存使用量(GB)
"
,
width
:
'
130px
'
,
width
:
"
130px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
},
{
{
prop
:
'
gzqysl
'
,
prop
:
"
gzqysl
"
,
label
:
'
工作区域数量(个)
'
,
label
:
"
工作区域数量(个)
"
,
width
:
'
130px
'
,
width
:
"
130px
"
,
align
:
'
center
'
,
align
:
"
center
"
},
}
]
],
]
],
],
],
fw_value
:
0
,
fw_value
:
0
,
menu_arr
:
[
menu_arr
:
[
...
@@ -838,12 +843,12 @@ export default {
...
@@ -838,12 +843,12 @@ export default {
service_arr
:
[
service_arr
:
[
[
"
服务列表
"
,
"
申请服务
"
,
"
服务审批
"
,
"
云资源
"
],
[
"
服务列表
"
,
"
申请服务
"
,
"
服务审批
"
,
"
云资源
"
],
[
"
服务列表
"
,
"
服务审批
"
,
"
云资源管理
"
],
[
"
服务列表
"
,
"
服务审批
"
,
"
云资源管理
"
],
[
"
服务列表
"
,
"
服务审批
"
,
"
云资源管理
"
]
,
[
"
服务列表
"
,
"
服务审批
"
,
"
云资源管理
"
]
],
],
apptype_arr
:
[
apptype_arr
:
[
[
"
部署的应用
"
,
"
创新的应用
"
],
[
"
部署的应用
"
,
"
创新的应用
"
],
[
"
创新应用
"
,
"
应用审批
"
],
[
"
创新应用
"
,
"
应用审批
"
],
[
"
创新应用
"
,
"
应用审批
"
]
,
[
"
创新应用
"
,
"
应用审批
"
]
],
],
app_arr
:
[
app_arr
:
[
{
{
...
@@ -910,10 +915,15 @@ export default {
...
@@ -910,10 +915,15 @@ export default {
]
]
};
};
},
},
components
:{
components
:
{
tableUm
tableUm
},
},
mounted
()
{
mounted
()
{
this
.
now_user
=
this
.
$store
.
state
.
role
getRole
().
then
(
data
=>
{
this
.
now_user
=
data
;
this
.
$store
.
commit
(
'
rolefun
'
,
data
)
setTimeout
(()
=>
{
if
(
this
.
now_user
==
0
)
{
if
(
this
.
now_user
==
0
)
{
this
.
init_health
(
50
);
this
.
init_health
(
50
);
this
.
init_yy
();
this
.
init_yy
();
...
@@ -923,8 +933,7 @@ export default {
...
@@ -923,8 +933,7 @@ export default {
this
.
init_fwyy
();
this
.
init_fwyy
();
}
else
if
(
this
.
now_user
==
2
)
{
}
else
if
(
this
.
now_user
==
2
)
{
this
.
init_yy
();
this
.
init_yy
();
this
.
init_fwlx_asy
(
this
.
init_fwlx_asy
([
[
{
{
name
:
"
数据服务
"
,
name
:
"
数据服务
"
,
value
:
10
value
:
10
...
@@ -945,10 +954,8 @@ export default {
...
@@ -945,10 +954,8 @@ export default {
name
:
"
综合服务
"
,
name
:
"
综合服务
"
,
value
:
10
value
:
10
}
}
]
]);
);
this
.
init_yylx_asy
([
this
.
init_yylx_asy
(
[
{
{
name
:
"
基础工具
"
,
name
:
"
基础工具
"
,
value
:
10
value
:
10
...
@@ -961,10 +968,10 @@ export default {
...
@@ -961,10 +968,10 @@ export default {
name
:
"
业务应用
"
,
name
:
"
业务应用
"
,
value
:
10
value
:
10
}
}
]
]);
);
}
}
});
},
500
);
},
},
methods
:
{
methods
:
{
manage_func
(
n
)
{
manage_func
(
n
)
{
...
@@ -1074,22 +1081,22 @@ export default {
...
@@ -1074,22 +1081,22 @@ export default {
window
[
this
.
health
]
=
echarts
.
init
(
document
.
getElementById
(
this
.
health
));
window
[
this
.
health
]
=
echarts
.
init
(
document
.
getElementById
(
this
.
health
));
window
[
this
.
health
].
setOption
(
options
,
true
);
window
[
this
.
health
].
setOption
(
options
,
true
);
},
},
init_fwlx_asy
(
data
){
init_fwlx_asy
(
data
)
{
var
options
=
this
.
init_circle
(
data
)
var
options
=
this
.
init_circle
(
data
)
;
window
[
this
.
fwlx_asy
]
=
echarts
.
init
(
window
[
this
.
fwlx_asy
]
=
echarts
.
init
(
document
.
getElementById
(
this
.
fwlx_asy
)
document
.
getElementById
(
this
.
fwlx_asy
)
);
);
window
[
this
.
fwlx_asy
].
setOption
(
options
,
true
);
window
[
this
.
fwlx_asy
].
setOption
(
options
,
true
);
},
},
init_yylx_asy
(
data
){
init_yylx_asy
(
data
)
{
var
options
=
this
.
init_circle
(
data
)
var
options
=
this
.
init_circle
(
data
)
;
window
[
this
.
yylx_asy
]
=
echarts
.
init
(
window
[
this
.
yylx_asy
]
=
echarts
.
init
(
document
.
getElementById
(
this
.
yylx_asy
)
document
.
getElementById
(
this
.
yylx_asy
)
);
);
window
[
this
.
yylx_asy
].
setOption
(
options
,
true
);
window
[
this
.
yylx_asy
].
setOption
(
options
,
true
);
},
},
init_circle
(
data
)
{
init_circle
(
data
)
{
var
scaleData
=
data
var
scaleData
=
data
;
var
rich
=
{
var
rich
=
{
white
:
{
white
:
{
color
:
"
#ddd
"
,
color
:
"
#ddd
"
,
...
@@ -1111,14 +1118,8 @@ export default {
...
@@ -1111,14 +1118,8 @@ export default {
}
}
};
};
var
data
=
[];
var
data
=
[];
var
color
=
[
var
color
=
[
"
#515fe7
"
,
"
#36a5ec
"
,
"
#da9f2a
"
,
"
#23b2a7
"
,
"
#d46002
"
];
"
#515fe7
"
,
var
legendarr
=
[];
"
#36a5ec
"
,
"
#da9f2a
"
,
"
#23b2a7
"
,
"
#d46002
"
,
];
var
legendarr
=
[]
for
(
var
i
=
0
;
i
<
scaleData
.
length
;
i
++
)
{
for
(
var
i
=
0
;
i
<
scaleData
.
length
;
i
++
)
{
data
.
push
(
data
.
push
(
{
{
...
@@ -1139,7 +1140,7 @@ export default {
...
@@ -1139,7 +1140,7 @@ export default {
itemStyle
:
placeHolderStyle
itemStyle
:
placeHolderStyle
}
}
);
);
legendarr
.
push
(
scaleData
[
i
].
name
)
legendarr
.
push
(
scaleData
[
i
].
name
)
;
}
}
var
seriesObj
=
[
var
seriesObj
=
[
{
{
...
@@ -1147,7 +1148,7 @@ export default {
...
@@ -1147,7 +1148,7 @@ export default {
type
:
"
pie
"
,
type
:
"
pie
"
,
clockWise
:
false
,
clockWise
:
false
,
radius
:
[
53
,
57
],
radius
:
[
53
,
57
],
center
:
[
'
51%
'
,
'
39%
'
],
center
:
[
"
51%
"
,
"
39%
"
],
hoverAnimation
:
false
,
hoverAnimation
:
false
,
itemStyle
:
{
itemStyle
:
{
normal
:
{
normal
:
{
...
@@ -1169,8 +1170,7 @@ export default {
...
@@ -1169,8 +1170,7 @@ export default {
}
}
},
},
rich
:
rich
rich
:
rich
},
}
}
}
},
},
data
:
data
data
:
data
...
@@ -1178,27 +1178,26 @@ export default {
...
@@ -1178,27 +1178,26 @@ export default {
];
];
var
options
=
{
var
options
=
{
color
:
color
,
color
:
color
,
tooltip
:
{
tooltip
:
{
show
:
false
show
:
false
},
},
legend
:
{
legend
:
{
bottom
:
-
5
,
bottom
:
-
5
,
left
:
'
center
'
,
left
:
"
center
"
,
itemWidth
:
10
,
itemWidth
:
10
,
itemHeight
:
10
,
itemHeight
:
10
,
orient
:
'
horizontal
'
,
orient
:
"
horizontal
"
,
data
:
legendarr
,
data
:
legendarr
,
backgroundColor
:
"
#f4f7fc
"
backgroundColor
:
"
#f4f7fc
"
},
},
toolbox
:
{
toolbox
:
{
show
:
false
,
show
:
false
},
},
series
:
seriesObj
series
:
seriesObj
};
};
return
options
return
options
;
},
},
init_yy
()
{
init_yy
()
{
var
colors
=
[
"
#e56600
"
,
"
#c9cedd
"
,
"
#515fe7
"
];
var
colors
=
[
"
#e56600
"
,
"
#c9cedd
"
,
"
#515fe7
"
];
...
...
src/store/index.js
View file @
38e9e084
var
store
=
{
import
Vuex
from
'
vuex
'
install
:
function
(
Vuex
)
{
import
Vue
from
'
vue
'
store
.
namespace
=
new
Vuex
.
Store
({
Vue
.
use
(
Vuex
);
const
store
=
new
Vuex
.
Store
({
state
:
{
state
:
{
userInfo
:
null
,
// 用户信息
role
:
1
,
//0:普通用户,1:组织管理员,2:超级管理员
ssType
:
"
全部
"
,
ssPrams
:
{
firstId
:
""
,
// int 一级分类 0全部
secondId
:
""
,
// int 二级分类 0全部
type
:
0
,
// int 0 附近 1评价
search
:
""
,
// string 按名称搜索
fifteen
:
0
},
// 设施列表参数 for ssHeader组件
name
:
""
,
//进行相关操作和请求接口时,调用函数同步更改,页面的初始化使用state里面的值进行绑定
selectedFacility
:
{
//选中的poi,点击地图上的点或者在列表中选中时更新状态
name
:
""
,
//poi的名称
id
:
""
,
//poi的id
distance
:
""
,
//poi离用户的距离
evaluation
:
""
,
//poi的评分
evaluation_num
:
""
,
//poi的评价次数
address
:
""
,
//poi的详细地址
discribe
:
""
,
//poi的描述信息
lat
:
""
,
//poi的经纬度
lng
:
""
,
type
:
""
,
//poi的类型
detail_type
:
""
,
//poi的类型
tertiary_type
:[]
//停车场的具体类型,地下1,地面2,路边3
},
},
// selectID:"",
modules
:
{
// selectTag: "",
currentPosition
:
{
lng
:
112.546184
,
lat
:
28.281588
},
mapState
:
"
showAll
"
,
//"showAll","showSelectTag","showSelectedFacility",
isPullUp
:
false
//是否上拉,为true时,地图的浮窗将会隐藏
},
},
mutations
:
{
mutations
:
{
updateSstype
(
state
,
payload
)
{
rolefun
(
state
,
newValue
)
{
state
.
ssType
=
payload
;
state
.
role
=
newValue
;
},
upDateSsParams
(
state
,
payload
)
{
Object
.
assign
(
state
.
ssPrams
,
payload
);
},
change
(
state
,
name
)
{
state
.
name
=
name
;
sessionStorage
.
setItem
(
"
name
"
,
name
);
},
updateFullDetail
(
state
,
detail
)
{
Object
.
assign
(
state
.
selectedFacility
,
detail
);
},
updateMapState
(
state
,
payload
)
{
state
.
mapState
=
payload
;
},
updatecurrentPosition
(
state
,
payload
)
{
state
.
currentPosition
=
payload
;
},
},
upDateIsPullUp
(
state
,
value
)
{
state
.
isPullUp
=
value
;
}
/* updateselectTag(state, payload) {
state.selectTag = payload;
},
},
updateselectID(state, payload) {
});
state.selectID = payload;
}, */
}
});
}
};
module
.
exports
=
store
;
export
default
store
\ No newline at end of file
src/utils/common.js
0 → 100644
View file @
38e9e084
function
getRole
(){
return
new
Promise
((
resolve
,
reject
)
=>
{
if
(
true
){
resolve
(
1
)
}
else
{
reject
(
'
error
'
)
}
})
}
export
{
getRole
}
\ 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