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
46036376
Commit
46036376
authored
Jul 03, 2020
by
张俊
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
运行状态样式
parent
85c67c0f
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
215 additions
and
31 deletions
+215
-31
src/components/card.vue
src/components/card.vue
+2
-2
src/components/service-header.vue
src/components/service-header.vue
+3
-1
src/pages/workbench/yygl/deploy_app_detail.vue
src/pages/workbench/yygl/deploy_app_detail.vue
+210
-28
No files found.
src/components/card.vue
View file @
46036376
<
template
>
<
template
>
<div
class=
"card"
>
<div
class=
"card"
:style=
"flag?
{borderRadius: '0px 12px 0px 0px'}:{}"
>
<div
class=
"card_title"
><div
class=
"circle"
></div>
{{
title
}}
</div>
<div
class=
"card_title"
><div
class=
"circle"
></div>
{{
title
}}
</div>
<div
class=
"card_contain"
>
<div
class=
"card_contain"
>
<slot></slot>
<slot></slot>
...
@@ -9,7 +9,7 @@
...
@@ -9,7 +9,7 @@
<
script
>
<
script
>
export
default
{
export
default
{
props
:
[
'
title
'
],
props
:
[
'
title
'
,
'
flag
'
],
components
:
{
components
:
{
},
},
...
...
src/components/service-header.vue
View file @
46036376
...
@@ -57,7 +57,9 @@ export default {
...
@@ -57,7 +57,9 @@ export default {
methods
:
{
methods
:
{
subevent
(
val
){
subevent
(
val
){
if
(
val
==
0
){
if
(
val
==
0
){
this
.
$emit
(
'
deploy
'
,
this
.
data
)
// this.$emit('deploy',this.data)
this
.
$router
.
push
(
`/yygl/
${
this
.
$route
.
params
.
level
}
/
${
this
.
$route
.
params
.
type
}
/deployment/
${
this
.
$route
.
params
.
id
}
`
)
console
.
log
(
this
.
$route
);
}
else
if
(
val
==
1
){
}
else
if
(
val
==
1
){
this
.
$emit
(
'
editapp
'
)
this
.
$emit
(
'
editapp
'
)
}
else
if
(
val
==
2
){
}
else
if
(
val
==
2
){
...
...
src/pages/workbench/yygl/deploy_app_detail.vue
View file @
46036376
...
@@ -125,10 +125,50 @@
...
@@ -125,10 +125,50 @@
</nor-card>
</nor-card>
</div>
</div>
<p
class=
"service_title"
style=
"margin-top:20px;"
>
<p
class=
"service_title"
style=
"margin-top:20px;"
>
<span></span>
应用设置
<span></span>
微服务
</p>
</p>
<div
style=
"overflow:hidden;height:700px;"
>
<el-scrollbar
class=
"service_list"
>
<div
class=
"service_box"
v-for=
"(item,index) in service_list_arr"
:key=
"index+60000"
>
{{item.service}}
<span
v-if=
"item.is_unhealth"
class=
"service_tips"
>
故障
</span>
</div>
</el-scrollbar>
<div
class=
"service_detail"
>
<nor-card
title=
"服务概况"
flag=
"true"
>
<
template
>
<div
style=
"overflow:hidden;height:160px;padding-top:10px;"
>
<div
style=
"height:115px;padding-top:10px;"
class=
"service_card_box"
>
<p
style=
"color: #707693;font-size: 16px;text-align:center;"
>
服务状态
</p>
<waveIcon
:state=
"yx_state.state"
style=
"margin:10px auto;"
></waveIcon>
<p
style=
"color: #58617a;font-size: 16px;text-align:center;"
>
{{
yx_state
.
state
}}
</p>
</div>
<div
style=
"height:115px;"
class=
"service_num service_card_box"
>
<span
style=
"color: #707693;font-size: 16px;text-align:center;margin-bottom:26px;display:inline-block;"
>
服务平均响应时间
</span>
<p>
{{
yx_state
.
averageTime
}}
</p>
<p>
最大响应时间:
{{
yx_state
.
maxTime
}}
</p>
</div>
<div
style=
"height:115px;"
class=
"service_num service_card_box"
>
<span
style=
"color: #707693;font-size: 16px;text-align:center;margin-bottom:26px;display:inline-block;"
>
吞吐率
</span>
<p>
{{
yx_state
.
averageTraffic
}}
</p>
<p>
最大吞吐率:
{{
yx_state
.
maxTraffic
}}
</p>
</div>
<div
style=
"height:115px;padding-top:30px;"
class=
"service_num service_card_box"
>
<span
style=
"color: #707693;font-size: 16px;text-align:center;margin-bottom:26px;display:inline-block;"
>
内存使用
</span>
<p>
{{
yx_state
.
memory
}}
</p>
</div>
</div>
</
template
>
</nor-card>
<nor-card
title=
"服务设置"
flag=
"true"
>
<div
class=
"addimage"
>
多版本回滚
</div>
<div
class=
"addimage"
>
多版本回滚
</div>
<p
class=
"imagebox"
>
<!--
<p class="imagebox">
<span
<span
@click="image_select = index"
@click="image_select = index"
:style="
:style="
...
@@ -139,7 +179,7 @@
...
@@ -139,7 +179,7 @@
v-for="(item, index) in image_arr"
v-for="(item, index) in image_arr"
:key="index + 6000"
:key="index + 6000"
>{{ item.name }}</span>
>{{ item.name }}</span>
</p
>
</p> --
>
<table-um
<table-um
v-for=
"(item, index) in image_arr"
v-for=
"(item, index) in image_arr"
:key=
"index+7000"
:key=
"index+7000"
...
@@ -153,6 +193,9 @@
...
@@ -153,6 +193,9 @@
@
grouppublic=
"grouppublic"
@
grouppublic=
"grouppublic"
@
online=
"online"
@
online=
"online"
></table-um>
></table-um>
</nor-card>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -191,6 +234,84 @@ export default {
...
@@ -191,6 +234,84 @@ export default {
oldpag_name
:
"
镜像文件002.rar
"
,
oldpag_name
:
"
镜像文件002.rar
"
,
imgList
:
[],
imgList
:
[],
imgList1
:
[],
imgList1
:
[],
service_list_arr
:[
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
1
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
1
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
{
service
:
'
cemplat-api1
'
,
is_unhealth
:
0
},
],
yx_state
:
{
yx_state
:
{
state
:
""
,
state
:
""
,
averageTime
:
""
,
averageTime
:
""
,
...
@@ -477,6 +598,7 @@ export default {
...
@@ -477,6 +598,7 @@ export default {
this
.
getServiceBaseInfo
();
this
.
getServiceBaseInfo
();
this
.
getServiceyxztInfo
();
this
.
getServiceyxztInfo
();
this
.
getImageInfo
();
this
.
getImageInfo
();
this
.
get_service_list
();
if
(
this
.
$route
.
query
.
showstate
)
{
if
(
this
.
$route
.
query
.
showstate
)
{
this
.
now_service
=
1
;
this
.
now_service
=
1
;
}
}
...
@@ -662,12 +784,24 @@ export default {
...
@@ -662,12 +784,24 @@ export default {
let
data
=
response
.
data
.
data
;
let
data
=
response
.
data
.
data
;
this
.
markdown
=
data
;
this
.
markdown
=
data
;
});
});
},
get_service_list
(){
this
.
$http
.
get
(
`/apaas/hubApi/market/services/
${
this
.
$route
.
params
.
deploy_id
}
`
)
.
then
(
response
=>
{
if
(
response
.
data
.
success
){
this
.
service_list_arr
=
response
.
data
.
data
}
})
}
}
}
}
};
};
</
script
>
</
script
>
<
style
>
<
style
>
.el-scrollbar__wrap
{
overflow-x
:
hidden
;
}
.savebtn
.el-button
{
.savebtn
.el-button
{
float
:
right
;
float
:
right
;
margin-left
:
20px
;
margin-left
:
20px
;
...
@@ -685,6 +819,7 @@ export default {
...
@@ -685,6 +819,7 @@ export default {
background-color
:
#f7f8f9
;
background-color
:
#f7f8f9
;
width
:
1022px
;
width
:
1022px
;
}
}
</
style
>
</
style
>
<
style
scoped
>
<
style
scoped
>
.detail_contain
{
.detail_contain
{
...
@@ -772,6 +907,7 @@ export default {
...
@@ -772,6 +907,7 @@ export default {
border-radius
:
8px
;
border-radius
:
8px
;
margin-top
:
20px
;
margin-top
:
20px
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
margin-left
:
40px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.use_know
p
{
.use_know
p
{
...
@@ -881,4 +1017,50 @@ export default {
...
@@ -881,4 +1017,50 @@ export default {
overflow
:
hidden
;
overflow
:
hidden
;
-webkit-box-orient
:
vertical
;
-webkit-box-orient
:
vertical
;
}
}
.service_list
{
float
:
left
;
width
:
400px
;
height
:
100%
;
overflow-x
:
hidden
;
border
:
1px
solid
#e5f0ff
;
border-radius
:
12px
0px
0px
12px
;
}
.service_box
{
width
:
400px
;
height
:
48px
;
line-height
:
48px
;
text-align
:
left
;
padding-left
:
38px
;
border-bottom
:
1px
solid
#e5f0ff
;
position
:
relative
;
cursor
:
pointer
;
}
.service_tips
{
display
:
inline-block
;
position
:
absolute
;
font-size
:
12px
;
color
:
#e15260
;
width
:
42px
;
height
:
20px
;
line-height
:
20px
;
text-align
:
center
;
background-color
:
#ffefef
;
border-radius
:
4px
;
border
:
solid
1px
#d7a4a9
;
top
:
13px
;
right
:
50px
;
}
.service_detail
{
float
:
left
;
height
:
270px
;
width
:
calc
(
100%
-
425px
);
}
.service_card_box
{
float
:
left
;
border-right
:
1px
solid
#e5f0ff
;
width
:
calc
(
25%
);
}
.card_contain
.service_card_box
:nth-last-of-type
(
1
)
{
border-right
:
0
;
}
</
style
>
</
style
>
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