| | |
| | | <el-card class="detail-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <span class="detail-title">器官获取基本信息</span> |
| | | <div style="float: right;"> |
| | | <el-button type="primary" @click="handleSave" :loading="saveLoading"> |
| | | 保存 |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | @click="handleProcure" |
| | | :loading="confirmLoading" |
| | | > |
| | | 确认获取 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-form :model="form" ref="form" :rules="rules" label-width="120px"> |
| | |
| | | <el-input v-model="form.coordinatorSign" /> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :span="8"> |
| | | <!-- <el-col :span="8"> |
| | | <el-form-item label="获取时间" prop="coordinatorSignTime"> |
| | | <el-date-picker |
| | | v-model="form.coordinatorSignTime" |
| | |
| | | style="width: 100%" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | </el-col> --> |
| | | <el-col :span="8"> |
| | | <el-form-item label="是否默哀缅怀" prop="isspendremember"> |
| | | <el-select |
| | | v-model="form.isspendremember" |
| | | style="width: 100%" |
| | | > |
| | | <el-select v-model="form.isspendremember" style="width: 100%"> |
| | | <el-option label="是" :value="1" /> |
| | | <el-option label="否" :value="0" /> |
| | | </el-select> |
| | |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="恢复遗体仪容" prop="isrestoreremains"> |
| | | <el-select |
| | | v-model="form.isrestoreremains" |
| | | style="width: 100%" |
| | | > |
| | | <el-select v-model="form.isrestoreremains" style="width: 100%"> |
| | | <el-option label="是" :value="1" /> |
| | | <el-option label="否" :value="0" /> |
| | | </el-select> |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="获取机构编码" prop="gainhospitalno"> |
| | | <!-- <el-col :span="8"> |
| | | <el-form-item label="捐献编号" prop="gainhospitalno"> |
| | | <el-input |
| | | v-model="form.gainhospitalno" |
| | | placeholder="请输入获取机构编码" |
| | | placeholder="请输入捐献编号" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | </el-card> |
| | |
| | | <div slot="header" class="clearfix"> |
| | | <span class="detail-title">器官获取记录</span> |
| | | <div style="float: right;"> |
| | | |
| | | <dict-tag |
| | | :options="dict.type.Obtain_status" |
| | | :value="form.witnessState" |
| | |
| | | <el-col> |
| | | <el-form-item> |
| | | <el-table |
| | | :data="procurementData.serviceDonationwitnessorgans" |
| | | :data="displayOrgans" |
| | | v-loading="loading" |
| | | border |
| | | style="width: 100%" |
| | |
| | | <el-table-column |
| | | label="获取开始时间" |
| | | align="center" |
| | | width="180" |
| | | width="260" |
| | | prop="organStartTime" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | <el-table-column |
| | | label="器官离体时间" |
| | | align="center" |
| | | width="180" |
| | | width="260" |
| | | prop="organgettime" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | <el-table-column |
| | | label="获取医院" |
| | | align="center" |
| | | width="200" |
| | | prop="gainhospitalno" |
| | | width="300" |
| | | prop="gainhospitalname" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <!-- <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.gainhospitalno" |
| | | v-model="scope.row.gainhospitalname" |
| | | placeholder="请选择获取医院" |
| | | style="width: 100%" |
| | | @change="handleHospitalChange(scope.row, $event)" |
| | | > |
| | | <el-option |
| | | v-for="hospital in hospitalList" |
| | | :key="hospital.hospitalNo" |
| | | :label="hospital.hospitalName" |
| | | :value="hospital.hospitalNo" |
| | | /> |
| | | v-for="dict in dict.type.Geta_hospital" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | |
| | | </el-select> |
| | | </template> --> |
| | | <template slot-scope="scope"> |
| | | <el-autocomplete |
| | | v-model="scope.row.gainhospitalname" |
| | | :fetch-suggestions="queryHospitalSearch" |
| | | placeholder="请选择或输入获取医院" |
| | | style="width: 100%" |
| | | clearable |
| | | ></el-autocomplete> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="获取医师" |
| | | align="center" |
| | | width="120" |
| | | width="150" |
| | | prop="organgetdoct" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | |
| | | <!-- <el-table-column |
| | | label="助手" |
| | | align="center" |
| | | width="120" |
| | | prop="assistant" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.assistant" |
| | | placeholder="助手" |
| | | |
| | | /> |
| | | </template> |
| | | </el-table-column> --> |
| | | |
| | | <!-- <el-table-column |
| | | label="获取护士" |
| | | align="center" |
| | | width="120" |
| | | prop="procurementNurse" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.procurementNurse" |
| | | placeholder="获取护士" |
| | | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="手术室护士" |
| | | align="center" |
| | | width="120" |
| | | prop="operatingRoomNurse" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.operatingRoomNurse" |
| | | placeholder="手术室护士" |
| | | |
| | | /> |
| | | </template> |
| | | </el-table-column> --> |
| | | |
| | | <el-table-column |
| | | label="获取状态" |
| | | align="center" |
| | | width="120" |
| | |
| | | /> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table-column> --> |
| | | |
| | | <el-table-column |
| | | label="说明" |
| | |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- 获取统计信息 --> |
| | | <!-- <div |
| | | class="procurement-stats" |
| | | 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 |
| | | > |
| | | </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=" |
| | | form.witnessState === 'completed' ? 'success' : 'warning' |
| | | " |
| | | > |
| | | {{ form.witnessState === "completed" ? "已完成" : "进行中" }} |
| | | </el-tag> |
| | | </span> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> --> |
| | | |
| | | <div |
| | | v-if="!procurementData.serviceDonationwitnessorgans" |
| | | class="empty-procurement" |
| | |
| | | </el-form> |
| | | </el-card> |
| | | |
| | | <!-- 附件管理部分优化 --> |
| | | <!-- 附件管理部分 - 分类Tab展示 --> |
| | | <el-card class="attachment-card"> |
| | | <div class="attachment-header"> |
| | | <i class="el-icon-paperclip"></i> |
| | | <span class="attachment-title">相关附件</span> |
| | | <span class="attachment-tip" |
| | | >支持上传器官获取相关文件 (最多{{ attachmentLimit }}个)</span |
| | | > |
| | | <div slot="header" class="clearfix"> |
| | | <span class="detail-title">相关附件</span> |
| | | </div> |
| | | |
| | | <!-- 使用 UploadAttachment 组件 --> |
| | | <UploadAttachment |
| | | ref="uploadAttachment" |
| | | :file-list="attachmentFileList" |
| | | :limit="attachmentLimit" |
| | | :accept="attachmentAccept" |
| | | :multiple="true" |
| | | @change="handleAttachmentChange" |
| | | @upload-success="handleUploadSuccess" |
| | | @upload-error="handleUploadError" |
| | | @remove="handleAttachmentRemove" |
| | | /> |
| | | <!-- 上传区域(无分类选择,由Tab控制) --> |
| | | <div class="upload-wrapper"> |
| | | <UploadAttachment |
| | | ref="uploadAttachment" |
| | | :file-list="attachmentFileList" |
| | | :limit="attachmentLimit" |
| | | :accept="attachmentAccept" |
| | | :multiple="true" |
| | | @change="handleAttachmentChange" |
| | | @upload-success="handleUploadSuccess" |
| | | @upload-error="handleUploadError" |
| | | @remove="handleAttachmentRemove" |
| | | /> |
| | | <div style="font-size:12px; color:#909399; margin-top:4px;"> |
| | | 当前上传分类:<el-tag size="small" type="info">{{ |
| | | activeTab === "未分类" ? "未分类" : activeTab |
| | | }}</el-tag> |
| | | (切换 Tab 可改变上传分类) |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 附件列表展示 --> |
| | | <!-- 附件列表 - 分类Tab展示,支持修改分类 --> |
| | | <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"> |
| | | <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"> |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="getFileTagType(scope.row.fileName)" size="small"> |
| | | {{ getFileTypeText(scope.row.fileName) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上传时间" width="160"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ formatDateTime(scope.row.uploadTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="文件大小" width="100"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ formatFileSize(scope.row.fileSize) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="200" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="primary" |
| | | @click="handlePreview(scope.row)" |
| | | :disabled="!isPreviewable(scope.row.fileName)" |
| | | > |
| | | 预览 |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="success" |
| | | @click="handleDownload(scope.row)" |
| | | > |
| | | 下载 |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="danger" |
| | | @click="handleRemoveAttachment(scope.$index)" |
| | | > |
| | | 删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-tabs v-model="activeTab" type="border-card"> |
| | | <el-tab-pane |
| | | v-for="category in categories" |
| | | :key="category" |
| | | :label="category + '(' + getCategoryCount(category) + ')'" |
| | | :name="category" |
| | | > |
| | | <el-table |
| | | :data="getCategoryFiles(category)" |
| | | style="width: 100%" |
| | | size="small" |
| | | border |
| | | > |
| | | <el-table-column label="文件名" min-width="180"> |
| | | <template #default="scope"> |
| | | <i |
| | | class="el-icon-document" |
| | | style="margin-right: 8px; color: #409EFF;" |
| | | ></i> |
| | | <span class="file-name">{{ scope.row.fileName }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- 可编辑分类下拉 --> |
| | | <el-table-column label="分类" width="150"> |
| | | <template #default="scope"> |
| | | <el-select |
| | | v-model="scope.row.fileType" |
| | | size="small" |
| | | @change="updateAttachmentCategory(scope.row, $event)" |
| | | placeholder="选择分类" |
| | | > |
| | | <el-option label="原表拍照" value="原表拍照" /> |
| | | <el-option label="伦理审查材料" value="伦理审查材料" /> |
| | | <el-option label="死亡判定材料" value="死亡判定材料" /> |
| | | <el-option label="默哀仪式照片" value="默哀仪式照片" /> |
| | | <el-option label="捐献见证视频" value="捐献见证视频" /> |
| | | <el-option label="未分类" value="" /> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="文件类型" width="100"> |
| | | <template #default="scope"> |
| | | <el-tag size="small">{{ |
| | | getFileTypeText(scope.row.fileName) |
| | | }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上传时间" width="160"> |
| | | <template #default="scope"> |
| | | <span>{{ formatDateTime(scope.row.uploadTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="文件大小" width="100"> |
| | | <template #default="scope"> |
| | | <span>{{ formatFileSize(scope.row.fileSize) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="180" fixed="right"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="primary" |
| | | @click="handlePreview(scope.row)" |
| | | >预览</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | type="danger" |
| | | @click="handleRemoveAttachmentByFile(scope.row)" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | | <!-- 无附件时显示 --> |
| | | <div v-else style="text-align:center; padding:20px; color:#909399;"> |
| | | 暂无附件,请上传 |
| | | </div> |
| | | </el-card> |
| | | |
| | | <div style="text-align: center; margin: 30px 0;"> |
| | | <el-button type="primary" @click="handleSave" :loading="saveLoading"> |
| | | 保存 |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | @click="handleProcure" |
| | | :loading="confirmLoading" |
| | | > |
| | | 确认获取 |
| | | </el-button> |
| | | </div> |
| | | <!-- 编辑获取记录对话框 --> |
| | | <el-dialog |
| | | title="编辑器官获取记录" |
| | |
| | | <el-input v-model="currentRecord.organname" readonly /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <!-- <el-col :span="12"> |
| | | <el-form-item label="获取状态"> |
| | | <el-select v-model="currentRecord.organstate" style="width: 100%"> |
| | | <el-option |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | |
| | | <el-row :gutter="20"> |
| | |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | label="未获取说明" |
| | | v-if="currentRecord.organstate === '0'" |
| | | > |
| | | <el-form-item label="未获取说明"> |
| | | <el-input |
| | | type="textarea" |
| | | :rows="3" |
| | |
| | | }, |
| | | dicts: [ |
| | | "sys_BloodType", |
| | | "Geta_hospital", |
| | | "sys_DonationCategory", |
| | | "sys_Organ", |
| | | "Obtain_status" |
| | |
| | | coordinatorSignTime: "", |
| | | attachments: [] |
| | | }, |
| | | activeTab: "原表拍照", // 当前激活的附件分类Tab |
| | | presetCategories: [ |
| | | "原表拍照", |
| | | "伦理审查材料", |
| | | "死亡判定材料", |
| | | "默哀仪式照片", |
| | | "捐献见证视频" |
| | | ], // 预设分类 |
| | | organExpansionMap: { |
| | | C64: { subItems: ["C64L", "C64R"], subNames: ["左肾", "右肾"] }, |
| | | C34: { subItems: ["C34L", "C34R"], subNames: ["左肺", "右肺"] } |
| | | }, |
| | | // 表单验证规则 |
| | | rules: { |
| | | name: [ |
| | |
| | | // 当前用户信息 |
| | | currentUser() { |
| | | return JSON.parse(sessionStorage.getItem("user") || "{}"); |
| | | }, |
| | | displayOrgans() { |
| | | return (this.procurementData.serviceDonationwitnessorgans || []).filter( |
| | | item => item.delFlag !== 1 |
| | | ); |
| | | }, |
| | | categories() { |
| | | // 始终返回所有预设分类 + 未分类,无论是否有数据 |
| | | return [ |
| | | "原表拍照", |
| | | "伦理审查材料", |
| | | "死亡判定材料", |
| | | "默哀仪式照片", |
| | | "捐献见证视频", |
| | | "未分类" |
| | | ]; |
| | | }, |
| | | organReverseMap() { |
| | | const map = {}; |
| | | for (const key in this.organExpansionMap) { |
| | | const { subItems } = this.organExpansionMap[key]; |
| | | subItems.forEach(item => { |
| | | map[item] = key; |
| | | }); |
| | | } |
| | | return map; |
| | | }, |
| | | // 不完整的记录数量 |
| | | incompleteRecords() { |
| | |
| | | |
| | | 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); |
| | | // }, |
| | | getOrganNameByNo(organno) { |
| | | // 检查是否在映射的子项中 |
| | | for (const key in this.organExpansionMap) { |
| | | const { subItems, subNames } = this.organExpansionMap[key]; |
| | | const idx = subItems.indexOf(organno); |
| | | if (idx !== -1) { |
| | | return subNames[idx]; |
| | | } |
| | | } |
| | | // 否则从字典中获取 |
| | | return this.getOrganLabel(organno); |
| | | }, |
| | | // 获取详情 |
| | | async getDetail(infoid) { |
| | | this.loading = true; |
| | |
| | | |
| | | // 初始化附件 |
| | | if (this.form.deathjudgeannex) { |
| | | this.form.attachments = JSON.parse(this.form.deathjudgeannex); |
| | | this.attachments = Array.isArray(this.form.attachments) |
| | | ? [...this.form.attachments] |
| | | : []; |
| | | const parsed = JSON.parse(this.form.deathjudgeannex); |
| | | this.attachments = parsed.map(item => ({ |
| | | ...item, |
| | | fileType: item.fileType || "" // 默认空字符串表示未分类 |
| | | })); |
| | | this.form.attachments = this.attachments; |
| | | // 同步 attachmentFileList |
| | | this.attachmentFileList = this.attachments.map(item => ({ |
| | | uid: item.id || Math.random(), |
| | | name: item.fileName, |
| | | url: item.path || item.fileUrl, |
| | | fileSize: item.fileSize, |
| | | uploadTime: item.uploadTime, |
| | | status: "success", |
| | | raw: item |
| | | })); |
| | | } else { |
| | | this.attachments = []; |
| | | this.attachmentFileList = []; |
| | | } |
| | | |
| | | // 处理捐献器官字段 |
| | |
| | | } |
| | | |
| | | this.$message.success("数据加载成功"); |
| | | this.syncOrgansFromSelection(); |
| | | } else { |
| | | this.$message.warning("未找到对应的器官获取数据"); |
| | | } |
| | |
| | | } finally { |
| | | this.loading = false; |
| | | } |
| | | }, |
| | | syncOrgansFromSelection() { |
| | | const records = this.procurementData.serviceDonationwitnessorgans || []; |
| | | const targetNos = []; |
| | | this.selectedOrgans.forEach(val => { |
| | | if (this.organExpansionMap[val]) { |
| | | targetNos.push(...this.organExpansionMap[val].subItems); |
| | | } else { |
| | | targetNos.push(val); |
| | | } |
| | | }); |
| | | |
| | | // 新增或恢复 |
| | | targetNos.forEach(no => { |
| | | const existing = records.find(r => r.organno === no); |
| | | if (existing) { |
| | | if (existing.delFlag === 1) { |
| | | existing.delFlag = 0; // 恢复显示 |
| | | } |
| | | } else { |
| | | records.push({ |
| | | id: null, |
| | | organname: this.getOrganNameByNo(no), |
| | | organno: no, |
| | | organStartTime: "", |
| | | organgettime: "", |
| | | gainhospitalno: "", |
| | | gainhospitalname: "", |
| | | organgetdoct: "", |
| | | assistant: "", |
| | | procurementNurse: "", |
| | | operatingRoomNurse: "", |
| | | anesthesiologist: "", |
| | | organstate: "1", |
| | | notgetreason: "", |
| | | delFlag: 0 |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | // (可选)如果加载时后端返回了 delFlag=1 的记录,但实际应该显示,强制重置 |
| | | records.forEach(r => { |
| | | if (r.delFlag === 1) r.delFlag = 0; |
| | | }); |
| | | |
| | | this.form.organdonation = this.selectedOrgans.join(","); |
| | | }, |
| | | // 获取医院数据 |
| | | async getHospitalData() { |
| | |
| | | this.$message.error("获取医院数据失败"); |
| | | } |
| | | }, |
| | | // 移植医院模糊搜索 |
| | | queryHospitalSearch(queryString, cb) { |
| | | const hospitals = this.dict.type.Geta_hospital || []; |
| | | const results = queryString |
| | | ? hospitals.filter(item => |
| | | item.label.toLowerCase().includes(queryString.toLowerCase()) |
| | | ) |
| | | : hospitals; |
| | | |
| | | // el-autocomplete 需要 value 字段 |
| | | cb(results.map(item => ({ value: item.label }))); |
| | | }, |
| | | // 器官选择状态变化 |
| | | handleOrganSelectionChange(selectedValues) { |
| | | if (!this.procurementData.serviceDonationwitnessorgans) { |
| | | this.procurementData.serviceDonationwitnessorgans = []; |
| | | } |
| | | |
| | | const currentOrganValues = this.procurementData.serviceDonationwitnessorgans.map( |
| | | item => item.organno |
| | | ); |
| | | |
| | | // 处理互斥逻辑 |
| | | async handleOrganSelectionChange(selectedValues) { |
| | | // 1. 处理互斥逻辑(修改 this.selectedOrgans) |
| | | this.handleExclusiveSelections(selectedValues); |
| | | |
| | | // 更新捐献器官字段 |
| | | this.form.organdonation = selectedValues.join(","); |
| | | const finalSelected = this.selectedOrgans; |
| | | const records = this.procurementData.serviceDonationwitnessorgans || []; |
| | | |
| | | // 新增选择的器官 |
| | | selectedValues.forEach(organValue => { |
| | | if (!currentOrganValues.includes(organValue)) { |
| | | this.createOrganRecord(organValue); |
| | | // 2. 构建目标器官编号列表(展开组合器官) |
| | | const targetOrganNos = []; |
| | | finalSelected.forEach(val => { |
| | | if (this.organExpansionMap[val]) { |
| | | targetOrganNos.push(...this.organExpansionMap[val].subItems); |
| | | } else { |
| | | targetOrganNos.push(val); |
| | | } |
| | | }); |
| | | |
| | | // 移除取消选择的器官 |
| | | this.procurementData.serviceDonationwitnessorgans = this.procurementData.serviceDonationwitnessorgans.filter( |
| | | record => { |
| | | if (selectedValues.includes(record.organno)) { |
| | | return true; |
| | | } else { |
| | | if (record.id) { |
| | | this.$confirm( |
| | | "删除器官获取数据后将无法恢复,您确认删除该条记录吗?", |
| | | "提示", |
| | | { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | } |
| | | ) |
| | | .then(() => { |
| | | this.procurementData.serviceDonationwitnessorgans = this.procurementData.serviceDonationwitnessorgans.filter( |
| | | r => r.organno !== record.organno |
| | | ); |
| | | this.$message.success("删除成功"); |
| | | }) |
| | | .catch(() => { |
| | | this.selectedOrgans.push(record.organno); |
| | | }); |
| | | return true; |
| | | } else { |
| | | return false; |
| | | } |
| | | // 3. 新增或恢复目标器官记录(无弹窗) |
| | | targetOrganNos.forEach(no => { |
| | | const existing = records.find(r => r.organno === no); |
| | | if (existing) { |
| | | if (existing.delFlag === 1) { |
| | | existing.delFlag = 0; // 恢复显示 |
| | | } |
| | | } else { |
| | | records.push({ |
| | | id: null, |
| | | organname: this.getOrganNameByNo(no), |
| | | organno: no, |
| | | organStartTime: "", |
| | | organgettime: "", |
| | | gainhospitalno: "", |
| | | gainhospitalname: "", |
| | | organgetdoct: "", |
| | | assistant: "", |
| | | procurementNurse: "", |
| | | operatingRoomNurse: "", |
| | | anesthesiologist: "", |
| | | organstate: "1", |
| | | notgetreason: "", |
| | | delFlag: 0 |
| | | }); |
| | | } |
| | | ); |
| | | }); |
| | | |
| | | // 4. 找出需要取消的记录(不在目标集合中) |
| | | const toRemove = records.filter(r => !targetOrganNos.includes(r.organno)); |
| | | const toRemoveSaved = toRemove.filter(r => r.id); // 已保存,需确认 |
| | | const toRemoveUnsaved = toRemove.filter(r => !r.id); // 未保存,直接移除 |
| | | |
| | | // 4.1 直接移除未保存的记录 |
| | | toRemoveUnsaved.forEach(r => { |
| | | const idx = records.indexOf(r); |
| | | if (idx !== -1) records.splice(idx, 1); |
| | | }); |
| | | |
| | | // 4.2 处理已保存的记录:弹窗确认 |
| | | if (toRemoveSaved.length > 0) { |
| | | const organNames = toRemoveSaved.map(r => r.organname).join("、"); |
| | | try { |
| | | await this.$confirm( |
| | | `您确定要取消以下已保存的器官获取记录吗?\n${organNames}\n取消后,这些记录将从列表中移除(数据仍保留,可恢复)。`, |
| | | "提示", |
| | | { |
| | | confirmButtonText: "确定移除", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | } |
| | | ); |
| | | // 用户确认:标记 delFlag=1 |
| | | toRemoveSaved.forEach(r => { |
| | | r.delFlag = 1; |
| | | }); |
| | | } catch (error) { |
| | | // 用户取消:恢复选中状态 |
| | | const parentToRestore = new Set(); |
| | | toRemoveSaved.forEach(r => { |
| | | const parent = this.organReverseMap[r.organno]; |
| | | if (parent) { |
| | | parentToRestore.add(parent); |
| | | } else { |
| | | parentToRestore.add(r.organno); |
| | | } |
| | | }); |
| | | parentToRestore.forEach(val => { |
| | | if (!this.selectedOrgans.includes(val)) { |
| | | this.selectedOrgans.push(val); |
| | | } |
| | | }); |
| | | this.$message.info("已取消删除操作"); |
| | | // 更新表单字段(保持一致性) |
| | | this.form.organdonation = this.selectedOrgans.join(","); |
| | | return; // 退出方法,避免继续执行 |
| | | } |
| | | } |
| | | |
| | | // 5. 更新表单字段 |
| | | this.form.organdonation = this.selectedOrgans.join(","); |
| | | }, |
| | | |
| | | // 处理互斥选择 |
| | | handleExclusiveSelections(selectedValues) { |
| | | // 如果选择了"双肾"(假设字典值为C64),自动取消单独的"左肾"(C64L)和"右肾"(C64R)选择 |
| | | // 双肾与左右肾互斥 |
| | | if (selectedValues.includes("C64")) { |
| | | this.selectedOrgans = selectedValues.filter( |
| | | item => item !== "C64L" && item !== "C64R" |
| | | ); |
| | | } |
| | | // 如果选择了"左肾"或"右肾",取消"双肾"选择 |
| | | else if ( |
| | | } 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 ( |
| | | } else if ( |
| | | selectedValues.includes("C34L") || |
| | | selectedValues.includes("C34R") |
| | | ) { |
| | |
| | | if (valid) { |
| | | this.saveLoading = true; |
| | | try { |
| | | console.log(this.procurementData.serviceDonationwitnessorgans); |
| | | |
| | | const saveData = { |
| | | ...this.form, |
| | | deathjudgeannex: JSON.stringify(this.attachments), |
| | | organdonation: this.selectedOrgans.join(","), |
| | | serviceDonationwitnessorganList: |
| | | this.procurementData.serviceDonationwitnessorgans || [], |
| | | serviceDonationwitnessorgans: |
| | | this.procurementData.serviceDonationwitnessorgans || [] |
| | | }; |
| | | console.log(saveData.serviceDonationwitnessorganList); |
| | | console.log(saveData.serviceDonationwitnessorgans); |
| | | |
| | | const apiMethod = this.form.id ? witnessedit : witnessadd; |
| | | const response = await apiMethod(saveData); |
| | |
| | | }, |
| | | |
| | | /** 附件移除处理 */ |
| | | 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("附件删除成功"); |
| | | } |
| | | } |
| | | }, |
| | | handleAttachmentRemove(file) { |
| | | // 直接调用新的删除方法 |
| | | if (file.raw) { |
| | | this.handleRemoveAttachmentByFile(file.raw); |
| | | } else if (file.url) { |
| | | const target = this.attachments.find( |
| | | item => item.path === file.url || item.fileUrl === file.url |
| | | ); |
| | | if (target) { |
| | | this.handleRemoveAttachmentByFile(target); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | /** 上传成功处理 */ |
| | | 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 (response.code === 200) { |
| | | // 根据当前激活的 Tab 决定分类(未分类 Tab 对应空字符串) |
| | | const category = this.activeTab === '未分类' ? '' : this.activeTab; |
| | | const attachmentObj = { |
| | | fileName: file.name, |
| | | path: response.fileUrl || file.url, |
| | | fileUrl: response.fileUrl || file.url, |
| | | fileType: category, // 关键:记录分类 |
| | | fileSize: file.size, |
| | | uploadTime: dayjs().format('YYYY-MM-DD HH:mm:ss') |
| | | }; |
| | | |
| | | if (!Array.isArray(this.attachments)) { |
| | | this.attachments = []; |
| | | } |
| | | if (!Array.isArray(this.attachments)) { |
| | | this.attachments = []; |
| | | } |
| | | this.attachments.push(attachmentObj); |
| | | this.attachmentFileList = fileList; |
| | | this.$message.success('文件上传成功'); |
| | | } |
| | | }, |
| | | // 获取某分类的文件数量 |
| | | getCategoryCount(category) { |
| | | return this.attachments.filter(item => { |
| | | const type = item.fileType || ''; |
| | | if (category === '未分类') { |
| | | return !this.presetCategories.includes(type); |
| | | } |
| | | return type === category; |
| | | }).length; |
| | | }, |
| | | |
| | | this.attachments.push(attachmentObj); |
| | | this.attachmentFileList = fileList; |
| | | this.$message.success("文件上传成功"); |
| | | } |
| | | }, |
| | | // 获取某分类的文件列表 |
| | | getCategoryFiles(category) { |
| | | return this.attachments.filter(item => { |
| | | const type = item.fileType || ''; |
| | | if (category === '未分类') { |
| | | return !this.presetCategories.includes(type); |
| | | } |
| | | return type === category; |
| | | }); |
| | | }, |
| | | |
| | | // 更新附件分类(下拉修改时触发) |
| | | updateAttachmentCategory(row, newVal) { |
| | | const target = this.attachments.find(item => item === row); |
| | | if (target) { |
| | | target.fileType = newVal; // 可能为空字符串 |
| | | // 同步更新 attachmentFileList |
| | | const fileItem = this.attachmentFileList.find( |
| | | f => f.raw === row || f.url === row.fileUrl |
| | | ); |
| | | if (fileItem) { |
| | | fileItem.raw.fileType = newVal; |
| | | fileItem.fileType = newVal || '未分类'; |
| | | } |
| | | // 如果当前激活的tab没有文件了,自动切换到第一个有文件的tab |
| | | const currentTabHasFiles = this.getCategoryFiles(this.activeTab).length > 0; |
| | | if (!currentTabHasFiles) { |
| | | const firstCategory = this.categories[0]; |
| | | if (firstCategory) this.activeTab = firstCategory; |
| | | } |
| | | } |
| | | }, |
| | | |
| | | // 按文件对象删除(用于表格中的删除按钮) |
| | | handleRemoveAttachmentByFile(file) { |
| | | const index = this.attachments.findIndex(item => item === file); |
| | | if (index > -1) { |
| | | this.attachments.splice(index, 1); |
| | | // 同步删除 attachmentFileList |
| | | const fileIndex = this.attachmentFileList.findIndex( |
| | | f => f.raw === file || f.url === file.fileUrl |
| | | ); |
| | | if (fileIndex > -1) { |
| | | this.attachmentFileList.splice(fileIndex, 1); |
| | | } |
| | | this.$message.success('附件删除成功'); |
| | | } |
| | | }, |
| | | /** 上传错误处理 */ |
| | | handleUploadError({ file, fileList, error }) { |
| | | console.error("附件上传失败:", error); |