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
cd32177a
Commit
cd32177a
authored
Aug 11, 2020
by
刘殿昕
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'ldx' into dev
parents
14ffd461
0bb52ebe
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
124 additions
and
56 deletions
+124
-56
src/components/work-flow/super-flow.vue
src/components/work-flow/super-flow.vue
+77
-40
src/pages/data-analysis/data-analysis.vue
src/pages/data-analysis/data-analysis.vue
+25
-16
src/pages/workbench/component-center/process-management/process-design/index.vue
...ponent-center/process-management/process-design/index.vue
+22
-0
No files found.
src/components/work-flow/super-flow.vue
View file @
cd32177a
<
template
>
<div>
<div
class=
"super-flow-demo1"
>
<div
class=
"scale_block"
>
<div
class=
"scale_control"
>
<div
class=
"less"
>
<i
class=
"el-icon-minus"
></i>
</div>
<div
class=
"num"
>
{{
scale_num
}}
%
</div>
<div
class=
"add"
>
<i
class=
"el-icon-plus"
></i>
</div>
<div
class=
"super-flow-demo1"
>
<div
class=
"scale_block"
>
<div
class=
"scale_control"
>
<div
class=
"less"
>
<i
class=
"el-icon-minus"
></i>
</div>
<div
class=
"num"
>
{{
scale_num
}}
%
</div>
<div
class=
"add"
>
<i
class=
"el-icon-plus"
></i>
</div>
</div>
<div
class=
"node-container"
>
<p
class=
"label_head"
>
节点类型
</p>
<p
class=
"label_explanation"
>
请拖拽添加到流程中
</p>
<div
class=
"node-item"
:class=
"
{'node-item-begin': item.value.meta.type == 0, 'node-item-end': item.value.meta.type == 1, 'node-item-default': item.value.meta.type == 2}"
v-for="(item, index) in nodeItemList"
:key="index"
@mousedown="evt => nodeItemMouseDown(evt, item.value)"
>
<span>
{{
item
.
label
}}
</span>
</div>
<div
class=
"node-container"
>
<p
class=
"label_head"
>
节点类型
</p>
<p
class=
"label_explanation"
>
请拖拽添加到流程中
</p>
</div>
</div>
<div
class=
"flow-container"
ref=
"flowContainer"
>
<super-flow
ref=
"superFlow"
:node-list=
"nodeList"
:link-list=
"linkList"
:link-menu=
"linkMenu"
line-color=
"#c4d8f8"
onLineColor=
"#94a8c8"
:origin=
"origin"
>
<template
v-slot:node=
"
{meta}">
<div
class=
"node-item"
:class=
"
{'node-item-begin': item.value.meta.type == 0, 'node-item-end': item.value.meta.type == 1, 'node-item-default': item.value.meta.type == 2}"
v-for="(item, index) in nodeItemList"
:key="index"
@mousedown="evt => nodeItemMouseDown(evt, item.value)"
:class=
"
{'flow-node-begin': meta.type == 0, 'flow-node-end': meta.type == 1, 'flow-node-default': meta.type == 2}"
:id="meta.id"
>
<
span>
{{
item
.
label
}}
</span
>
<
div
class=
"node_span"
@
click=
"clickItem(meta)"
>
{{
meta
.
name
}}
</div
>
</div>
</div>
</
template
>
</super-flow>
</div>
<div
class=
"flow_options"
>
<p
class=
"options_head"
>
操作
</p>
<div
class=
"options_item"
>
<img
:src=
"require('@/assets/imgs/lcsj_ic_set.png')"
class=
"options_img"
/>
<p
class=
"options_text"
>
常规设置
</p>
</div>
<div
class=
"flow-container"
ref=
"flowContainer"
>
<super-flow
ref=
"superFlow"
:node-list=
"nodeList"
:link-list=
"linkList"
:link-menu=
"linkMenu"
line-color=
"#c4d8f8"
onLineColor=
"#94a8c8"
:origin=
"origin"
>
<template
v-slot:node=
"
{meta}">
<div
:class=
"
{'flow-node-begin': meta.type == 0, 'flow-node-end': meta.type == 1, 'flow-node-default': meta.type == 2}"
:id="meta.id"
>
<div
class=
"node_span"
@
click=
"clickItem(meta)"
>
{{
meta
.
name
}}
</div>
</div>
</
template
>
</super-flow>
<div
class=
"options_item"
>
<img
:src=
"require('@/assets/imgs/lcsj_ic_chajian.png')"
class=
"options_img"
/>
<p
class=
"options_text"
>
插件设置
</p>
</div>
</div>
</div>
...
...
@@ -285,6 +294,34 @@ export default {
height: 100%;
overflow: hidden;
}
.flow_options {
width: 84px;
height: 244px;
background-color: #f8f9fd;
border-radius: 42px;
position: absolute;
top: 10px;
right: 0;
text-align: center;
.options_head {
color: #242c43;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
}
.options_item {
margin-top: 20px;
cursor: pointer;
color: #242c43;
&:hover {
color: #515fe7;
}
.options_img {
width: 40px;
height: 40px;
}
}
}
}
.node-item {
@node-item-height: 42px;
...
...
src/pages/data-analysis/data-analysis.vue
View file @
cd32177a
<
template
>
<div
class=
"fwgl_container"
>
<side-nav-bar
title=
"
数据分析
中心"
title=
"
运营管控
中心"
imgSrc=
"tool_fuwu"
:nav-list=
"navList"
:title-path=
"navList[0] && navList[0].path"
...
...
@@ -17,50 +17,59 @@ import sideNavBar from "@/components/side-nav-bar";
export
default
{
components
:
{
sideNavBar
sideNavBar
,
},
data
:
()
=>
({
userNav
:
[
{
name
:
"
我的服务数据
分析
"
,
path
:
`/data_analysis/my_service`
name
:
"
服务
分析
"
,
path
:
`/data_analysis/my_service`
,
},
{
name
:
"
我的应用数据
分析
"
,
path
:
`/data_analysis/my_application`
name
:
"
应用
分析
"
,
path
:
`/data_analysis/my_application`
,
},
],
userNav1
:
[
{
name
:
"
组织服务数据分析
"
,
path
:
`/data_analysis/org_service`
path
:
`/data_analysis/org_service`
,
},
{
name
:
"
组织应用数据分析
"
,
path
:
`/data_analysis/org_application`
path
:
`/data_analysis/org_application`
,
},
{
name
:
"
运行概况-组织
"
,
path
:
`/data_analysis/operation_overview`
path
:
`/data_analysis/operation_overview`
,
},
{
name
:
"
服务管控-组织
"
,
path
:
`/data_analysis/service_control`
}
path
:
`/data_analysis/service_control`
,
}
,
],
navList
:
[]
userNav1
:
[],
navList
:
[],
}),
watch
:
{
"
$route.fullPath
"
(
path
)
{
this
.
initNavList
();
}
}
,
},
methods
:
{
initNavList
()
{
this
.
navList
=
this
.
userNav
;
}
if
(
this
.
$store
.
state
.
role
==
0
)
{
this
.
navList
=
this
.
userNav
;
}
else
if
(
this
.
$store
.
state
.
role
==
1
)
{
this
.
navList
=
this
.
userNav1
;
}
else
if
(
this
.
$store
.
state
.
role
==
2
)
{
this
.
navList
=
this
.
userNav2
;
}
},
},
mounted
()
{
this
.
initNavList
();
}
}
,
};
</
script
>
...
...
src/pages/workbench/component-center/process-management/process-design/index.vue
View file @
cd32177a
...
...
@@ -135,6 +135,8 @@ export default {
let
end_id
=
""
;
let
start_before
=
0
;
let
end_after
=
0
;
let
in_edge
=
0
;
let
out_edge
=
0
;
data
.
nodeList
.
forEach
((
item
)
=>
{
if
(
item
.
meta
.
type
==
0
)
{
start_num
++
;
...
...
@@ -144,6 +146,21 @@ export default {
end_num
++
;
end_id
=
item
.
id
;
}
if
(
data
.
linkList
.
findIndex
((
el
)
=>
{
return
el
.
startId
==
item
.
id
;
})
==
-
1
&&
item
.
id
!=
end_id
)
{
in_edge
++
;
}
else
if
(
data
.
linkList
.
findIndex
((
el
)
=>
{
return
el
.
endId
==
item
.
id
;
})
==
-
1
&&
item
.
id
!=
start_id
)
{
out_edge
++
;
}
});
data
.
linkList
.
forEach
((
item
)
=>
{
if
(
start_id
==
item
.
endId
)
{
...
...
@@ -168,6 +185,11 @@ export default {
message
:
"
结束节点后面不应连接其它节点
"
,
type
:
"
warning
"
,
});
}
else
if
(
in_edge
!=
0
||
out_edge
!=
0
)
{
this
.
$message
({
message
:
"
请保证每个节点都被连接
"
,
type
:
"
warning
"
,
});
}
},
backToList
()
{
...
...
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