clay
/
workflow-engine-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

clay : 节点渲染细节处理

This commit is contained in:
clay 2023-03-22 14:24:02 +08:00
parent 27b4cd4971
commit f1317af16b
1 changed files with 68 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
flowable-engine-web/src/views/common/operation/OperationRender.vue
View File

@ -182,17 +182,18 @@ export default {
let state = operation.state
let type = operation.operation
//创建节点
if (state === 'CREATE') {
if (type === 'CREATE') {
this.$set(operation, "icon", "el-icon-check")
this.$set(operation, "color", "#0bbd87")
}
if (type === 'OPINION') {
//审批通过
if (state === 'AGREE' || state === 'AUTO_PASS') {
this.$set(operation, "icon", "el-icon-check")
this.$set(operation, "color", "#0bbd87")
this.$set(operation, "remark", ' (已同意)')
}
if (state === 'PASS'){
if (state === 'PASS') {
this.$set(operation, "icon", "el-icon-more")
this.$set(operation, "color", "#c0c4cc")
}
@ -200,7 +201,7 @@ export default {
if (state === 'RUNNING') {
this.$set(operation, "icon", "el-icon-loading")
this.$set(operation, "color", "#f78f5f")
this.$set(operation, "remark",' (处理中)')
this.$set(operation, "remark", ' (处理中)')
}
//回退
if (state === 'ROLLBACK') {
@ -208,29 +209,50 @@ export default {
this.$set(operation, "color", "#f78f5f")
this.$set(operation, "remark", ' (回退成功)')
}
//抄送
if (type === 'CC') {
this.$set(operation, "icon", "el-icon-s-promotion")
this.$set(operation, "color", "#3395f8")
this.$set(operation, "remark", ' (抄送成功)')
//拒绝操作
if (state === 'REFUSE' || state === 'AUTO_REFUSE') {
this.$set(operation, "icon", "el-icon-close")
this.$set(operation, "color", "#f56c6c")
this.$set(operation, "remark", ' (拒绝)')
}
}
//评论
if (type === 'COMMENT') {
//评论
if (state === 'COMMENT') {
this.$set(operation, "icon", "el-icon-chat-dot-round")
this.$set(operation, "color", "#0bbd87")
this.$set(operation, "remark", ' (添加了评论)')
}
//拒绝后评论
if (state === 'REFUSE' && type === 'COMMENT') {
this.$set(operation, "icon", "el-icon-chat-dot-round")
this.$set(operation, "color", "#f56c6c")
this.$set(operation, "remark", ' (填写拒绝理由)')
}
//拒绝操作
if ((state === 'REFUSE' || state === 'AUTO_REFUSE')&& type === 'OPINION') {
this.$set(operation, "icon", "el-icon-close")
//触发器发送http请求
if (type === 'TRIGGER_WEBHOOK') {
this.$set(operation, "icon", "el-icon-share")
if (state === 'SUCCESS') {
this.$set(operation, "color", "#0bbd87")
this.$set(operation, "remark", ' (成功)')
} else if (state === 'RUNNING') {
this.$set(operation, "color", "#f78f5f")
this.$set(operation, "remark", ' (成功)')
} else {
this.$set(operation, "color", "#f56c6c")
this.$set(operation, "remark", ' (拒绝)')
this.$set(operation, "remark", ' (失败)')
}
}
//触发器发送邮件
if (type === 'TRIGGER_EMAIL') {
this.$set(operation, "icon", "el-icon-message")
if (state === 'SUCCESS') {
this.$set(operation, "color", "#0bbd87")
this.$set(operation, "remark", ' (成功)')
} else if (state === 'RUNNING') {
this.$set(operation, "color", "#f78f5f")
this.$set(operation, "remark", ' (成功)')
} else {
this.$set(operation, "color", "#f56c6c")
this.$set(operation, "remark", ' (失败)')
}
}
return operation;
},
@ -243,7 +265,8 @@ export default {
/deep/ .el-card__body, .el-main {
padding: 10px;
}
.avatar_name{
.avatar_name {
width: 45px;
display: flex;
flex-direction: column;
@ -256,7 +279,8 @@ export default {
bottom: 20px;
right: 1px;
}
.username{
.username {
width: 45px;
padding-top: 2px;
text-align: center;