流程推进详情页查看流程日志优化

xiangpei

2025-02-14 5a04ad14ef19b86ad4fd401af5f7d7272e8e01fe

 src/views/projectProcess/components/LogView.vue

@@ -2,61 +2,74 @@
  <div>
    <div v-if="logList && logList.length > 0">
      <div class="log-warp" v-for="log in logList" :key="'log' + log.id">
        <div v-if="log.eventType === 'FINISHED'">
        <div class="log" v-if="log.eventType === 'FINISHED'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            完成了任务
            <span class="tag op">完成</span>
            了任务
            <span class="tag taskName">{{log.taskName}}</span>
          </div>
        </div>
        <div v-else-if="log.eventType === 'REJECT'">
        <div class="log" v-else-if="log.eventType === 'REJECT'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            驳回了任务
            <span class="tag reject">驳回</span>
            了任务
            <span class="tag taskName">{{log.taskName}}</span>
            ，
            <span class="tag reject">驳回原因</span>
            ：
            <span class="tag">{{log.eventDataObj.reason}}</span>
          </div>
          <div>驳回原因</div>
        </div>
        <div v-else-if="log.eventType === 'DELEGATE'">
        <div class="log" v-else-if="log.eventType === 'DELEGATE'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            将任务
            <span class="tag taskName">{{log.taskName}}</span>
            <span class="tag op">转办</span>
            给了谁谁谁
            给了
            <span class="tag">{{log.eventDataObj.afterHandlerNames.join('、')}}</span>
          </div>
        </div>
        <div v-else-if="log.eventType === 'JUMP'">
        <div class="log" v-else-if="log.eventType === 'JUMP'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            <span class="tag op">跳过</span>
            <span class="tag jump">跳过</span>
            了任务
            <span class="tag taskName">{{log.taskName}}</span>
            ，
            <span class="tag jump">跳过说明</span>
            ：
            <span class="tag">{{log.eventDataObj.desc}}</span>
          </div>
          <div>跳过说明</div>
        </div>
        <div v-else-if="log.eventType === 'SUPERVISE'">
        <div class="log" v-else-if="log.eventType === 'SUPERVISE'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            <span class="tag op">督办</span>
            <span class="tag db">督办</span>
            了任务
            <span class="tag taskName">{{log.taskName}}</span>
            ，
            <span class="tag db">督办信息</span>
            ：
            <span class="tag">{{log.eventDataObj.content}}</span>
          </div>
        </div>
        <div v-else-if="log.eventType === 'TEAM_WORK'">
        <div class="log" v-else-if="log.eventType === 'TEAM_WORK'">
          <div>
            <span class="tag name">{{log.nickName}}</span>
            在
            于
            <span class="tag time">{{log.gmtCreate}}</span>
            邀请了谁谁谁
            <span class="tag op">协同办理</span>
@@ -89,6 +102,16 @@
</script>

<style scoped>
.log-warp {
  font-size: 18px;
}
.log {
  width: 100%;
  margin-bottom: 15px;
  overflow-wrap: break-word;
  background-color: #E4E7ED;
  padding: 5px 0px;
}
.tag {
  margin: 0 5px;
}
@@ -102,6 +125,9 @@
  color: #409EFF;
}
.op {
  color: #67C23A;
}
.reject, .db, .jump {
  color: #F56C6C;
}
</style>