增加了手机操作端
This commit is contained in:
@@ -136,6 +136,12 @@ const imageEvidenceList = computed(() =>
|
||||
const fileEvidenceList = computed(() =>
|
||||
(detail.value?.evidence_attachments || []).filter((item) => item.file_type !== "image"),
|
||||
);
|
||||
const zhongjianReportImageList = computed(() =>
|
||||
(detail.value?.zhongjian_report_files || []).filter((item) => item.file_type === "image"),
|
||||
);
|
||||
const zhongjianReportFileList = computed(() =>
|
||||
(detail.value?.zhongjian_report_files || []).filter((item) => item.file_type !== "image"),
|
||||
);
|
||||
|
||||
function openInspectionCreate() {
|
||||
inspectionForm.value = createInspectionPayload();
|
||||
@@ -536,6 +542,20 @@ watch(
|
||||
<div class="detail-label">鉴定时间</div>
|
||||
<div class="detail-value">{{ detail.appraisal_info.appraisal_time || "-" }}</div>
|
||||
</div>
|
||||
<template v-if="detail.report_header.service_provider === 'zhongjian'">
|
||||
<div class="detail-card__desc">
|
||||
<div class="detail-label">中检报告编号</div>
|
||||
<div class="detail-value">{{ detail.report_header.zhongjian_report_no || "-" }}</div>
|
||||
</div>
|
||||
<div class="detail-card__desc">
|
||||
<div class="detail-label">报告录入人</div>
|
||||
<div class="detail-value">{{ detail.report_header.report_entry_admin_name || "-" }}</div>
|
||||
</div>
|
||||
<div class="detail-card__desc">
|
||||
<div class="detail-label">录入时间</div>
|
||||
<div class="detail-value">{{ detail.report_header.report_entered_at || "-" }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<div class="detail-card">
|
||||
@@ -593,7 +613,46 @@ watch(
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="detail-card" style="grid-column: 1 / -1">
|
||||
<div v-if="detail.report_header.service_provider === 'zhongjian'" class="detail-card" style="grid-column: 1 / -1">
|
||||
<div class="detail-card__title">中检报告文件</div>
|
||||
<div v-if="detail.zhongjian_report_files.length" class="report-evidence-stack">
|
||||
<div v-if="zhongjianReportImageList.length" class="report-evidence-section">
|
||||
<div class="report-evidence-section__title">报告图片</div>
|
||||
<div class="report-evidence-gallery">
|
||||
<div
|
||||
v-for="attachment in zhongjianReportImageList"
|
||||
:key="attachment.file_id"
|
||||
class="report-evidence-gallery__item"
|
||||
@click="previewEvidence(attachment.file_url)"
|
||||
>
|
||||
<img :src="attachment.thumbnail_url || attachment.file_url" :alt="attachment.name || '中检报告图片'" />
|
||||
<div class="report-evidence-gallery__caption">{{ attachment.name || "未命名图片" }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="zhongjianReportFileList.length" class="report-evidence-section">
|
||||
<div class="report-evidence-section__title">报告文档</div>
|
||||
<div class="report-evidence-list">
|
||||
<div v-for="attachment in zhongjianReportFileList" :key="attachment.file_id" class="report-evidence-card">
|
||||
<div class="report-evidence-card__preview" @click="previewEvidence(attachment.file_url)">
|
||||
<div class="report-evidence-card__filetype">{{ evidenceTypeLabel(attachment.file_type) }}</div>
|
||||
</div>
|
||||
<div class="report-evidence-card__body">
|
||||
<div class="detail-value" style="margin-top: 0; word-break: break-word;">{{ attachment.name || attachment.file_url }}</div>
|
||||
<div class="detail-label" style="margin-top: 6px;">{{ evidenceTypeLabel(attachment.file_type) }}</div>
|
||||
<el-button size="small" style="margin-top: 10px" @click="previewEvidence(attachment.file_url)">查看文件</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="detail-card__desc">
|
||||
<div class="detail-value">当前报告未上传中检报告文件</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="detail.report_header.service_provider !== 'zhongjian'" class="detail-card" style="grid-column: 1 / -1">
|
||||
<div class="detail-card__title">扫码与公开链接</div>
|
||||
<div style="display: grid; grid-template-columns: 220px 1fr; gap: 24px; align-items: start;">
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user