From 6623e51d0b1edb191ca50201c0130cb5ed1beda8 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期五, 08 五月 2026 14:03:02 +0800
Subject: [PATCH] 青岛推送
---
src/views/business/OrganUtilization/OrganUtilizationInfo.vue | 2330 ++++++++++++++++------------
src/views/business/followupVisit/index.vue | 1349 ++++++++++++++++
src/views/business/GetWitness/index.vue | 27
src/api/businessApi/followup.js | 48
src/views/business/allocation/allocationInfo.vue | 76
src/views/project/components/orgselect/index.vue | 1
src/views/business/followupVisit/info.vue | 743 +++++++++
src/views/business/GetWitness/GetWitnessInfo.vue | 312 +--
8 files changed, 3,645 insertions(+), 1,241 deletions(-)
diff --git a/src/api/businessApi/followup.js b/src/api/businessApi/followup.js
new file mode 100644
index 0000000..a90fd4d
--- /dev/null
+++ b/src/api/businessApi/followup.js
@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+// 妗堜緥鍒楄〃鍙婅鎯�
+export function listFollowup(data) {
+ return request({
+ url: '/project/donatefollowup/list',
+ method: 'post',
+ data: data
+ })
+}
+// 鍙楄�呴殢璁夸慨鏀�
+export function addFollowup(data) {
+ return request({
+ url: '/project/donatefollowup/add',
+ method: 'post',
+ data: data
+ })
+}
+// 鍙楄�呴殢璁夸慨鏀�
+export function updateFollowup(data) {
+ return request({
+ url: '/project/donatefollowup/edit',
+ method: 'post',
+ data: data
+ })
+}
+// 鍙楄�呴殢璁胯鎯�
+export function getFollowup(id) {
+ return request({
+ url: '/project/donatefollowup/' + id,
+ method: 'get'
+ })
+}
+// 鍒犻櫎
+export function delFollowup(id) {
+ return request({
+ url: '/project/donatefollowup/remove/' + id,
+ method: 'get'
+ })
+}
+// 瀵煎嚭鍙楄�呴殢璁�
+export function exportFollowup(query) {
+ return request({
+ url: '/project/donatefollowup/export',
+ method: 'get',
+ params: query
+ })
+}
diff --git a/src/views/business/GetWitness/GetWitnessInfo.vue b/src/views/business/GetWitness/GetWitnessInfo.vue
index 69158f8..838c7c5 100644
--- a/src/views/business/GetWitness/GetWitnessInfo.vue
+++ b/src/views/business/GetWitness/GetWitnessInfo.vue
@@ -13,7 +13,6 @@
<el-button
type="success"
@click="handleProcure"
- :disabled="form.recordstate === 'completed'"
:loading="confirmLoading"
>
纭鑾峰彇
@@ -22,7 +21,6 @@
</div>
<el-form :model="form" ref="form" :rules="rules" label-width="120px">
-
<!-- 鎵嬫湳鐩稿叧淇℃伅 -->
<el-divider content-position="left">鎵嬫湳淇℃伅</el-divider>
@@ -39,7 +37,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -50,7 +47,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -67,7 +63,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -81,7 +76,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -89,30 +83,22 @@
<el-row :gutter="20">
<el-col :span="8">
- <el-form-item
- label="闂ㄩ潤鑴夋彃绠℃椂闂�"
- prop="portalveincannulatime"
- >
+ <el-form-item label="闂ㄩ潤鑴夋彃绠℃椂闂�" prop="portalveincannulatime">
<el-date-picker
v-model="form.portalveincannulatime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
<el-col :span="8">
- <el-form-item
- label="闂ㄩ潤鑴夌亴娉ㄦ椂闂�"
- prop="portalveinperfusiontime"
- >
+ <el-form-item label="闂ㄩ潤鑴夌亴娉ㄦ椂闂�" prop="portalveinperfusiontime">
<el-date-picker
v-model="form.portalveinperfusiontime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -122,11 +108,11 @@
<el-divider content-position="left">鍗忚皟鍛樹俊鎭�</el-divider>
<el-row :gutter="20">
- <el-col :span="8">
+ <!-- <el-col :span="8">
<el-form-item label="鍗忚皟鍛樺鍚�" prop="coordinatorName">
<el-input v-model="form.coordinatorName" />
</el-form-item>
- </el-col>
+ </el-col> -->
<el-col :span="8">
<el-form-item label="杩涙墜鏈鏃堕棿" prop="coordinatorInOperating">
<el-date-picker
@@ -134,7 +120,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -145,7 +130,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -164,7 +148,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -212,33 +195,6 @@
</el-form-item>
</el-col>
</el-row>
-
- <!-- 璁板綍淇℃伅 -->
- <el-divider content-position="left">璁板綍淇℃伅</el-divider>
-
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="浣忛櫌鍙�" prop="donorno">
- <el-input v-model="form.donorno" readonly />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鎵�鍦ㄥ尰鐤楁満鏋�" prop="treatmenthospitalname">
- <el-input
- v-model="form.treatmenthospitalname"
- placeholder="璇疯緭鍏ュ尰鐤楁満鏋勫悕绉�"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍖荤枟鏈烘瀯缂栫爜" prop="treatmenthospitalno">
- <el-input
- v-model="form.treatmenthospitalno"
- placeholder="璇疯緭鍏ュ尰鐤楁満鏋勭紪鐮�"
- />
- </el-form-item>
- </el-col>
- </el-row>
</el-form>
</el-card>
@@ -247,13 +203,15 @@
<div slot="header" class="clearfix">
<span class="detail-title">鍣ㄥ畼鑾峰彇璁板綍</span>
<div style="float: right;">
- <el-tag
- :type="
- form.recordstate === 'completed' ? 'success' : 'warning'
- "
+ <!-- <el-tag
+ :type="form.witnessState === 'completed' ? 'success' : 'warning'"
>
- {{ form.recordstate === "completed" ? "宸插畬鎴�" : "杩涜涓�" }}
- </el-tag>
+ {{ form.witnessState === "completed" ? "宸插畬鎴�" : "杩涜涓�" }}
+ </el-tag> -->
+ <dict-tag
+ :options="dict.type.sys_user_sex"
+ :value="form.witnessState"
+ />
</div>
</div>
@@ -274,7 +232,6 @@
v-for="dict in dict.type.sys_Organ || []"
:key="dict.value"
:label="dict.value"
- :disabled="form.recordstate === 'completed'"
>
{{ dict.label }}
</el-checkbox>
@@ -323,7 +280,6 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鑾峰彇寮�濮嬫椂闂�"
- :disabled="form.recordstate === 'completed'"
/>
</template>
</el-table-column>
@@ -332,18 +288,17 @@
label="鍣ㄥ畼绂讳綋鏃堕棿"
align="center"
width="180"
- prop="organGetTime"
+ prop="organgettime"
>
<template slot-scope="scope">
<el-date-picker
clearable
size="small"
style="width: 100%"
- v-model="scope.row.organGetTime"
+ v-model="scope.row.organgettime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鍣ㄥ畼绂讳綋鏃堕棿"
- :disabled="form.recordstate === 'completed'"
/>
</template>
</el-table-column>
@@ -352,14 +307,13 @@
label="鑾峰彇鍖婚櫌"
align="center"
width="200"
- prop="gainHospitalNo"
+ prop="gainhospitalno"
>
<template slot-scope="scope">
<el-select
- v-model="scope.row.gainHospitalNo"
+ v-model="scope.row.gainhospitalno"
placeholder="璇烽�夋嫨鑾峰彇鍖婚櫌"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
@change="handleHospitalChange(scope.row, $event)"
>
<el-option
@@ -376,18 +330,17 @@
label="鑾峰彇鍖诲笀"
align="center"
width="120"
- prop="organGetDoctor"
+ prop="organgetdoct"
>
<template slot-scope="scope">
<el-input
- v-model="scope.row.organGetDoctor"
+ v-model="scope.row.organgetdoct"
placeholder="鑾峰彇鍖诲笀"
- :disabled="form.recordstate === 'completed'"
/>
</template>
</el-table-column>
- <el-table-column
+ <!-- <el-table-column
label="鍔╂墜"
align="center"
width="120"
@@ -397,12 +350,12 @@
<el-input
v-model="scope.row.assistant"
placeholder="鍔╂墜"
- :disabled="form.recordstate === 'completed'"
+
/>
</template>
- </el-table-column>
+ </el-table-column> -->
- <el-table-column
+ <!-- <el-table-column
label="鑾峰彇鎶ゅ＋"
align="center"
width="120"
@@ -412,7 +365,7 @@
<el-input
v-model="scope.row.procurementNurse"
placeholder="鑾峰彇鎶ゅ＋"
- :disabled="form.recordstate === 'completed'"
+
/>
</template>
</el-table-column>
@@ -427,41 +380,25 @@
<el-input
v-model="scope.row.operatingRoomNurse"
placeholder="鎵嬫湳瀹ゆ姢澹�"
- :disabled="form.recordstate === 'completed'"
- />
- </template>
- </el-table-column>
- <el-table-column
- label="楹婚唹鍖荤敓"
- align="center"
- width="120"
- prop="anesthesiologist"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.anesthesiologist"
- placeholder="楹婚唹鍖荤敓"
- :disabled="form.recordstate === 'completed'"
/>
</template>
- </el-table-column>
+ </el-table-column> -->
<el-table-column
label="鑾峰彇鐘舵��"
align="center"
width="120"
- prop="organState"
+ prop="organstate"
>
<template slot-scope="scope">
<el-select
- v-model="scope.row.organState"
+ v-model="scope.row.organstate"
placeholder="璇烽�夋嫨鑾峰彇鐘舵��"
style="width: 100%"
- :disabled="form.recordstate === 'completed'"
>
<el-option
- v-for="dict in organStateList"
+ v-for="dict in dict.type.Obtain_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@@ -473,16 +410,15 @@
<el-table-column
label="璇存槑"
align="center"
- prop="notGetReason"
+ prop="notgetreason"
min-width="200"
>
<template slot-scope="scope">
<el-input
type="textarea"
clearable
- v-model="scope.row.notGetReason"
+ v-model="scope.row.notgetreason"
placeholder="璇疯緭鍏ユ湭鑾峰彇璇存槑"
- :disabled="form.recordstate === 'completed'"
/>
</template>
</el-table-column>
@@ -492,7 +428,6 @@
align="center"
width="120"
class-name="small-padding fixed-width"
- v-if="form.recordstate !== 'completed'"
>
<template slot-scope="scope">
<el-button
@@ -511,16 +446,22 @@
</el-row>
<!-- 鑾峰彇缁熻淇℃伅 -->
- <div
+ <!-- <div
class="procurement-stats"
- v-if="procurementData.serviceDonationwitnessorgans && procurementData.serviceDonationwitnessorgans.length > 0"
+ v-if="
+ procurementData.serviceDonationwitnessorgans &&
+ procurementData.serviceDonationwitnessorgans.length > 0
+ "
>
<el-row :gutter="20">
<el-col :span="6">
<div class="stat-item">
<span class="stat-label">宸茶幏鍙栧櫒瀹�:</span>
<span class="stat-value"
- >{{ procurementData.serviceDonationwitnessorgans.length }} 涓�</span
+ >{{
+ procurementData.serviceDonationwitnessorgans.length
+ }}
+ 涓�</span
>
</div>
</el-col>
@@ -542,48 +483,26 @@
<span class="stat-value">
<el-tag
:type="
- form.recordstate === 'completed'
- ? 'success'
- : 'warning'
+ form.witnessState === 'completed' ? 'success' : 'warning'
"
>
- {{
- form.recordstate === "completed"
- ? "宸插畬鎴�"
- : "杩涜涓�"
- }}
+ {{ form.witnessState === "completed" ? "宸插畬鎴�" : "杩涜涓�" }}
</el-tag>
</span>
</div>
</el-col>
</el-row>
- </div>
+ </div> -->
- <div v-else class="empty-procurement">
+ <div
+ v-if="!procurementData.serviceDonationwitnessorgans"
+ class="empty-procurement"
+ >
<el-empty description="鏆傛棤鑾峰彇璁板綍" :image-size="80">
<span>璇峰厛閫夋嫨瑕佽幏鍙栫殑鍣ㄥ畼</span>
</el-empty>
</div>
</el-form>
-
- <div class="dialog-footer" v-if="form.recordstate !== 'completed'">
- <el-button
- type="primary"
- @click="handleSaveProcurement"
- :loading="saveLoading"
- :disabled="!procurementData.serviceDonationwitnessorgans || procurementData.serviceDonationwitnessorgans.length === 0"
- >
- 淇濆瓨鑾峰彇璁板綍
- </el-button>
- <el-button
- type="success"
- @click="handleConfirmProcurement"
- :loading="confirmLoading"
- :disabled="incompleteRecords > 0"
- >
- 纭瀹屾垚鑾峰彇
- </el-button>
- </div>
</el-card>
<!-- 闄勪欢绠＄悊閮ㄥ垎浼樺寲 -->
@@ -610,10 +529,7 @@
/>
<!-- 闄勪欢鍒楄〃灞曠ず -->
- <div
- class="attachment-list"
- v-if="attachments && attachments.length > 0"
- >
+ <div class="attachment-list" v-if="attachments && attachments.length > 0">
<div class="list-title">宸蹭笂浼犻檮浠� ({{ attachments.length }})</div>
<el-table :data="attachments" style="width: 100%" size="small">
<el-table-column label="鏂囦欢鍚�" min-width="200">
@@ -687,9 +603,9 @@
</el-col>
<el-col :span="12">
<el-form-item label="鑾峰彇鐘舵��">
- <el-select v-model="currentRecord.organState" style="width: 100%">
+ <el-select v-model="currentRecord.organstate" style="width: 100%">
<el-option
- v-for="dict in organStateList"
+ v-for="dict in dict.type.Obtain_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@@ -703,7 +619,7 @@
<el-col :span="12">
<el-form-item label="鑾峰彇鍖诲笀">
<el-input
- v-model="currentRecord.organGetDoctor"
+ v-model="currentRecord.organgetdoct"
placeholder="璇疯緭鍏ヨ幏鍙栧尰甯�"
/>
</el-form-item>
@@ -746,12 +662,12 @@
<el-form-item
label="鏈幏鍙栬鏄�"
- v-if="currentRecord.organState === '0'"
+ v-if="currentRecord.organstate === '0'"
>
<el-input
type="textarea"
:rows="3"
- v-model="currentRecord.notGetReason"
+ v-model="currentRecord.notgetreason"
placeholder="璇疯緭鍏ユ湭鑾峰彇鐨勫師鍥犺鏄�"
/>
</el-form-item>
@@ -772,10 +688,17 @@
>
<div v-if="currentPreviewFile">
<div v-if="currentPreviewFile.fileType === 'image'">
- <img :src="currentPreviewFile.fileUrl" style="max-width: 100%; max-height: 500px;" />
+ <img
+ :src="currentPreviewFile.fileUrl"
+ style="max-width: 100%; max-height: 500px;"
+ />
</div>
<div v-else-if="currentPreviewFile.fileType === 'pdf'">
- <iframe :src="currentPreviewFile.fileUrl" width="100%" height="500px"></iframe>
+ <iframe
+ :src="currentPreviewFile.fileUrl"
+ width="100%"
+ height="500px"
+ ></iframe>
</div>
<div v-else>
<p>涓嶆敮鎸侀瑙堟鏂囦欢绫诲瀷锛岃涓嬭浇鏌ョ湅</p>
@@ -786,7 +709,7 @@
</template>
<script>
-import { witnessList, witnessadd, witnessedit, } from "@/api/businessApi";
+import { witnessList, witnessadd, witnessedit } from "@/api/businessApi";
import UploadAttachment from "@/components/UploadAttachment";
import CaseBasicInfo from "@/components/CaseBasicInfo";
import dayjs from "dayjs";
@@ -794,9 +717,15 @@
export default {
name: "OrganProcurementDetail",
components: {
- UploadAttachment,CaseBasicInfo
+ UploadAttachment,
+ CaseBasicInfo
},
- dicts: ["sys_BloodType", "sys_DonationCategory", "sys_Organ"],
+ dicts: [
+ "sys_BloodType",
+ "sys_DonationCategory",
+ "sys_Organ",
+ "Obtain_status"
+ ],
data() {
return {
caseId: null,
@@ -806,7 +735,7 @@
infoid: undefined,
name: "",
inpatientno: "",
- recordstate: "pending",
+ witnessState: "2",
caseNo: "",
donorno: "",
treatmenthospitalname: "",
@@ -879,12 +808,6 @@
selectedOrgans: [],
// 鍖婚櫌鍒楄〃
hospitalList: [],
- // 鍣ㄥ畼鐘舵�佸垪琛�
- organStateList: [
- { value: "1", label: "宸茶幏鍙�" },
- { value: "0", label: "鏈幏鍙�" },
- { value: "2", label: "閮ㄥ垎鑾峰彇" }
- ],
// 鑾峰彇璁板綍鏁版嵁
procurementData: {
serviceDonationwitnessorgans: []
@@ -894,7 +817,8 @@
attachmentFileList: [],
// 闄勪欢鐩稿叧閰嶇疆
attachmentLimit: 10,
- attachmentAccept: ".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt",
+ attachmentAccept:
+ ".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt",
// 缂栬緫瀵硅瘽妗�
editDialogVisible: false,
currentRecord: {},
@@ -916,16 +840,16 @@
return this.procurementData.serviceDonationwitnessorgans.filter(
record =>
!record.organStartTime ||
- !record.organGetTime ||
- !record.gainHospitalNo ||
- !record.organGetDoctor
+ !record.organgettime ||
+ !record.gainhospitalno ||
+ !record.organgetdoct
).length;
},
// 鍞竴鍖婚櫌鏁伴噺
uniqueHospitals() {
if (!this.procurementData.serviceDonationwitnessorgans) return 0;
const hospitals = this.procurementData.serviceDonationwitnessorgans
- .map(record => record.gainHospitalNo)
+ .map(record => record.gainhospitalno)
.filter(Boolean);
return new Set(hospitals).size;
},
@@ -973,7 +897,7 @@
}
this.form.infoid = infoid;
- this.generateDonorNo();
+ // this.generateDonorNo();
if (infoid) {
this.getDetail(infoid);
@@ -982,12 +906,12 @@
this.getHospitalData();
},
// 鐢熸垚鎹愮尞鑰呯紪鍙�
- generateDonorNo() {
- const timestamp = Date.now().toString();
- this.form.donorno = "D" + timestamp.slice(-8);
- this.form.caseNo = "CASE" + timestamp.slice(-6);
- this.form.inpatientno = "IP" + timestamp.slice(-6);
- },
+ // generateDonorNo() {
+ // const timestamp = Date.now().toString();
+ // this.form.donorno = "D" + timestamp.slice(-8);
+ // this.form.caseNo = "CASE" + timestamp.slice(-6);
+ // this.form.inpatientno = "IP" + timestamp.slice(-6);
+ // },
// 鑾峰彇璇︽儏
async getDetail(infoid) {
this.loading = true;
@@ -999,12 +923,16 @@
response.data.length > 0
) {
const data = response.data[0];
+ if (!data.witnessState || data.witnessState == 1) {
+ data.witnessState = "2";
+ }
// 濉厖琛ㄥ崟鏁版嵁
Object.assign(this.form, data);
// 鍒濆鍖栭檮浠�
- if (this.form.attachments) {
+ if (this.form.deathjudgeannex) {
+ this.form.attachments = JSON.parse(this.form.deathjudgeannex);
this.attachments = Array.isArray(this.form.attachments)
? [...this.form.attachments]
: [];
@@ -1122,7 +1050,10 @@
);
}
// 濡傛灉閫夋嫨浜�"宸﹁偩"鎴�"鍙宠偩"锛屽彇娑�"鍙岃偩"閫夋嫨
- else if (selectedValues.includes("C64L") || selectedValues.includes("C64R")) {
+ else if (
+ selectedValues.includes("C64L") ||
+ selectedValues.includes("C64R")
+ ) {
this.selectedOrgans = selectedValues.filter(item => item !== "C64");
}
@@ -1133,7 +1064,10 @@
);
}
// 濡傛灉閫夋嫨浜�"宸﹁偤"鎴�"鍙宠偤"锛屽彇娑�"鍏ㄨ偤"閫夋嫨
- else if (selectedValues.includes("C34L") || selectedValues.includes("C34R")) {
+ else if (
+ selectedValues.includes("C34L") ||
+ selectedValues.includes("C34R")
+ ) {
this.selectedOrgans = selectedValues.filter(item => item !== "C34");
}
},
@@ -1147,16 +1081,16 @@
organname: organName,
organno: organValue,
organStartTime: "",
- organGetTime: "",
- gainHospitalNo: "",
- gainHospitalName: "",
- organGetDoctor: "",
+ organgettime: "",
+ gainhospitalno: "",
+ gainhospitalname: "",
+ organgetdoct: "",
assistant: "",
procurementNurse: "",
operatingRoomNurse: "",
anesthesiologist: "",
- organState: "1",
- notGetReason: ""
+ organstate: "1",
+ notgetreason: ""
});
},
@@ -1166,7 +1100,7 @@
item => item.hospitalNo === hospitalNo
);
if (hospital) {
- row.gainHospitalName = hospital.hospitalName;
+ row.gainhospitalname = hospital.hospitalName;
}
},
// 缂栬緫鑾峰彇璁板綍
@@ -1183,7 +1117,9 @@
// 纭缂栬緫
handleEditConfirm() {
if (this.currentEditIndex !== -1) {
- this.procurementData.serviceDonationwitnessorgans[this.currentEditIndex] = {
+ this.procurementData.serviceDonationwitnessorgans[
+ this.currentEditIndex
+ ] = {
...this.currentRecord
};
this.$message.success("鑾峰彇璁板綍鏇存柊鎴愬姛");
@@ -1194,9 +1130,9 @@
getOrganRowClassName({ row }) {
if (
!row.organStartTime ||
- !row.organGetTime ||
- !row.gainHospitalNo ||
- !row.organGetDoctor
+ !row.organgettime ||
+ !row.gainhospitalno ||
+ !row.organgetdoct
) {
return "warning-row";
}
@@ -1210,9 +1146,9 @@
try {
const saveData = {
...this.form,
- attachments: this.attachments,
+ deathjudgeannex: JSON.stringify(this.attachments),
organdonation: this.selectedOrgans.join(","),
- serviceDonationwitnessorgans:
+ serviceDonationwitnessorganList:
this.procurementData.serviceDonationwitnessorgans || []
};
@@ -1286,11 +1222,13 @@
})
.then(async () => {
this.confirmLoading = true;
- this.form.recordstate = "completed";
- this.form.operationendtime = this.form.operationendtime || new Date()
- .toISOString()
- .replace("T", " ")
- .substring(0, 19);
+ this.form.witnessState = "3";
+ this.form.operationendtime =
+ this.form.operationendtime ||
+ new Date()
+ .toISOString()
+ .replace("T", " ")
+ .substring(0, 19);
try {
const saveData = {
@@ -1309,13 +1247,13 @@
this.$message.error(
"纭鑾峰彇澶辫触锛�" + (response.msg || "鏈煡閿欒")
);
- this.form.recordstate = "pending";
+ this.form.witnessState = "2";
this.form.operationendtime = "";
}
} catch (error) {
console.error("纭鑾峰彇澶辫触:", error);
this.$message.error("纭鑾峰彇澶辫触");
- this.form.recordstate = "pending";
+ this.form.witnessState = "2";
this.form.operationendtime = "";
} finally {
this.confirmLoading = false;
@@ -1415,7 +1353,10 @@
/** 鑾峰彇鏂囦欢绫诲瀷 */
getFileType(fileName) {
if (!fileName) return "other";
- const extension = fileName.split(".").pop().toLowerCase();
+ const extension = fileName
+ .split(".")
+ .pop()
+ .toLowerCase();
const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
const pdfTypes = ["pdf"];
const officeTypes = ["doc", "docx", "xls", "xlsx", "ppt", "pptx"];
@@ -1469,7 +1410,10 @@
/** 鑾峰彇鏂囦欢鎵╁睍鍚� */
getFileExtension(filename) {
- return filename.split(".").pop().toLowerCase();
+ return filename
+ .split(".")
+ .pop()
+ .toLowerCase();
},
/** 鏍煎紡鍖栨枃浠跺ぇ灏� */
diff --git a/src/views/business/GetWitness/index.vue b/src/views/business/GetWitness/index.vue
index 7e2c926..1dc8d7c 100644
--- a/src/views/business/GetWitness/index.vue
+++ b/src/views/business/GetWitness/index.vue
@@ -26,15 +26,19 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
- <el-form-item label="鑾峰彇鐘舵��" prop="recordstate">
+ <el-form-item label="鑾峰彇鐘舵��" prop="witnessState">
<el-select
- v-model="queryParams.recordstate"
+ v-model="queryParams.witnessState"
placeholder="璇烽�夋嫨鑾峰彇鐘舵��"
clearable
style="width: 200px"
>
- <el-option label="宸茶幏鍙�" value="1" />
- <el-option label="寰呰幏鍙�" value="0" />
+ <el-option
+ v-for="dict in dict.type.Obtain_status"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
</el-select>
</el-form-item>
<el-form-item>
@@ -108,15 +112,14 @@
<el-table-column
label="鑾峰彇鐘舵��"
align="center"
- prop="recordstate"
+ prop="witnessState"
width="100"
>
<template slot-scope="scope">
- <el-tag
- :type="scope.row.recordstate === '1' ? 'success' : 'warning'"
- >
- {{ scope.row.recordstate === "1" ? "宸茶幏鍙�" : "寰呰幏鍙�" }}
- </el-tag>
+ <dict-tag
+ :options="dict.type.Obtain_status"
+ :value="scope.row.witnessState"
+ />
</template>
</el-table-column>
<el-table-column
@@ -191,7 +194,7 @@
export default {
name: "OrganProcurementList",
components: { Pagination },
- dicts: ["sys_user_sex"],
+ dicts: ["sys_user_sex",'Obtain_status'],
data() {
return {
// 閬僵灞�
@@ -212,7 +215,7 @@
pageSize: 10,
inpatientno: undefined,
name: undefined,
- recordstate: undefined
+ witnessState: undefined
}
};
},
diff --git a/src/views/business/OrganUtilization/OrganUtilizationInfo.vue b/src/views/business/OrganUtilization/OrganUtilizationInfo.vue
index a6f977e..416b83c 100644
--- a/src/views/business/OrganUtilization/OrganUtilizationInfo.vue
+++ b/src/views/business/OrganUtilization/OrganUtilizationInfo.vue
@@ -1,5 +1,7 @@
<template>
<div class="organ-utilization-detail">
+ <case-basic-info :case-id="caseId" :show-attachment="true" />
+
<!-- 鍩烘湰淇℃伅 -->
<el-card class="detail-card">
<div slot="header" class="clearfix">
@@ -11,7 +13,8 @@
<el-button
type="success"
@click="handleComplete"
- :disabled="form.utilizationStatus === 'completed'"
+ :disabled="form.recordstate === 'completed'"
+ :loading="confirmLoading"
>
瀹屾垚鍒╃敤
</el-button>
@@ -20,76 +23,9 @@
<el-form :model="form" ref="form" :rules="rules" label-width="120px">
<el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="浣忛櫌鍙�" prop="hospitalNo">
- <el-input v-model="form.hospitalNo" readonly />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="浣忛櫌鍙�" prop="caseNo">
- <el-input v-model="form.caseNo" readonly />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鎹愮尞鑰呭鍚�" prop="donorName">
- <el-input v-model="form.donorName" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="鎬у埆" prop="gender">
- <el-select v-model="form.gender" style="width: 100%">
- <el-option label="鐢�" value="0" />
- <el-option label="濂�" value="1" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="骞撮緞" prop="age">
- <el-input v-model="form.age" />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍑虹敓鏃ユ湡" prop="birthDate">
- <el-date-picker
- v-model="form.birthDate"
- type="date"
- value-format="yyyy-MM-dd"
- style="width: 100%"
- />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="鐤剧梾璇婃柇" prop="diagnosis">
- <el-input
- type="textarea"
- :rows="2"
- v-model="form.diagnosis"
- placeholder="璇疯緭鍏ョ柧鐥呰瘖鏂俊鎭�"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鍒嗛厤鏃堕棿" prop="allocationTime">
- <el-date-picker
- v-model="form.allocationTime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- style="width: 100%"
- />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
<el-col :span="6">
- <el-form-item align="left" label="閬椾綋鎹愮尞" prop="isBodyDonation">
- <el-radio-group v-model="form.isBodyDonation">
+ <el-form-item align="left" label="閬椾綋鎹愮尞" prop="isbodydonation">
+ <el-radio-group v-model="form.isbodydonation">
<el-radio
v-for="dict in dict.type.sys_0_1 || []"
:key="dict.value"
@@ -100,11 +36,11 @@
</el-form-item>
</el-col>
<el-col :span="18">
- <el-form-item align="left" label="鎺ユ敹鍗曚綅" prop="receivingUnit">
+ <el-form-item align="left" label="鎺ユ敹鍗曚綅" prop="receivingunit">
<el-input
- v-model="form.receivingUnit"
+ v-model="form.receivingunit"
placeholder="璇疯緭鍏ユ帴鏀跺崟浣�"
- :disabled="form.isBodyDonation !== '1'"
+ :disabled="form.isbodydonation !== '1'"
/>
</el-form-item>
</el-col>
@@ -112,61 +48,37 @@
<el-row :gutter="20">
<el-col :span="6">
- <el-form-item label="璐熻矗浜�" prop="responsibleUserId">
- <el-select
- v-model="form.responsibleUserId"
- placeholder="璇烽�夋嫨璐熻矗浜�"
- style="width: 100%"
- >
- <el-option
- v-for="item in leaderList"
- :key="item.reportNo"
- :label="item.reportName"
- :value="item.reportNo"
- />
- </el-select>
+ <el-form-item label="璐熻矗浜�" prop="responsibleusername">
+ <el-input
+ v-model="form.responsibleusername"
+ placeholder="璇疯緭鍏ヨ礋璐ｄ汉濮撳悕"
+ />
</el-form-item>
</el-col>
<el-col :span="6">
- <el-form-item label="鍗忚皟鍛樹竴" prop="coordinatedUserId1">
- <el-select
- v-model="form.coordinatedUserId1"
- placeholder="璇烽�夋嫨鍗忚皟鍛�"
- style="width: 100%"
- >
- <el-option
- v-for="item in coordinatorList"
- :key="item.reportNo"
- :label="item.reportName"
- :value="item.reportNo"
- />
- </el-select>
+ <el-form-item label="鍗忚皟鍛樹竴" prop="coordinatedusernameo">
+ <el-input
+ v-model="form.coordinatedusernameo"
+ placeholder="璇疯緭鍏ュ崗璋冨憳涓�濮撳悕"
+ />
</el-form-item>
</el-col>
<el-col :span="6">
- <el-form-item label="鍗忚皟鍛樹簩" prop="coordinatedUserId2">
- <el-select
- v-model="form.coordinatedUserId2"
- placeholder="璇烽�夋嫨鍗忚皟鍛�"
- style="width: 100%"
- >
- <el-option
- v-for="item in coordinatorList"
- :key="item.reportNo"
- :label="item.reportName"
- :value="item.reportNo"
- />
- </el-select>
+ <el-form-item label="鍗忚皟鍛樹簩" prop="coordinatedusernamet">
+ <el-input
+ v-model="form.coordinatedusernamet"
+ placeholder="璇疯緭鍏ュ崗璋冨憳浜屽鍚�"
+ />
</el-form-item>
</el-col>
<el-col :span="6">
- <el-form-item label="瀹屾垚鏃堕棿" prop="completionTime">
+ <el-form-item label="瀹屾垚鏃堕棿" prop="completetime">
<el-date-picker
- v-model="form.completionTime"
+ v-model="form.completetime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.utilizationStatus !== 'completed'"
+ :disabled="form.recordstate === 'completed'"
/>
</el-form-item>
</el-col>
@@ -174,14 +86,14 @@
<el-row :gutter="20">
<el-col :span="12">
- <el-form-item label="鐧昏浜�" prop="registrant">
- <el-input v-model="form.registrant" />
+ <el-form-item label="鐧昏浜�" prop="createBy">
+ <el-input v-model="form.createBy" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鐧昏鏃堕棿" prop="registrationTime">
+ <el-form-item label="鐧昏鏃堕棿" prop="createTime">
<el-date-picker
- v-model="form.registrationTime"
+ v-model="form.createTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
@@ -193,13 +105,13 @@
</el-form>
</el-card>
- <!-- 鍣ㄥ畼鍒╃敤璁板綍閮ㄥ垎 -->
+ <!-- 鍣ㄥ畼鍒╃敤璁板綍閮ㄥ垎 - 鏁村悎鍙楄�呰鎯� -->
<el-card class="utilization-card">
<div slot="header" class="clearfix">
<span class="detail-title">鍣ㄥ畼鍒╃敤璁板綍</span>
<div style="float: right;">
- <el-tag :type="getStatusTagType(form.utilizationStatus)">
- {{ getStatusText(form.utilizationStatus) }}
+ <el-tag :type="getStatusTagType(form.recordstate)">
+ {{ getStatusText(form.recordstate) }}
</el-tag>
</div>
</div>
@@ -213,12 +125,15 @@
<el-row>
<el-col>
<el-form-item label-width="100px" label="绉绘鍣ㄥ畼">
- <el-checkbox-group v-model="selectedOrgans" @change="handleOrganSelectionChange">
+ <el-checkbox-group
+ v-model="selectedOrgans"
+ @change="handleOrganSelectionChange"
+ >
<el-checkbox
v-for="dict in dict.type.sys_Organ || []"
:key="dict.value"
:label="dict.value"
- :disabled="form.utilizationStatus === 'completed'"
+ :disabled="form.recordstate === 'completed'"
>
{{ dict.label }}
</el-checkbox>
@@ -231,38 +146,236 @@
<el-col>
<el-form-item>
<el-table
- :data="utilizationData.records"
+ :data="utilizationData.serviceDonatecomporganList"
v-loading="loading"
border
style="width: 100%"
:row-class-name="getOrganRowClassName"
+ :expand-row-keys="expandedRows"
+ @expand-change="handleExpandChange"
+ row-key="organno"
>
+ <el-table-column type="expand" width="60">
+ <template slot-scope="scope">
+ <!-- 灞曞紑琛屽唴瀹� - 鍙楄�呰缁嗕俊鎭� -->
+ <div class="recipient-detail-expand">
+ <div class="recipient-header">
+ <span class="recipient-title">鍙楄�呰缁嗕俊鎭�</span>
+ <el-tag
+ v-if="scope.row.transplantstate === '1'"
+ type="success"
+ size="small"
+ >
+ 宸茬Щ妞�
+ </el-tag>
+ <el-tag
+ v-else-if="scope.row.transplantstate === '0'"
+ type="warning"
+ size="small"
+ >
+ 鏈Щ妞�
+ </el-tag>
+ <el-tag v-else type="info" size="small">
+ 绉绘涓�
+ </el-tag>
+ </div>
+
+ <el-form
+ :model="scope.row"
+ label-width="140px"
+ class="recipient-form"
+ >
+ <!-- 鍩烘湰淇℃伅閮ㄥ垎 -->
+ <div class="form-section">
+ <h4 class="section-title">鍩烘湰淇℃伅</h4>
+ <el-row :gutter="20">
+ <el-col :span="8">
+ <el-form-item label="鍙楄�呭鍚�">
+ <el-input
+ v-model="scope.row.name"
+ placeholder="璇疯緭鍏ュ彈鑰呭鍚�"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="鍑虹敓鏃ユ湡">
+ <el-date-picker
+ v-model="scope.row.birthday"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="閫夋嫨鍑虹敓鏃ユ湡"
+ style="width: 100%"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="鎬у埆">
+ <el-select
+ v-model="scope.row.sex"
+ placeholder="璇烽�夋嫨鎬у埆"
+ style="width: 100%"
+ :disabled="form.recordstate === 'completed'"
+ >
+ <el-option label="鐢�" value="0" />
+ <el-option label="濂�" value="1" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row :gutter="20">
+ <el-col :span="8">
+ <el-form-item label="骞撮緞">
+ <el-input
+ v-model="scope.row.age"
+ placeholder="骞撮緞"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="璇佷欢绫诲瀷">
+ <el-select
+ v-model="scope.row.idcardtype"
+ placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
+ style="width: 100%"
+ :disabled="form.recordstate === 'completed'"
+ >
+ <el-option label="韬唤璇�" value="1" />
+ <el-option label="鎶ょ収" value="2" />
+ <el-option label="鍐涘畼璇�" value="3" />
+ <el-option label="鍏朵粬" value="4" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="璇佷欢鍙风爜">
+ <el-input
+ v-model="scope.row.idcardno"
+ placeholder="璇佷欢鍙风爜"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+
+ <!-- 鑱旂郴淇℃伅閮ㄥ垎 -->
+ <div class="form-section">
+ <h4 class="section-title">鑱旂郴淇℃伅</h4>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="绉绘涓績鍚嶇О">
+ <el-input
+ v-model="scope.row.hospitalname"
+ placeholder="璇疯緭鍏ョЩ妞嶄腑蹇冨悕绉�"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽">
+ <el-input
+ v-model="scope.row.phone"
+ placeholder="鑱旂郴鐢佃瘽"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row :gutter="20">
+ <el-col :span="24">
+ <el-form-item label="鐜颁綇鍦板潃">
+ <el-input
+ type="textarea"
+ :rows="2"
+ v-model="scope.row.residenceaddress"
+ placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+
+ <!-- 绉绘淇℃伅閮ㄥ垎 -->
+ <div
+ class="form-section"
+ v-if="scope.row.transplantstate === '1'"
+ >
+ <h4 class="section-title">绉绘淇℃伅</h4>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="绉绘鏃堕棿">
+ <el-date-picker
+ v-model="scope.row.transplanttime"
+ type="datetime"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ placeholder="閫夋嫨绉绘鏃ユ湡"
+ style="width: 100%"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绉绘鍖荤敓">
+ <el-input
+ v-model="scope.row.transplantdoct"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰鐢�"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+
+ <!-- 鏈Щ妞嶅師鍥� -->
+ <div
+ class="form-section"
+ v-if="scope.row.transplantstate === '0'"
+ >
+ <h4 class="section-title">鏈Щ妞嶄俊鎭�</h4>
+ <el-row :gutter="20">
+ <el-col :span="24">
+ <el-form-item label="鏈Щ妞嶅師鍥�">
+ <el-input
+ type="textarea"
+ :rows="3"
+ v-model="scope.row.abandonreason"
+ placeholder="璇疯緭鍏ユ湭绉绘鍘熷洜"
+ :disabled="form.recordstate === 'completed'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ </el-form>
+ </div>
+ </template>
+ </el-table-column>
+
<el-table-column
label="鍣ㄥ畼鍚嶇О"
align="center"
- width="120"
- prop="organName"
+ prop="organname"
>
<template slot-scope="scope">
<el-input
- v-model="scope.row.organName"
+ v-model="scope.row.organname"
placeholder="鍣ㄥ畼鍚嶇О"
:disabled="true"
/>
</template>
</el-table-column>
- <el-table-column
- label="绯荤粺缂栧彿"
- align="center"
- width="120"
- prop="caseNo"
- >
+ <el-table-column label="绯荤粺缂栧彿" align="center" prop="caseNo">
<template slot-scope="scope">
<el-input
v-model="scope.row.caseNo"
placeholder="绯荤粺缂栧彿"
- :disabled="form.utilizationStatus === 'completed'"
/>
</template>
</el-table-column>
@@ -270,15 +383,14 @@
<el-table-column
label="绉绘鍖婚櫌"
align="center"
- width="200"
- prop="hospitalNo"
+ width="260"
+ prop="hospitalno"
>
<template slot-scope="scope">
<el-select
- v-model="scope.row.hospitalNo"
+ v-model="scope.row.hospitalno"
placeholder="璇烽�夋嫨绉绘鍖婚櫌"
style="width: 100%"
- :disabled="form.utilizationStatus === 'completed'"
@change="handleHospitalChange(scope.row, $event)"
>
<el-option
@@ -292,67 +404,16 @@
</el-table-column>
<el-table-column
- label="鍙椾綋濮撴皬"
- align="center"
- width="120"
- prop="recipientName"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.recipientName"
- placeholder="鍙椾綋濮撴皬"
- :disabled="form.utilizationStatus === 'completed'"
- />
- </template>
- </el-table-column>
-
- <el-table-column
- label="绉绘璐熻矗浜�"
- align="center"
- width="120"
- prop="transplantDoctor"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.transplantDoctor"
- placeholder="鍖诲笀濮撳悕"
- :disabled="form.utilizationStatus === 'completed'"
- />
- </template>
- </el-table-column>
-
- <el-table-column
- label="绉绘鏃堕棿"
- align="center"
- width="150"
- prop="transplantTime"
- >
- <template slot-scope="scope">
- <el-date-picker
- clearable
- size="small"
- style="width: 100%"
- v-model="scope.row.transplantTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="閫夋嫨绉绘鏃堕棿"
- :disabled="form.utilizationStatus === 'completed'"
- />
- </template>
- </el-table-column>
-
- <el-table-column
label="绉绘鐘舵��"
align="center"
- width="120"
- prop="transplantStatus"
+ prop="transplantstate"
>
<template slot-scope="scope">
<el-select
- v-model="scope.row.transplantStatus"
+ v-model="scope.row.transplantstate"
placeholder="璇烽�夋嫨绉绘鐘舵��"
style="width: 100%"
- :disabled="form.utilizationStatus === 'completed'"
+ @change="handleTransplantStatusChange(scope.row, $event)"
>
<el-option
v-for="dict in transplantStatusList"
@@ -365,18 +426,43 @@
</el-table-column>
<el-table-column
- label="璇存槑"
+ label="绉绘鏃堕棿"
align="center"
- prop="abandonReason"
- min-width="200"
+ width="220"
+ prop="transplanttime"
+ >
+ <template slot-scope="scope">
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 100%"
+ v-model="scope.row.transplanttime"
+ type="datetime"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ placeholder="閫夋嫨绉绘鏃堕棿"
+ />
+ </template>
+ </el-table-column>
+
+ <el-table-column
+ label="绉绘鍖荤敓"
+ align="center"
+ prop="transplantdoct"
>
<template slot-scope="scope">
<el-input
- type="textarea"
- clearable
- v-model="scope.row.abandonReason"
- placeholder="璇疯緭鍏ュ純鐢ㄨ鏄�"
- :disabled="form.utilizationStatus === 'completed'"
+ v-model="scope.row.transplantdoct"
+ placeholder="鍖诲笀濮撳悕"
+ />
+ </template>
+ </el-table-column>
+
+ <el-table-column label="鍙楄�呭鍚�" align="center" prop="name">
+ <template slot-scope="scope">
+ <el-input
+ v-model="scope.row.name"
+ placeholder="鍙楄�呭鍚�"
+ :disabled="form.recordstate === 'completed'"
/>
</template>
</el-table-column>
@@ -384,9 +470,8 @@
<el-table-column
label="鎿嶄綔"
align="center"
- width="120"
class-name="small-padding fixed-width"
- v-if="form.utilizationStatus !== 'completed'"
+ v-if="form.recordstate !== 'completed'"
>
<template slot-scope="scope">
<el-button
@@ -397,6 +482,16 @@
>
缂栬緫
</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ style="color: #F56C6C;"
+ @click="handleRemoveOrgan(scope.$index)"
+ v-if="!scope.row.id"
+ >
+ 鍒犻櫎
+ </el-button>
</template>
</el-table-column>
</el-table>
@@ -404,279 +499,100 @@
</el-col>
</el-row>
- <!-- 鍒╃敤缁熻淇℃伅 -->
- <div class="utilization-stats" v-if="utilizationData.records.length > 0">
- <el-row :gutter="20">
- <el-col :span="6">
- <div class="stat-item">
- <span class="stat-label">宸插埄鐢ㄥ櫒瀹�:</span>
- <span class="stat-value">{{ utilizationData.records.length }} 涓�</span>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <span class="stat-label">寰呭畬鍠勪俊鎭�:</span>
- <span class="stat-value">{{ incompleteRecords }} 涓�</span>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <span class="stat-label">娑夊強鍖婚櫌:</span>
- <span class="stat-value">{{ uniqueHospitals }} 瀹�</span>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <span class="stat-label">鍒╃敤鐘舵��:</span>
- <span class="stat-value">
- <el-tag :type="getStatusTagType(form.utilizationStatus)">
- {{ getStatusText(form.utilizationStatus) }}
- </el-tag>
- </span>
- </div>
- </el-col>
- </el-row>
- </div>
+ <!-- 缁熻淇℃伅 -->
- <div v-else class="empty-utilization">
+ <div
+ v-if="
+ !utilizationData.serviceDonatecomporganList ||
+ utilizationData.serviceDonatecomporganList.length == 0
+ "
+ class="empty-utilization"
+ >
<el-empty description="鏆傛棤鍒╃敤璁板綍" :image-size="80">
<span>璇峰厛閫夋嫨瑕佸埄鐢ㄧ殑鍣ㄥ畼</span>
</el-empty>
</div>
</el-form>
-
- <div class="dialog-footer" v-if="form.utilizationStatus !== 'completed'">
- <el-button
- type="primary"
- @click="handleSaveUtilization"
- :loading="saveLoading"
- :disabled="utilizationData.records.length === 0"
- >
- 淇濆瓨鍒╃敤璁板綍
- </el-button>
- <el-button
- type="success"
- @click="handleConfirmUtilization"
- :loading="confirmLoading"
- :disabled="incompleteRecords > 0"
- >
- 纭瀹屾垚鍒╃敤
- </el-button>
- </div>
- </el-card>
-
- <!-- 鍙楄�呰缁嗕俊鎭儴鍒� -->
- <el-card class="recipient-card" v-if="utilizationData.records.length > 0">
- <div slot="header" class="clearfix">
- <span class="detail-title">鍙楄�呰缁嗕俊鎭�</span>
- </div>
-
- <el-tabs v-model="activeRecipientTab" type="card">
- <el-tab-pane
- v-for="record in utilizationData.records"
- :key="record.organNo"
- :label="record.organName"
- :name="record.organNo"
- >
- <el-form :model="record" label-width="140px">
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="鍙楄�呭鍚�">
- <el-input v-model="record.recipientName" placeholder="璇疯緭鍏ュ彈鑰呭鍚�" />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍑虹敓骞存湀">
- <el-date-picker
- v-model="record.recipientBirthDate"
- type="month"
- value-format="yyyy-MM"
- placeholder="閫夋嫨鍑虹敓骞存湀"
- style="width: 100%"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鎬у埆">
- <el-select v-model="record.recipientGender" placeholder="璇烽�夋嫨鎬у埆" style="width: 100%">
- <el-option label="鐢�" value="0" />
- <el-option label="濂�" value="1" />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="绉绘涓績鍚嶇О">
- <el-input v-model="record.transplantCenter" placeholder="璇疯緭鍏ョЩ妞嶄腑蹇冨悕绉�" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鎵�鍦ㄥ湴">
- <el-input v-model="record.location" placeholder="璇疯緭鍏ユ墍鍦ㄥ湴" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="绉绘鏃ユ湡">
- <el-date-picker
- v-model="record.transplantTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="閫夋嫨绉绘鏃ユ湡"
- style="width: 100%"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鍘熷彂鐥�">
- <el-input v-model="record.originalDisease" placeholder="璇疯緭鍏ュ師鍙戠梾" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="妫�娴嬫寚鏍�">
- <el-input
- type="textarea"
- :rows="3"
- v-model="record.testIndicators"
- placeholder="璇疯緭鍏ュ悇绫诲繀瑕佺殑妫�娴嬫寚鏍�"
- />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </el-tab-pane>
- </el-tabs>
- </el-card>
-
- <!-- 闅忚璁板綍閮ㄥ垎 -->
- <el-card class="followup-card">
- <div slot="header" class="clearfix">
- <span class="detail-title">闅忚璁板綍</span>
- <el-button
- type="primary"
- size="mini"
- icon="el-icon-plus"
- @click="handleAddFollowup"
- style="float: right;"
- >
- 鏂板闅忚
- </el-button>
- </div>
-
- <el-table :data="followupData.records" v-loading="loading" border>
- <el-table-column label="鍣ㄥ畼鍚嶇О" align="center" width="120" prop="organName" />
- <el-table-column label="闅忚鏃堕棿" align="center" width="160" prop="followupTime">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.followupTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column label="闅忚绫诲瀷" align="center" width="100" prop="followupType">
- <template slot-scope="scope">
- <el-tag :type="getFollowupTypeTag(scope.row.followupType)">
- {{ getFollowupTypeText(scope.row.followupType) }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鍙楄�呮儏鍐�" align="center" prop="recipientCondition" min-width="200" show-overflow-tooltip />
- <el-table-column label="闅忚鍖荤敓" align="center" width="120" prop="followupDoctor" />
- <el-table-column label="涓嬫闅忚鏃堕棿" align="center" width="160" prop="nextFollowupTime">
- <template slot-scope="scope">
- <span>{{ scope.row.nextFollowupTime || '-' }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" align="center" width="150">
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="text"
- icon="el-icon-view"
- @click="handleViewFollowup(scope.row)"
- >鏌ョ湅</el-button>
- <el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="handleEditFollowup(scope.row)"
- >缂栬緫</el-button>
- <el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- style="color: #F56C6C;"
- @click="handleDeleteFollowup(scope.row)"
- >鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
</el-card>
<!-- 闄勪欢绠＄悊閮ㄥ垎 -->
+ <!-- 闄勪欢绠＄悊閮ㄥ垎 - 浼樺寲涓哄畬鏁村姛鑳� -->
<el-card class="attachment-card">
- <div slot="header" class="clearfix">
- <span class="detail-title">鐩稿叧闄勪欢</span>
- <el-button
- type="primary"
- size="mini"
- icon="el-icon-upload"
- @click="handleUploadAttachment"
+ <div class="attachment-header">
+ <i class="el-icon-paperclip"></i>
+ <span class="attachment-title">鐩稿叧闄勪欢</span>
+ <span class="attachment-tip"
+ >鏀寔涓婁紶鍣ㄥ畼鍒╃敤鐩稿叧鏂囦欢 (鏈�澶歿{ attachmentLimit }}涓�)</span
>
- 涓婁紶闄勪欢
- </el-button>
</div>
- <div class="attachment-list">
- <el-table :data="attachments" style="width: 100%">
- <el-table-column label="鏂囦欢鍚嶇О" min-width="200">
+ <!-- 浣跨敤 UploadAttachment 缁勪欢 -->
+ <UploadAttachment
+ ref="uploadAttachment"
+ :file-list="attachmentFileList"
+ :limit="attachmentLimit"
+ :accept="attachmentAccept"
+ :multiple="true"
+ @change="handleAttachmentChange"
+ @upload-success="handleUploadSuccess"
+ @upload-error="handleUploadError"
+ @remove="handleAttachmentRemove"
+ />
+
+ <!-- 闄勪欢鍒楄〃灞曠ず -->
+ <div class="attachment-list" v-if="attachments && attachments.length > 0">
+ <div class="list-title">宸蹭笂浼犻檮浠� ({{ attachments.length }})</div>
+ <el-table :data="attachments" style="width: 100%" size="small">
+ <el-table-column label="鏂囦欢鍚�" min-width="200">
<template slot-scope="scope">
- <div class="file-info">
- <i :class="getFileIcon(scope.row.fileName)" style="margin-right: 8px; color: #409EFF;"></i>
- <span>{{ scope.row.fileName }}</span>
- </div>
+ <i
+ class="el-icon-document"
+ :style="{ color: getFileIconColor(scope.row.fileName) }"
+ ></i>
+ <span class="file-name">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
- <el-table-column label="鏂囦欢绫诲瀷" width="100" align="center">
+ <el-table-column label="鏂囦欢绫诲瀷" width="100">
<template slot-scope="scope">
- <el-tag size="small">{{ getFileType(scope.row.fileName) }}</el-tag>
+ <el-tag :type="getFileTagType(scope.row.fileName)" size="small">
+ {{ getFileTypeText(scope.row.fileName) }}
+ </el-tag>
</template>
</el-table-column>
- <el-table-column label="鏂囦欢澶у皬" width="100" align="center">
+ <el-table-column label="涓婁紶鏃堕棿" width="200">
+ <template slot-scope="scope">
+ <span>{{ formatDateTime(scope.row.uploadTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鏂囦欢澶у皬" width="180">
<template slot-scope="scope">
<span>{{ formatFileSize(scope.row.fileSize) }}</span>
</template>
</el-table-column>
- <el-table-column label="涓婁紶鏃堕棿" width="160" align="center">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.uploadTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="150" align="center">
+ <el-table-column label="鎿嶄綔" width="260" fixed="right">
<template slot-scope="scope">
<el-button
size="mini"
- type="text"
- icon="el-icon-view"
- @click="handlePreviewAttachment(scope.row)"
- >棰勮</el-button>
+ type="primary"
+ @click="handlePreview(scope.row)"
+ :disabled="!isPreviewable(scope.row.fileName)"
+ >
+ 棰勮
+ </el-button>
<el-button
size="mini"
- type="text"
- icon="el-icon-download"
+ type="success"
@click="handleDownloadAttachment(scope.row)"
- >涓嬭浇</el-button>
+ >
+ 涓嬭浇
+ </el-button>
<el-button
size="mini"
- type="text"
- icon="el-icon-delete"
- style="color: #F56C6C;"
- @click="handleRemoveAttachment(scope.row)"
- >鍒犻櫎</el-button>
+ type="danger"
+ @click="handleRemoveAttachment(scope.$index)"
+ >
+ 鍒犻櫎
+ </el-button>
</template>
</el-table-column>
</el-table>
@@ -693,12 +609,15 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="鍣ㄥ畼鍚嶇О">
- <el-input v-model="currentRecord.organName" readonly />
+ <el-input v-model="currentRecord.organname" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="绉绘鐘舵��">
- <el-select v-model="currentRecord.transplantStatus" style="width: 100%">
+ <el-select
+ v-model="currentRecord.transplantstate"
+ style="width: 100%"
+ >
<el-option
v-for="dict in transplantStatusList"
:key="dict.value"
@@ -709,13 +628,39 @@
</el-form-item>
</el-col>
</el-row>
- <el-form-item label="寮冪敤璇存槑" v-if="currentRecord.transplantStatus === '0'">
+ <el-form-item
+ label="鏈Щ妞嶅師鍥�"
+ v-if="currentRecord.transplantstate === '0'"
+ >
<el-input
type="textarea"
:rows="3"
- v-model="currentRecord.abandonReason"
- placeholder="璇疯緭鍏ュ純鐢ㄧ殑鍘熷洜璇存槑"
+ v-model="currentRecord.abandonreason"
+ placeholder="璇疯緭鍏ユ湭绉绘鍘熷洜"
/>
+ </el-form-item>
+ <el-form-item
+ label="绉绘鍖婚櫌"
+ v-if="currentRecord.transplantstate === '1'"
+ >
+ <el-select
+ v-model="currentRecord.hospitalno"
+ placeholder="璇烽�夋嫨绉绘鍖婚櫌"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="hospital in hospitalList"
+ :key="hospital.hospitalNo"
+ :label="hospital.hospitalName"
+ :value="hospital.hospitalNo"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ label="鍙楄�呭鍚�"
+ v-if="currentRecord.transplantstate === '1'"
+ >
+ <el-input v-model="currentRecord.name" placeholder="璇疯緭鍏ュ彈鑰呭鍚�" />
</el-form-item>
</el-form>
<div slot="footer">
@@ -724,139 +669,82 @@
</div>
</el-dialog>
- <!-- 闅忚璁板綍瀵硅瘽妗� -->
- <el-dialog
- :title="followupDialogTitle"
- :visible.sync="followupDialogVisible"
- width="700px"
- >
- <el-form :model="currentFollowup" label-width="120px">
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="鍣ㄥ畼鍚嶇О">
- <el-select v-model="currentFollowup.organNo" style="width: 100%">
- <el-option
- v-for="organ in utilizationData.records"
- :key="organ.organNo"
- :label="organ.organName"
- :value="organ.organNo"
- />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="闅忚绫诲瀷">
- <el-select v-model="currentFollowup.followupType" style="width: 100%">
- <el-option label="甯歌闅忚" value="routine" />
- <el-option label="绱ф�ラ殢璁�" value="emergency" />
- <el-option label="鐗规畩闅忚" value="special" />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="闅忚鏃堕棿">
- <el-date-picker
- v-model="currentFollowup.followupTime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- style="width: 100%"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="闅忚鍖荤敓">
- <el-input v-model="currentFollowup.followupDoctor" placeholder="璇疯緭鍏ラ殢璁垮尰鐢�" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-form-item label="鍙楄�呮儏鍐�">
- <el-input
- type="textarea"
- :rows="3"
- v-model="currentFollowup.recipientCondition"
- placeholder="璇疯緭鍏ュ彈鑰呭綋鍓嶆儏鍐�"
- />
- </el-form-item>
- <el-form-item label="鐢ㄨ嵂鎯呭喌">
- <el-input
- type="textarea"
- :rows="2"
- v-model="currentFollowup.medicationSituation"
- placeholder="璇疯緭鍏ョ敤鑽儏鍐�"
- />
- </el-form-item>
- <el-form-item label="妫�鏌ョ粨鏋�">
- <el-input
- type="textarea"
- :rows="2"
- v-model="currentFollowup.testResults"
- placeholder="璇疯緭鍏ユ鏌ョ粨鏋�"
- />
- </el-form-item>
- <el-form-item label="涓嬫闅忚鏃堕棿">
- <el-date-picker
- v-model="currentFollowup.nextFollowupTime"
- type="date"
- value-format="yyyy-MM-dd"
- style="width: 100%"
- />
- </el-form-item>
- </el-form>
- <div slot="footer">
- <el-button @click="followupDialogVisible = false">鍙栨秷</el-button>
- <el-button type="primary" @click="handleSaveFollowup">淇濆瓨</el-button>
- </div>
- </el-dialog>
+ <!-- 鏂囦欢棰勮瀵硅瘽妗� -->
+ <FilePreviewDialog
+ :visible="filePreviewVisible"
+ :file="currentPreviewFile"
+ @close="filePreviewVisible = false"
+ @download="handleDownloadAttachment"
+ />
</div>
</template>
<script>
import {
- getOrganUtilizationDetail,
- updateOrganUtilization,
- addOrganUtilization,
- saveUtilizationRecords,
- saveFollowupRecord,
- getHospitalList,
- getLeaderList,
- getCoordinatorList
-} from "./organUtilization";
+ completionList,
+ completionadd,
+ completionedit
+} from "@/api/businessApi";
+import UploadAttachment from "@/components/UploadAttachment"; // 鏂板瀵煎叆
+import FilePreviewDialog from "@/components/FilePreviewDialog"; // 鏂板瀵煎叆
+import CaseBasicInfo from "@/components/CaseBasicInfo";
+import dayjs from "dayjs"; // 鏂板瀵煎叆锛岀敤浜庢椂闂村鐞�
export default {
name: "OrganUtilizationDetail",
- dicts: ["sys_user_sex", "sys_Organ", "sys_0_1"],
+ components: {
+ UploadAttachment,
+ FilePreviewDialog,
+ CaseBasicInfo
+ },
+ dicts: ["sys_BloodType", "sys_Organ", "sys_0_1"],
data() {
return {
- // 琛ㄥ崟鏁版嵁
+ caseId: null,
+
+ // 琛ㄥ崟鏁版嵁 - 鏍规嵁鎺ュ彛鍙傛暟璋冩暣
form: {
id: undefined,
- hospitalNo: "",
+ infoid: undefined,
+ inpatientno: "",
+ recordstate: "pending",
caseNo: "",
- donorName: "",
- gender: "",
+ donorno: "",
+ treatmenthospitalname: "",
+ treatmenthospitalno: "",
+ sex: "",
+ name: "",
age: "",
- birthDate: "",
- diagnosis: "",
- utilizationStatus: "pending",
- allocationTime: "",
- registrant: "",
- registrationTime: "",
- isBodyDonation: "0",
- receivingUnit: "",
- responsibleUserId: "",
- coordinatedUserId1: "",
- coordinatedUserId2: "",
- completionTime: ""
+ bloodtype: "",
+ idcardno: "",
+ diagnosisname: "",
+ completetime: "",
+ responsibleuserid: "",
+ responsibleusername: "",
+ coordinateduserido: "",
+ coordinatedusernameo: "",
+ coordinateduseridt: "",
+ coordinatedusernamet: "",
+ assessannex: "",
+ donateorgan: "",
+ isbodydonation: "0",
+ receivingunit: "",
+ createBy: "",
+ createTime: "",
+ updateBy: "",
+ updateTime: "",
+ attachments: []
},
// 琛ㄥ崟楠岃瘉瑙勫垯
rules: {
- donorName: [
+ name: [
{ required: true, message: "鎹愮尞鑰呭鍚嶄笉鑳戒负绌�", trigger: "blur" }
],
- diagnosis: [
+ diagnosisname: [
{ required: true, message: "鐤剧梾璇婃柇涓嶈兘涓虹┖", trigger: "blur" }
+ ],
+ donorno: [
+ { required: true, message: "鎹愮尞鑰呯紪鍙蜂笉鑳戒负绌�", trigger: "blur" }
]
},
// 鍒╃敤璁板綍楠岃瘉瑙勫垯
@@ -870,10 +758,6 @@
selectedOrgans: [],
// 鍖婚櫌鍒楄〃
hospitalList: [],
- // 璐熻矗浜哄垪琛�
- leaderList: [],
- // 鍗忚皟鍛樺垪琛�
- coordinatorList: [],
// 绉绘鐘舵�佸垪琛�
transplantStatusList: [
{ value: "1", label: "宸茬Щ妞�" },
@@ -882,7 +766,7 @@
],
// 鍒╃敤璁板綍鏁版嵁
utilizationData: {
- records: []
+ serviceDonatecomporganList: []
},
// 闅忚璁板綍鏁版嵁
followupData: {
@@ -890,15 +774,21 @@
},
// 闄勪欢鏁版嵁
attachments: [],
- // 褰撳墠婵�娲荤殑鍙楄�呮爣绛�
- activeRecipientTab: "",
+ // 灞曞紑鐨勮keys
+ expandedRows: [],
// 缂栬緫瀵硅瘽妗�
editDialogVisible: false,
currentRecord: {},
currentEditIndex: -1,
- // 闅忚瀵硅瘽妗�
- followupDialogVisible: false,
- followupDialogTitle: "鏂板闅忚璁板綍",
+ // 闄勪欢鐩稿叧閰嶇疆 - 鏂板
+ attachmentFileList: [],
+ attachmentLimit: 10,
+ attachmentAccept:
+ ".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt",
+
+ // 鏂囦欢棰勮鐩稿叧 - 鏂板
+ filePreviewVisible: false,
+ currentPreviewFile: null,
currentFollowup: {},
isEditingFollowup: false
};
@@ -908,140 +798,179 @@
currentUser() {
return JSON.parse(sessionStorage.getItem("user") || "{}");
},
- // 涓嶅畬鏁寸殑璁板綍鏁伴噺
- incompleteRecords() {
- return this.utilizationData.records.filter(
- record =>
- !record.caseNo ||
- !record.hospitalNo ||
- !record.recipientName ||
- !record.transplantTime
+ // 宸茬Щ妞嶆暟閲�
+ transplantedCount() {
+ if (!this.utilizationData.serviceDonatecomporganList) return 0;
+ return this.utilizationData.serviceDonatecomporganList.filter(
+ record => record.transplantstate === "1"
).length;
},
// 鍞竴鍖婚櫌鏁伴噺
uniqueHospitals() {
- const hospitals = this.utilizationData.records
- .map(record => record.hospitalNo)
+ if (!this.utilizationData.serviceDonatecomporganList) return 0;
+ const hospitals = this.utilizationData.serviceDonatecomporganList
+ .map(record => record.hospitalno)
.filter(Boolean);
return new Set(hospitals).size;
+ },
+ // 鑾峰彇鍣ㄥ畼瀛楀吀
+ organDict() {
+ return this.dict.type.sys_Organ || [];
}
},
created() {
- const id = this.$route.query.id;
- if (id) {
- this.getDetail(id);
- } else {
- this.generateCaseNo();
- this.form.registrant = this.currentUser.username || "褰撳墠鐢ㄦ埛";
- this.form.registrationTime = new Date()
+ this.initData();
+ },
+ watch: {
+ // 鐩戝惉闄勪欢鏁版嵁鍙樺寲 - 鏂板
+ attachments: {
+ handler(newAttachments) {
+ this.attachmentFileList = newAttachments.map(item => ({
+ uid: item.id || Math.random(),
+ name: item.fileName,
+ fileSize: item.fileSize,
+ url: item.path || item.fileUrl,
+ uploadTime: item.uploadTime,
+ status: "success"
+ }));
+ },
+ deep: true
+ }
+ },
+ methods: {
+ // 鍒濆鍖栨暟鎹�
+ initData() {
+ this.caseId = this.$route.query.infoid;
+
+ if (!this.caseId) {
+ this.$message.error("缂哄皯蹇呰鐨勮矾鐢卞弬鏁� infoid");
+ this.$router.back();
+ return;
+ }
+
+ this.form.infoid = this.caseId;
+ this.form.createBy =
+ this.currentUser.username || this.currentUser.name || "褰撳墠鐢ㄦ埛";
+ this.form.createTime = new Date()
.toISOString()
.replace("T", " ")
.substring(0, 19);
- }
- this.getHospitalData();
- this.getLeaderData();
- this.getCoordinatorData();
- },
- methods: {
- // 鐢熸垚浣忛櫌鍙�
- generateCaseNo() {
+
+ this.generateDonorNo();
+ this.getDetail();
+ this.getHospitalData();
+ },
+
+ // 鐢熸垚鎹愮尞鑰呯紪鍙�
+ generateDonorNo() {
const timestamp = Date.now().toString();
- this.form.hospitalNo = "D" + timestamp.slice(-6);
- this.form.caseNo = "C" + timestamp.slice(-6);
+ this.form.donorno = "D" + timestamp.slice(-8);
+ this.form.caseNo = "CASE" + timestamp.slice(-6);
+ this.form.inpatientno = "IP" + timestamp.slice(-6);
},
+
// 鑾峰彇璇︽儏
- getDetail(id) {
+ async getDetail() {
this.loading = true;
- getOrganUtilizationDetail(id)
- .then(response => {
- if (response.code === 200) {
- this.form = response.data;
- if (response.data.utilizationRecords) {
- this.utilizationData.records = response.data.utilizationRecords;
- this.selectedOrgans = response.data.utilizationRecords.map(
- item => item.organNo
- );
- if (this.utilizationData.records.length > 0) {
- this.activeRecipientTab = this.utilizationData.records[0].organNo;
- }
- }
- if (response.data.followupRecords) {
- this.followupData.records = response.data.followupRecords;
- }
+ try {
+ const response = await completionList({ infoid: this.caseId });
+ if (
+ response.code === 200 &&
+ response.data &&
+ response.data.length > 0
+ ) {
+ const data = response.data[0];
+ // 濉厖琛ㄥ崟鏁版嵁
+ Object.assign(this.form, data);
+
+ // 澶勭悊鎹愮尞鍣ㄥ畼瀛楁
+ if (data.donateorgan) {
+ const organArray = Array.isArray(data.donateorgan)
+ ? data.donateorgan
+ : (data.donateorgan || "").split(",").filter(item => item);
+ this.selectedOrgans = organArray;
}
- this.loading = false;
- })
- .catch(error => {
- console.error("鑾峰彇鍣ㄥ畼鍒╃敤璇︽儏澶辫触:", error);
- this.loading = false;
- this.$message.error("鑾峰彇璇︽儏澶辫触");
- });
+
+ // 澶勭悊鍣ㄥ畼鍒╃敤璁板綍
+ if (data.serviceDonatecomporganList) {
+ this.utilizationData.serviceDonatecomporganList = Array.isArray(
+ data.serviceDonatecomporganList
+ )
+ ? data.serviceDonatecomporganList.map(record => ({
+ ...record,
+ transplantstate: record.transplantstate
+ ? record.transplantstate.toString()
+ : "1"
+ }))
+ : [];
+ }
+
+ // 鍒濆鍖栭檮浠�
+ if (this.form.assessannex) {
+ this.form.attachments = JSON.parse(this.form.assessannex);
+ this.attachments = Array.isArray(this.form.attachments)
+ ? [...this.form.attachments]
+ : [];
+ }
+
+ this.$message.success("鏁版嵁鍔犺浇鎴愬姛");
+ } else {
+ this.$message.warning("鏈壘鍒板搴旂殑鍣ㄥ畼鍒╃敤鏁版嵁");
+ }
+ } catch (error) {
+ console.error("鑾峰彇鍣ㄥ畼鍒╃敤璇︽儏澶辫触:", error);
+ this.$message.error("鑾峰彇璇︽儏澶辫触");
+ } finally {
+ this.loading = false;
+ }
},
+
// 鑾峰彇鍖婚櫌鏁版嵁
- getHospitalData() {
- getHospitalList().then(response => {
- if (response.code === 200) {
- this.hospitalList = response.data;
- }
- });
+ async getHospitalData() {
+ try {
+ // TODO: 鏇挎崲涓哄疄闄呯殑鍖婚櫌鍒楄〃鎺ュ彛
+ // 鏆傛椂浣跨敤妯℃嫙鏁版嵁
+ this.hospitalList = [
+ { hospitalNo: "H001", hospitalName: "鍖椾含鍗忓拰鍖婚櫌" },
+ { hospitalNo: "H002", hospitalName: "涓婃捣鍗庡北鍖婚櫌" },
+ { hospitalNo: "H003", hospitalName: "涓婃捣鐟為噾鍖婚櫌" },
+ { hospitalNo: "H004", hospitalName: "骞垮窞涓北鍖婚櫌" },
+ { hospitalNo: "H005", hospitalName: "姝︽眽鍚屾祹鍖婚櫌" },
+ { hospitalNo: "H006", hospitalName: "鎴愰兘鍗庤タ鍖婚櫌" }
+ ];
+ } catch (error) {
+ console.error("鑾峰彇鍖婚櫌鏁版嵁澶辫触:", error);
+ this.$message.error("鑾峰彇鍖婚櫌鏁版嵁澶辫触");
+ }
},
- // 鑾峰彇璐熻矗浜烘暟鎹�
- getLeaderData() {
- getLeaderList().then(response => {
- if (response.code === 200) {
- this.leaderList = response.data;
- }
- });
- },
- // 鑾峰彇鍗忚皟鍛樻暟鎹�
- getCoordinatorData() {
- getCoordinatorList().then(response => {
- if (response.code === 200) {
- this.coordinatorList = response.data;
- }
- });
- },
+
// 鍣ㄥ畼閫夋嫨鐘舵�佸彉鍖�
handleOrganSelectionChange(selectedValues) {
- const currentOrganNos = this.utilizationData.records.map(
- item => item.organNo
+ if (!this.utilizationData.serviceDonatecomporganList) {
+ this.utilizationData.serviceDonatecomporganList = [];
+ }
+
+ const currentOrganValues = this.utilizationData.serviceDonatecomporganList.map(
+ item => item.organno
);
+
+ // 澶勭悊浜掓枼閫昏緫
+ this.handleExclusiveSelections(selectedValues);
+
+ // 鏇存柊鎹愮尞鍣ㄥ畼瀛楁
+ this.form.donateorgan = selectedValues.join(",");
// 鏂板閫夋嫨鐨勫櫒瀹�
selectedValues.forEach(organValue => {
- if (!currentOrganNos.includes(organValue)) {
- const organInfo = this.dict.type.sys_Organ.find(
- item => item.value === organValue
- );
- if (organInfo) {
- this.utilizationData.records.push({
- organName: organInfo.label,
- organNo: organValue,
- id: null,
- utilizationId: this.form.id,
- caseNo: "",
- hospitalNo: "",
- hospitalName: "",
- recipientName: "",
- transplantDoctor: "",
- transplantTime: "",
- transplantStatus: "1",
- abandonReason: "",
- recipientBirthDate: "",
- recipientGender: "",
- transplantCenter: "",
- location: "",
- originalDisease: "",
- testIndicators: ""
- });
- }
+ if (!currentOrganValues.includes(organValue)) {
+ this.createOrganRecord(organValue);
}
});
// 绉婚櫎鍙栨秷閫夋嫨鐨勫櫒瀹�
- this.utilizationData.records = this.utilizationData.records.filter(
+ this.utilizationData.serviceDonatecomporganList = this.utilizationData.serviceDonatecomporganList.filter(
record => {
- if (selectedValues.includes(record.organNo)) {
+ if (selectedValues.includes(record.organno)) {
return true;
} else {
if (record.id) {
@@ -1055,13 +984,13 @@
}
)
.then(() => {
- this.utilizationData.records = this.utilizationData.records.filter(
- r => r.organNo !== record.organNo
+ this.utilizationData.serviceDonatecomporganList = this.utilizationData.serviceDonatecomporganList.filter(
+ r => r.organno !== record.organno
);
this.$message.success("鍒犻櫎鎴愬姛");
})
.catch(() => {
- this.selectedOrgans.push(record.organNo);
+ this.selectedOrgans.push(record.organno);
});
return true;
} else {
@@ -1071,19 +1000,115 @@
}
);
},
+
+ // 澶勭悊浜掓枼閫夋嫨
+ handleExclusiveSelections(selectedValues) {
+ // 濡傛灉閫夋嫨浜�"鍙岃偩"(鍋囪瀛楀吀鍊间负C64)锛岃嚜鍔ㄥ彇娑堝崟鐙殑"宸﹁偩"(C64L)鍜�"鍙宠偩"(C64R)閫夋嫨
+ if (selectedValues.includes("C64")) {
+ this.selectedOrgans = selectedValues.filter(
+ item => item !== "C64L" && item !== "C64R"
+ );
+ }
+ // 濡傛灉閫夋嫨浜�"宸﹁偩"鎴�"鍙宠偩"锛屽彇娑�"鍙岃偩"閫夋嫨
+ else if (
+ selectedValues.includes("C64L") ||
+ selectedValues.includes("C64R")
+ ) {
+ this.selectedOrgans = selectedValues.filter(item => item !== "C64");
+ }
+
+ // 濡傛灉閫夋嫨浜�"鍏ㄨ偤"(鍋囪瀛楀吀鍊间负C34)锛岃嚜鍔ㄥ彇娑堝崟鐙殑"宸﹁偤"(C34L)鍜�"鍙宠偤"(C34R)閫夋嫨
+ if (selectedValues.includes("C34")) {
+ this.selectedOrgans = selectedValues.filter(
+ item => item !== "C34L" && item !== "C34R"
+ );
+ }
+ // 濡傛灉閫夋嫨浜�"宸﹁偤"鎴�"鍙宠偤"锛屽彇娑�"鍏ㄨ偤"閫夋嫨
+ else if (
+ selectedValues.includes("C34L") ||
+ selectedValues.includes("C34R")
+ ) {
+ this.selectedOrgans = selectedValues.filter(item => item !== "C34");
+ }
+ },
+
+ // 鍒涘缓鍣ㄥ畼璁板綍
+ createOrganRecord(organValue) {
+ const organName = this.getOrganLabel(organValue);
+
+ this.utilizationData.serviceDonatecomporganList.push({
+ organname: organName,
+ organno: organValue,
+ caseNo: "",
+ hospitalno: "",
+ hospitalname: "",
+ name: "",
+ transplantdoct: "",
+ transplanttime: "",
+ transplantstate: "1",
+ abandonreason: "",
+ sex: "",
+ age: "",
+ birthday: "",
+ phone: "",
+ residenceaddress: "",
+ residenceprovince: "",
+ residenceprovincename: "",
+ residencecity: "",
+ residencecityname: "",
+ residencetown: "",
+ residencetownname: "",
+ residencecommunity: "",
+ residencecommunityname: "",
+ residencecountycode: "",
+ residencecountyname: "",
+ idcardtype: "",
+ idcardno: "",
+ ageunit: ""
+ });
+ },
+
+ // 鏍规嵁瀛楀吀value鑾峰彇label
+ getOrganLabel(organValue) {
+ const dictItem = this.organDict.find(item => item.value === organValue);
+ return dictItem ? dictItem.label : organValue;
+ },
+
// 鍖婚櫌閫夋嫨鍙樺寲
handleHospitalChange(row, hospitalNo) {
const hospital = this.hospitalList.find(
item => item.hospitalNo === hospitalNo
);
if (hospital) {
- row.hospitalName = hospital.hospitalName;
+ row.hospitalname = hospital.hospitalName;
}
},
+
+ // 绉绘鐘舵�佸彉鍖栧鐞�
+ handleTransplantStatusChange(row, status) {
+ if (status === "0") {
+ // 濡傛灉鐘舵�佷负鏈Щ妞嶏紝娓呴櫎鐩稿叧瀛楁
+ // row.transplanttime = "";
+ // row.transplantdoct = "";
+ // row.hospitalno = "";
+ // row.hospitalname = "";
+ } else if (status === "1") {
+ // 濡傛灉鐘舵�佷负宸茬Щ妞嶏紝鑷姩璁剧疆绉绘鏃堕棿涓哄綋鍓嶆椂闂�
+ if (!row.transplanttime) {
+ row.transplanttime = new Date().toISOString().split("T")[0];
+ }
+ }
+ },
+
+ // 琛屽睍寮�浜嬩欢
+ handleExpandChange(row, expandedRows) {
+ this.expandedRows = expandedRows.map(item => item.organno);
+ },
+
// 缂栬緫鍒╃敤璁板綍
handleEditUtilization(row) {
- const index = this.utilizationData.records.findIndex(
- item => item.organNo === row.organNo
+ const index = this.utilizationData.serviceDonatecomporganList.findIndex(
+ item => item.organno === row.organno
);
if (index !== -1) {
this.currentRecord = { ...row };
@@ -1091,46 +1116,77 @@
this.editDialogVisible = true;
}
},
+
// 纭缂栬緫
handleEditConfirm() {
if (this.currentEditIndex !== -1) {
- this.utilizationData.records[this.currentEditIndex] = {
+ this.utilizationData.serviceDonatecomporganList[
+ this.currentEditIndex
+ ] = {
...this.currentRecord
};
this.$message.success("鍒╃敤璁板綍鏇存柊鎴愬姛");
this.editDialogVisible = false;
}
},
+
+ // 鍒犻櫎鍣ㄥ畼璁板綍
+ handleRemoveOrgan(index) {
+ this.$confirm("纭鍒犻櫎杩欐潯鍣ㄥ畼璁板綍鍚楋紵", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(() => {
+ const organno = this.utilizationData.serviceDonatecomporganList[index]
+ .organno;
+ this.utilizationData.serviceDonatecomporganList.splice(index, 1);
+
+ // 浠庨�変腑鐨勫櫒瀹樹腑绉婚櫎
+ const idx = this.selectedOrgans.indexOf(organno);
+ if (idx > -1) {
+ this.selectedOrgans.splice(idx, 1);
+ }
+
+ this.$message.success("鍣ㄥ畼璁板綍鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ },
+
// 鍣ㄥ畼琛屾牱寮�
getOrganRowClassName({ row }) {
if (
- !row.caseNo ||
- !row.hospitalNo ||
- !row.recipientName ||
- !row.transplantTime
+ row.transplantstate === "1" &&
+ (!row.caseNo || !row.hospitalno || !row.name || !row.transplanttime)
) {
+ return "warning-row";
+ }
+ if (row.transplantstate === "0" && !row.abandonreason) {
return "warning-row";
}
return "";
},
+
// 鑾峰彇鐘舵�佹爣绛剧被鍨�
getStatusTagType(status) {
const typeMap = {
completed: "success",
- in_progress: "warning",
+ processing: "warning",
pending: "info"
};
return typeMap[status] || "info";
},
+
// 鑾峰彇鐘舵�佹枃鏈�
getStatusText(status) {
const textMap = {
completed: "宸插畬鎴�",
- in_progress: "杩涜涓�",
+ processing: "杩涜涓�",
pending: "寰呭鐞�"
};
return textMap[status] || "鏈煡";
},
+
// 鑾峰彇闅忚绫诲瀷鏍囩
getFollowupTypeTag(type) {
const typeMap = {
@@ -1140,6 +1196,7 @@
};
return typeMap[type] || "info";
},
+
// 鑾峰彇闅忚绫诲瀷鏂囨湰
getFollowupTypeText(type) {
const textMap = {
@@ -1149,62 +1206,102 @@
};
return textMap[type] || "鏈煡";
},
+
// 淇濆瓨鍩烘湰淇℃伅
- handleSave() {
- this.$refs.form.validate(valid => {
+ async handleSave() {
+ this.$refs.form.validate(async valid => {
if (valid) {
this.saveLoading = true;
- const apiMethod = this.form.id
- ? updateOrganUtilization
- : addOrganUtilization;
+ try {
+ const saveData = {
+ ...this.form,
+ assessannex: JSON.stringify(this.attachments),
+ donateorgan: this.selectedOrgans.join(","),
+ serviceDonatecomporganList:
+ this.utilizationData.serviceDonatecomporganList || []
+ };
- apiMethod(this.form)
- .then(response => {
- if (response.code === 200) {
- this.$message.success("淇濆瓨鎴愬姛");
- if (!this.form.id) {
- this.form.id = response.data.id;
- this.$router.replace({
- query: { ...this.$route.query, id: this.form.id }
- });
- }
+ const apiMethod = this.form.id ? completionedit : completionadd;
+ const response = await apiMethod(saveData);
+
+ if (response.code === 200) {
+ this.$message.success("淇濆瓨鎴愬姛");
+ if (!this.form.id && response.data && response.data.id) {
+ this.form.id = response.data.id;
+ this.$router.replace({
+ query: { ...this.$route.query, id: this.form.id }
+ });
}
- })
- .catch(error => {
- console.error("淇濆瓨澶辫触:", error);
- this.$message.error("淇濆瓨澶辫触");
- })
- .finally(() => {
- this.saveLoading = false;
- });
+ } else {
+ this.$message.error("淇濆瓨澶辫触锛�" + (response.msg || "鏈煡閿欒"));
+ }
+ } catch (error) {
+ console.error("淇濆瓨澶辫触:", error);
+ this.$message.error("淇濆瓨澶辫触");
+ } finally {
+ this.saveLoading = false;
+ }
}
});
},
+
// 淇濆瓨鍒╃敤璁板綍
- handleSaveUtilization() {
- if (!this.form.id) {
- this.$message.warning("璇峰厛淇濆瓨鍩烘湰淇℃伅");
+ async handleSaveUtilization() {
+ if (
+ !this.utilizationData.serviceDonatecomporganList ||
+ this.utilizationData.serviceDonatecomporganList.length === 0
+ ) {
+ this.$message.warning("璇峰厛娣诲姞鍒╃敤璁板綍");
return;
}
this.saveLoading = true;
- saveUtilizationRecords(this.form.id, this.utilizationData.records)
- .then(response => {
- if (response.code === 200) {
- this.$message.success("鍒╃敤璁板綍淇濆瓨鎴愬姛");
- }
- })
- .catch(error => {
- console.error("淇濆瓨鍒╃敤璁板綍澶辫触:", error);
- this.$message.error("淇濆瓨鍒╃敤璁板綍澶辫触");
- })
- .finally(() => {
- this.saveLoading = false;
- });
+ try {
+ const saveData = {
+ ...this.form,
+ attachments: this.attachments,
+ donateorgan: this.selectedOrgans.join(","),
+ serviceDonatecomporganList:
+ this.utilizationData.serviceDonatecomporganList || []
+ };
+
+ const response = await completionedit(saveData);
+
+ if (response.code === 200) {
+ this.$message.success("鍒╃敤璁板綍淇濆瓨鎴愬姛");
+ } else {
+ this.$message.error(
+ "淇濆瓨鍒╃敤璁板綍澶辫触锛�" + (response.msg || "鏈煡閿欒")
+ );
+ }
+ } catch (error) {
+ console.error("淇濆瓨鍒╃敤璁板綍澶辫触:", error);
+ this.$message.error("淇濆瓨鍒╃敤璁板綍澶辫触");
+ } finally {
+ this.saveLoading = false;
+ }
},
+
// 纭瀹屾垚鍒╃敤
- handleConfirmUtilization() {
- if (this.incompleteRecords > 0) {
+ async handleConfirmUtilization() {
+ // 妫�鏌ュ埄鐢ㄨ褰曟槸鍚﹀畬鏁�
+ const incompleteRecords = this.utilizationData.serviceDonatecomporganList.filter(
+ record => {
+ if (record.transplantstate === "1") {
+ return (
+ !record.caseNo ||
+ !record.hospitalno ||
+ !record.name ||
+ !record.transplanttime
+ );
+ } else if (record.transplantstate === "0") {
+ return !record.abandonreason;
+ }
+ return false;
+ }
+ );
+
+ if (incompleteRecords.length > 0) {
this.$message.warning("璇峰厛瀹屽杽鎵�鏈夊埄鐢ㄨ褰曠殑淇℃伅");
return;
}
@@ -1214,81 +1311,53 @@
cancelButtonText: "鍙栨秷",
type: "warning"
})
- .then(() => {
+ .then(async () => {
this.confirmLoading = true;
- this.form.utilizationStatus = "completed";
- this.form.completionTime = new Date()
- .toISOString()
- .replace("T", " ")
- .substring(0, 19);
+ this.form.recordstate = "completed";
+ this.form.completetime =
+ this.form.completetime ||
+ new Date()
+ .toISOString()
+ .replace("T", " ")
+ .substring(0, 19);
- updateOrganUtilization(this.form)
- .then(response => {
- if (response.code === 200) {
- this.$message.success("鍣ㄥ畼鍒╃敤宸插畬鎴�");
- }
- })
- .catch(error => {
- console.error("纭鍒╃敤澶辫触:", error);
- this.$message.error("纭鍒╃敤澶辫触");
- })
- .finally(() => {
- this.confirmLoading = false;
- });
- })
- .catch(() => {});
- },
- // 瀹屾垚鍒╃敤
- handleComplete() {
- this.handleConfirmUtilization();
- },
- // 鏂板闅忚璁板綍
- handleAddFollowup() {
- this.followupDialogTitle = "鏂板闅忚璁板綍";
- this.isEditingFollowup = false;
- this.currentFollowup = {
- organNo: this.utilizationData.records.length > 0 ? this.utilizationData.records[0].organNo : "",
- followupTime: new Date().toISOString().replace("T", " ").substring(0, 19),
- followupType: "routine",
- recipientCondition: "",
- medicationSituation: "",
- testResults: "",
- nextFollowupTime: "",
- followupDoctor: ""
- };
- this.followupDialogVisible = true;
- },
- // 鏌ョ湅闅忚璁板綍
- handleViewFollowup(record) {
- this.currentFollowup = { ...record };
- this.followupDialogTitle = "鏌ョ湅闅忚璁板綍";
- this.followupDialogVisible = true;
- },
- // 缂栬緫闅忚璁板綍
- handleEditFollowup(record) {
- this.followupDialogTitle = "缂栬緫闅忚璁板綍";
- this.isEditingFollowup = true;
- this.currentFollowup = { ...record };
- this.followupDialogVisible = true;
- },
- // 鍒犻櫎闅忚璁板綍
- handleDeleteFollowup(record) {
- this.$confirm("纭畾瑕佸垹闄よ繖鏉￠殢璁胯褰曞悧锛�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- const index = this.followupData.records.findIndex(
- item => item.id === record.id
- );
- if (index !== -1) {
- this.followupData.records.splice(index, 1);
- this.$message.success("闅忚璁板綍鍒犻櫎鎴愬姛");
+ try {
+ const saveData = {
+ ...this.form,
+ attachments: this.attachments,
+ donateorgan: this.selectedOrgans.join(","),
+ serviceDonatecomporganList:
+ this.utilizationData.serviceDonatecomporganList || []
+ };
+
+ const response = await completionedit(saveData);
+
+ if (response.code === 200) {
+ this.$message.success("鍣ㄥ畼鍒╃敤宸插畬鎴�");
+ } else {
+ this.$message.error(
+ "纭鍒╃敤澶辫触锛�" + (response.msg || "鏈煡閿欒")
+ );
+ this.form.recordstate = "pending";
+ this.form.completetime = "";
+ }
+ } catch (error) {
+ console.error("纭鍒╃敤澶辫触:", error);
+ this.$message.error("纭鍒╃敤澶辫触");
+ this.form.recordstate = "pending";
+ this.form.completetime = "";
+ } finally {
+ this.confirmLoading = false;
}
})
.catch(() => {});
},
+
+ // 瀹屾垚鍒╃敤
+ handleComplete() {
+ this.handleConfirmUtilization();
+ },
+
// 淇濆瓨闅忚璁板綍
handleSaveFollowup() {
if (!this.currentFollowup.organNo) {
@@ -1304,10 +1373,10 @@
this.saveLoading = true;
// 鑾峰彇鍣ㄥ畼鍚嶇О
- const organRecord = this.utilizationData.records.find(
- item => item.organNo === this.currentFollowup.organNo
+ const organRecord = this.utilizationData.serviceDonatecomporganList.find(
+ item => item.organno === this.currentFollowup.organNo
);
- const organName = organRecord ? organRecord.organName : "";
+ const organName = organRecord ? organRecord.organname : "";
const followupData = {
...this.currentFollowup,
@@ -1315,165 +1384,198 @@
utilizationId: this.form.id
};
- saveFollowupRecord(followupData)
- .then(response => {
- if (response.code === 200) {
- if (this.isEditingFollowup) {
- // 鏇存柊鐜版湁璁板綍
- const index = this.followupData.records.findIndex(
- item => item.id === this.currentFollowup.id
- );
- if (index !== -1) {
- this.followupData.records[index] = response.data;
- }
- } else {
- // 娣诲姞鏂拌褰�
- this.followupData.records.push(response.data);
- }
- this.$message.success("闅忚璁板綍淇濆瓨鎴愬姛");
- this.followupDialogVisible = false;
+ // TODO: 鏇挎崲涓哄疄闄呯殑闅忚璁板綍淇濆瓨鎺ュ彛
+ setTimeout(() => {
+ if (this.isEditingFollowup) {
+ // 鏇存柊鐜版湁璁板綍
+ const index = this.followupData.records.findIndex(
+ item => item.id === this.currentFollowup.id
+ );
+ if (index !== -1) {
+ this.followupData.records[index] = {
+ ...followupData,
+ id: this.currentFollowup.id
+ };
}
- })
- .catch(error => {
- console.error("淇濆瓨闅忚璁板綍澶辫触:", error);
- this.$message.error("淇濆瓨闅忚璁板綍澶辫触");
- })
- .finally(() => {
- this.saveLoading = false;
- });
+ } else {
+ // 娣诲姞鏂拌褰�
+ this.followupData.records.push({ ...followupData, id: Date.now() });
+ }
+ this.$message.success("闅忚璁板綍淇濆瓨鎴愬姛");
+ this.followupDialogVisible = false;
+ this.saveLoading = false;
+ }, 1000);
},
- // 涓婁紶闄勪欢
- handleUploadAttachment() {
- this.$message.info("闄勪欢涓婁紶鍔熻兘");
+ /** 闄勪欢鍙樺寲澶勭悊 */
+ handleAttachmentChange(fileList) {
+ this.attachmentFileList = fileList;
},
- // 棰勮闄勪欢
- handlePreviewAttachment(attachment) {
- this.$message.info("闄勪欢棰勮鍔熻兘");
- },
- // 涓嬭浇闄勪欢
- handleDownloadAttachment(attachment) {
- this.$message.info("闄勪欢涓嬭浇鍔熻兘");
- },
- // 鍒犻櫎闄勪欢
- handleRemoveAttachment(attachment) {
- this.$confirm("纭畾瑕佸垹闄よ繖涓檮浠跺悧锛�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
+
+ /** 闄勪欢绉婚櫎澶勭悊 */
+ handleAttachmentRemove(file) {
+ if (file.url) {
+ const index = this.attachments.findIndex(
+ item => item.path === file.url || item.fileUrl === file.url
+ );
+ if (index > -1) {
+ this.attachments.splice(index, 1);
this.$message.success("闄勪欢鍒犻櫎鎴愬姛");
- })
- .catch(() => {});
+ }
+ }
},
- // 鑾峰彇鏂囦欢鍥炬爣
- getFileIcon(fileName) {
- 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"
+ /** 涓婁紶鎴愬姛澶勭悊 */
+ handleUploadSuccess({ file, fileList, response }) {
+ if (response.code === 200) {
+ const attachmentObj = {
+ fileName: file.name,
+ path: response.fileUrl || file.url,
+ fileUrl: response.fileUrl || file.url,
+ fileType: this.getFileExtension(file.name),
+ fileSize: file.size,
+ uploadTime: dayjs().format("YYYY-MM-DD HH:mm:ss")
+ };
+
+ if (!Array.isArray(this.attachments)) {
+ this.attachments = [];
+ }
+
+ this.attachments.push(attachmentObj);
+ this.attachmentFileList = fileList;
+ this.$message.success("鏂囦欢涓婁紶鎴愬姛");
+ }
+ },
+
+ /** 涓婁紶閿欒澶勭悊 */
+ handleUploadError({ file, fileList, error }) {
+ console.error("闄勪欢涓婁紶澶辫触:", error);
+ this.$message.error("鏂囦欢涓婁紶澶辫触锛岃閲嶈瘯");
+ },
+
+ /** 鎵嬪姩鍒犻櫎闄勪欢 */
+ handleRemoveAttachment(index) {
+ this.attachments.splice(index, 1);
+ this.attachmentFileList.splice(index, 1);
+ this.$message.success("闄勪欢鍒犻櫎鎴愬姛");
+ },
+
+ /** 鏂囦欢棰勮 */
+ handlePreview(file) {
+ this.currentPreviewFile = {
+ fileName: file.fileName,
+ fileUrl: file.path || file.fileUrl,
+ fileType: this.getFileType(file.fileName)
};
- return iconMap[ext] || "el-icon-document";
+ this.filePreviewVisible = true;
},
- // 鑾峰彇鏂囦欢绫诲瀷
+ /** 鏂囦欢涓嬭浇 */
+ handleDownloadAttachment(file) {
+ const fileUrl = file.path || file.fileUrl;
+ 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("鏂囦欢璺緞涓嶅瓨鍦紝鏃犳硶涓嬭浇");
+ }
+ },
+
+ /** 鑾峰彇鏂囦欢绫诲瀷 */
getFileType(fileName) {
- const ext = fileName
+ if (!fileName) return "other";
+ const extension = fileName
.split(".")
.pop()
.toLowerCase();
- const typeMap = {
- pdf: "PDF",
- doc: "DOC",
- docx: "DOCX",
- xls: "XLS",
- xlsx: "XLSX",
- jpg: "JPG",
- jpeg: "JPEG",
- png: "PNG"
- };
- return typeMap[ext] || ext.toUpperCase();
+ const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
+ const pdfTypes = ["pdf"];
+ const officeTypes = ["doc", "docx", "xls", "xlsx", "ppt", "pptx"];
+ if (imageTypes.includes(extension)) return "image";
+ if (pdfTypes.includes(extension)) return "pdf";
+ if (officeTypes.includes(extension)) return "office";
+ return "other";
},
- // 鏂囦欢澶у皬鏍煎紡鍖�
- formatFileSize(size) {
- if (size === 0) return "0 B";
+
+ /** 鑾峰彇鏂囦欢鍥炬爣棰滆壊 */
+ getFileIconColor(fileName) {
+ const type = this.getFileType(fileName);
+ const colorMap = {
+ image: "#67C23A",
+ pdf: "#F56C6C",
+ office: "#409EFF",
+ other: "#909399"
+ };
+ return colorMap[type] || "#909399";
+ },
+
+ /** 鑾峰彇鏂囦欢鏍囩绫诲瀷 */
+ getFileTagType(fileName) {
+ const type = this.getFileType(fileName);
+ const typeMap = {
+ image: "success",
+ pdf: "danger",
+ office: "primary",
+ other: "info"
+ };
+ return typeMap[type] || "info";
+ },
+
+ /** 鑾峰彇鏂囦欢绫诲瀷鏂囨湰 */
+ getFileTypeText(fileName) {
+ const type = this.getFileType(fileName);
+ const textMap = {
+ image: "鍥剧墖",
+ pdf: "PDF",
+ office: "鏂囨。",
+ other: "鍏朵粬"
+ };
+ return textMap[type] || "鏈煡";
+ },
+
+ /** 妫�鏌ユ槸鍚﹀彲棰勮 */
+ isPreviewable(fileName) {
+ const type = this.getFileType(fileName);
+ return ["image", "pdf"].includes(type);
+ },
+
+ /** 鑾峰彇鏂囦欢鎵╁睍鍚� */
+ getFileExtension(filename) {
+ return filename
+ .split(".")
+ .pop()
+ .toLowerCase();
+ },
+
+ /** 鏍煎紡鍖栨枃浠跺ぇ灏� */
+ formatFileSize(bytes) {
+ if (!bytes || bytes === 0) return "0 B";
const k = 1024;
const sizes = ["B", "KB", "MB", "GB"];
- const i = Math.floor(Math.log(size) / Math.log(k));
- return parseFloat((size / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+ const i = Math.floor(Math.log(bytes) / Math.log(k));
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
},
- // 鏃堕棿鏍煎紡鍖�
- parseTime(time) {
- if (!time) return "";
- const date = new Date(time);
- return `${date.getFullYear()}-${(date.getMonth() + 1)
- .toString()
- .padStart(2, "0")}-${date
- .getDate()
- .toString()
- .padStart(2, "0")} ${date
- .getHours()
- .toString()
- .padStart(2, "0")}:${date
- .getMinutes()
- .toString()
- .padStart(2, "0")}`;
- },
- // 鎻愪氦褰掓。
- handleSubmitArchive() {
- this.$confirm("纭鎻愪氦褰掓。鍚楋紵褰掓。鍚庡皢鏃犳硶淇敼鏁版嵁銆�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- this.$message.success("鎻愪氦褰掓。鎴愬姛");
- })
- .catch(() => {});
- },
- // 鎾ら攢褰掓。
- handleRevokeArchive() {
- this.$confirm("纭鎾ら攢褰掓。鍚楋紵", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- this.$message.success("鎾ら攢褰掓。鎴愬姛");
- })
- .catch(() => {});
- },
- // 缁堟妗堜緥
- handleTerminateCase() {
- this.$confirm("纭缁堟妗堜緥鍚楋紵", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- this.$message.success("妗堜緥宸茬粓姝�");
- })
- .catch(() => {});
- },
- // 鎭㈠妗堜緥
- handleRestoreCase() {
- this.$confirm("纭鎭㈠妗堜緥鍚楋紵", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- this.$message.success("妗堜緥宸叉仮澶�");
- })
- .catch(() => {});
+
+ /** 鏃ユ湡鏃堕棿鏍煎紡鍖� */
+ formatDateTime(dateTime) {
+ if (!dateTime) return "";
+ try {
+ const date = new Date(dateTime);
+ if (isNaN(date.getTime())) return dateTime;
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, "0");
+ const day = String(date.getDate()).padStart(2, "0");
+ const hours = String(date.getHours()).padStart(2, "0");
+ const minutes = String(date.getMinutes()).padStart(2, "0");
+ return `${year}-${month}-${day} ${hours}:${minutes}`;
+ } catch (error) {
+ return dateTime;
+ }
}
}
};
@@ -1486,29 +1588,81 @@
min-height: 100vh;
}
-.detail-card, .utilization-card, .recipient-card, .followup-card, .attachment-card {
+.detail-card,
+.utilization-card,
+.followup-card,
+.attachment-card {
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #e4e7ed;
}
+/* 鏂板闄勪欢澶撮儴鏍峰紡 */
+.attachment-header {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 16px;
+ padding-bottom: 8px;
+ border-bottom: 1px solid #ebeef5;
+}
+
+.attachment-title {
+ font-weight: 600;
+ color: #303133;
+ font-size: 16px;
+}
+
+.attachment-tip {
+ font-size: 12px;
+ color: #909399;
+ margin-left: auto;
+}
+
+.attachment-list {
+ margin-top: 20px;
+}
+
+.list-title {
+ font-weight: bold;
+ margin-bottom: 12px;
+ color: #303133;
+ font-size: 14px;
+}
+
+.file-name {
+ font-size: 13px;
+ margin-left: 8px;
+ color: #606266;
+}
+
+/* 鏂囦欢鍥炬爣鏍峰紡 */
+.el-icon-document {
+ font-size: 16px;
+ vertical-align: middle;
+}
+
+/* 淇濇寔鍘熸湁鏍峰紡 */
.detail-title {
font-size: 18px;
font-weight: 600;
color: #303133;
line-height: 1.4;
}
+
/* 琛ㄦ牸鏁翠綋鏍峰紡 */
:deep(.el-table) {
border-radius: 8px;
overflow: hidden;
}
+
:deep(.el-table th) {
background-color: #f5f7fa;
color: #606266;
font-weight: 600;
}
+
:deep(.el-table .cell) {
padding: 12px 8px;
line-height: 1.5;
@@ -1518,6 +1672,7 @@
:deep(.el-table__row.warning-row) {
background-color: #fdf6ec;
}
+
:deep(.el-table__row.default-row) {
background-color: #f0f9ff;
}
@@ -1535,6 +1690,7 @@
border-radius: 8px;
color: white;
}
+
.stat-item {
display: flex;
flex-direction: column;
@@ -1542,84 +1698,238 @@
padding: 10px;
text-align: center;
}
+
.stat-label {
- font-size: 18px;
+ font-size: 12px;
opacity: 0.9;
margin-bottom: 5px;
+ color: rgba(255, 255, 255, 0.9);
}
+
.stat-value {
- font-size: 20px;
+ font-size: 18px;
font-weight: bold;
+ color: white;
}
+
+/* 灞曞紑琛屾牱寮� */
+.recipient-detail-expand {
+ padding: 20px;
+ background: #fafafa;
+ border-radius: 8px;
+ margin: 10px 0;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.recipient-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ border-bottom: 2px solid #e4e7ed;
+}
+
+.recipient-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #303133;
+}
+
+/* 琛ㄥ崟閮ㄥ垎鏍峰紡 */
+.recipient-form {
+ background: white;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+/* 琛ㄥ崟閮ㄥ垎鏍囬 */
+.form-section {
+ margin-bottom: 25px;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #f0f0f0;
+
+ &:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ border-bottom: none;
+ }
+}
+
+.section-title {
+ font-size: 15px;
+ font-weight: 600;
+ color: #409eff;
+ margin: 0 0 15px 0;
+ padding-left: 10px;
+ border-left: 4px solid #409eff;
+ line-height: 1.2;
+}
+
+/* 琛ㄥ崟琛岄棿璺� */
+:deep(.el-form-item) {
+ margin-bottom: 20px;
+
+ .el-form-item__label {
+ font-weight: 500;
+ color: #606266;
+ padding-right: 10px;
+ }
+
+ .el-form-item__content {
+ line-height: 1.5;
+ }
+}
+
+/* 琛ㄥ崟杈撳叆妗嗘牱寮� */
+:deep(.el-input__inner) {
+ height: 36px;
+ line-height: 36px;
+ border-radius: 4px;
+ transition: all 0.3s ease;
+
+ &:focus {
+ border-color: #409eff;
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
+ }
+
+ &:disabled {
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+ cursor: not-allowed;
+ }
+}
+
+/* 鏂囨湰鍩熸牱寮� */
+:deep(.el-textarea__inner) {
+ min-height: 80px;
+ border-radius: 4px;
+ transition: all 0.3s ease;
+
+ &:focus {
+ border-color: #409eff;
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
+ }
+
+ &:disabled {
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+ cursor: not-allowed;
+ }
+}
+
+/* 閫夋嫨妗嗘牱寮� */
+:deep(.el-select) {
+ width: 100%;
+
+ .el-input__inner {
+ border-radius: 4px;
+ }
+
+ &.is-disabled {
+ .el-input__inner {
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+ }
+ }
+}
+
+/* 鏃ユ湡閫夋嫨鍣ㄦ牱寮� */
+:deep(.el-date-editor) {
+ width: 100%;
+
+ &.el-input__inner {
+ border-radius: 4px;
+ }
+
+ &.is-disabled {
+ .el-input__inner {
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+ }
+ }
+}
+
+/* 鍝嶅簲寮忚皟鏁� */
+@media (max-width: 768px) {
+ .recipient-detail-expand {
+ padding: 15px;
+ }
+
+ .recipient-form {
+ padding: 15px;
+ }
+ .attachment-header {
+ flex-wrap: wrap;
+ }
+
+ .attachment-tip {
+ width: 100%;
+ margin-top: 8px;
+ margin-left: 0;
+ }
+ .form-section {
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ }
+
+ :deep(.el-form-item) {
+ margin-bottom: 15px;
+ }
+
+ .section-title {
+ font-size: 14px;
+ margin-bottom: 12px;
+ }
+}
+
+:deep(.el-divider) {
+ margin: 20px 0;
+ background-color: #e4e7ed;
+}
+
/* 琛ㄥ崟鏍囩鍜岃緭鍏ユ鏍峰紡 */
:deep(.el-form-item__label) {
font-weight: 500;
color: #606266;
}
-:deep(.el-input__inner) {
- border-radius: 4px;
- transition: border-color 0.3s ease;
-}
+
:deep(.el-input__inner:focus) {
- border-color: #409EFF;
+ border-color: #409eff;
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
/* 鎸夐挳鏍峰紡浼樺寲 */
:deep(.el-button--primary) {
- background: linear-gradient(135deg, #409EFF 0%, #3375e0 100%);
+ background: linear-gradient(135deg, #409eff 0%, #3375e0 100%);
border: none;
border-radius: 4px;
transition: all 0.3s ease;
}
+
:deep(.el-button--primary:hover) {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
}
-/* 鏍囩椤垫牱寮� */
-:deep(.el-tabs__item) {
- font-weight: 500;
-}
-:deep(.el-tabs__active-bar) {
- background: linear-gradient(135deg, #409EFF 0%, #3375e0 100%);
-}
-/* 骞虫澘璁惧閫傞厤 */
-@media (max-width: 1024px) {
- .organ-utilization-detail {
- padding: 15px;
- }
- :deep(.el-col) {
- margin-bottom: 10px;
- }
+/* 搴曢儴鎿嶄綔鎸夐挳 */
+.dialog-footer {
+ margin-top: 20px;
+ text-align: center;
+ padding-top: 20px;
+ border-top: 1px solid #e4e7ed;
}
-/* 鎵嬫満璁惧閫傞厤 */
-@media (max-width: 768px) {
- .organ-utilization-detail {
- padding: 10px;
- }
- .detail-title {
- font-size: 16px;
- }
- :deep(.el-table .cell) {
- padding: 8px 4px;
- font-size: 12px;
- }
- :deep(.el-form-item__label) {
- font-size: 12px;
- }
+.dialog-footer .el-button {
+ margin: 0 10px;
+ min-width: 120px;
}
-/* 瓒呭皬灞忓箷璁惧 */
-@media (max-width: 480px) {
- .organ-utilization-detail {
- padding: 5px;
- }
- :deep(.el-card__header) {
- padding: 10px 15px;
- }
-}
/* 绌虹姸鎬佹牱寮� */
.empty-utilization {
text-align: center;
@@ -1630,27 +1940,39 @@
margin: 20px 0;
}
-/* 鍔犺浇鐘舵�� */
-:deep(.el-loading-mask) {
- border-radius: 4px;
-}
-
/* 鏂囦欢淇℃伅鏍峰紡 */
.file-info {
display: flex;
align-items: center;
padding: 5px 0;
}
+
.file-info i {
font-size: 18px;
margin-right: 10px;
}
-/* 鍔ㄧ敾鏁堟灉 */
-.fade-enter-active, .fade-leave-active {
- transition: opacity 0.3s ease;
+/* 骞虫澘璁惧閫傞厤 */
+@media (max-width: 1024px) {
+ .organ-utilization-detail {
+ padding: 15px;
+ }
+
+ :deep(.el-col) {
+ margin-bottom: 10px;
+ }
}
-.fade-enter, .fade-leave-to {
- opacity: 0;
+
+/* 鎵嬫満璁惧閫傞厤 */
+
+/* 瓒呭皬灞忓箷璁惧 */
+@media (max-width: 480px) {
+ .organ-utilization-detail {
+ padding: 5px;
+ }
+
+ :deep(.el-card__header) {
+ padding: 10px 15px;
+ }
}
</style>
diff --git a/src/views/business/allocation/allocationInfo.vue b/src/views/business/allocation/allocationInfo.vue
index 29b9bbe..cfa9d2d 100644
--- a/src/views/business/allocation/allocationInfo.vue
+++ b/src/views/business/allocation/allocationInfo.vue
@@ -12,7 +12,7 @@
<el-button
type="success"
@click="handleConfirmAllocation"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
:loading="confirmLoading"
>
纭鍒嗛厤
@@ -44,7 +44,7 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
/>
</el-form-item>
</el-col>
@@ -77,17 +77,17 @@
<div style="float: right;">
<el-tag
:type="
- form.allocationStatus === '1'
+ form.allocationStatus == '1'
? 'success'
- : form.allocationStatus === '2'
+ : form.allocationStatus == '2'
? 'danger'
: 'warning'
"
>
{{
- form.allocationStatus === "1"
+ form.allocationStatus == "1"
? "宸插垎閰�"
- : form.allocationStatus === "2"
+ : form.allocationStatus == "2"
? "浣滃簾"
: "鏈垎閰�"
}}
@@ -112,7 +112,7 @@
v-for="dict in dict.type.sys_Organ || []"
:key="dict.value"
:label="dict.value"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
>
{{ dict.label }}
</el-checkbox>
@@ -162,7 +162,7 @@
<el-input
v-model="scope.row.caseno"
placeholder="鍒嗛厤绯荤粺缂栧彿"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
/>
</template>
</el-table-column>
@@ -182,7 +182,7 @@
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鍒嗛厤鎺ユ敹鏃堕棿"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
/>
</template>
</el-table-column>
@@ -197,7 +197,7 @@
<el-input
v-model="scope.row.name"
placeholder="鍙椾綋濮撴皬"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
/>
</template>
</el-table-column>
@@ -233,7 +233,7 @@
clearable
v-model="scope.row.reallocationreason"
placeholder="璇疯緭鍏ヨ鏄�"
- :disabled="form.allocationStatus === '1'"
+ :disabled="form.allocationStatus == '1'"
/>
</template>
</el-table-column>
@@ -297,17 +297,17 @@
<span class="stat-value">
<el-tag
:type="
- form.allocationStatus === '1'
+ form.allocationStatus == '1'
? 'success'
- : form.allocationStatus === '2'
+ : form.allocationStatus == '2'
? 'danger'
: 'warning'
"
>
{{
- form.allocationStatus === "1"
+ form.allocationStatus == "1"
? "宸插垎閰�"
- : form.allocationStatus === "2"
+ : form.allocationStatus == "2"
? "浣滃簾"
: "鏈垎閰�"
}}
@@ -332,7 +332,7 @@
:loading="saveLoading"
:disabled="
!allocationData.serviceDonateorganList ||
- allocationData.serviceDonateorganList.length === 0
+ allocationData.serviceDonateorganList.length == 0
"
>
淇濆瓨鍒嗛厤璁板綍
@@ -645,7 +645,7 @@
methods: {
// 鏍规嵁瀛楀吀value鑾峰彇label
getOrganLabel(organValue) {
- const dictItem = this.organDict.find(item => item.value === organValue);
+ const dictItem = this.organDict.find(item => item.value == organValue);
return dictItem ? dictItem.label : organValue;
},
@@ -702,17 +702,14 @@
donateorganBaseinfoInfo(id);
try {
const response = await allocationList({ infoid });
- if (
- response.code === 200 &&
- response.data &&
- response.data.length > 0
- ) {
+ if (response.code == 200 && response.data && response.data.length > 0) {
const data = response.data[0];
+ data.allocationStatus = JSON.stringify(data.allocationStatus);
// 濉厖琛ㄥ崟鏁版嵁
Object.assign(this.form, data);
// 杞崲闄勪欢涓洪泦鍚�
- this.parseFilePatch(this.form.fileName);
+ this.parseFilePatch(this.form.fileName);
// 鍒濆鍖栭檮浠�
if (this.form.attachments) {
@@ -741,7 +738,7 @@
if (item.organname) {
const dictItem = this.organDict.find(
org =>
- org.label === item.organname ||
+ org.label == item.organname ||
(item.organname && item.organname.includes(org.label))
);
return dictItem ? dictItem.value : null;
@@ -881,7 +878,7 @@
let organName = this.getOrganLabel(organValue);
// 濡傛灉鏄�"鍏朵粬"鍣ㄥ畼涓旀湁杈撳叆鍊�
- if (organValue === "C01" && this.otherOrganInput) {
+ if (organValue == "C01" && this.otherOrganInput) {
organName = `鍏朵粬(${this.otherOrganInput})`;
}
@@ -902,7 +899,7 @@
// 鍖婚櫌閫夋嫨鍙樺寲
handleHospitalChange(row, hospitalNo) {
const hospital = this.hospitalList.find(
- item => item.hospitalNo === hospitalNo
+ item => item.hospitalNo == hospitalNo
);
if (hospital) {
row.transplantHospitalName = hospital.hospitalName;
@@ -942,7 +939,7 @@
},
// 鏋勫缓 filePatch 瀛楁
buildFilePatch() {
- if (!this.attachments || this.attachments.length === 0) {
+ if (!this.attachments || this.attachments.length == 0) {
return "";
}
return JSON.stringify(this.attachments);
@@ -962,23 +959,22 @@
serviceDonateorganList:
this.allocationData.serviceDonateorganList || []
};
- saveData.fileName=this.buildFilePatch();
+ saveData.fileName = this.buildFilePatch();
saveData.serviceDonateorganList.forEach(item => {
item.baseid = this.form.id;
item.infoid = this.form.infoid;
});
- console.log(this.form.recordstate);
this.form.recordstate = 1;
const apiMethod = this.form.id ? allocationedit : allocationadd;
const response = await apiMethod(saveData);
- if (response.code === 200) {
+ if (response.code == 200) {
this.$message.success("淇濆瓨鎴愬姛");
- if (!this.form.id && response.data && response.data.id) {
- this.form.id = response.data.id;
- this.$router.replace({
- query: { ...this.$route.query, id: this.form.id }
- });
+ if (!this.form.id && response.data) {
+ this.form.id = response.data;
+ // this.$router.replace({
+ // query: { ...this.$route.query, id: this.form.id }
+ // });
}
} else {
this.$message.error("淇濆瓨澶辫触锛�" + (response.msg || "鏈煡閿欒"));
@@ -1009,7 +1005,7 @@
const response = await allocationedit(saveData);
- if (response.code === 200) {
+ if (response.code == 200) {
this.$message.success("鍒嗛厤璁板綍淇濆瓨鎴愬姛");
} else {
this.$message.error(
@@ -1053,7 +1049,7 @@
const response = await allocationedit(saveData);
- if (response.code === 200) {
+ if (response.code == 200) {
this.$message.success("鍣ㄥ畼鍒嗛厤宸插畬鎴�");
} else {
this.$message.error(
@@ -1084,7 +1080,7 @@
handleAttachmentRemove(file) {
if (file.url) {
const index = this.attachments.findIndex(
- item => item.path === file.url || item.fileUrl === file.url
+ item => item.path == file.url || item.fileUrl == file.url
);
if (index > -1) {
this.attachments.splice(index, 1);
@@ -1095,7 +1091,7 @@
/** 涓婁紶鎴愬姛澶勭悊 */
handleUploadSuccess({ file, fileList, response }) {
- if (response.code === 200) {
+ if (response.code == 200) {
const attachmentObj = {
fileName: file.name,
path: response.fileUrl || file.url,
@@ -1224,7 +1220,7 @@
/** 鏍煎紡鍖栨枃浠跺ぇ灏� */
formatFileSize(bytes) {
- if (!bytes || bytes === 0) return "0 B";
+ if (!bytes || bytes == 0) return "0 B";
const k = 1024;
const sizes = ["B", "KB", "MB", "GB"];
const i = Math.floor(Math.log(bytes) / Math.log(k));
diff --git a/src/views/business/followupVisit/index.vue b/src/views/business/followupVisit/index.vue
new file mode 100644
index 0000000..4560643
--- /dev/null
+++ b/src/views/business/followupVisit/index.vue
@@ -0,0 +1,1349 @@
+<template>
+ <div class="followup-list">
+ <!-- 鏌ヨ鏉′欢 -->
+ <el-card class="search-card">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="100px"
+ >
+ <el-form-item label="鍣ㄥ畼鍙椾綋鑰呭鍚�" prop="recipientname">
+ <el-input
+ v-model="queryParams.recipientname"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呭鍚�"
+ clearable
+ style="width: 200px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="绉绘鍖婚櫌" prop="hospitalname">
+ <el-input
+ v-model="queryParams.hospitalname"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈠悕绉�"
+ clearable
+ style="width: 200px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="闅忚鑰�" prop="followupno">
+ <el-input
+ v-model="queryParams.followupno"
+ placeholder="璇疯緭鍏ラ殢璁胯��"
+ clearable
+ style="width: 180px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鎹愮尞缁撴灉" prop="donateresult">
+ <el-select
+ v-model="queryParams.donateresult"
+ placeholder="璇烽�夋嫨鎹愮尞缁撴灉"
+ clearable
+ style="width: 180px"
+ >
+ <el-option label="鎴愬姛" value="1" />
+ <el-option label="澶辫触" value="0" />
+ <el-option label="杩涜涓�" value="2" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="闅忚鏃堕棿" prop="followupTimeRange">
+ <el-date-picker
+ v-model="queryParams.followupTimeRange"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ value-format="yyyy-MM-dd"
+ style="width: 240px"
+ />
+ </el-form-item>
+ <el-form-item label="鍒涘缓鏃堕棿" prop="createTimeRange">
+ <el-date-picker
+ v-model="queryParams.createTimeRange"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ value-format="yyyy-MM-dd"
+ style="width: 240px"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
+
+ <!-- 鎿嶄綔鎸夐挳 -->
+ <el-card class="tool-card">
+ <el-row :gutter="10">
+ <el-col :span="16">
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ @click="handleCreate"
+ v-hasPermi="['system:followup:add']"
+ >鏂板闅忚</el-button
+ >
+ <el-button
+ type="success"
+ icon="el-icon-edit"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['system:followup:edit']"
+ >淇敼</el-button
+ >
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['system:followup:remove']"
+ >鍒犻櫎</el-button
+ >
+ <el-button
+ type="warning"
+ icon="el-icon-download"
+ @click="handleExport"
+ v-hasPermi="['system:followup:export']"
+ >瀵煎嚭</el-button
+ >
+ </el-col>
+ <el-col :span="8" style="text-align: right">
+ <el-tooltip content="鍒锋柊" placement="top">
+ <el-button icon="el-icon-refresh" circle @click="getList" />
+ </el-tooltip>
+ </el-col>
+ </el-row>
+ </el-card>
+
+ <!-- 鏁版嵁琛ㄦ牸 -->
+ <el-card>
+ <el-table
+ v-loading="loading"
+ :data="followupList"
+ @selection-change="handleSelectionChange"
+ border
+ :default-sort="{ prop: 'followuptime', order: 'descending' }"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column
+ label="闅忚搴忓彿"
+ align="center"
+ prop="seqno"
+ width="100"
+ >
+ <template slot-scope="scope">
+ <span>绗瑊{ scope.row.seqno || 1 }}娆�</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="闅忚鏃堕棿"
+ align="center"
+ prop="followuptime"
+ width="120"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.followuptime, "{y}-{m}-{d}") }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍣ㄥ畼鍙椾綋鑰呭鍚�"
+ align="center"
+ prop="recipientname"
+ width="120"
+ />
+ <el-table-column
+ label="绉绘鍖婚櫌"
+ align="center"
+ prop="hospitalname"
+ width="150"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="绉绘绉戝"
+ align="center"
+ prop="hospitaldept"
+ width="120"
+ />
+ <el-table-column
+ label="闅忚鍖荤敓"
+ align="center"
+ prop="doctorname"
+ width="120"
+ />
+ <el-table-column
+ label="鍖荤敓鐢佃瘽"
+ align="center"
+ prop="doctorphone"
+ width="120"
+ />
+ <el-table-column
+ label="鎹愮尞缁撴灉"
+ align="center"
+ prop="donateresult"
+ width="100"
+ >
+ <template slot-scope="scope">
+ <el-tag :type="resultTypeFilter(scope.row.donateresult)">
+ {{ resultTextFilter(scope.row.donateresult) }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="闅忚鑰�"
+ align="center"
+ prop="followupno"
+ width="100"
+ />
+ <el-table-column
+ label="闅忚鎻忚堪"
+ align="center"
+ prop="followupdescribe"
+ min-width="200"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+ width="120"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="150"
+ fixed="right"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-view"
+ @click="handleView(scope.row)"
+ v-hasPermi="['system:followup:query']"
+ >璇︽儏</el-button
+ >
+ <!-- <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:followup:edit']"
+ >淇敼</el-button
+ > -->
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['system:followup:remove']"
+ >鍒犻櫎</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <!-- 鍒嗛〉缁勪欢 -->
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </el-card>
+
+ <!-- 閫夋嫨妗堜緥瀵硅瘽妗� - 鍙傜収鎹愮尞妗堜緥鍒楄〃椤电殑瀹屾暣鍔熻兘 -->
+ <el-dialog
+ title="閫夋嫨鎹愮尞妗堜緥"
+ :visible.sync="selectCaseOpen"
+ width="1200px"
+ append-to-body
+ :close-on-click-modal="false"
+ >
+ <!-- 鎼滅储琛ㄥ崟 -->
+ <el-form
+ :model="caseQueryParams"
+ ref="caseQueryForm"
+ :inline="true"
+ label-width="88px"
+ >
+ <el-form-item label="鎹愮尞鑰呭鍚�" prop="name">
+ <el-input
+ v-model="caseQueryParams.name"
+ placeholder="璇疯緭鍏ュ鍚�"
+ clearable
+ size="small"
+ @keyup.enter.native="searchCaseList"
+ />
+ </el-form-item>
+
+ <el-form-item label="娌荤枟鍖婚櫌" prop="treatmenthospitalname">
+ <el-input
+ v-model="caseQueryParams.treatmenthospitalname"
+ placeholder="璇疯緭鍏ユ不鐤楀尰闄�"
+ clearable
+ size="small"
+ style="width: 150px"
+ />
+ </el-form-item>
+
+ <el-form-item label="涓婃姤鏃堕棿">
+ <el-date-picker
+ style="width: 100%"
+ v-model="caseSelectTime"
+ type="monthrange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫湀浠�"
+ end-placeholder="缁撴潫鏈堜唤"
+ value-format="yyyy-MM-dd"
+ @change="handleCaseTimeSelect"
+ size="small"
+ />
+ </el-form-item>
+
+ <el-row>
+ <el-col :span="4">
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="searchCaseList"
+ >
+ 鎼滅储
+ </el-button>
+ <el-button
+ icon="el-icon-refresh"
+ size="mini"
+ @click="resetCaseSearch"
+ >
+ 閲嶇疆
+ </el-button>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+
+ <!-- 妗堜緥琛ㄦ牸 -->
+ <el-table
+ v-loading="caseLoading"
+ :data="availableCaseList"
+ @row-click="handleCaseRowClick"
+ highlight-current-row
+ style="width: 100%; margin-top: 20px;"
+ >
+ <el-table-column
+ label="妗堜緥鏃堕棿"
+ align="center"
+ prop="donatetime"
+ width="100"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.donatetime, "{y}-{m}-{d}") }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="妗堜緥缂栧彿"
+ align="center"
+ prop="caseNo"
+ width="200"
+ />
+ <el-table-column
+ label="鎹愮尞鑰呭鍚�"
+ align="center"
+ prop="name"
+ width="100"
+ />
+ <el-table-column label="鎬у埆" align="center" prop="sex" width="100">
+ <template slot-scope="scope">
+ <dict-tag
+ :options="dict.type.sys_user_sex"
+ :value="parseInt(scope.row.sex)"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column label="骞撮緞" align="center" prop="age" width="100">
+ <template slot-scope="scope">
+ {{
+ `${
+ scope.row.age && scope.row.age !== 0
+ ? `${scope.row.age}${scope.row.ageunit || ""}`
+ : ""
+ } ${
+ scope.row.age2 && scope.row.age2 !== 0
+ ? `${scope.row.age2}${scope.row.ageunit2}`
+ : ""
+ }`.trim()
+ }}
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="娌荤枟鍖婚櫌"
+ align="center"
+ prop="treatmenthospitalname"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="GCS璇勫垎"
+ align="center"
+ prop="gcsScore"
+ width="100"
+ />
+ <el-table-column
+ label="琛�鍨�"
+ align="center"
+ prop="bloodtype"
+ width="100"
+ >
+ <template slot-scope="scope">
+ <dict-tag
+ :options="dict.type.sys_BloodType"
+ :value="scope.row.bloodtype"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎹愮尞绫诲埆"
+ align="center"
+ prop="donationcategory"
+ >
+ <template slot-scope="scope">
+ <dict-tag
+ :options="dict.type.sys_DonationCategory"
+ :value="scope.row.donationcategory"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎶ュ憡浜�"
+ align="center"
+ prop="reportername"
+ />
+ <el-table-column
+ label="鎹愮尞杩涘害"
+ align="center"
+ prop="workflow"
+ >
+ <template slot-scope="scope">
+ <div v-if="!scope.row.terminationCase">
+ <dict-tag
+ :options="dict.type.sys_donornode"
+ :value="scope.row.workflow"
+ />
+ </div>
+ <div v-else>
+ <el-button type="danger" plain>浠诲姟缁堟</el-button>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="鏄惁宸叉湁闅忚" width="100" align="center">
+ <template slot-scope="scope">
+ <el-tag
+ :type="hasFollowup(scope.row) ? 'danger' : 'success'"
+ size="small"
+ >
+ {{ hasFollowup(scope.row) ? "宸叉湁闅忚" : "鍙�夋嫨" }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center">
+ <template slot-scope="scope">
+ <el-button
+ type="text"
+ size="mini"
+ @click.stop="selectCase(scope.row)"
+ :disabled="hasFollowup(scope.row) || scope.row.terminationCase"
+ >
+ 閫夋嫨
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <!-- 鍒嗛〉 -->
+ <pagination
+ v-show="caseTotal > 0"
+ :total="caseTotal"
+ :page.sync="caseQueryParams.pageNum"
+ :limit.sync="caseQueryParams.pageSize"
+ @pagination="searchCaseList"
+ style="padding: 10px 0; background: #fff; border-top: 1px solid #ebeef5;"
+ />
+
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="selectCaseOpen = false">鍙栨秷</el-button>
+ <el-button
+ type="primary"
+ @click="confirmCaseSelection"
+ v-if="selectedCaseRow"
+ >
+ 纭閫夋嫨
+ </el-button>
+ </div>
+ </el-dialog>
+
+ <!-- 鏂板/淇敼瀵硅瘽妗� -->
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="800px"
+ append-to-body
+ :close-on-click-modal="false"
+ >
+ <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+ <el-form-item label="鍏宠仈妗堜緥" prop="infoid">
+ <el-input
+ v-model="form.infoid"
+ placeholder="璇烽�夋嫨妗堜緥"
+ :disabled="true"
+ style="width: 300px"
+ >
+ <el-button
+ slot="append"
+ icon="el-icon-search"
+ @click="openCaseDialog"
+ v-if="!form.id"
+ >閫夋嫨妗堜緥</el-button
+ >
+ </el-input>
+ <div v-if="selectedCase" style="margin-top: 8px; color: #666;">
+ <span>妗堜緥缂栧彿: {{ selectedCase.caseNo }}</span>
+ <span style="margin-left: 20px;"
+ >鎹愮尞鑰�: {{ selectedCase.name }}</span
+ >
+ <span style="margin-left: 20px; display: block; margin-top: 5px;">
+ 娌荤枟鍖婚櫌: {{ selectedCase.treatmenthospitalname }}
+ </span>
+ <span style="margin-left: 20px; display: block; margin-top: 5px;">
+ 璇婃柇: {{ selectedCase.diagnosisname }}
+ </span>
+ <span style="margin-left: 20px; display: block; margin-top: 5px;">
+ 琛�鍨�:
+ <dict-tag
+ :options="dict.type.sys_BloodType"
+ :value="selectedCase.bloodtype"
+ />
+ </span>
+ </div>
+ </el-form-item>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鍣ㄥ畼鍙椾綋鑰呭鍚�" prop="recipientname">
+ <el-input
+ v-model="form.recipientname"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呭鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍙椾綋鐢佃瘽" prop="recipientphone">
+ <el-input
+ v-model="form.recipientphone"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呯數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="绉绘鍖婚櫌鍚嶇О" prop="hospitalname">
+ <el-input
+ v-model="form.hospitalname"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈠悕绉�"
+ maxlength="100"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绉绘绉戝" prop="hospitaldept">
+ <el-input
+ v-model="form.hospitaldept"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈢瀹�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="闅忚鍖荤敓濮撳悕" prop="doctorname">
+ <el-input
+ v-model="form.doctorname"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熷鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍖荤敓鐢佃瘽" prop="doctorphone">
+ <el-input
+ v-model="form.doctorphone"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熺數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎹愮尞缁撴灉" prop="donateresult">
+ <el-select
+ v-model="form.donateresult"
+ placeholder="璇烽�夋嫨鎹愮尞缁撴灉"
+ style="width: 100%"
+ >
+ <el-option label="鎴愬姛" value="1" />
+ <el-option label="澶辫触" value="0" />
+ <el-option label="杩涜涓�" value="2" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="闅忚鏃堕棿" prop="followuptime">
+ <el-date-picker
+ v-model="form.followuptime"
+ type="datetime"
+ placeholder="閫夋嫨闅忚鏃堕棿"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ style="width: 100%"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-form-item label="闅忚搴忓彿" prop="seqno">
+ <el-input-number
+ v-model="form.seqno"
+ :min="1"
+ :max="20"
+ placeholder="璇疯緭鍏ラ殢璁垮簭鍙�"
+ style="width: 200px"
+ />
+ <span style="margin-left: 10px; color: #999;"
+ >(绗瑊{ form.seqno || 1 }}娆￠殢璁�)</span
+ >
+ </el-form-item>
+
+ <el-form-item label="闅忚鑰�" prop="followupno">
+ <el-input
+ v-model="form.followupno"
+ placeholder="璇疯緭鍏ラ殢璁胯��"
+ maxlength="50"
+ style="width: 300px"
+ />
+ </el-form-item>
+
+ <el-form-item label="鍖荤敓鎻忚堪" prop="doctordescribe">
+ <el-input
+ v-model="form.doctordescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ尰鐢熸弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="闅忚鎻忚堪" prop="followupdescribe">
+ <el-input
+ v-model="form.followupdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ラ殢璁挎弿杩�"
+ maxlength="1000"
+ :rows="4"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="鍙椾綋鑰呮弿杩�" prop="recipientdescribe">
+ <el-input
+ v-model="form.recipientdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呮弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ娉�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import {
+ listFollowup,
+ getFollowup,
+ addFollowup,
+ updateFollowup,
+ delFollowup,
+ exportFollowup
+} from "@/api/businessApi/followup";
+import { listDonatebaseinfo } from "@/api/project/donatebaseinfo";
+import Pagination from "@/components/Pagination";
+
+export default {
+ name: "Followup",
+ components: { Pagination },
+ dicts: [
+ "sys_user_sex",
+ "sys_BloodType",
+ "sys_DonationCategory",
+ "sys_donornode"
+ ],
+ data() {
+ return {
+ // 閬僵灞�
+ loading: true,
+ caseLoading: false,
+ exportLoading: false,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ caseTotal: 0,
+ // 闅忚琛ㄦ牸鏁版嵁
+ followupList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏄惁鏄剧ず閫夋嫨妗堜緥寮瑰嚭灞�
+ selectCaseOpen: false,
+ // 鏃堕棿閫夋嫨
+ caseSelectTime: [],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ recipientname: undefined,
+ hospitalname: undefined,
+ followupno: undefined,
+ donateresult: undefined,
+ followupTimeRange: [],
+ createTimeRange: []
+ },
+ // 妗堜緥鏌ヨ鍙傛暟
+ caseQueryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ name: undefined,
+ treatmenthospitalname: undefined,
+ starttime: undefined,
+ endtime: undefined
+ },
+ // 鍙�夋嫨鐨勬渚嬪垪琛�
+ availableCaseList: [],
+ // 褰撳墠閫変腑鐨勬渚�
+ selectedCase: null,
+ selectedCaseRow: null,
+ // 宸叉湁闅忚鐨勬渚婭D缂撳瓨
+ existingFollowupCases: new Set(),
+ // 琛ㄥ崟鍙傛暟
+ form: {
+ id: undefined,
+ infoid: undefined,
+ organid: undefined,
+ recipientname: "",
+ recipientphone: "",
+ recipientdescribe: "",
+ hospitalname: "",
+ hospitaldept: "",
+ hospitalno: "",
+ doctorname: "",
+ doctorphone: "",
+ doctordescribe: "",
+ donateresult: "",
+ followuptime: undefined,
+ followupno: "",
+ followupdescribe: "",
+ seqno: 1,
+ remark: ""
+ },
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ infoid: [
+ { required: true, message: "璇烽�夋嫨鍏宠仈妗堜緥", trigger: "blur" }
+ ],
+ recipientname: [
+ {
+ required: true,
+ message: "鍣ㄥ畼鍙椾綋鑰呭鍚嶄笉鑳戒负绌�",
+ trigger: "blur"
+ },
+ { max: 50, message: "闀垮害涓嶈兘瓒呰繃50涓瓧绗�", trigger: "blur" }
+ ],
+ hospitalname: [
+ { required: true, message: "绉绘鍖婚櫌鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ { max: 100, message: "闀垮害涓嶈兘瓒呰繃100涓瓧绗�", trigger: "blur" }
+ ],
+ followuptime: [
+ { required: true, message: "闅忚鏃堕棿涓嶈兘涓虹┖", trigger: "change" }
+ ],
+ followupno: [
+ { required: true, message: "闅忚鑰呬笉鑳戒负绌�", trigger: "blur" },
+ { max: 50, message: "闀垮害涓嶈兘瓒呰繃50涓瓧绗�", trigger: "blur" }
+ ],
+ donateresult: [
+ { required: true, message: "鎹愮尞缁撴灉涓嶈兘涓虹┖", trigger: "change" }
+ ],
+ seqno: [
+ { required: true, message: "闅忚搴忓彿涓嶈兘涓虹┖", trigger: "blur" },
+ {
+ type: "number",
+ min: 1,
+ max: 20,
+ message: "闅忚搴忓彿鑼冨洿涓�1-20",
+ trigger: "blur"
+ }
+ ]
+ }
+ };
+ },
+ created() {
+ this.getList();
+ },
+ methods: {
+ // 缁撴灉绫诲瀷杩囨护鍣�
+ resultTypeFilter(result) {
+ const resultMap = {
+ "1": "success", // 鎴愬姛
+ "0": "danger", // 澶辫触
+ "2": "primary" // 杩涜涓�
+ };
+ return resultMap[result] || "info";
+ },
+ resultTextFilter(result) {
+ const resultMap = {
+ "1": "鎴愬姛",
+ "0": "澶辫触",
+ "2": "杩涜涓�"
+ };
+ return resultMap[result] || "鏈煡";
+ },
+ // 鏌ヨ闅忚鍒楄〃
+ async getList() {
+ this.loading = true;
+ try {
+ const requestParams = this.buildRequestParams();
+ const response = await listFollowup(requestParams);
+
+ if (response.code === 200) {
+ this.handleResponseData(response);
+ // 鍔犺浇闅忚鏁版嵁鍚庯紝鎻愬彇宸叉湁鐨勬渚婭D
+ this.extractExistingCaseIds();
+ } else {
+ this.$message.error("鑾峰彇鏁版嵁澶辫触锛�" + (response.msg || "鏈煡閿欒"));
+ this.followupList = [];
+ this.total = 0;
+ }
+ } catch (error) {
+ console.error("鑾峰彇闅忚鍒楄〃澶辫触:", error);
+ this.$message.error("鑾峰彇鏁版嵁澶辫触");
+ this.followupList = [];
+ this.total = 0;
+ } finally {
+ this.loading = false;
+ }
+ },
+ // 鏋勫缓璇锋眰鍙傛暟
+ buildRequestParams() {
+ const params = {
+ pageNum: this.queryParams.pageNum,
+ pageSize: this.queryParams.pageSize
+ };
+
+ if (this.queryParams.recipientname) {
+ params.recipientname = this.queryParams.recipientname;
+ }
+ if (this.queryParams.hospitalname) {
+ params.hospitalname = this.queryParams.hospitalname;
+ }
+ if (this.queryParams.followupno) {
+ params.followupno = this.queryParams.followupno;
+ }
+ if (
+ this.queryParams.donateresult !== undefined &&
+ this.queryParams.donateresult !== ""
+ ) {
+ params.donateresult = this.queryParams.donateresult;
+ }
+
+ if (
+ this.queryParams.followupTimeRange &&
+ this.queryParams.followupTimeRange.length === 2
+ ) {
+ params.startFollowupTime = this.queryParams.followupTimeRange[0];
+ params.endFollowupTime = this.queryParams.followupTimeRange[1];
+ }
+
+ if (
+ this.queryParams.createTimeRange &&
+ this.queryParams.createTimeRange.length === 2
+ ) {
+ params.startCreateTime = this.queryParams.createTimeRange[0];
+ params.endCreateTime = this.queryParams.createTimeRange[1];
+ }
+
+ return params;
+ },
+ // 澶勭悊鎺ュ彛鍝嶅簲鏁版嵁
+ handleResponseData(response) {
+ if (response.data) {
+ if (Array.isArray(response.data)) {
+ this.followupList = response.data;
+ this.total = response.data.length;
+ } else if (response.data.rows) {
+ this.followupList = response.data.rows;
+ this.total = response.data.total;
+ } else if (Array.isArray(response.data.list)) {
+ this.followupList = response.data.list;
+ this.total = response.data.total || response.data.list.length;
+ } else {
+ this.followupList = response.data;
+ this.total = response.total || response.data.length;
+ }
+ } else {
+ if (Array.isArray(response.rows)) {
+ this.followupList = response.rows;
+ this.total = response.total;
+ } else if (Array.isArray(response.list)) {
+ this.followupList = response.list;
+ this.total = response.total;
+ } else {
+ this.followupList = [];
+ this.total = 0;
+ }
+ }
+
+ if (!Array.isArray(this.followupList)) {
+ this.followupList = [];
+ }
+ },
+ // 鎻愬彇宸叉湁闅忚鐨勬渚婭D
+ extractExistingCaseIds() {
+ this.existingFollowupCases.clear();
+ this.followupList.forEach(followup => {
+ if (followup.infoid) {
+ this.existingFollowupCases.add(followup.infoid);
+ }
+ });
+ },
+ // 鎼滅储鎸夐挳鎿嶄綔
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ // 閲嶇疆鎸夐挳鎿嶄綔
+ resetQuery() {
+ this.$refs.queryForm.resetFields();
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.id);
+ this.single = selection.length !== 1;
+ this.multiple = !selection.length;
+ },
+ // 鏌ョ湅璇︽儏
+ async handleView(row) {
+ this.$router.push({
+ path: "/follow/followupVisitinfo",
+ query: { id: row.id, infoid: row.infoid }
+ });
+ },
+ // 鏂板鎸夐挳鎿嶄綔
+ handleCreate() {
+ this.reset();
+ this.open = true;
+ this.title = "鏂板鍙楄�呴殢璁�";
+ },
+ // 淇敼鎸夐挳鎿嶄綔
+ async handleUpdate(row) {
+ const id = row.id || this.ids[0];
+ if (!id) {
+ this.$message.warning("璇峰厛閫夋嫨瑕佹搷浣滅殑鏁版嵁");
+ return;
+ }
+
+ try {
+ this.loading = true;
+ const response = await getFollowup(id);
+ if (response.code === 200) {
+ this.form = response.data;
+ this.open = true;
+ this.title = "淇敼鍙楄�呴殢璁�";
+
+ // 濡傛灉鏄慨鏀癸紝灏濊瘯鍔犺浇妗堜緥淇℃伅
+ if (this.form.infoid) {
+ this.loadSelectedCaseInfo(this.form.infoid);
+ }
+ } else {
+ this.$message.error("鑾峰彇鏁版嵁澶辫触锛�" + response.msg);
+ }
+ } catch (error) {
+ console.error("鑾峰彇闅忚璇︽儏澶辫触:", error);
+ this.$message.error("鑾峰彇鏁版嵁澶辫触");
+ } finally {
+ this.loading = false;
+ }
+ },
+ // 鍔犺浇閫変腑鐨勬渚嬩俊鎭�
+ async loadSelectedCaseInfo(infoid) {
+ try {
+ const response = await listDonatebaseinfo({
+ pageNum: 1,
+ pageSize: 1,
+ id: infoid
+ });
+
+ if (
+ response.code === 200 &&
+ response.data &&
+ response.data.length > 0
+ ) {
+ this.selectedCase = response.data[0];
+ }
+ } catch (error) {
+ console.error("鍔犺浇妗堜緥淇℃伅澶辫触:", error);
+ }
+ },
+ // 鍒犻櫎鎸夐挳鎿嶄綔
+ async handleDelete(row) {
+ const ids = row.id ? [row.id] : this.ids;
+ if (ids.length === 0) {
+ this.$message.warning("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁");
+ return;
+ }
+
+ try {
+ await this.$confirm("鏄惁纭鍒犻櫎閫変腑鐨勬暟鎹」锛�", "璀﹀憡", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ });
+
+ const response = await delFollowup(ids);
+ if (response.code === 200) {
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.getList();
+ } else {
+ this.$message.error("鍒犻櫎澶辫触锛�" + response.msg);
+ }
+ } catch (error) {
+ if (error !== "cancel") {
+ console.error("鍒犻櫎澶辫触:", error);
+ }
+ }
+ },
+ // 瀵煎嚭鎸夐挳鎿嶄綔
+ async handleExport() {
+ try {
+ await this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夐殢璁挎暟鎹紵", "璀﹀憡", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ });
+
+ this.exportLoading = true;
+ const exportParams = this.buildRequestParams();
+
+ const response = await exportFollowup(exportParams);
+ if (response.code === 200) {
+ this.download(response.msg || "闅忚鏁版嵁.xlsx");
+ } else {
+ this.$message.error("瀵煎嚭澶辫触锛�" + response.msg);
+ }
+ } catch (error) {
+ if (error !== "cancel") {
+ console.error("瀵煎嚭澶辫触:", error);
+ this.$message.error("瀵煎嚭澶辫触");
+ }
+ } finally {
+ this.exportLoading = false;
+ }
+ },
+ // 鏂囦欢涓嬭浇澶勭悊
+ download(fileName) {
+ // 杩欓噷瀹炵幇鏂囦欢涓嬭浇閫昏緫
+ console.log("涓嬭浇鏂囦欢:", fileName);
+ // 鏍规嵁鎮ㄧ殑椤圭洰瀹為檯鏂囦欢涓嬭浇鏂瑰紡瀹炵幇
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: undefined,
+ infoid: undefined,
+ organid: undefined,
+ recipientname: "",
+ recipientphone: "",
+ recipientdescribe: "",
+ hospitalname: "",
+ hospitaldept: "",
+ hospitalno: "",
+ doctorname: "",
+ doctorphone: "",
+ doctordescribe: "",
+ donateresult: "",
+ followuptime: undefined,
+ followupno: "",
+ followupdescribe: "",
+ seqno: 1,
+ remark: ""
+ };
+ this.selectedCase = null;
+ this.selectedCaseRow = null;
+ this.resetForm("form");
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 鎻愪氦琛ㄥ崟
+ submitForm() {
+ this.$refs["form"].validate(async valid => {
+ if (valid) {
+ let response;
+ if (this.form.id) {
+ // 淇敼
+ response = await updateFollowup(this.form);
+ } else {
+ // 鏂板
+ response = await addFollowup(this.form);
+ }
+
+ if (response.code === 200) {
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.open = false;
+ this.getList();
+ } else {
+ this.$message.error(response.msg || "鎿嶄綔澶辫触");
+ }
+ }
+ });
+ },
+ // 鎵撳紑閫夋嫨妗堜緥瀵硅瘽妗�
+ openCaseDialog() {
+ this.selectCaseOpen = true;
+ this.caseQueryParams.pageNum = 1;
+ this.resetCaseSearch();
+ this.searchCaseList();
+ },
+ // 鎼滅储妗堜緥鍒楄〃
+ async searchCaseList() {
+ this.caseLoading = true;
+ try {
+ const params = {
+ pageNum: this.caseQueryParams.pageNum,
+ pageSize: this.caseQueryParams.pageSize
+ };
+
+ if (this.caseQueryParams.name) {
+ params.name = this.caseQueryParams.name;
+ }
+ if (this.caseQueryParams.treatmenthospitalname) {
+ params.treatmenthospitalname = this.caseQueryParams.treatmenthospitalname;
+ }
+ if (this.caseQueryParams.starttime) {
+ params.starttime = this.caseQueryParams.starttime;
+ }
+ if (this.caseQueryParams.endtime) {
+ params.endtime = this.caseQueryParams.endtime;
+ }
+
+ const response = await listDonatebaseinfo(params);
+ if (response.code === 200) {
+ this.availableCaseList = response.data || [];
+ this.caseTotal = response.total || this.availableCaseList.length;
+ } else {
+ this.$message.error("鑾峰彇妗堜緥鍒楄〃澶辫触");
+ this.availableCaseList = [];
+ this.caseTotal = 0;
+ }
+ } catch (error) {
+ console.error("鎼滅储妗堜緥澶辫触:", error);
+ this.$message.error("鑾峰彇妗堜緥鍒楄〃澶辫触");
+ this.availableCaseList = [];
+ this.caseTotal = 0;
+ } finally {
+ this.caseLoading = false;
+ }
+ },
+ // 閲嶇疆妗堜緥鎼滅储
+ resetCaseSearch() {
+ this.caseQueryParams = {
+ pageNum: 1,
+ pageSize: 10,
+ name: undefined,
+ treatmenthospitalname: undefined,
+ starttime: undefined,
+ endtime: undefined
+ };
+ this.caseSelectTime = [];
+ this.handleCaseTimeSelect();
+ },
+ // 澶勭悊妗堜緥鏃堕棿閫夋嫨
+ handleCaseTimeSelect(timeRange) {
+ if (!timeRange) {
+ this.caseQueryParams.starttime = undefined;
+ this.caseQueryParams.endtime = undefined;
+ return;
+ }
+
+ const [start, end] = timeRange;
+ this.caseQueryParams.starttime = `${start} 00:00:00`;
+
+ const monthNum = Number(end.slice(5, 7));
+ const nextMonth = monthNum < 9 ? `0${monthNum + 1}` : monthNum + 1;
+ this.caseQueryParams.endtime = `${end.slice(
+ 0,
+ 5
+ )}${nextMonth}-01 00:00:00`;
+ },
+ // 妫�鏌ユ渚嬫槸鍚﹀凡鏈夐殢璁胯褰�
+ hasFollowup(row) {
+ return this.existingFollowupCases.has(row.id);
+ },
+ // 妗堜緥琛岀偣鍑讳簨浠�
+ handleCaseRowClick(row) {
+ this.selectedCaseRow = row;
+ },
+ // 閫夋嫨妗堜緥
+ selectCase(row) {
+ this.selectedCaseRow = row;
+ },
+ // 纭閫夋嫨妗堜緥
+ confirmCaseSelection() {
+ if (this.selectedCaseRow) {
+ this.selectedCase = this.selectedCaseRow;
+ this.form.infoid = this.selectedCaseRow.id;
+ this.form.organid = this.selectedCaseRow.organid;
+ this.selectCaseOpen = false;
+
+ // 濡傛灉閫夋嫨妗堜緥鎴愬姛锛岃嚜鍔ㄥ～鍏呬竴浜涢粯璁ゅ��
+ this.form.seqno = this.calculateNextSeqNo();
+ this.form.followupno = this.$store.state.user.name || "";
+ } else {
+ this.$message.warning("璇峰厛閫夋嫨涓�涓渚�");
+ }
+ },
+ // 璁＄畻涓嬩竴涓殢璁垮簭鍙�
+ calculateNextSeqNo() {
+ if (this.selectedCase) {
+ const caseFollowups = this.followupList.filter(
+ followup => followup.infoid === this.selectedCase.id
+ );
+ if (caseFollowups.length === 0) {
+ return 1;
+ }
+ const maxSeqNo = Math.max(
+ ...caseFollowups.map(item => Number(item.seqno) || 1)
+ );
+ return maxSeqNo + 1;
+ }
+ return 1;
+ },
+ // 鏃堕棿鏍煎紡鍖�
+ parseTime(time, pattern) {
+ if (!time) return "";
+ const date = new Date(time);
+ if (pattern) {
+ if (pattern === "{y}-{m}-{d}") {
+ return `${date.getFullYear()}-${(date.getMonth() + 1)
+ .toString()
+ .padStart(2, "0")}-${date
+ .getDate()
+ .toString()
+ .padStart(2, "0")}`;
+ }
+ }
+ return `${date.getFullYear()}-${(date.getMonth() + 1)
+ .toString()
+ .padStart(2, "0")}-${date
+ .getDate()
+ .toString()
+ .padStart(2, "0")} ${date
+ .getHours()
+ .toString()
+ .padStart(2, "0")}:${date
+ .getMinutes()
+ .toString()
+ .padStart(2, "0")}:${date
+ .getSeconds()
+ .toString()
+ .padStart(2, "0")}`;
+ }
+ }
+};
+</script>
+
+<style scoped>
+.followup-list {
+ padding: 20px;
+}
+
+.search-card {
+ margin-bottom: 20px;
+}
+
+.tool-card {
+ margin-bottom: 20px;
+}
+
+.fixed-width .el-button {
+ margin: 0 5px;
+}
+
+.case-select-container {
+ max-height: 600px;
+ overflow-y: auto;
+}
+
+.dialog-footer {
+ text-align: right;
+}
+
+/* 榧犳爣鎮仠琛屾牱寮� */
+.el-table__row:hover {
+ cursor: pointer;
+ background-color: #f5f7fa;
+}
+</style>
diff --git a/src/views/business/followupVisit/info.vue b/src/views/business/followupVisit/info.vue
new file mode 100644
index 0000000..8d54bf1
--- /dev/null
+++ b/src/views/business/followupVisit/info.vue
@@ -0,0 +1,743 @@
+<template>
+ <div class="followup-detail">
+ <!-- 妗堜緥鍩烘湰淇℃伅缁勪欢 -->
+ <case-basic-info
+ :case-id="caseId"
+ :show-attachment="true"
+ />
+
+ <!-- 闅忚璁板綍绠＄悊 -->
+ <el-card>
+ <div slot="header" class="clearfix">
+ <span>闅忚璁板綍绠＄悊</span>
+ <el-button style="float: right; padding: 3px 0" type="text" @click="goBack">杩斿洖鍒楄〃</el-button>
+ </div>
+
+ <!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
+ <div class="operation-bar">
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ @click="handleAddFollowup"
+ v-hasPermi="['system:followup:add']"
+ >
+ 鏂板闅忚
+ </el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ :disabled="!selectedFollowup"
+ @click="handleDeleteFollowup"
+ v-hasPermi="['system:followup:remove']"
+ >
+ 鍒犻櫎閫変腑
+ </el-button>
+ <el-button
+ type="warning"
+ icon="el-icon-refresh"
+ @click="getFollowupList"
+ >
+ 鍒锋柊鍒楄〃
+ </el-button>
+ </div>
+
+ <!-- 闅忚璁板綍鍒楄〃 -->
+ <el-table
+ v-loading="loading"
+ :data="followupList"
+ highlight-current-row
+ @row-click="handleRowClick"
+ style="width: 100%; margin-top: 20px;"
+ :default-sort="{prop: 'followuptime', order: 'descending'}"
+ >
+ <el-table-column
+ label="闅忚搴忓彿"
+ align="center"
+ prop="seqno"
+ width="120"
+ >
+ <template slot-scope="scope">
+ <span>绗瑊{ scope.row.seqno || 1 }}娆�</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="闅忚鏃堕棿"
+ align="center"
+ prop="followuptime"
+
+ sortable
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.followuptime, "{y}-{m}-{d}") }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍣ㄥ畼鍙椾綋鑰�"
+ align="center"
+ prop="recipientname"
+
+ />
+ <el-table-column
+ label="绉绘鍖婚櫌"
+ align="center"
+ prop="hospitalname"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="闅忚鍖荤敓"
+ align="center"
+ prop="doctorname"
+
+ />
+ <el-table-column
+ label="鎹愮尞缁撴灉"
+ align="center"
+ prop="donateresult"
+ >
+ <template slot-scope="scope">
+ <el-tag :type="resultTypeFilter(scope.row.donateresult)" size="small">
+ {{ resultTextFilter(scope.row.donateresult) }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="闅忚鑰�"
+ align="center"
+ prop="followupno"
+ />
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+
+ fixed="right"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDeleteSingle(scope.row)"
+ v-hasPermi="['system:followup:remove']"
+ >
+ 鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <!-- 鍒嗛〉缁勪欢 -->
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getFollowupList"
+ />
+ </el-card>
+
+ <!-- 缂栬緫/鏂板鍖哄煙 - 濮嬬粓鏄剧ず -->
+ <el-card class="edit-area-card">
+ <div slot="header" class="clearfix">
+ <span>{{ editForm.id ? '缂栬緫闅忚璁板綍' : '鏂板闅忚璁板綍' }}</span>
+ <div style="float: right;">
+ <el-button
+ type="text"
+ @click="handleReset"
+ v-if="editForm.id"
+ >
+ 閲嶇疆
+ </el-button>
+ </div>
+ </div>
+
+ <el-form
+ ref="editFormRef"
+ :model="editForm"
+ :rules="editRules"
+ label-width="120px"
+ >
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="闅忚搴忓彿" prop="seqno">
+ <el-input-number
+ v-model="editForm.seqno"
+ :min="1"
+ :max="20"
+ placeholder="璇疯緭鍏ラ殢璁垮簭鍙�"
+ style="width: 200px"
+ />
+ <span style="margin-left: 10px; color: #999;">(绗瑊{ editForm.seqno || 1 }}娆￠殢璁�)</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="闅忚鏃堕棿" prop="followuptime">
+ <el-date-picker
+ v-model="editForm.followuptime"
+ type="datetime"
+ placeholder="閫夋嫨闅忚鏃堕棿"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ style="width: 200px"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鍣ㄥ畼鍙椾綋鑰呭鍚�" prop="recipientname">
+ <el-input
+ v-model="editForm.recipientname"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呭鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍙椾綋鐢佃瘽" prop="recipientphone">
+ <el-input
+ v-model="editForm.recipientphone"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呯數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="绉绘鍖婚櫌鍚嶇О" prop="hospitalname">
+ <el-input
+ v-model="editForm.hospitalname"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈠悕绉�"
+ maxlength="100"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绉绘绉戝" prop="hospitaldept">
+ <el-input
+ v-model="editForm.hospitaldept"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈢瀹�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="闅忚鍖荤敓濮撳悕" prop="doctorname">
+ <el-input
+ v-model="editForm.doctorname"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熷鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍖荤敓鐢佃瘽" prop="doctorphone">
+ <el-input
+ v-model="editForm.doctorphone"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熺數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎹愮尞缁撴灉" prop="donateresult">
+ <el-select
+ v-model="editForm.donateresult"
+ placeholder="璇烽�夋嫨鎹愮尞缁撴灉"
+ style="width: 200px"
+ >
+ <el-option label="鎴愬姛" value="1" />
+ <el-option label="澶辫触" value="0" />
+ <el-option label="杩涜涓�" value="2" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="闅忚鑰�" prop="followupno">
+ <el-input
+ v-model="editForm.followupno"
+ placeholder="璇疯緭鍏ラ殢璁胯��"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-form-item label="闅忚鎻忚堪" prop="followupdescribe">
+ <el-input
+ v-model="editForm.followupdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ラ殢璁挎弿杩�"
+ maxlength="1000"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="鍖荤敓鎻忚堪" prop="doctordescribe">
+ <el-input
+ v-model="editForm.doctordescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ尰鐢熸弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="鍙椾綋鑰呮弿杩�" prop="recipientdescribe">
+ <el-input
+ v-model="editForm.recipientdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呮弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input
+ v-model="editForm.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ娉�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+
+ <el-form-item>
+ <el-button type="primary" @click="submitEditForm">
+ {{ editForm.id ? '淇濆瓨淇敼' : '鍒涘缓闅忚' }}
+ </el-button>
+ <el-button @click="resetEditForm">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
+ </div>
+</template>
+
+<script>
+import {
+ listFollowup,
+ getFollowup,
+ addFollowup,
+ updateFollowup,
+ delFollowup
+} from "@/api/businessApi/followup";
+import CaseBasicInfo from "@/components/CaseBasicInfo";
+import Pagination from "@/components/Pagination";
+
+export default {
+ name: "FollowupDetail",
+ components: {
+ CaseBasicInfo,
+ Pagination
+ },
+ data() {
+ return {
+ // 妗堜緥ID
+ caseId: null,
+ // 鍔犺浇鐘舵��
+ loading: false,
+ // 闅忚璁板綍鍒楄〃
+ followupList: [],
+ // 鎬绘潯鏁�
+ total: 0,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10
+ },
+ // 褰撳墠閫変腑鐨勯殢璁胯褰�
+ selectedFollowup: null,
+ // 缂栬緫琛ㄥ崟
+ editForm: {
+ id: undefined,
+ infoid: null,
+ organid: undefined,
+ recipientname: "",
+ recipientphone: "",
+ recipientdescribe: "",
+ hospitalname: "",
+ hospitaldept: "",
+ hospitalno: "",
+ doctorname: "",
+ doctorphone: "",
+ doctordescribe: "",
+ donateresult: "",
+ followuptime: undefined,
+ followupno: "",
+ followupdescribe: "",
+ seqno: 1,
+ remark: ""
+ },
+ // 缂栬緫琛ㄥ崟鏍￠獙瑙勫垯
+ editRules: {
+ seqno: [
+ { required: true, message: "闅忚搴忓彿涓嶈兘涓虹┖", trigger: "blur" },
+ { type: "number", min: 1, max: 20, message: "闅忚搴忓彿鑼冨洿涓�1-20", trigger: "blur" }
+ ],
+ followuptime: [
+ { required: true, message: "闅忚鏃堕棿涓嶈兘涓虹┖", trigger: "change" }
+ ],
+ recipientname: [
+ { required: true, message: "鍣ㄥ畼鍙椾綋鑰呭鍚嶄笉鑳戒负绌�", trigger: "blur" },
+ { max: 50, message: "闀垮害涓嶈兘瓒呰繃50涓瓧绗�", trigger: "blur" }
+ ],
+ hospitalname: [
+ { required: true, message: "绉绘鍖婚櫌鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ { max: 100, message: "闀垮害涓嶈兘瓒呰繃100涓瓧绗�", trigger: "blur" }
+ ],
+ followupno: [
+ { required: true, message: "闅忚鑰呬笉鑳戒负绌�", trigger: "blur" },
+ { max: 50, message: "闀垮害涓嶈兘瓒呰繃50涓瓧绗�", trigger: "blur" }
+ ],
+ donateresult: [
+ { required: true, message: "鎹愮尞缁撴灉涓嶈兘涓虹┖", trigger: "change" }
+ ]
+ }
+ };
+ },
+ created() {
+ this.caseId = this.$route.query.infoid;
+ if (this.caseId) {
+ this.getFollowupList();
+ } else {
+ this.$message.error("鍙傛暟閿欒");
+ this.goBack();
+ }
+ },
+ methods: {
+ // 鑾峰彇褰撳墠妗堜緥涓嬬殑闅忚璁板綍鍒楄〃
+ async getFollowupList() {
+ this.loading = true;
+ try {
+ const params = {
+ ...this.queryParams,
+ infoid: this.caseId
+ };
+
+ const response = await listFollowup(params);
+ if (response.code === 200) {
+ this.handleResponseData(response);
+
+ // 濡傛灉鏈夋暟鎹紝榛樿閫変腑绗竴鏉�
+ if (this.followupList.length > 0) {
+ this.selectFirstRecord();
+ } else {
+ // 娌℃湁鏁版嵁鏃讹紝璁剧疆鏂板鐘舵��
+ this.resetEditForm();
+ }
+ } else {
+ this.$message.error("鑾峰彇闅忚璁板綍澶辫触锛�" + (response.msg || "鏈煡閿欒"));
+ this.followupList = [];
+ this.total = 0;
+ this.resetEditForm();
+ }
+ } catch (error) {
+ console.error("鑾峰彇闅忚璁板綍澶辫触:", error);
+ this.$message.error("鑾峰彇鏁版嵁澶辫触");
+ this.followupList = [];
+ this.total = 0;
+ this.resetEditForm();
+ } finally {
+ this.loading = false;
+ }
+ },
+ // 澶勭悊鎺ュ彛鍝嶅簲鏁版嵁
+ handleResponseData(response) {
+ if (response.data) {
+ if (Array.isArray(response.data)) {
+ this.followupList = response.data;
+ this.total = response.data.length;
+ } else if (response.data.rows) {
+ this.followupList = response.data.rows;
+ this.total = response.data.total;
+ } else if (Array.isArray(response.data.list)) {
+ this.followupList = response.data.list;
+ this.total = response.data.total || response.data.list.length;
+ } else {
+ this.followupList = response.data;
+ this.total = response.total || response.data.length;
+ }
+ } else {
+ if (Array.isArray(response.rows)) {
+ this.followupList = response.rows;
+ this.total = response.total;
+ } else if (Array.isArray(response.list)) {
+ this.followupList = response.list;
+ this.total = response.total;
+ } else {
+ this.followupList = [];
+ this.total = 0;
+ }
+ }
+ },
+ // 閫夋嫨绗竴鏉¤褰�
+ selectFirstRecord() {
+ if (this.followupList.length > 0) {
+ const firstRecord = this.followupList[0];
+ this.selectedFollowup = firstRecord;
+ this.loadFollowupData(firstRecord);
+ }
+ },
+ // 鍔犺浇闅忚鏁版嵁鍒扮紪杈戣〃鍗�
+ loadFollowupData(record) {
+ this.editForm = { ...record };
+
+ // 纭繚鏁版嵁绫诲瀷姝ｇ‘
+ if (this.editForm.seqno) {
+ this.editForm.seqno = Number(this.editForm.seqno);
+ }
+
+ // 娓呯┖琛ㄥ崟楠岃瘉
+ if (this.$refs.editFormRef) {
+ this.$nextTick(() => {
+ this.$refs.editFormRef.clearValidate();
+ });
+ }
+ },
+ // 缁撴灉绫诲瀷杩囨护鍣�
+ resultTypeFilter(result) {
+ const resultMap = {
+ "1": "success", // 鎴愬姛
+ "0": "danger", // 澶辫触
+ "2": "primary" // 杩涜涓�
+ };
+ return resultMap[result] || "info";
+ },
+ resultTextFilter(result) {
+ const resultMap = {
+ "1": "鎴愬姛",
+ "0": "澶辫触",
+ "2": "杩涜涓�"
+ };
+ return resultMap[result] || "鏈煡";
+ },
+ // 琛岀偣鍑讳簨浠�
+ handleRowClick(row) {
+ this.selectedFollowup = row;
+ this.loadFollowupData(row);
+ },
+ // 鏂板闅忚
+ handleAddFollowup() {
+ this.resetEditForm();
+ this.selectedFollowup = null;
+ },
+ // 璁＄畻涓嬩竴涓殢璁垮簭鍙�
+ calculateNextSeqNo() {
+ if (this.followupList.length === 0) {
+ return 1;
+ }
+ const maxSeqNo = Math.max(...this.followupList.map(item => Number(item.seqno) || 1));
+ return maxSeqNo + 1;
+ },
+ // 鎻愪氦缂栬緫琛ㄥ崟
+ submitEditForm() {
+ this.$refs.editFormRef.validate(async (valid) => {
+ if (valid) {
+ try {
+ // 纭繚infoid姝ｇ‘
+ this.editForm.infoid = this.caseId;
+
+ let response;
+ if (this.editForm.id) {
+ // 淇敼
+ response = await updateFollowup(this.editForm);
+ } else {
+ // 鏂板
+ response = await addFollowup(this.editForm);
+ }
+
+ if (response.code === 200) {
+ this.$message.success(this.editForm.id ? "淇敼鎴愬姛" : "鏂板鎴愬姛");
+ this.getFollowupList();
+
+ // 鏂板鎴愬姛鍚庯紝娓呯┖琛ㄥ崟
+ if (!this.editForm.id) {
+ this.resetEditForm();
+ }
+ } else {
+ this.$message.error(response.msg || "鎿嶄綔澶辫触");
+ }
+ } catch (error) {
+ console.error("鎿嶄綔澶辫触:", error);
+ this.$message.error("鎿嶄綔澶辫触");
+ }
+ }
+ });
+ },
+ // 閲嶇疆缂栬緫琛ㄥ崟
+ resetEditForm() {
+ this.editForm = {
+ id: undefined,
+ infoid: this.caseId,
+ organid: undefined,
+ recipientname: "",
+ recipientphone: "",
+ recipientdescribe: "",
+ hospitalname: "",
+ hospitaldept: "",
+ hospitalno: "",
+ doctorname: "",
+ doctorphone: "",
+ doctordescribe: "",
+ donateresult: "",
+ followuptime: undefined,
+ followupno: "",
+ followupdescribe: "",
+ seqno: this.calculateNextSeqNo(),
+ remark: ""
+ };
+
+ if (this.$refs.editFormRef) {
+ this.$refs.editFormRef.clearValidate();
+ }
+ },
+ // 閲嶇疆
+ handleReset() {
+ if (this.selectedFollowup) {
+ this.loadFollowupData(this.selectedFollowup);
+ } else {
+ this.resetEditForm();
+ }
+ },
+ // 鍒犻櫎閫変腑闅忚
+ async handleDeleteFollowup() {
+ if (!this.selectedFollowup) {
+ this.$message.warning("璇峰厛閫夋嫨瑕佸垹闄ょ殑闅忚璁板綍");
+ return;
+ }
+
+ await this.deleteFollowupRecord(this.selectedFollowup.id);
+ },
+ // 鍒犻櫎鍗曟潯闅忚
+ async handleDeleteSingle(row, event) {
+ event.stopPropagation(); // 闃绘浜嬩欢鍐掓场
+ await this.deleteFollowupRecord(row.id);
+ },
+ // 鍒犻櫎闅忚璁板綍
+ async deleteFollowupRecord(id) {
+ try {
+ await this.$confirm('纭鍒犻櫎璇ラ殢璁胯褰曞悧锛�', "璀﹀憡", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ });
+
+ const response = await delFollowup([id]);
+ if (response.code === 200) {
+ this.$message.success("鍒犻櫎鎴愬姛");
+
+ // 濡傛灉鍒犻櫎鐨勬槸褰撳墠閫変腑鐨勮褰�
+ if (this.selectedFollowup && this.selectedFollowup.id === id) {
+ this.selectedFollowup = null;
+ this.resetEditForm();
+ }
+
+ this.getFollowupList();
+ } else {
+ this.$message.error("鍒犻櫎澶辫触锛�" + response.msg);
+ }
+ } catch (error) {
+ if (error !== "cancel") {
+ console.error("鍒犻櫎澶辫触:", error);
+ }
+ }
+ },
+ // 杩斿洖鍒楄〃椤�
+ goBack() {
+ this.$router.go(-1);
+ },
+ // 鏃堕棿鏍煎紡鍖�
+ parseTime(time, pattern) {
+ if (!time) return "";
+ const date = new Date(time);
+ if (pattern) {
+ if (pattern === "{y}-{m}-{d}") {
+ return `${date.getFullYear()}-${(date.getMonth() + 1)
+ .toString()
+ .padStart(2, "0")}-${date
+ .getDate()
+ .toString()
+ .padStart(2, "0")}`;
+ }
+ }
+ return `${date.getFullYear()}-${(date.getMonth() + 1)
+ .toString()
+ .padStart(2, "0")}-${date
+ .getDate()
+ .toString()
+ .padStart(2, "0")} ${date
+ .getHours()
+ .toString()
+ .padStart(2, "0")}:${date
+ .getMinutes()
+ .toString()
+ .padStart(2, "0")}:${date
+ .getSeconds()
+ .toString()
+ .padStart(2, "0")}`;
+ }
+ }
+};
+</script>
+
+<style scoped>
+.followup-detail {
+ padding: 20px;
+}
+
+.operation-bar {
+ margin-bottom: 20px;
+ display: flex;
+ gap: 10px;
+ align-items: center;
+}
+
+.edit-area-card {
+ margin-top: 20px;
+ animation: fadeIn 0.5s;
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(-20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* 琛ㄦ牸閫変腑琛屾牱寮� */
+.el-table__row.current-row {
+ background-color: #f0f9ff !important;
+}
+
+/* 榧犳爣鎮仠琛屾牱寮� */
+.el-table__row:hover {
+ cursor: pointer;
+ background-color: #f5f7fa;
+}
+</style>
diff --git a/src/views/project/components/orgselect/index.vue b/src/views/project/components/orgselect/index.vue
index 6ae9a76..9abab2c 100644
--- a/src/views/project/components/orgselect/index.vue
+++ b/src/views/project/components/orgselect/index.vue
@@ -154,7 +154,6 @@
};
this.dataList.unshift(all);
}
- console.log(this.dataList,'this.dataList');
this.tempList = this.dataList.map(item => item);
this.focusEvents.loaded = true;
--
Gitblit v1.9.3