diff --git a/flowable-engine-web/src/views/common/operation/OperationRender.vue b/flowable-engine-web/src/views/common/operation/OperationRender.vue
index 5522098..0eb3904 100644
--- a/flowable-engine-web/src/views/common/operation/OperationRender.vue
+++ b/flowable-engine-web/src/views/common/operation/OperationRender.vue
@@ -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;