fix(review-meeting): 优化附件展示并修复重生成后提交异常
Codewoc
parent
b503a5c72a
commit
506c26f7ab
|
|
@ -119,63 +119,62 @@
|
|||
|
||||
<!-- 会议附件 -->
|
||||
<div class="section-header"><span class="section-title">会议附件</span></div>
|
||||
<div class="attachment-cards">
|
||||
<!-- 议程附件卡片 -->
|
||||
<div class="attachment-card">
|
||||
<div class="attachment-card-header">
|
||||
<span class="attachment-card-title">议程附件</span>
|
||||
<div class="attachment-list">
|
||||
<div class="attachment-row">
|
||||
<div class="attachment-row-header">
|
||||
<span class="attachment-row-title">议程附件</span>
|
||||
<el-button
|
||||
v-if="!isView && formData.agendaAttachmentUrl"
|
||||
type="danger"
|
||||
link
|
||||
@click="clearAgendaAttachment"
|
||||
>
|
||||
移除
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="attachment-card-body">
|
||||
<div v-if="formData.agendaAttachmentUrl" class="attachment-file-info">
|
||||
<el-link type="primary" :underline="false" @click="previewAgendaAttachment">
|
||||
{{ formData.agendaAttachmentName }}
|
||||
</el-link>
|
||||
<el-tag size="small">{{
|
||||
(formData.agendaAttachmentType || '').toUpperCase()
|
||||
}}</el-tag>
|
||||
<el-text type="info" size="small">{{
|
||||
formatFileSize(formData.agendaAttachmentSize)
|
||||
}}</el-text>
|
||||
<el-button v-if="!isView" type="danger" link @click="clearAgendaAttachment"
|
||||
>移除</el-button
|
||||
>
|
||||
</div>
|
||||
<el-empty v-else description="暂无议程附件" :image-size="40" />
|
||||
<div v-if="formData.agendaAttachmentUrl" class="attachment-file-info">
|
||||
<el-link type="primary" :underline="false" @click="previewAgendaAttachment">
|
||||
{{ formData.agendaAttachmentName }}
|
||||
</el-link>
|
||||
<el-tag size="small">{{
|
||||
(formData.agendaAttachmentType || '').toUpperCase()
|
||||
}}</el-tag>
|
||||
<el-text type="info" size="small">{{
|
||||
formatFileSize(formData.agendaAttachmentSize)
|
||||
}}</el-text>
|
||||
</div>
|
||||
<el-text v-else type="info" size="small" class="attachment-empty">暂无议程附件</el-text>
|
||||
</div>
|
||||
|
||||
<!-- 会议纪要卡片 -->
|
||||
<div class="attachment-card">
|
||||
<div class="attachment-card-header">
|
||||
<span class="attachment-card-title">会议纪要</span>
|
||||
<div class="attachment-row">
|
||||
<div class="attachment-row-header">
|
||||
<span class="attachment-row-title">会议纪要</span>
|
||||
</div>
|
||||
<div class="attachment-card-body">
|
||||
<div v-if="formData.minutesAttachmentUrl" class="attachment-file-info">
|
||||
<el-link type="primary" :underline="false" @click="previewMinutesAttachment">
|
||||
{{ formData.minutesAttachmentName }}
|
||||
</el-link>
|
||||
<el-tag size="small">{{
|
||||
(formData.minutesAttachmentType || '').toUpperCase()
|
||||
}}</el-tag>
|
||||
<el-text type="info" size="small">{{
|
||||
formatFileSize(formData.minutesAttachmentSize)
|
||||
}}</el-text>
|
||||
</div>
|
||||
<el-empty v-else description="暂无会议纪要" :image-size="40" />
|
||||
<div
|
||||
v-if="formData.minutesAttachmentUrl && formData.minutesAiStatusName"
|
||||
class="minutes-ai-line"
|
||||
>
|
||||
<el-tag size="small" :type="getMinutesAiTagType(formData.minutesAiStatus)">
|
||||
{{ formData.minutesAiStatusName }}
|
||||
</el-tag>
|
||||
<el-text v-if="formData.minutesAiUpdatedTime" type="info" size="small">
|
||||
最近生成：{{ formData.minutesAiUpdatedTime }}
|
||||
</el-text>
|
||||
<el-text v-if="formData.minutesAiErrorMessage" type="danger" size="small">
|
||||
{{ formData.minutesAiErrorMessage }}
|
||||
</el-text>
|
||||
</div>
|
||||
<div v-if="formData.minutesAttachmentUrl" class="attachment-file-info">
|
||||
<el-link type="primary" :underline="false" @click="previewMinutesAttachment">
|
||||
{{ formData.minutesAttachmentName }}
|
||||
</el-link>
|
||||
<el-tag size="small">{{
|
||||
(formData.minutesAttachmentType || '').toUpperCase()
|
||||
}}</el-tag>
|
||||
<el-text type="info" size="small">{{
|
||||
formatFileSize(formData.minutesAttachmentSize)
|
||||
}}</el-text>
|
||||
</div>
|
||||
<el-text v-else type="info" size="small" class="attachment-empty">暂无会议纪要</el-text>
|
||||
<div
|
||||
v-if="formData.minutesAttachmentUrl && formData.minutesAiStatusName"
|
||||
class="minutes-ai-line"
|
||||
>
|
||||
<el-tag size="small" :type="getMinutesAiTagType(formData.minutesAiStatus)">
|
||||
{{ formData.minutesAiStatusName }}
|
||||
</el-tag>
|
||||
<el-text v-if="formData.minutesAiUpdatedTime" type="info" size="small">
|
||||
最近生成：{{ formData.minutesAiUpdatedTime }}
|
||||
</el-text>
|
||||
<el-text v-if="formData.minutesAiErrorMessage" type="danger" size="small">
|
||||
{{ formData.minutesAiErrorMessage }}
|
||||
</el-text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -744,9 +743,26 @@ const handleDialogConfirm = async () => {
|
|||
...formData,
|
||||
projects: submitProjects
|
||||
}
|
||||
if (!isProjectsModified.value) {
|
||||
delete submitData.projects
|
||||
}
|
||||
if (isEdit.value) {
|
||||
// 编辑模式：更新会议
|
||||
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('更新成功')
|
||||
} else {
|
||||
// 新建模式：创建会议
|
||||
|
|
@ -1049,42 +1065,30 @@ const handleBack = () => {
|
|||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* ── 会议附件卡片 ── */
|
||||
.attachment-cards {
|
||||
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 {
|
||||
/* ── 会议附件（信息行） ── */
|
||||
.attachment-list {
|
||||
display: flex;
|
||||
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 {
|
||||
display: flex;
|
||||
|
|
@ -1094,8 +1098,8 @@ const handleBack = () => {
|
|||
min-width: 0;
|
||||
}
|
||||
.attachment-file-info .el-link {
|
||||
font-size: 13px;
|
||||
color: #3b82f6;
|
||||
font-size: 14px;
|
||||
color: #295abc;
|
||||
font-weight: 500;
|
||||
word-break: break-all;
|
||||
flex: 1;
|
||||
|
|
@ -1105,35 +1109,32 @@ const handleBack = () => {
|
|||
text-decoration: underline;
|
||||
}
|
||||
.attachment-file-info .el-tag {
|
||||
background-color: #eef2ff;
|
||||
color: #6366f1;
|
||||
border-color: #e0e7ff;
|
||||
background-color: #edf2ff;
|
||||
color: #295abc;
|
||||
border-color: #d7e2fb;
|
||||
font-weight: 500;
|
||||
}
|
||||
.attachment-file-info .el-text {
|
||||
color: #9ca3af;
|
||||
color: #7b8798;
|
||||
font-size: 12px;
|
||||
}
|
||||
.attachment-file-info .el-button {
|
||||
color: #ef4444;
|
||||
font-size: 12px;
|
||||
}
|
||||
.attachment-file-info .el-button:hover {
|
||||
color: #dc2626;
|
||||
.attachment-empty {
|
||||
color: #9098a6;
|
||||
}
|
||||
.minutes-ai-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
margin-top: 8px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px dashed #e6ebf2;
|
||||
}
|
||||
.minutes-ai-line .el-tag {
|
||||
font-weight: 500;
|
||||
}
|
||||
.minutes-ai-line .el-text {
|
||||
color: #9ca3af;
|
||||
font-size: 11px;
|
||||
color: #7f8896;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue