From 40bd04c1299a0edf63771b90b5f9e78bfb943474 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期日, 28 十二月 2025 17:27:57 +0800
Subject: [PATCH] 办公及业务页面推送
---
src/views/business/appear/caseDetail.vue | 115 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 82 insertions(+), 33 deletions(-)
diff --git a/src/views/business/appear/caseDetail.vue b/src/views/business/appear/caseDetail.vue
index 05826f7..fb7c54c 100644
--- a/src/views/business/appear/caseDetail.vue
+++ b/src/views/business/appear/caseDetail.vue
@@ -3,40 +3,76 @@
<el-tabs v-model="activeTab">
<el-tab-pane label="鍩烘湰淇℃伅" name="basic">
<el-descriptions :column="2" border>
- <el-descriptions-item label="鎹愮尞缂栧彿">{{ caseData.donorNo }}</el-descriptions-item>
- <el-descriptions-item label="鎹愮尞鑰呭鍚�">{{ caseData.donorName }}</el-descriptions-item>
+ <el-descriptions-item label="鎹愮尞缂栧彿">{{
+ caseData.donorNo
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鎹愮尞鑰呭鍚�">{{
+ caseData.donorName
+ }}</el-descriptions-item>
<el-descriptions-item label="鎬у埆">
- <dict-tag :options="genderOptions" :value="caseData.gender"/>
+ <dict-tag :options="genderOptions" :value="caseData.gender" />
</el-descriptions-item>
- <el-descriptions-item label="骞撮緞">{{ caseData.age }}宀�</el-descriptions-item>
+ <el-descriptions-item label="骞撮緞"
+ >{{ caseData.age }}宀�</el-descriptions-item
+ >
<el-descriptions-item label="琛�鍨�">
- <dict-tag :options="bloodTypeOptions" :value="caseData.bloodType"/>
+ <dict-tag :options="bloodTypeOptions" :value="caseData.bloodType" />
</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.phone }}</el-descriptions-item>
- <el-descriptions-item label="浣忓潃" :span="2">{{ caseData.address }}</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.phone
+ }}</el-descriptions-item>
+ <el-descriptions-item label="浣忓潃" :span="2">{{
+ caseData.address
+ }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="鍖荤枟淇℃伅" name="medical">
<el-descriptions :column="1" border>
- <el-descriptions-item label="鐤剧梾璇婃柇">{{ caseData.diagnosis }}</el-descriptions-item>
- <el-descriptions-item label="浣忛櫌鍙�">{{ caseData.inpatientNo }}</el-descriptions-item>
- <el-descriptions-item label="鎵�鍦ㄧ瀹�">{{ caseData.departmentName }}</el-descriptions-item>
- <el-descriptions-item label="涓绘不鍖荤敓">{{ caseData.doctorName }}</el-descriptions-item>
- <el-descriptions-item label="浼犳煋鐥呮儏鍐�">{{ caseData.infectiousDisease || '鏃�' }}</el-descriptions-item>
- <el-descriptions-item label="鍖荤枟璁板綍">{{ caseData.medicalRecord }}</el-descriptions-item>
+ <el-descriptions-item label="鐤剧梾璇婃柇">{{
+ caseData.diagnosis
+ }}</el-descriptions-item>
+ <el-descriptions-item label="浣忛櫌鍙�">{{
+ caseData.inpatientNo
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鎵�鍦ㄧ瀹�">{{
+ caseData.departmentName
+ }}</el-descriptions-item>
+ <el-descriptions-item label="涓绘不鍖荤敓">{{
+ caseData.doctorName
+ }}</el-descriptions-item>
+ <el-descriptions-item label="浼犳煋鐥呮儏鍐�">{{
+ caseData.infectiousDisease || "鏃�"
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍖荤枟璁板綍">{{
+ caseData.medicalRecord
+ }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="鍖婚櫌淇℃伅" name="hospital">
<el-descriptions :column="2" border>
- <el-descriptions-item label="鍖婚櫌鍚嶇О">{{ caseData.hospitalName }}</el-descriptions-item>
- <el-descriptions-item label="鍖婚櫌绾у埆">{{ caseData.hospitalLevel }}</el-descriptions-item>
- <el-descriptions-item label="鑱旂郴浜�">{{ caseData.contactPerson }}</el-descriptions-item>
- <el-descriptions-item label="鑱旂郴鐢佃瘽">{{ caseData.contactPhone }}</el-descriptions-item>
- <el-descriptions-item label="鍖婚櫌鍦板潃" :span="2">{{ caseData.hospitalAddress }}</el-descriptions-item>
+ <el-descriptions-item label="鍖婚櫌鍚嶇О">{{
+ caseData.hospitalName
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍖婚櫌绾у埆">{{
+ caseData.hospitalLevel
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鑱旂郴浜�">{{
+ caseData.contactPerson
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鑱旂郴鐢佃瘽">{{
+ caseData.contactPhone
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍖婚櫌鍦板潃" :span="2">{{
+ caseData.hospitalAddress
+ }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
@@ -99,16 +135,26 @@
</el-card>
</el-tab-pane>
- <el-tab-pane label="瀹℃壒淇℃伅" name="approval" v-if="caseData.status !== '0'">
+ <el-tab-pane
+ label="瀹℃壒淇℃伅"
+ name="approval"
+ v-if="caseData.status !== '0'"
+ >
<el-descriptions :column="1" border>
<el-descriptions-item label="瀹℃壒缁撴灉">
<el-tag :type="caseData.status | statusFilter">
{{ caseData.status | statusTextFilter }}
</el-tag>
</el-descriptions-item>
- <el-descriptions-item label="瀹℃壒鏃堕棿">{{ caseData.approveTime }}</el-descriptions-item>
- <el-descriptions-item label="瀹℃壒浜�">{{ caseData.approverName }}</el-descriptions-item>
- <el-descriptions-item label="瀹℃壒鎰忚">{{ caseData.approveOpinion }}</el-descriptions-item>
+ <el-descriptions-item label="瀹℃壒鏃堕棿">{{
+ caseData.approveTime
+ }}</el-descriptions-item>
+ <el-descriptions-item label="瀹℃壒浜�">{{
+ caseData.approverName
+ }}</el-descriptions-item>
+ <el-descriptions-item label="瀹℃壒鎰忚">{{
+ caseData.approveOpinion
+ }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
</el-tabs>
@@ -252,24 +298,24 @@
filters: {
statusFilter(status) {
const statusMap = {
- '0': 'warning',
- '1': 'success',
- '2': 'danger'
+ "0": "warning",
+ "1": "success",
+ "2": "danger"
};
return statusMap[status];
},
statusTextFilter(status) {
const statusMap = {
- '0': '寰呭鎵�',
- '1': '宸查�氳繃',
- '2': '宸查┏鍥�'
+ "0": "寰呭鎵�",
+ "1": "宸查�氳繃",
+ "2": "宸查┏鍥�"
};
return statusMap[status];
}
},
data() {
return {
- activeTab: 'basic',
+ activeTab: "basic",
genderOptions: [
{ value: "0", label: "鐢�" },
{ value: "1", label: "濂�" }
@@ -333,12 +379,15 @@
},
methods: {
handleClose() {
- this.$emit('close');
+ this.$emit("close");
},
// 鑾峰彇鏂囦欢绫诲瀷
getFileType(fileName) {
- const extension = fileName.split('.').pop().toLowerCase();
+ const extension = fileName
+ .split(".")
+ .pop()
+ .toLowerCase();
const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
const pdfTypes = ["pdf"];
--
Gitblit v1.9.3