<template>
|
<div class="case-detail">
|
<!-- 基本信息模块 -->
|
<el-card class="detail-section">
|
<div slot="header" class="section-header">
|
<span class="section-title">基本信息</span>
|
</div>
|
<el-descriptions :column="2" border>
|
<el-descriptions-item label="案例编号">{{
|
caseData.caseNo || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="捐献者姓名">{{
|
caseData.name || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="性别">
|
<dict-tag :options="dict.type.sys_user_sex" :value="caseData.sex" />
|
</el-descriptions-item>
|
<el-descriptions-item label="年龄">
|
{{ caseData.age || "-"
|
}}{{
|
caseData.ageunit ? `(${getAgeUnitText(caseData.ageunit)})` : ""
|
}}
|
</el-descriptions-item>
|
<el-descriptions-item label="血型">
|
<dict-tag
|
:options="dict.type.sys_BloodType"
|
:value="caseData.bloodType"
|
/>
|
</el-descriptions-item>
|
<el-descriptions-item label="Rh阴性">
|
{{
|
caseData.rhYin === "1" ? "是" : caseData.rhYin === "0" ? "否" : "-"
|
}}
|
</el-descriptions-item>
|
<el-descriptions-item label="证件类型">
|
{{ getIdCardTypeText(caseData.idcardtype) }}
|
</el-descriptions-item>
|
<el-descriptions-item label="证件号码">{{
|
caseData.idcardno || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="民族">{{
|
caseData.nation || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="国籍">{{
|
caseData.nationality || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="籍贯">{{
|
caseData.nativeplace || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="学历">{{
|
caseData.education || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="职业">{{
|
caseData.occupation || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="出生日期">{{
|
formatDate(caseData.birthday)
|
}}</el-descriptions-item>
|
<el-descriptions-item label="联系电话">{{
|
caseData.phone || "-"
|
}}</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 地址信息模块 -->
|
<el-card class="detail-section">
|
<div slot="header" class="section-header">
|
<span class="section-title">地址信息</span>
|
</div>
|
<el-descriptions :column="1" border>
|
<el-descriptions-item label="户籍地址">
|
{{ getFullRegisterAddress() }}
|
</el-descriptions-item>
|
<el-descriptions-item label="现住地址">
|
{{ getFullResidenceAddress() }}
|
</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 医疗信息模块 -->
|
<el-card class="detail-section">
|
<div slot="header" class="section-header">
|
<span class="section-title">医疗信息</span>
|
</div>
|
<el-descriptions :column="1" border>
|
<el-descriptions-item label="疾病诊断名称">{{
|
caseData.diagnosisname || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="病情概况">{{
|
caseData.illnessoverview || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="病人状况">{{
|
caseData.patientstate || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="GCS评分">{{
|
caseData.gcsScore || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="传染病情况">{{
|
caseData.infectious || "无"
|
}}</el-descriptions-item>
|
<el-descriptions-item
|
label="传染病其他说明"
|
v-if="caseData.infectiousOther"
|
>{{ caseData.infectiousOther }}</el-descriptions-item
|
>
|
<el-descriptions-item label="是否需要转运">
|
{{ caseData.isTransport === "2" ? "需要" : "不需要" }}
|
</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 医院信息模块 -->
|
<el-card class="detail-section">
|
<div slot="header" class="section-header">
|
<span class="section-title">医院信息</span>
|
</div>
|
<el-descriptions :column="2" border>
|
<el-descriptions-item label="治疗医院名称">{{
|
caseData.treatmenthospitalname || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="治疗科室名称">{{
|
caseData.treatmentdeptname || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="住院号">{{
|
caseData.inpatientno || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="部门名称">{{
|
caseData.deptName || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="部门编号">{{
|
caseData.deptNo || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="上报医院">{{
|
caseData.toHospital || "-"
|
}}</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 上报信息模块 -->
|
<el-card class="detail-section">
|
<div slot="header" class="section-header">
|
<span class="section-title">上报信息</span>
|
</div>
|
<el-descriptions :column="2" border>
|
<el-descriptions-item label="报告者姓名">{{
|
caseData.infoName || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="报告者编号">{{
|
caseData.infoNo || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="报告者联系电话">{{
|
caseData.reporterphone || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="协调员姓名">{{
|
caseData.coordinatorName || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="协调员编号">{{
|
caseData.coordinatorNo || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="上报状态">
|
<el-tag :type="getStatusType(caseData.reportStatus)">
|
{{ getStatusText(caseData.reportStatus) }}
|
</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item label="报告时间">{{
|
formatDateTime(caseData.createTime)
|
}}</el-descriptions-item>
|
<el-descriptions-item label="是否终止案例">
|
{{ caseData.terminationCase === "1" ? "已终止" : "进行中" }}
|
</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 附件信息模块 -->
|
<el-card
|
class="detail-section"
|
v-if="caseData.annexfilesList && caseData.annexfilesList.length > 0"
|
>
|
<div slot="header" class="section-header">
|
<span class="section-title">附件信息</span>
|
</div>
|
<div class="detail-attachments">
|
<div class="attachment-grid">
|
<div
|
v-for="file in caseData.annexfilesList"
|
:key="file.id || file.fileName"
|
class="attachment-card"
|
>
|
<template v-if="isImageFile(file.fileName || file.path)">
|
<!-- 图片使用 el-image 预览 -->
|
<el-image
|
class="image-attachment"
|
:src="getFileUrl(file)"
|
:preview-src-list="getImagePreviewList(file)"
|
fit="cover"
|
:style="{ width: '120px', height: '120px' }"
|
lazy
|
>
|
<div slot="error" class="image-error">
|
<i class="el-icon-picture-outline"></i>
|
<span>加载失败</span>
|
</div>
|
<div slot="placeholder" class="image-loading">
|
<i class="el-icon-loading"></i>
|
</div>
|
</el-image>
|
<div class="image-info">
|
<div class="file-name" :title="file.fileName">
|
{{ file.fileName }}
|
</div>
|
<div class="file-actions">
|
<el-button
|
type="text"
|
size="mini"
|
@click="handleDownload(file)"
|
icon="el-icon-download"
|
title="下载"
|
/>
|
<el-button
|
type="text"
|
size="mini"
|
@click="handlePreview(file)"
|
icon="el-icon-view"
|
title="预览"
|
/>
|
</div>
|
</div>
|
</template>
|
|
<template v-else>
|
<!-- 非图片文件使用卡片样式 -->
|
<el-card shadow="hover" class="file-card">
|
<div class="file-content">
|
<i :class="getFileIcon(file.fileName)" class="file-icon"></i>
|
<div class="file-info">
|
<div class="file-name" :title="file.fileName">
|
{{ file.fileName }}
|
</div>
|
<div class="file-meta">
|
<span class="file-type">{{
|
getFileTypeText(file.fileName)
|
}}</span>
|
<span v-if="file.createTime" class="file-time">
|
{{ formatDateTime(file.createTime) }}
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="file-actions">
|
<el-button
|
type="text"
|
size="mini"
|
@click="handleDownload(file)"
|
>
|
下载
|
</el-button>
|
<el-button
|
v-if="canPreview(file.fileName)"
|
type="text"
|
size="mini"
|
@click="handlePreview(file)"
|
>
|
预览
|
</el-button>
|
</div>
|
</el-card>
|
</template>
|
</div>
|
</div>
|
</div>
|
</el-card>
|
|
<!-- 备注信息 -->
|
<el-card class="detail-section" v-if="caseData.remark">
|
<div slot="header" class="section-header">
|
<span class="section-title">备注信息</span>
|
</div>
|
<div class="remark-content">
|
{{ caseData.remark }}
|
</div>
|
</el-card>
|
|
<!-- 审批信息模块（状态为已同意或已驳回时显示） -->
|
<el-card
|
class="detail-section"
|
v-if="caseData.reportStatus === '3' || caseData.reportStatus === '4'"
|
>
|
<div slot="header" class="section-header">
|
<span class="section-title">审批信息</span>
|
</div>
|
<el-descriptions :column="1" border>
|
<el-descriptions-item label="审批结果">
|
<el-tag :type="caseData.reportStatus === '3' ? 'success' : 'danger'">
|
{{ caseData.reportStatus === "3" ? "已同意" : "已驳回" }}
|
</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item label="审批人">{{
|
caseData.updateBy || "-"
|
}}</el-descriptions-item>
|
<el-descriptions-item label="审批时间">{{
|
formatDateTime(caseData.updateTime)
|
}}</el-descriptions-item>
|
<el-descriptions-item label="审批意见">{{
|
caseData.remark || "无"
|
}}</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
<el-card
|
class="detail-section"
|
v-if="
|
caseData.isTransport == '2' &&
|
caseData.serviceTransport &&
|
caseData.serviceTransport.length > 0
|
"
|
>
|
<div slot="header" class="section-header">
|
<span class="section-title">转运信息</span>
|
<el-button
|
v-if="caseData.reportStatus === '3'"
|
type="primary"
|
size="small"
|
icon="el-icon-truck"
|
@click="handleViewTransport"
|
>
|
查看转运详情
|
</el-button>
|
</div>
|
|
<el-descriptions :column="2" border>
|
<el-descriptions-item
|
v-for="transport in caseData.serviceTransport"
|
:key="transport.id"
|
>
|
<!-- 转运单列表 -->
|
<div class="transport-info">
|
<div class="transport-item">
|
<strong>转运单号:</strong> {{ transport.reportId || "-" }}
|
</div>
|
<div class="transport-item">
|
<strong>患者姓名:</strong> {{ transport.patName || "-" }}
|
</div>
|
<div class="transport-item">
|
<strong>出发地点:</strong>
|
{{ transport.transportStartPlace || "-" }}
|
</div>
|
<div class="transport-item">
|
<strong>出发时间:</strong>
|
{{ formatDateTime(transport.transportStartTime) }}
|
</div>
|
<div class="transport-item">
|
<strong>转运状态:</strong>
|
<el-tag :type="getTransportStatusTag(transport)" size="small">
|
{{ getTransportStatusText(transport) }}
|
</el-tag>
|
</div>
|
<div class="transport-item">
|
<strong>负责协调员:</strong> {{ transport.contactPerson || "-" }}
|
</div>
|
<div class="transport-item" v-if="transport.remark">
|
<strong>备注:</strong> {{ transport.remark }}
|
</div>
|
</div>
|
</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
|
<!-- 无转运信息但需要转运的提示 -->
|
<el-card
|
class="detail-section"
|
v-else-if="caseData.isTransport === '2' && caseData.reportStatus === '3'"
|
>
|
<div slot="header" class="section-header">
|
<span class="section-title">转运信息</span>
|
<el-button
|
type="primary"
|
size="small"
|
icon="el-icon-truck"
|
@click="handleCreateTransport"
|
>
|
创建转运单
|
</el-button>
|
</div>
|
|
<el-alert
|
title="该案例需要转运，但尚未创建转运单"
|
type="warning"
|
description="请点击上方按钮创建转运单"
|
show-icon
|
:closable="false"
|
/>
|
</el-card>
|
<!-- 文件预览弹窗 -->
|
<FilePreviewDialog
|
:visible="previewVisible"
|
:file="currentPreviewFile"
|
@close="previewVisible = false"
|
@download="handleDownload"
|
/>
|
|
<div class="detail-footer" v-if="showtitle">
|
<el-button @click="handleClose">关闭</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import pdf from "vue-pdf";
|
import FilePreviewDialog from "@/components/FilePreviewDialog";
|
|
export default {
|
name: "CaseDetail",
|
components: {
|
pdf,
|
FilePreviewDialog
|
},
|
props: {
|
caseData: {
|
type: Object,
|
default: () => ({})
|
},
|
showtitle: {
|
type: Boolean,
|
default: true
|
}
|
},
|
dicts: ["sys_user_sex", "sys_BloodType"],
|
data() {
|
return {
|
// 预览相关
|
previewVisible: false,
|
currentPreviewFile: null,
|
|
// 图片预览相关
|
imagePreviewUrls: []
|
};
|
},
|
computed: {
|
// 收集所有图片URL用于预览
|
allImageUrls() {
|
if (
|
!this.caseData.annexfilesList ||
|
!Array.isArray(this.caseData.annexfilesList)
|
) {
|
return [];
|
}
|
return this.caseData.annexfilesList
|
.filter(file => this.isImageFile(file.fileName || file.path))
|
.map(file => this.getFileUrl(file))
|
.filter(url => url);
|
}
|
},
|
methods: {
|
handleClose() {
|
this.$emit("close");
|
},
|
|
// 格式化日期时间
|
formatDateTime(dateTime) {
|
if (!dateTime) return "-";
|
return dateTime.replace("T", " ").substring(0, 19);
|
},
|
|
// 格式化日期
|
formatDate(dateString) {
|
if (!dateString) return "-";
|
return dateString.split("T")[0];
|
},
|
getTransportStatusTag(transport) {
|
if (!transport.transitStatus) return "info";
|
switch (transport.transitStatus.toString()) {
|
case "1":
|
return "warning"; // 待转运
|
case "2":
|
return "primary"; // 转运中
|
case "3":
|
return "success"; // 转运完成
|
case "4":
|
return "danger"; // 转运取消
|
case "5":
|
return "info"; // 暂存
|
default:
|
return "info";
|
}
|
},
|
|
/** 获取转运状态文本 */
|
getTransportStatusText(transport) {
|
if (!transport.transitStatus) return "未知";
|
switch (transport.transitStatus.toString()) {
|
case "1":
|
return "待转运";
|
case "2":
|
return "转运中";
|
case "3":
|
return "转运完成";
|
case "4":
|
return "转运取消";
|
case "5":
|
return "暂存";
|
default:
|
return "未知";
|
}
|
},
|
|
/** 查看转运详情 */
|
handleViewTransport() {
|
if (
|
this.caseData.serviceTransport &&
|
this.caseData.serviceTransport.length > 0
|
) {
|
const transport = this.caseData.serviceTransport[0];
|
this.$router.push({
|
path: "/business/transport/detail",
|
query: {
|
id: transport.id,
|
caseNo: this.caseData.caseNo
|
}
|
});
|
}
|
},
|
|
/** 创建转运单 */
|
handleCreateTransport() {
|
this.$router.push({
|
path: "/business/transport/create",
|
query: {
|
caseId: this.caseData.id,
|
caseNo: this.caseData.caseNo,
|
patName: this.caseData.name,
|
age: this.caseData.age,
|
sex: this.caseData.sex,
|
diagnosisname: this.caseData.diagnosisname,
|
treatmentHospitalName: this.caseData.treatmenthospitalname
|
}
|
});
|
},
|
// 获取完整户籍地址
|
getFullRegisterAddress() {
|
const {
|
registerprovincename,
|
registercityname,
|
registertownname,
|
registercommunityname,
|
registeraddress
|
} = this.caseData;
|
const addressParts = [
|
registerprovincename,
|
registercityname,
|
registertownname,
|
registercommunityname,
|
registeraddress
|
];
|
return addressParts.filter(part => part).join("") || "-";
|
},
|
|
// 获取完整现住地址
|
getFullResidenceAddress() {
|
const {
|
residenceprovincename,
|
residencecountyname,
|
residencetownname,
|
residencecommunityname,
|
residenceaddress
|
} = this.caseData;
|
const addressParts = [
|
residenceprovincename,
|
residencecountyname,
|
residencetownname,
|
residencecommunityname,
|
residenceaddress
|
];
|
return addressParts.filter(part => part).join("") || "-";
|
},
|
|
// 获取状态文本
|
getStatusText(status) {
|
const statusMap = {
|
"1": "已上报",
|
"2": "已阅读",
|
"3": "已同意",
|
"4": "已驳回"
|
};
|
return statusMap[status] || "未知状态";
|
},
|
|
// 获取状态类型
|
getStatusType(status) {
|
const statusMap = {
|
"1": "info",
|
"2": "warning",
|
"3": "success",
|
"4": "danger"
|
};
|
return statusMap[status] || "info";
|
},
|
|
// 获取年龄单位文本
|
getAgeUnitText(unit) {
|
const unitMap = {
|
year: "岁",
|
month: "月",
|
day: "天"
|
};
|
return unitMap[unit] || unit;
|
},
|
|
// 获取证件类型文本
|
getIdCardTypeText(type) {
|
const typeMap = {
|
"1": "身份证",
|
"2": "护照",
|
"3": "军官证"
|
};
|
return typeMap[type] || type || "-";
|
},
|
|
// 文件处理相关方法
|
isImageFile(fileName) {
|
if (!fileName) return false;
|
const imageExtensions = [
|
"jpg",
|
"jpeg",
|
"png",
|
"gif",
|
"bmp",
|
"webp",
|
"svg"
|
];
|
const extension = fileName
|
.split(".")
|
.pop()
|
.toLowerCase();
|
return imageExtensions.includes(extension);
|
},
|
|
getFileUrl(file) {
|
return file.path || file.fileUrl || "";
|
},
|
|
getImagePreviewList(file) {
|
// 返回所有图片的URL列表，实现点击任意图片查看所有图片
|
return this.allImageUrls;
|
},
|
|
getFileIcon(fileName) {
|
if (!fileName) return "el-icon-document";
|
const ext = fileName
|
.split(".")
|
.pop()
|
.toLowerCase();
|
const iconMap = {
|
pdf: "el-icon-document",
|
doc: "el-icon-document",
|
docx: "el-icon-document",
|
xls: "el-icon-document",
|
xlsx: "el-icon-document",
|
jpg: "el-icon-picture",
|
jpeg: "el-icon-picture",
|
png: "el-icon-picture",
|
gif: "el-icon-picture"
|
};
|
return iconMap[ext] || "el-icon-document";
|
},
|
|
getFileTypeText(fileName) {
|
if (!fileName) return "文件";
|
const ext = fileName
|
.split(".")
|
.pop()
|
.toLowerCase();
|
const typeMap = {
|
pdf: "PDF文档",
|
doc: "Word文档",
|
docx: "Word文档",
|
xls: "Excel表格",
|
xlsx: "Excel表格",
|
jpg: "图片",
|
jpeg: "图片",
|
png: "图片",
|
gif: "图片"
|
};
|
return typeMap[ext] || "文件";
|
},
|
|
canPreview(fileName) {
|
if (!fileName) return false;
|
const previewableExtensions = ["pdf", "jpg", "jpeg", "png", "gif"];
|
const extension = fileName
|
.split(".")
|
.pop()
|
.toLowerCase();
|
return previewableExtensions.includes(extension);
|
},
|
|
// 文件预览
|
handlePreview(file) {
|
this.currentPreviewFile = {
|
fileName: file.fileName,
|
fileUrl: this.getFileUrl(file),
|
fileType: this.getFileType(file.fileName)
|
};
|
this.previewVisible = true;
|
},
|
|
getFileType(fileName) {
|
if (!fileName) return "other";
|
const extension = fileName
|
.split(".")
|
.pop()
|
.toLowerCase();
|
const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
|
const pdfTypes = ["pdf"];
|
const officeTypes = ["doc", "docx", "xls", "xlsx"];
|
|
if (imageTypes.includes(extension)) return "image";
|
if (pdfTypes.includes(extension)) return "pdf";
|
if (officeTypes.includes(extension)) return "office";
|
return "other";
|
},
|
|
// 文件下载
|
handleDownload(file) {
|
const fileUrl = this.getFileUrl(file);
|
const fileName = file.fileName;
|
|
if (fileUrl) {
|
const link = document.createElement("a");
|
link.href = fileUrl;
|
link.download = fileName;
|
link.style.display = "none";
|
document.body.appendChild(link);
|
link.click();
|
document.body.removeChild(link);
|
this.$message.success("开始下载文件");
|
} else {
|
this.$message.warning("文件路径不存在，无法下载");
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped>
|
.case-detail {
|
padding: 0 20px;
|
}
|
|
.detail-section {
|
margin-bottom: 16px;
|
}
|
|
.section-header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.section-title {
|
font-size: 16px;
|
font-weight: bold;
|
color: #303133;
|
}
|
|
/* 附件样式 */
|
.detail-attachments {
|
padding: 10px 0;
|
}
|
|
.attachment-grid {
|
display: grid;
|
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
gap: 16px;
|
}
|
|
.attachment-card {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
}
|
|
/* 图片附件样式 */
|
.image-attachment {
|
border-radius: 4px;
|
border: 1px solid #ebeef5;
|
cursor: pointer;
|
transition: all 0.3s;
|
margin-bottom: 8px;
|
}
|
|
.image-attachment:hover {
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
transform: translateY(-2px);
|
}
|
|
.image-info {
|
text-align: center;
|
width: 100%;
|
}
|
|
.image-info .file-name {
|
font-size: 12px;
|
color: #606266;
|
margin-bottom: 4px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
max-width: 120px;
|
}
|
|
.image-info .file-actions {
|
display: flex;
|
justify-content: center;
|
gap: 8px;
|
}
|
|
.image-loading,
|
.image-error {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
height: 100%;
|
color: #909399;
|
font-size: 12px;
|
}
|
|
.image-loading i,
|
.image-error i {
|
font-size: 20px;
|
margin-bottom: 4px;
|
}
|
|
/* 文件卡片样式 */
|
.file-card {
|
width: 100%;
|
min-height: 60px;
|
margin-bottom: 8px;
|
}
|
|
.file-content {
|
display: flex;
|
align-items: center;
|
padding: 8px;
|
}
|
|
.file-icon {
|
font-size: 24px;
|
margin-right: 12px;
|
color: #409eff;
|
flex-shrink: 0;
|
}
|
|
.file-info {
|
flex: 1;
|
min-width: 0;
|
}
|
|
.file-name {
|
font-size: 13px;
|
font-weight: 500;
|
margin-bottom: 4px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.file-meta {
|
display: flex;
|
justify-content: space-between;
|
font-size: 12px;
|
color: #909399;
|
}
|
|
.file-actions {
|
text-align: center;
|
padding: 8px;
|
border-top: 1px solid #f0f0f0;
|
}
|
|
/* 备注样式 */
|
.remark-content {
|
padding: 12px;
|
line-height: 1.6;
|
color: #606266;
|
white-space: pre-line;
|
}
|
|
.detail-footer {
|
text-align: center;
|
margin-top: 20px;
|
padding-top: 20px;
|
border-top: 1px solid #ebeef5;
|
}
|
|
::v-deep .el-descriptions__label {
|
width: 120px;
|
background-color: #f5f7fa;
|
font-weight: bold;
|
}
|
/* 转运信息样式 */
|
.transport-info {
|
padding: 10px;
|
}
|
|
.transport-item {
|
margin-bottom: 8px;
|
line-height: 1.6;
|
}
|
|
.transport-item strong {
|
display: inline-block;
|
width: 100px;
|
color: #606266;
|
}
|
</style>
|
