fix : 修复细节

This commit is contained in:
2024-05-19 00:16:40 +08:00
parent fccce985b6
commit c96cbf8415
7 changed files with 269 additions and 86 deletions

View File

@@ -10,53 +10,15 @@
<el-card>
<div style="display: flex;">
<!-- <avatar-ellipsis :row="3" v-if="operation.userInfo.length > 0" :user-info="operation.userInfo"/>-->
<div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name">
<!-- <el-avatar size="large" :src="user.avatar"></el-avatar>-->
<!-- <div v-if="!$slots.dot && operation.userInfo.length > 1"-->
<!-- class="el-timeline-item__node" :style="{-->
<!-- backgroundColor: user.color-->
<!-- }">-->
<!-- <el-icon v-if="user.icon" :class="user.class">-->
<!-- <component :is="user.icon"/>-->
<!-- </el-icon>-->
<!-- </div>-->
<!-- <el-tooltip effect="dark" :content="user.name" placement="bottom-start">-->
<!-- <span class="username">{{ user.name }}</span>-->
<!-- </el-tooltip>-->
<avatar-ellipsis :row="3" v-if="operation.userInfo.length > 0" :user-info="operation.userInfo"/>
<template v-if="user.auditOpinion">
<div class="username">
<el-tooltip effect="dark" :content="user.auditOpinion" placement="bottom-start">
<div>{{ user.auditOpinion }}</div>
</el-tooltip>
</div>
</template>
<name-circle :user="user"/>
</div>
<div style="margin-left: 10px;">
<div style="color: #c0bebe">{{ operation.operationName }}</div>
<div style="font-size: 14px; font-weight: bold;">{{ operation.remark }}</div>
</div>
</div>
<!-- <template v-if="operation.comment">-->
<!-- <div style="margin-top: 10px;background:#f5f5f5;padding: 10px;">-->
<!-- <div>-->
<!-- {{ operation.comment.context }}-->
<!-- </div>-->
<!-- <div style="margin-top: 10px;"-->
<!-- v-if="operation.comment.attachments && operation.comment.attachments.length > 0">-->
<!-- <template v-for="(item) in getAttachmentList(operation.comment.attachments,true)">-->
<!-- <el-image-->
<!-- style="width: 100px; height: 100px"-->
<!-- :src="item.url"-->
<!-- :preview-src-list="[item.url]">-->
<!-- </el-image>-->
<!-- </template>-->
<!-- <div v-for="(file) in getAttachmentList(operation.comment.attachments,false)">-->
<!-- <el-link style="color: #2a99ff" :href="file.url" icon="el-icon-document">{{ file.name }}</el-link>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
</el-card>
</el-timeline-item>
<el-timeline-item :color="timeline.color" :icon="timeline.icon" size="large">
@@ -71,6 +33,7 @@
<script setup>
import {CircleCheckFilled, Close, Loading, MoreFilled} from "@element-plus/icons-vue";
import AvatarEllipsis from '../process/common/AvatarEllipsis.vue'
import NameCircle from "@/components/NameCircle.vue";
const props = defineProps({
operationList: {
@@ -287,21 +250,6 @@ init()
position: relative;
margin-right: 5px;
.username {
width: 100px;
margin-top: 10px;
background: #f5f5f5;
padding: 10px;
.el-tooltip__trigger {
width: 90px;
//padding-top: 2px;
//text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
}
}
.el-timeline-item__node {