yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: 工作流详情审批页面-优化timeline组件头像右下角状态icon样式

pull/594/head
GoldenZqqq 2024-11-19 16:13:26 +08:00
parent caa31a67fe
commit c34bfc18bc
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
View File

@ -16,10 +16,10 @@
<img class="w-full h-full" :src="getApprovalNodeImg(activity.nodeType)" alt="" /> <img class="w-full h-full" :src="getApprovalNodeImg(activity.nodeType)" alt="" />
<div <div
v-if="showStatusIcon" v-if="showStatusIcon"
class="position-absolute top-17px left-17px rounded-full flex items-center p-2px" class="position-absolute top-17px left-17px rounded-full flex items-center p-1px border-2 border-white border-solid"
:style="{ backgroundColor: getApprovalNodeColor(activity.status) }" :style="{ backgroundColor: getApprovalNodeColor(activity.status) }"
> >
<el-icon :size="12" color="#fff"> <el-icon :size="11" color="#fff">
<component :is="getApprovalNodeIcon(activity.status, activity.nodeType)" /> <component :is="getApprovalNodeIcon(activity.status, activity.nodeType)" />
</el-icon> </el-icon>
</div> </div>
@ -106,10 +106,10 @@
<!-- 信息：任务 ICON --> <!-- 信息：任务 ICON -->
<div <div
v-if="showStatusIcon && onlyStatusIconShow.includes(task.status)" v-if="showStatusIcon && onlyStatusIconShow.includes(task.status)"
class="position-absolute top-19px left-23px rounded-full flex items-center p-2px" class="position-absolute top-19px left-23px rounded-full flex items-center p-1px border-2 border-white border-solid"
:style="{ backgroundColor: statusIconMap2[task.status]?.color }" :style="{ backgroundColor: statusIconMap2[task.status]?.color }"
> >
<Icon :size="12" :icon="statusIconMap2[task.status]?.icon" color="#FFFFFF" /> <Icon :size="11" :icon="statusIconMap2[task.status]?.icon" color="#FFFFFF" />
</div> </div>
</div> </div>
</div> </div>
@ -140,10 +140,10 @@
<!-- 信息：任务 ICON --> <!-- 信息：任务 ICON -->
<div <div
v-if="showStatusIcon" v-if="showStatusIcon"
class="position-absolute top-19px left-23px rounded-full flex items-center p-2px" class="position-absolute top-20px left-24px rounded-full flex items-center p-1px border-2 border-white border-solid"
:style="{ backgroundColor: statusIconMap2['-1']?.color }" :style="{ backgroundColor: statusIconMap2['-1']?.color }"
> >
<Icon :size="12" :icon="statusIconMap2['-1']?.icon" color="#FFFFFF" /> <Icon :size="11" :icon="statusIconMap2['-1']?.icon" color="#FFFFFF" />
</div> </div>
</div> </div>
</div> </div>