clay : 节点渲染细节处理
This commit is contained in:
parent
27b4cd4971
commit
f1317af16b
|
|
@ -182,55 +182,77 @@ 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 (state === 'AGREE' || state === 'AUTO_PASS') {
|
||||
this.$set(operation, "icon", "el-icon-check")
|
||||
this.$set(operation, "color", "#0bbd87")
|
||||
this.$set(operation, "remark", ' (已同意)')
|
||||
}
|
||||
if (state === 'PASS'){
|
||||
this.$set(operation, "icon", "el-icon-more")
|
||||
this.$set(operation, "color", "#c0c4cc")
|
||||
}
|
||||
//审批处理中
|
||||
if (state === 'RUNNING') {
|
||||
this.$set(operation, "icon", "el-icon-loading")
|
||||
this.$set(operation, "color", "#f78f5f")
|
||||
this.$set(operation, "remark",' (处理中)')
|
||||
}
|
||||
//回退
|
||||
if (state === 'ROLLBACK') {
|
||||
this.$set(operation, "icon", "el-icon-refresh")
|
||||
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 (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') {
|
||||
this.$set(operation, "icon", "el-icon-more")
|
||||
this.$set(operation, "color", "#c0c4cc")
|
||||
}
|
||||
//审批处理中
|
||||
if (state === 'RUNNING') {
|
||||
this.$set(operation, "icon", "el-icon-loading")
|
||||
this.$set(operation, "color", "#f78f5f")
|
||||
this.$set(operation, "remark", ' (处理中)')
|
||||
}
|
||||
//回退
|
||||
if (state === 'ROLLBACK') {
|
||||
this.$set(operation, "icon", "el-icon-refresh")
|
||||
this.$set(operation, "color", "#f78f5f")
|
||||
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 (state === 'COMMENT') {
|
||||
this.$set(operation, "icon", "el-icon-chat-dot-round")
|
||||
this.$set(operation, "color", "#0bbd87")
|
||||
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", ' (填写拒绝理由)')
|
||||
//触发器发送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", ' (失败)')
|
||||
}
|
||||
}
|
||||
//拒绝操作
|
||||
if ((state === 'REFUSE' || state === 'AUTO_REFUSE')&& type === 'OPINION') {
|
||||
this.$set(operation, "icon", "el-icon-close")
|
||||
this.$set(operation, "color", "#f56c6c")
|
||||
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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue