From 5a04ad14ef19b86ad4fd401af5f7d7272e8e01fe Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期五, 14 二月 2025 15:02:58 +0800 Subject: [PATCH] 流程推进详情页查看流程日志优化 --- src/views/projectProcess/components/LogView.vue | 64 ++++++++++++++++++++++--------- 1 files changed, 45 insertions(+), 19 deletions(-) diff --git a/src/views/projectProcess/components/LogView.vue b/src/views/projectProcess/components/LogView.vue index 0b70921..588b93c 100644 --- a/src/views/projectProcess/components/LogView.vue +++ b/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">鐫e姙</span> + <span class="tag db">鐫e姙</span> 浜嗕换鍔� <span class="tag taskName">{{log.taskName}}</span> + 锛� + <span class="tag db">鐫e姙淇℃伅</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> -- Gitblit v1.8.0