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

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

@ -182,10 +182,11 @@ export default {
let state = operation.state let state = operation.state
let type = operation.operation let type = operation.operation
//创建节点 //创建节点
if (state === 'CREATE') { if (type === 'CREATE') {
this.$set(operation, "icon", "el-icon-check") this.$set(operation, "icon", "el-icon-check")
this.$set(operation, "color", "#0bbd87") this.$set(operation, "color", "#0bbd87")
} }
if (type === 'OPINION') {
//审批通过 //审批通过
if (state === 'AGREE' || state === 'AUTO_PASS') { if (state === 'AGREE' || state === 'AUTO_PASS') {
this.$set(operation, "icon", "el-icon-check") this.$set(operation, "icon", "el-icon-check")
@ -208,29 +209,50 @@ export default {
this.$set(operation, "color", "#f78f5f") this.$set(operation, "color", "#f78f5f")
this.$set(operation, "remark", ' (回退成功)') this.$set(operation, "remark", ' (回退成功)')
} }
//抄送 //拒绝操作
if (type === 'CC') { if (state === 'REFUSE' || state === 'AUTO_REFUSE') {
this.$set(operation, "icon", "el-icon-s-promotion") this.$set(operation, "icon", "el-icon-close")
this.$set(operation, "color", "#3395f8") this.$set(operation, "color", "#f56c6c")
this.$set(operation, "remark", ' (抄送成功)') this.$set(operation, "remark", ' (拒绝)')
} }
}
//评论
if (type === 'COMMENT') {
//评论 //评论
if (state === 'COMMENT') { if (state === 'COMMENT') {
this.$set(operation, "icon", "el-icon-chat-dot-round") this.$set(operation, "icon", "el-icon-chat-dot-round")
this.$set(operation, "color", "#0bbd87") this.$set(operation, "color", "#0bbd87")
this.$set(operation, "remark", ' (添加了评论)') 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", ' (填写拒绝理由)')
} }
//拒绝操作 //触发器发送http请求
if ((state === 'REFUSE' || state === 'AUTO_REFUSE')&& type === 'OPINION') { if (type === 'TRIGGER_WEBHOOK') {
this.$set(operation, "icon", "el-icon-close") 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, "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; return operation;
}, },
@ -243,6 +265,7 @@ export default {
/deep/ .el-card__body, .el-main { /deep/ .el-card__body, .el-main {
padding: 10px; padding: 10px;
} }
.avatar_name { .avatar_name {
width: 45px; width: 45px;
display: flex; display: flex;
@ -256,6 +279,7 @@ export default {
bottom: 20px; bottom: 20px;
right: 1px; right: 1px;
} }
.username { .username {
width: 45px; width: 45px;
padding-top: 2px; padding-top: 2px;