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

fix(review-meeting): 优化附件展示并修复重生成后提交异常

pull/874/head
Codewoc 2026-04-11 13:17:46 +08:00
parent b503a5c72a
commit 506c26f7ab
1 changed files with 104 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

207
src/views/review/meeting/MeetingEdit.vue
View File

@ -119,63 +119,62 @@
<!-- 会议附件 --> <!-- 会议附件 -->
<div class="section-header"><span class="section-title">会议附件</span></div> <div class="section-header"><span class="section-title">会议附件</span></div>
<div class="attachment-cards"> <div class="attachment-list">
<!-- 议程附件卡片 --> <div class="attachment-row">
<div class="attachment-card"> <div class="attachment-row-header">
<div class="attachment-card-header"> <span class="attachment-row-title">议程附件</span>
<span class="attachment-card-title">议程附件</span> <el-button
v-if="!isView && formData.agendaAttachmentUrl"
type="danger"
link
@click="clearAgendaAttachment"
>
移除
</el-button>
</div> </div>
<div class="attachment-card-body"> <div v-if="formData.agendaAttachmentUrl" class="attachment-file-info">
<div v-if="formData.agendaAttachmentUrl" class="attachment-file-info"> <el-link type="primary" :underline="false" @click="previewAgendaAttachment">
<el-link type="primary" :underline="false" @click="previewAgendaAttachment"> {{ formData.agendaAttachmentName }}
{{ formData.agendaAttachmentName }} </el-link>
</el-link> <el-tag size="small">{{
<el-tag size="small">{{ (formData.agendaAttachmentType || '').toUpperCase()
(formData.agendaAttachmentType || '').toUpperCase() }}</el-tag>
}}</el-tag> <el-text type="info" size="small">{{
<el-text type="info" size="small">{{ formatFileSize(formData.agendaAttachmentSize)
formatFileSize(formData.agendaAttachmentSize) }}</el-text>
}}</el-text>
<el-button v-if="!isView" type="danger" link @click="clearAgendaAttachment"
>移除</el-button
>
</div>
<el-empty v-else description="暂无议程附件" :image-size="40" />
</div> </div>
<el-text v-else type="info" size="small" class="attachment-empty">暂无议程附件</el-text>
</div> </div>
<!-- 会议纪要卡片 --> <div class="attachment-row">
<div class="attachment-card"> <div class="attachment-row-header">
<div class="attachment-card-header"> <span class="attachment-row-title">会议纪要</span>
<span class="attachment-card-title">会议纪要</span>
</div> </div>
<div class="attachment-card-body"> <div v-if="formData.minutesAttachmentUrl" class="attachment-file-info">
<div v-if="formData.minutesAttachmentUrl" class="attachment-file-info"> <el-link type="primary" :underline="false" @click="previewMinutesAttachment">
<el-link type="primary" :underline="false" @click="previewMinutesAttachment"> {{ formData.minutesAttachmentName }}
{{ formData.minutesAttachmentName }} </el-link>
</el-link> <el-tag size="small">{{
<el-tag size="small">{{ (formData.minutesAttachmentType || '').toUpperCase()
(formData.minutesAttachmentType || '').toUpperCase() }}</el-tag>
}}</el-tag> <el-text type="info" size="small">{{
<el-text type="info" size="small">{{ formatFileSize(formData.minutesAttachmentSize)
formatFileSize(formData.minutesAttachmentSize) }}</el-text>
}}</el-text> </div>
</div> <el-text v-else type="info" size="small" class="attachment-empty">暂无会议纪要</el-text>
<el-empty v-else description="暂无会议纪要" :image-size="40" /> <div
<div v-if="formData.minutesAttachmentUrl && formData.minutesAiStatusName"
v-if="formData.minutesAttachmentUrl && formData.minutesAiStatusName" class="minutes-ai-line"
class="minutes-ai-line" >
> <el-tag size="small" :type="getMinutesAiTagType(formData.minutesAiStatus)">
<el-tag size="small" :type="getMinutesAiTagType(formData.minutesAiStatus)"> {{ formData.minutesAiStatusName }}
{{ formData.minutesAiStatusName }} </el-tag>
</el-tag> <el-text v-if="formData.minutesAiUpdatedTime" type="info" size="small">
<el-text v-if="formData.minutesAiUpdatedTime" type="info" size="small"> 最近生成：{{ formData.minutesAiUpdatedTime }}
最近生成：{{ formData.minutesAiUpdatedTime }} </el-text>
</el-text> <el-text v-if="formData.minutesAiErrorMessage" type="danger" size="small">
<el-text v-if="formData.minutesAiErrorMessage" type="danger" size="small"> {{ formData.minutesAiErrorMessage }}
{{ formData.minutesAiErrorMessage }} </el-text>
</el-text>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -744,9 +743,26 @@ const handleDialogConfirm = async () => {
...formData, ...formData,
projects: submitProjects projects: submitProjects
} }
if (!isProjectsModified.value) {
delete submitData.projects
}
if (isEdit.value) { if (isEdit.value) {
// 编辑模式：更新会议 // 编辑模式：更新会议
await updateReviewMeeting(submitData) await updateReviewMeeting(submitData)
const shouldSyncProjectTimes = shouldSyncPersistedProjectTimes({
isEdit: isEdit.value,
isProjectsModified: isProjectsModified.value,
originalMeetingStart: originalMeetingStart.value,
currentMeetingStart: formData.meetingTimeRange?.[0],
projects
})
if (shouldSyncProjectTimes) {
const timeBatchPayload = buildProjectTimeBatchPayload(projects)
if (timeBatchPayload) {
await updateReviewProjectTimeBatch(timeBatchPayload)
}
}
originalMeetingStart.value = formData.meetingTimeRange?.[0]
ElMessage.success('更新成功') ElMessage.success('更新成功')
} else { } else {
// 新建模式：创建会议 // 新建模式：创建会议
@ -1049,42 +1065,30 @@ const handleBack = () => {
line-height: 1.5; line-height: 1.5;
} }
/* ── 会议附件卡片 ── */ /* ── 会议附件（信息行） ── */
.attachment-cards { .attachment-list {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.attachment-card {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 1px solid #e8eaef;
border-radius: 8px;
padding: 12px 14px;
min-width: 320px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
transition: all 0.2s ease;
}
.attachment-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border-color: #d0d4dc;
}
.attachment-card-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 8px;
}
.attachment-card-title {
font-size: 12px;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.attachment-card-body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 10px;
}
.attachment-row {
border: 1px solid #e5eaf4;
border-radius: 10px;
padding: 10px 14px;
background-color: #fcfdff;
}
.attachment-row-header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 24px;
margin-bottom: 6px;
}
.attachment-row-title {
font-size: 13px;
font-weight: 600;
color: #4b5563;
letter-spacing: 0.2px;
} }
.attachment-file-info { .attachment-file-info {
display: flex; display: flex;
@ -1094,8 +1098,8 @@ const handleBack = () => {
min-width: 0; min-width: 0;
} }
.attachment-file-info .el-link { .attachment-file-info .el-link {
font-size: 13px; font-size: 14px;
color: #3b82f6; color: #295abc;
font-weight: 500; font-weight: 500;
word-break: break-all; word-break: break-all;
flex: 1; flex: 1;
@ -1105,35 +1109,32 @@ const handleBack = () => {
text-decoration: underline; text-decoration: underline;
} }
.attachment-file-info .el-tag { .attachment-file-info .el-tag {
background-color: #eef2ff; background-color: #edf2ff;
color: #6366f1; color: #295abc;
border-color: #e0e7ff; border-color: #d7e2fb;
font-weight: 500; font-weight: 500;
} }
.attachment-file-info .el-text { .attachment-file-info .el-text {
color: #9ca3af; color: #7b8798;
font-size: 12px; font-size: 12px;
} }
.attachment-file-info .el-button { .attachment-empty {
color: #ef4444; color: #9098a6;
font-size: 12px;
}
.attachment-file-info .el-button:hover {
color: #dc2626;
} }
.minutes-ai-line { .minutes-ai-line {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 8px;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 4px; margin-top: 8px;
border-top: 1px solid #f0f0f0; padding-top: 8px;
border-top: 1px dashed #e6ebf2;
} }
.minutes-ai-line .el-tag { .minutes-ai-line .el-tag {
font-weight: 500; font-weight: 500;
} }
.minutes-ai-line .el-text { .minutes-ai-line .el-text {
color: #9ca3af; color: #7f8896;
font-size: 11px; font-size: 12px;
} }
</style> </style>