| | |
| | | assessmentData.caseNo |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="潜在捐献者姓名">{{ |
| | | assessmentData.donorName |
| | | assessmentData.name || assessmentData.donorName |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="性别"> |
| | | <dict-tag :options="genderOptions" :value="assessmentData.gender" /> |
| | | <dict-tag |
| | | :options="dict.type.sys_user_sex" |
| | | :value="assessmentData.sex" |
| | | /> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="年龄" |
| | | >{{ assessmentData.age }}岁</el-descriptions-item |
| | | > |
| | | <el-descriptions-item label="血型"> |
| | | <dict-tag |
| | | :options="bloodTypeOptions" |
| | | :value="assessmentData.bloodType" |
| | | /> |
| | | {{ assessmentData.bloodtype }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="证件号码">{{ |
| | | assessmentData.idCardNo |
| | | assessmentData.idcardno |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="疾病诊断">{{ |
| | | assessmentData.diagnosis |
| | | assessmentData.diagnosisname |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="所在医疗机构">{{ |
| | | assessmentData.hospitalName |
| | | assessmentData.treatmenthospitalname |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="主治医生">{{ |
| | | assessmentData.doctorName |
| | | <el-descriptions-item label="协调员">{{ |
| | | assessmentData.coordinatorName |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="申请评估时间">{{ |
| | | assessmentData.applyTime |
| | | <el-descriptions-item label="评估时间">{{ |
| | | assessmentData.assessTime |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="评估类型"> |
| | | <dict-tag |
| | | :options="assessmentTypeOptions" |
| | | :value="assessmentData.assessmentType" |
| | | /> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="评估状态"> |
| | | <el-tag :type="statusFilter(assessmentData.assessmentStatus)"> |
| | | {{ statusTextFilter(assessmentData.assessmentStatus) }} |
| | | <el-tag :type="statusFilter(assessmentData.assessState)"> |
| | | {{ statusTextFilter(assessmentData.assessState) }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | |
| | | type="primary" |
| | | size="mini" |
| | | @click="handleCompleteAssessment" |
| | | :loading="saveLoading" |
| | | > |
| | | 确认完成评估 |
| | | </el-button> |
| | |
| | | </span> |
| | | </div> |
| | | |
| | | <!-- 捐献决定表单 --> |
| | | <el-form> |
| | | <el-form-item label-width="100px" label="捐献决定"> |
| | | <el-checkbox-group |
| | | v-model="organdecision" |
| | | @change="handleOrganDecisionChange" |
| | | :disabled="!isEdit" |
| | | > |
| | | <el-checkbox |
| | | v-for="item in organselection" |
| | | :key="item" |
| | | :label="item" |
| | | >{{ item }} |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | <el-input |
| | | v-if="organdecision.includes('其他')" |
| | | v-model="organdecisionOther" |
| | | placeholder="请输入其他捐献决定的具体内容" |
| | | style="margin-top: 10px; width: 300px;" |
| | | :readonly="!isEdit" |
| | | @input="handleOtherDecisionInput" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <!-- 器官评估表格 --> |
| | | <el-table |
| | | :data="organAssessmentList" |
| | | :data="filteredOrganAssessmentList" |
| | | v-loading="assessmentLoading" |
| | | style="width: 100%" |
| | | :row-class-name="getRowClassName" |
| | | :expand-row-keys="expandedRowKeys" |
| | | @expand-change="handleExpandChange" |
| | | row-key="organno" |
| | | empty-text="当前捐献决定下暂无需要评估的器官" |
| | | > |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="scope"> |
| | | <div class="organ-expand-content" v-if="scope.row.expanded"> |
| | | <el-tabs |
| | | v-model="scope.row.activeAssessmentTab" |
| | | type="card" |
| | | class="organ-detail-tabs" |
| | | > |
| | | <!-- 动态生成评估Tab --> |
| | | <el-tab-pane |
| | | v-for="(assessment, index) in scope.row.assessments" |
| | | :key="index" |
| | | :label="`第${index + 1}次评估`" |
| | | :name="`assessment_${index}`" |
| | | > |
| | | <organ-assessment-form |
| | | :organ-data="scope.row" |
| | | :assessment-data="assessment" |
| | | :assessment-index="index" |
| | | :readonly="!canAssessOrgan(scope.row)" |
| | | @add-assessment="handleAddAssessment" |
| | | /> |
| | | </el-tab-pane> |
| | | |
| | | <!-- 添加评估按钮 --> |
| | | <el-tab-pane |
| | | name="add" |
| | | v-if="canAssessOrgan(scope.row) && isEdit" |
| | | > |
| | | <template slot="label"> |
| | | <el-button |
| | | type="text" |
| | | icon="el-icon-plus" |
| | | @click.stop="handleAddNewAssessment(scope.row)" |
| | | size="mini" |
| | | > |
| | | 新增评估 |
| | | </el-button> |
| | | </template> |
| | | <div class="add-assessment-prompt"> |
| | | <el-empty description="点击上方按钮添加新的评估"></el-empty> |
| | | </div> |
| | | </el-tab-pane> |
| | | |
| | | <!-- 评估汇总Tab --> |
| | | <el-tab-pane label="评估汇总" name="summary"> |
| | | <div class="assessment-summary"> |
| | | <el-descriptions title="评估结果汇总" :column="2" border> |
| | | <el-descriptions-item label="器官类型">{{ |
| | | scope.row.organname |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="获取机构">{{ |
| | | scope.row.gainhospitalname |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="评估次数" :span="2"> |
| | | <el-tag type="info" |
| | | >{{ scope.row.assessments.length }}次</el-tag |
| | | > |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="最新评估时间" :span="2"> |
| | | {{ getLatestAssessmentTime(scope.row) || "-" }} |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | |
| | | <!-- 评估详情汇总 --> |
| | | <el-card header="评估详情" style="margin-top: 20px;"> |
| | | <el-descriptions :column="1" border> |
| | | <el-descriptions-item label="获取前活检"> |
| | | <el-tag |
| | | :type=" |
| | | scope.row.isbiopsybefore === '1' |
| | | ? 'success' |
| | | : 'info' |
| | | " |
| | | > |
| | | {{ scope.row.isbiopsybefore === "1" ? "是" : "否" }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="获取后活检"> |
| | | <el-tag |
| | | :type=" |
| | | scope.row.isbiopsyafter === '1' |
| | | ? 'success' |
| | | : 'info' |
| | | " |
| | | > |
| | | {{ scope.row.isbiopsyafter === "1" ? "是" : "否" }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="边缘器官"> |
| | | <el-tag |
| | | :type=" |
| | | scope.row.ismarginalorgan === '1' |
| | | ? 'warning' |
| | | : 'info' |
| | | " |
| | | > |
| | | {{ |
| | | scope.row.ismarginalorgan === "1" ? "是" : "否" |
| | | }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="病原菌阳性"> |
| | | <el-tag |
| | | :type=" |
| | | scope.row.ispathogenpositive === '1' |
| | | ? 'danger' |
| | | : 'info' |
| | | " |
| | | > |
| | | {{ |
| | | scope.row.ispathogenpositive === "1" ? "是" : "否" |
| | | }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | </el-card> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="器官类型" align="center" prop="organname" /> |
| | | |
| | | <el-table-column label="器官编号" align="center" prop="organnumber" /> |
| | | |
| | | <el-table-column |
| | | label="器官类型" |
| | | label="获取机构" |
| | | align="center" |
| | | prop="organType" |
| | | prop="gainhospitalname" |
| | | show-overflow-tooltip |
| | | /> |
| | | |
| | | <!-- 动态显示评估状态列 --> |
| | | <el-table-column |
| | | v-for="(assessment, index) in getMaxAssessmentCount()" |
| | | :key="index" |
| | | :label="`第${index + 1}次评估`" |
| | | align="center" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="organTypeOptions" |
| | | :value="scope.row.organType" |
| | | /> |
| | | <el-tag |
| | | v-if="scope.row.assessments[index]" |
| | | :type="getAssessmentTagType(scope.row.assessments[index].status)" |
| | | size="small" |
| | | > |
| | | {{ getAssessmentStatusText(scope.row.assessments[index].status) }} |
| | | </el-tag> |
| | | <el-tag v-else type="info" size="small">未评估</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="评估科室" |
| | | align="center" |
| | | prop="department" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="评估人员" |
| | | align="center" |
| | | prop="assessor" |
| | | |
| | | /> |
| | | <!-- 新增:第一次评估状态 --> |
| | | <el-table-column label="第一次评估" align="center" > |
| | | <el-table-column label="整体状态" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="getAssessmentTagType(scope.row.firstAssessment.status)" |
| | | :type=" |
| | | getOrganOverallStatus(scope.row) === 'completed' |
| | | ? 'success' |
| | | : getOrganOverallStatus(scope.row) === 'assessing' |
| | | ? 'primary' |
| | | : 'warning' |
| | | " |
| | | size="small" |
| | | > |
| | | {{ getAssessmentStatusText(scope.row.firstAssessment.status) }} |
| | | {{ getOrganOverallStatusText(scope.row) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- 新增:第二次评估状态 --> |
| | | <el-table-column label="第二次评估" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="getAssessmentTagType(scope.row.secondAssessment.status)" |
| | | size="small" |
| | | > |
| | | {{ getAssessmentStatusText(scope.row.secondAssessment.status) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="整体状态" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="scope.row.assessmentStatus === '1' ? 'success' : 'warning'" |
| | | size="small" |
| | | > |
| | | {{ scope.row.assessmentStatus === "1" ? "已评估" : "待评估" }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | width="180" |
| | | width="150" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-if="canAssessOrgan(scope.row)" |
| | | v-if="canAssessOrgan(scope.row) && isEdit" |
| | | size="mini" |
| | | type="text" |
| | | @click="handleOrganAssess(scope.row)" |
| | | @click="handleToggleExpand(scope.row)" |
| | | > |
| | | 评估 |
| | | {{ |
| | | expandedRowKeys.includes(scope.row.organno) ? "收起" : "详情" |
| | | }} |
| | | </el-button> |
| | | <el-button |
| | | v-else-if="!isEdit" |
| | | size="mini" |
| | | type="text" |
| | | @click="handleToggleExpand(scope.row)" |
| | | > |
| | | {{ |
| | | expandedRowKeys.includes(scope.row.organno) ? "收起" : "查看" |
| | | }} |
| | | </el-button> |
| | | <el-button v-else size="mini" type="text" disabled |
| | | >无权限</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="handleViewOrganDetail(scope.row)" |
| | | > |
| | | 详情 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- 器官评估详情 - 改为Tab页形式 --> |
| | | <el-dialog |
| | | :title="`${currentOrgan.organName}评估详情`" |
| | | :visible.sync="organDetailVisible" |
| | | width="90%" |
| | | top="5vh" |
| | | class="organ-detail-dialog" |
| | | > |
| | | <el-tabs v-model="activeAssessmentTab" type="card"> |
| | | <!-- 第一次评估Tab --> |
| | | <el-tab-pane label="第一次评估" name="first"> |
| | | <organ-assessment-form |
| | | :organ-data="currentOrgan" |
| | | :assessment-data="currentOrgan.firstAssessment" |
| | | assessment-type="first" |
| | | :readonly="!canAssessOrgan(currentOrgan)" |
| | | @save="handleSaveOrganAssessment" |
| | | /> |
| | | </el-tab-pane> |
| | | |
| | | <!-- 第二次评估Tab --> |
| | | <el-tab-pane label="第二次评估" name="second"> |
| | | <organ-assessment-form |
| | | :organ-data="currentOrgan" |
| | | :assessment-data="currentOrgan.secondAssessment" |
| | | assessment-type="second" |
| | | :readonly="!canAssessOrgan(currentOrgan)" |
| | | @save="handleSaveOrganAssessment" |
| | | /> |
| | | </el-tab-pane> |
| | | |
| | | <!-- 评估汇总Tab --> |
| | | <el-tab-pane label="评估汇总" name="summary"> |
| | | <div class="assessment-summary"> |
| | | <el-descriptions title="评估结果汇总" :column="2" border> |
| | | <el-descriptions-item label="器官类型"> |
| | | {{ currentOrgan.organName }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="评估科室"> |
| | | {{ currentOrgan.department }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="第一次评估状态"> |
| | | <el-tag :type="getAssessmentTagType(currentOrgan.firstAssessment.status)"> |
| | | {{ getAssessmentStatusText(currentOrgan.firstAssessment.status) }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="第二次评估状态"> |
| | | <el-tag :type="getAssessmentTagType(currentOrgan.secondAssessment.status)"> |
| | | {{ getAssessmentStatusText(currentOrgan.secondAssessment.status) }} |
| | | </el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="第一次评估时间" :span="2"> |
| | | {{ currentOrgan.firstAssessment.assessmentTime || '-' }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="第二次评估时间" :span="2"> |
| | | {{ currentOrgan.secondAssessment.assessmentTime || '-' }} |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | |
| | | <!-- 附件汇总 --> |
| | | <el-card header="评估附件" style="margin-top: 20px;"> |
| | | <el-table :data="getAllAttachments(currentOrgan)" size="small"> |
| | | <el-table-column label="附件名称" prop="fileName" /> |
| | | <el-table-column label="评估阶段" > |
| | | <template slot-scope="{row}"> |
| | | {{ row.assessmentType === 'first' ? '第一次评估' : '第二次评估' }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上传时间" prop="uploadTime" width="180" /> |
| | | <el-table-column label="操作" width="120"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="handlePreviewAttachment(row)">预览</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-card> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="organDetailVisible = false">关闭</el-button> |
| | | <el-button |
| | | v-if="canAssessOrgan(currentOrgan)" |
| | | type="primary" |
| | | @click="handleSaveAllAssessments" |
| | | > |
| | | 保存所有评估 |
| | | </el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </el-card> |
| | | |
| | | <!-- 附件预览弹窗 --> |
| | | <!-- <attachment-preview |
| | | :visible="attachmentVisible" |
| | | :attachment-list="attachmentList" |
| | | @close="attachmentVisible = false" |
| | | /> --> |
| | | <!-- 整体保存按钮 --> |
| | | <div class="footer-actions" v-if="isEdit"> |
| | | <el-button type="primary" @click="handleSaveAll" :loading="saveLoading">保存评估表</el-button> |
| | | <el-button @click="handleCancel">取消</el-button> |
| | | </div> |
| | | |
| | | <!-- 文件预览弹窗 --> |
| | | <FilePreviewDialog |
| | | :visible="attachmentVisible" |
| | | :file="attachmentList" |
| | | :file="currentPreviewFile" |
| | | @close="attachmentVisible = false" |
| | | /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getAssessment, updateOrganAssessment, completeAssessment } from "./mockAssessmentApi"; |
| | | import { |
| | | evaluateBaseInfolist, |
| | | assessedit, |
| | | assessAdd |
| | | } from "@/api/businessApi/index"; |
| | | import FilePreviewDialog from "@/components/FilePreviewDialog"; |
| | | import OrganAssessmentForm from "./components/OrganAssessmentForm.vue"; |
| | | |
| | | export default { |
| | | name: "AssessmentDetail", |
| | | components: { OrganAssessmentForm, FilePreviewDialog }, |
| | | dicts: ["sys_user_sex", "sys_Organ", "sys_0_1"], |
| | | data() { |
| | | return { |
| | | assessmentId: undefined, |
| | | assessmentData: {}, |
| | | organAssessmentList: [], |
| | | attachmentList: [], |
| | | // 是否编辑模式 |
| | | isEdit: false, |
| | | // 加载状态 |
| | | assessmentLoading: false, |
| | | |
| | | // 器官详情相关数据 |
| | | organDetailVisible: false, |
| | | currentOrgan: { |
| | | organType: '', |
| | | organName: '', |
| | | department: '', |
| | | firstAssessment: this.getDefaultAssessment(), |
| | | secondAssessment: this.getDefaultAssessment() |
| | | saveLoading: false, |
| | | // 数据ID |
| | | infoid: undefined, |
| | | assessmentId: undefined, |
| | | // 主要数据 |
| | | assessmentData: {}, |
| | | organAssessmentList: [], // 所有器官数据 |
| | | // 展开行相关 |
| | | expandedRowKeys: [], |
| | | // 附件相关 |
| | | currentPreviewFile: null, |
| | | attachmentVisible: false, |
| | | // 捐献决定相关 |
| | | organdecision: [], |
| | | organdecisionOther: "", |
| | | organselection: [ |
| | | "肝脏", |
| | | "双肾", |
| | | "左肾", |
| | | "右肾", |
| | | "心脏", |
| | | "肺脏", |
| | | "胰腺", |
| | | "小肠", |
| | | "双眼组织", |
| | | "遗体", |
| | | "其他" |
| | | ], |
| | | // 器官类型映射关系 |
| | | organDecisionMapping: { |
| | | 肝脏: ["肝脏"], |
| | | 双肾: ["左肾", "右肾"], |
| | | 左肾: ["左肾"], |
| | | 右肾: ["右肾"], |
| | | 心脏: ["心脏"], |
| | | 肺脏: ["肺脏"], |
| | | 胰腺: ["胰腺"], |
| | | 小肠: ["小肠"], |
| | | 双眼组织: ["角膜"], |
| | | 遗体: ["皮肤", "骨骼", "其他组织"], |
| | | 其他: [] // 其他类型不映射具体器官 |
| | | }, |
| | | activeAssessmentTab: 'first', |
| | | |
| | | // 用户信息 |
| | | currentUser: { |
| | | id: "001", |
| | | name: "张医生", |
| | | department: "心脏外科", |
| | | role: "department" |
| | | }, |
| | | |
| | | attachmentVisible: false, |
| | | |
| | | // 字典选项 |
| | | genderOptions: [ |
| | | { value: "0", label: "男" }, |
| | | { value: "1", label: "女" } |
| | | ], |
| | | bloodTypeOptions: [ |
| | | { value: "A", label: "A型" }, |
| | | { value: "B", label: "B型" }, |
| | | { value: "O", label: "O型" }, |
| | | { value: "AB", label: "AB型" } |
| | | ], |
| | | assessmentTypeOptions: [ |
| | | { value: "1", label: "初次评估" }, |
| | | { value: "2", label: "最终评估" } |
| | | ], |
| | | organTypeOptions: [ |
| | | { value: "heart", label: "心脏" }, |
| | | { value: "liver", label: "肝脏" }, |
| | | { value: "kidney", label: "肾脏" }, |
| | | { value: "lung", label: "肺脏" }, |
| | | { value: "pancreas", label: "胰腺" }, |
| | | { value: "intestine", label: "肠道" }, |
| | | { value: "cornea", label: "角膜" }, |
| | | { value: "skin", label: "皮肤" } |
| | | ] |
| | | department: "心脏科", |
| | | role: "doctor" // coordinator, doctor |
| | | } |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | currentDepartment() { |
| | | return this.currentUser.department; |
| | | }, |
| | | // 根据捐献决定过滤后的器官列表 |
| | | filteredOrganAssessmentList() { |
| | | if (!this.organdecision || this.organdecision.length === 0) { |
| | | return []; |
| | | } |
| | | |
| | | // 获取所有选中的器官类型 |
| | | const selectedOrgans = new Set(); |
| | | this.organdecision.forEach(decision => { |
| | | const organs = this.organDecisionMapping[decision] || []; |
| | | organs.forEach(organ => selectedOrgans.add(organ)); |
| | | }); |
| | | |
| | | // 过滤器官评估列表 |
| | | return this.organAssessmentList.filter(organ => |
| | | selectedOrgans.has(organ.organname) |
| | | ); |
| | | }, |
| | | // 检查所有过滤后的器官是否都已评估 |
| | | allOrgansAssessed() { |
| | | return this.organAssessmentList.every(organ => |
| | | organ.firstAssessment.status === 'assessed' && |
| | | organ.secondAssessment.status === 'assessed' |
| | | return this.filteredOrganAssessmentList.every( |
| | | organ => |
| | | organ.assessments && |
| | | organ.assessments.length > 0 && |
| | | organ.assessments.every( |
| | | assessment => assessment.status === "assessed" |
| | | ) |
| | | ); |
| | | } |
| | | }, |
| | | watch: { |
| | | // 监听捐献决定变化,用于复杂逻辑处理 |
| | | organdecision: { |
| | | handler(newVal, oldVal) { |
| | | this.handleComplexDecisionChange(newVal, oldVal); |
| | | }, |
| | | deep: true |
| | | } |
| | | }, |
| | | created() { |
| | | this.infoid = this.$route.query.infoid; |
| | | this.assessmentId = this.$route.query.id; |
| | | this.isEdit = this.$route.query.assess === "true"; |
| | | this.getAssessmentDetail(); |
| | | }, |
| | | methods: { |
| | | // 获取默认评估数据结构 |
| | | getDefaultAssessment() { |
| | | return { |
| | | status: 'pending', // pending, assessing, assessed |
| | | assessmentTime: '', |
| | | assessor: '', |
| | | functionStatus: '', |
| | | assessmentOpinion: '', |
| | | attachments: [], |
| | | clinicalData: {}, |
| | | labResults: {} |
| | | }; |
| | | }, |
| | | // 整体保存方法 |
| | | async handleSaveAll() { |
| | | this.saveLoading = true; |
| | | try { |
| | | // 1. 准备主评估表数据 |
| | | const saveData = { |
| | | // 根据 id 是否存在决定是更新还是新增 |
| | | id: this.assessmentData.id || undefined, |
| | | infoid: this.infoid, |
| | | caseNo: this.assessmentData.caseNo, |
| | | donorno: this.assessmentData.donorno, |
| | | treatmenthospitalname: this.assessmentData.treatmenthospitalname, |
| | | treatmenthospitalno: this.assessmentData.treatmenthospitalno, |
| | | sex: this.assessmentData.sex, |
| | | age: this.assessmentData.age, |
| | | bloodtype: this.assessmentData.bloodtype, |
| | | idcardno: this.assessmentData.idcardno, |
| | | diagnosisname: this.assessmentData.diagnosisname, |
| | | coordinatorName: this.assessmentData.coordinatorName, |
| | | assessTime: this.assessmentData.assessTime || new Date().toISOString(), |
| | | assessState: this.assessmentData.assessState, |
| | | assessannex: this.assessmentData.assessannex, |
| | | // 捐献决定信息 |
| | | organdecision: this.organdecision.join(','), |
| | | organdecisionOther: this.organdecisionOther, |
| | | // 器官评估列表 |
| | | serviceMedicalevaluationorgans: this.organAssessmentList.map(organ => ({ |
| | | id: organ.id, |
| | | infoid: organ.infoid, |
| | | donorno: organ.donorno, |
| | | organno: organ.organno, |
| | | organname: organ.organname, |
| | | organnumber: organ.organnumber, |
| | | gainhospitalno: organ.gainhospitalno, |
| | | gainhospitalname: organ.gainhospitalname, |
| | | isbiopsybefore: organ.isbiopsybefore, |
| | | isbiopsyafter: organ.isbiopsyafter, |
| | | ismarginalorgan: organ.ismarginalorgan, |
| | | ispathogenpositive: organ.ispathogenpositive, |
| | | ispnf: organ.ispnf, |
| | | isdgf: organ.isdgf, |
| | | // 将 assessments 数组序列化到 assesscontent 字段 |
| | | assesscontent: JSON.stringify(organ.assessments) |
| | | })) |
| | | }; |
| | | |
| | | // 获取评估详情 |
| | | getAssessmentDetail() { |
| | | this.assessmentLoading = true; |
| | | getAssessment(this.assessmentId) |
| | | .then(response => { |
| | | if (response.code === 200) { |
| | | this.assessmentData = response.data.caseInfo; |
| | | this.organAssessmentList = this.transformOrganData(response.data.organAssessments || []); |
| | | // 2. 根据 id 判断调用哪个 API |
| | | const saveMethod = this.assessmentData.id ? assessedit : assessAdd; |
| | | const response = await saveMethod(saveData); |
| | | |
| | | if (response.code === 200) { |
| | | this.$message.success('评估表保存成功!'); |
| | | // 保存成功后,更新本地的 assessmentData.id(对于新增情况) |
| | | if (!this.assessmentData.id && response.data && response.data.id) { |
| | | this.assessmentData.id = response.data.id; |
| | | } |
| | | this.assessmentLoading = false; |
| | | }) |
| | | .catch(error => { |
| | | console.error("获取评估详情失败:", error); |
| | | this.assessmentLoading = false; |
| | | }); |
| | | } else { |
| | | this.$message.error('保存失败:' + (response.msg || '未知错误')); |
| | | } |
| | | } catch (error) { |
| | | console.error('保存评估表失败:', error); |
| | | this.$message.error('保存失败,请重试'); |
| | | } finally { |
| | | this.saveLoading = false; |
| | | } |
| | | }, |
| | | |
| | | // 转换器官数据格式,支持两次评估 |
| | | transformOrganData(organList) { |
| | | return organList.map(organ => { |
| | | const organName = this.getOrganName(organ.organType); |
| | | // 取消按钮事件 |
| | | handleCancel() { |
| | | this.$router.go(-1); |
| | | }, |
| | | |
| | | // 确保有两次评估的数据结构 |
| | | if (!organ.firstAssessment) { |
| | | organ.firstAssessment = this.getDefaultAssessment(); |
| | | } |
| | | if (!organ.secondAssessment) { |
| | | organ.secondAssessment = this.getDefaultAssessment(); |
| | | } |
| | | // 捐献决定变更处理 |
| | | handleOrganDecisionChange(newDecision) { |
| | | // 自动处理相关逻辑 |
| | | this.autoHandleDecisionChange(newDecision); |
| | | // 强制重新渲染 |
| | | this.$forceUpdate(); |
| | | // 如果从有选择变为无选择,清空展开状态 |
| | | if (newDecision.length === 0) { |
| | | this.expandedRowKeys = []; |
| | | } |
| | | }, |
| | | |
| | | // 设置器官名称 |
| | | organ.organName = organName; |
| | | // 其他捐献决定输入处理 |
| | | handleOtherDecisionInput(value) { |
| | | // 输入时不做单独保存,等待整体保存 |
| | | }, |
| | | |
| | | // 计算整体评估状态 |
| | | organ.assessmentStatus = this.calculateOverallStatus(organ); |
| | | // 自动处理决定变更逻辑 |
| | | autoHandleDecisionChange(newDecision) { |
| | | // 如果选择了"双肾",自动取消单独的"左肾"和"右肾"选择 |
| | | if (newDecision.includes("双肾")) { |
| | | this.organdecision = newDecision.filter( |
| | | item => item !== "左肾" && item !== "右肾" |
| | | ); |
| | | } |
| | | // 如果选择了"左肾"或"右肾",取消"双肾"选择 |
| | | else if (newDecision.includes("左肾") || newDecision.includes("右肾")) { |
| | | this.organdecision = newDecision.filter(item => item !== "双肾"); |
| | | } |
| | | |
| | | return organ; |
| | | // 处理互斥逻辑 |
| | | this.handleExclusiveDecisions(); |
| | | }, |
| | | |
| | | // 处理互斥的捐献决定 |
| | | handleExclusiveDecisions() { |
| | | // 遗体捐献与其他器官捐献互斥(根据业务需求调整) |
| | | if (this.organdecision.includes("遗体")) { |
| | | // 可以设置只保留遗体捐献,或者根据业务需求处理 |
| | | } |
| | | }, |
| | | |
| | | // 复杂决策变化处理 |
| | | handleComplexDecisionChange(newVal, oldVal) { |
| | | // 处理新增的选择 |
| | | const addedDecisions = newVal.filter(item => !oldVal.includes(item)); |
| | | const removedDecisions = oldVal.filter(item => !newVal.includes(item)); |
| | | |
| | | // 对新增加的选择进行特殊处理 |
| | | addedDecisions.forEach(decision => { |
| | | this.handleNewDecision(decision); |
| | | }); |
| | | |
| | | // 对移除的选择进行清理 |
| | | removedDecisions.forEach(decision => { |
| | | this.handleRemovedDecision(decision); |
| | | }); |
| | | }, |
| | | |
| | | // 计算整体评估状态 |
| | | calculateOverallStatus(organ) { |
| | | const firstDone = organ.firstAssessment.status === 'assessed'; |
| | | const secondDone = organ.secondAssessment.status === 'assessed'; |
| | | // 处理新增的捐献决定 |
| | | handleNewDecision(decision) { |
| | | // 根据映射关系自动创建对应的器官评估项 |
| | | this.autoCreateOrganAssessments(decision); |
| | | }, |
| | | |
| | | if (firstDone && secondDone) return '1'; // 已完成 |
| | | if (firstDone || secondDone) return '2'; // 部分完成 |
| | | return '0'; // 未开始 |
| | | // 自动创建器官评估项 |
| | | autoCreateOrganAssessments(decision) { |
| | | const organsToCreate = this.organDecisionMapping[decision]; |
| | | |
| | | if (organsToCreate && organsToCreate.length > 0) { |
| | | organsToCreate.forEach(organName => { |
| | | this.ensureOrganExists(organName); |
| | | }); |
| | | |
| | | // 显示创建提示 |
| | | if (organsToCreate.length > 0) { |
| | | this.$message.success( |
| | | `已为【${decision}】创建${organsToCreate.length}个评估项` |
| | | ); |
| | | } |
| | | } else { |
| | | console.warn(`捐献决定【${decision}】没有配置器官映射关系`); |
| | | } |
| | | }, |
| | | |
| | | // 处理移除的捐献决定 |
| | | handleRemovedDecision(decision) { |
| | | // 根据业务需求添加清理逻辑 |
| | | const relatedOrgans = this.organDecisionMapping[decision] || []; |
| | | relatedOrgans.forEach(organ => { |
| | | // 可以在这里添加清理相关器官评估的逻辑 |
| | | }); |
| | | }, |
| | | |
| | | // 确保器官存在(带重复检查) |
| | | ensureOrganExists(organName) { |
| | | // 检查是否已存在同名器官评估项 |
| | | const exists = this.organAssessmentList.some( |
| | | organ => organ.organname === organName |
| | | ); |
| | | |
| | | if (!exists) { |
| | | // 创建新的器官评估项 |
| | | const newOrgan = { |
| | | id: `organ_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, |
| | | organno: `ORG${Date.now()}`, |
| | | organname: organName, |
| | | gainhospitalname: "待分配机构", |
| | | isbiopsybefore: "0", |
| | | isbiopsyafter: "0", |
| | | ismarginalorgan: "0", |
| | | ispathogenpositive: "0", |
| | | assessments: [this.getDefaultAssessment(0)], |
| | | activeAssessmentTab: "assessment_0", |
| | | expanded: false, |
| | | createTime: new Date().toISOString() |
| | | }; |
| | | |
| | | this.organAssessmentList = [...this.organAssessmentList, newOrgan]; |
| | | return true; |
| | | } |
| | | return false; |
| | | }, |
| | | |
| | | // 获取评估详情 |
| | | async getAssessmentDetail() { |
| | | this.assessmentLoading = true; |
| | | try { |
| | | const response = await evaluateBaseInfolist({ infoid: this.infoid }); |
| | | |
| | | if (response.code === 200) { |
| | | this.handleResponseData(response); |
| | | } else { |
| | | this.$message.error("获取详情失败:" + (response.msg || "未知错误")); |
| | | } |
| | | } catch (error) { |
| | | console.error("获取评估详情失败:", error); |
| | | this.$message.error("获取详情失败"); |
| | | } finally { |
| | | this.assessmentLoading = false; |
| | | } |
| | | }, |
| | | |
| | | // 处理接口响应数据 |
| | | handleResponseData(response) { |
| | | let detailData = null; |
| | | |
| | | // 根据接口实际返回的数据结构进行调整 |
| | | if (response.data) { |
| | | if (Array.isArray(response.data)) { |
| | | detailData = response.data[0] || {}; |
| | | } else if (response.data.rows && Array.isArray(response.data.rows)) { |
| | | detailData = response.data.rows[0] || {}; |
| | | } else if (Array.isArray(response.data.list)) { |
| | | detailData = response.data.list[0] || {}; |
| | | } else { |
| | | detailData = response.data; |
| | | } |
| | | } else { |
| | | detailData = response; |
| | | } |
| | | |
| | | // 映射字段到评估数据 |
| | | this.assessmentData = { |
| | | id: detailData.id || this.assessmentId, |
| | | infoid: detailData.infoid || this.infoid, |
| | | caseNo: detailData.caseNo || "", |
| | | name: detailData.name || detailData.donorName || "", |
| | | sex: detailData.sex || "", |
| | | age: detailData.age || "", |
| | | bloodtype: detailData.bloodtype || "", |
| | | idcardno: detailData.idcardno || "", |
| | | diagnosisname: detailData.diagnosisname || "", |
| | | treatmenthospitalname: detailData.treatmenthospitalname || "", |
| | | coordinatorName: detailData.coordinatorName || "", |
| | | assessTime: detailData.assessTime || "", |
| | | assessState: detailData.assessState || "1", |
| | | assessannex: detailData.assessannex || "" |
| | | }; |
| | | |
| | | // 处理捐献决定数据 |
| | | if (detailData.organdecision) { |
| | | this.organdecision = Array.isArray(detailData.organdecision) |
| | | ? detailData.organdecision |
| | | : (detailData.organdecision || "").split(","); |
| | | this.organdecisionOther = detailData.organdecisionOther || ""; |
| | | } |
| | | |
| | | // 处理器官评估数据 |
| | | this.processOrganAssessmentData(detailData); |
| | | }, |
| | | |
| | | // 处理器官评估数据 |
| | | processOrganAssessmentData(detailData) { |
| | | let organList = []; |
| | | |
| | | // 从接口数据中获取器官评估列表 |
| | | if (detailData.serviceMedicalevaluationorgans) { |
| | | if (Array.isArray(detailData.serviceMedicalevaluationorgans)) { |
| | | organList = detailData.serviceMedicalevaluationorgans; |
| | | } |
| | | } |
| | | |
| | | // 转换器官数据格式,支持多次评估 |
| | | this.organAssessmentList = organList.map(organ => { |
| | | const assessments = []; |
| | | |
| | | // 解析assesscontent字段中的多次评估数据 |
| | | if (organ.assesscontent) { |
| | | try { |
| | | const assessData = typeof organ.assesscontent === "string" |
| | | ? JSON.parse(organ.assesscontent) |
| | | : organ.assesscontent; |
| | | |
| | | if (Array.isArray(assessData)) { |
| | | assessments.push( |
| | | ...assessData.map((item, index) => ({ |
| | | ...item, |
| | | index: index, |
| | | status: item.status || "assessed" |
| | | })) |
| | | ); |
| | | } |
| | | } catch (error) { |
| | | console.warn("解析评估内容失败:", error); |
| | | assessments.push(this.getDefaultAssessment(0)); |
| | | } |
| | | } else { |
| | | assessments.push(this.getDefaultAssessment(0)); |
| | | } |
| | | |
| | | return { |
| | | ...organ, |
| | | assessments: assessments, |
| | | activeAssessmentTab: assessments.length > 0 ? "assessment_0" : "summary", |
| | | expanded: false |
| | | }; |
| | | }); |
| | | }, |
| | | |
| | | // 获取默认评估数据结构 |
| | | getDefaultAssessment(index) { |
| | | return { |
| | | index: index, |
| | | status: "pending", |
| | | assessmentTime: "", |
| | | assessor: "", |
| | | functionStatus: "", |
| | | assessmentOpinion: "", |
| | | clinicalData: {}, |
| | | labResults: {}, |
| | | createTime: new Date().toISOString() |
| | | }; |
| | | }, |
| | | |
| | | // 计算最大评估次数 |
| | | getMaxAssessmentCount() { |
| | | const maxCount = Math.max( |
| | | ...this.organAssessmentList.map(organ => |
| | | organ.assessments ? organ.assessments.length : 0 |
| | | ) |
| | | ); |
| | | return Math.max(maxCount, 1); |
| | | }, |
| | | |
| | | // 获取器官整体状态 |
| | | getOrganOverallStatus(organ) { |
| | | if (!organ.assessments || organ.assessments.length === 0) { |
| | | return "pending"; |
| | | } |
| | | |
| | | const allAssessed = organ.assessments.every( |
| | | assessment => assessment.status === "assessed" |
| | | ); |
| | | const someAssessed = organ.assessments.some( |
| | | assessment => assessment.status === "assessed" |
| | | ); |
| | | |
| | | if (allAssessed) return "completed"; |
| | | if (someAssessed) return "assessing"; |
| | | return "pending"; |
| | | }, |
| | | |
| | | getOrganOverallStatusText(organ) { |
| | | const status = this.getOrganOverallStatus(organ); |
| | | const statusMap = { |
| | | pending: "待评估", |
| | | assessing: "评估中", |
| | | completed: "已完成" |
| | | }; |
| | | return statusMap[status] || "未知"; |
| | | }, |
| | | |
| | | // 切换展开行 |
| | | handleToggleExpand(row) { |
| | | const key = row.organno; |
| | | const index = this.expandedRowKeys.indexOf(key); |
| | | |
| | | if (index > -1) { |
| | | this.expandedRowKeys.splice(index, 1); |
| | | row.expanded = false; |
| | | } else { |
| | | this.expandedRowKeys = [key]; |
| | | this.organAssessmentList.forEach(item => { |
| | | item.expanded = item.organno === key; |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | // 展开行变化 |
| | | handleExpandChange(row, expandedRows) { |
| | | this.expandedRowKeys = expandedRows.map(item => item.organno); |
| | | this.organAssessmentList.forEach(item => { |
| | | item.expanded = this.expandedRowKeys.includes(item.organno); |
| | | }); |
| | | }, |
| | | |
| | | // 添加新评估 |
| | | handleAddNewAssessment(organ) { |
| | | const newAssessment = { |
| | | ...this.getDefaultAssessment(organ.assessments.length), |
| | | assessor: this.currentUser.name |
| | | }; |
| | | |
| | | organ.assessments.push(newAssessment); |
| | | organ.activeAssessmentTab = `assessment_${organ.assessments.length - 1}`; |
| | | |
| | | this.$message.success("已添加新的评估"); |
| | | }, |
| | | |
| | | // 处理添加评估事件 |
| | | handleAddAssessment(data) { |
| | | const { organData } = data; |
| | | this.handleAddNewAssessment(organData); |
| | | }, |
| | | |
| | | // 获取最新评估时间 |
| | | getLatestAssessmentTime(organ) { |
| | | if (!organ.assessments || organ.assessments.length === 0) return null; |
| | | |
| | | const assessed = organ.assessments.filter(a => a.assessmentTime); |
| | | if (assessed.length === 0) return null; |
| | | |
| | | return assessed.sort( |
| | | (a, b) => new Date(b.assessmentTime) - new Date(a.assessmentTime) |
| | | )[0].assessmentTime; |
| | | }, |
| | | |
| | | // 获取评估状态标签类型 |
| | | getAssessmentTagType(status) { |
| | | const typeMap = { |
| | | 'pending': 'info', |
| | | 'assessing': 'warning', |
| | | 'assessed': 'success' |
| | | pending: "warning", |
| | | assessing: "primary", |
| | | assessed: "success" |
| | | }; |
| | | return typeMap[status] || 'info'; |
| | | return typeMap[status] || "info"; |
| | | }, |
| | | |
| | | // 获取评估状态文本 |
| | | getAssessmentStatusText(status) { |
| | | const textMap = { |
| | | 'pending': '待评估', |
| | | 'assessing': '评估中', |
| | | 'assessed': '已评估' |
| | | }; |
| | | return textMap[status] || '未知'; |
| | | }, |
| | | |
| | | // 获取功能状态类型 |
| | | getFunctionStatusType(status) { |
| | | const typeMap = { |
| | | "1": "success", // 正常 |
| | | "2": "warning", // 轻度异常 |
| | | "3": "danger", // 重度异常 |
| | | "4": "info" // 无法评估 |
| | | }; |
| | | return typeMap[status] || "info"; |
| | | }, |
| | | |
| | | // 获取功能状态文本 |
| | | getFunctionStatusText(status) { |
| | | const textMap = { |
| | | "1": "正常", |
| | | "2": "轻度异常", |
| | | "3": "重度异常", |
| | | "4": "无法评估" |
| | | pending: "待评估", |
| | | assessing: "评估中", |
| | | assessed: "已评估" |
| | | }; |
| | | return textMap[status] || "未知"; |
| | | }, |
| | | |
| | | // 获取器官名称 |
| | | getOrganName(organType) { |
| | | const organ = this.organTypeOptions.find(opt => opt.value === organType); |
| | | return organ ? organ.label : organType; |
| | | }, |
| | | |
| | | // 检查评估权限 |
| | | canAssessOrgan(organ) { |
| | | console.log(organ,'organ'); |
| | | |
| | | if (this.isCoordinator) return true; |
| | | return organ.department === this.currentDepartment; |
| | | if (!this.isEdit) return false; |
| | | return ( |
| | | organ.gainhospitalname && |
| | | organ.gainhospitalname.includes(this.currentDepartment) |
| | | ); |
| | | }, |
| | | |
| | | // 获取行类名 |
| | |
| | | return this.canAssessOrgan(row) ? "assessable-row" : "non-assessable-row"; |
| | | }, |
| | | |
| | | // 格式化时间 |
| | | formatTime(time) { |
| | | if (!time) return ''; |
| | | return new Date(time).toLocaleString(); |
| | | }, |
| | | |
| | | // 查看器官详情 |
| | | handleViewOrganDetail(organ) { |
| | | this.currentOrgan = JSON.parse(JSON.stringify(organ)); |
| | | this.activeAssessmentTab = 'first'; |
| | | this.organDetailVisible = true; |
| | | }, |
| | | |
| | | // 器官评估 |
| | | handleOrganAssess(organ) { |
| | | this.currentOrgan = JSON.parse(JSON.stringify(organ)); |
| | | this.activeAssessmentTab = 'first'; |
| | | this.organDetailVisible = true; |
| | | }, |
| | | |
| | | // 保存单个评估 |
| | | handleSaveOrganAssessment(assessmentData, assessmentType) { |
| | | const organToUpdate = { |
| | | ...this.currentOrgan, |
| | | [assessmentType === 'first' ? 'firstAssessment' : 'secondAssessment']: { |
| | | ...assessmentData, |
| | | status: 'assessed', |
| | | assessmentTime: new Date().toISOString(), |
| | | assessor: this.currentUser.name |
| | | } |
| | | }; |
| | | |
| | | // 更新整体状态 |
| | | organToUpdate.assessmentStatus = this.calculateOverallStatus(organToUpdate); |
| | | |
| | | updateOrganAssessment(organToUpdate) |
| | | .then(response => { |
| | | if (response.code === 200) { |
| | | this.$message.success(`${assessmentType === 'first' ? '第一次' : '第二次'}评估保存成功`); |
| | | this.getAssessmentDetail(); |
| | | // 自动切换到下一个未完成的评估或汇总页 |
| | | this.autoSwitchTab(assessmentType); |
| | | } |
| | | }) |
| | | .catch(error => { |
| | | console.error("保存评估失败:", error); |
| | | this.$message.error("保存失败"); |
| | | }); |
| | | }, |
| | | |
| | | // 自动切换Tab页 |
| | | autoSwitchTab(currentType) { |
| | | if (currentType === 'first' && this.currentOrgan.secondAssessment.status === 'pending') { |
| | | this.activeAssessmentTab = 'second'; |
| | | } else if (currentType === 'second' || |
| | | (currentType === 'first' && this.currentOrgan.secondAssessment.status === 'assessed')) { |
| | | this.activeAssessmentTab = 'summary'; |
| | | } |
| | | }, |
| | | |
| | | // 保存所有评估 |
| | | handleSaveAllAssessments() { |
| | | this.$confirm("确认保存所有评估数据吗?", "确认保存", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }).then(() => { |
| | | const organToUpdate = JSON.parse(JSON.stringify(this.currentOrgan)); |
| | | |
| | | // 更新整体状态 |
| | | organToUpdate.assessmentStatus = this.calculateOverallStatus(organToUpdate); |
| | | |
| | | updateOrganAssessment(organToUpdate) |
| | | .then(response => { |
| | | if (response.code === 200) { |
| | | this.$message.success("所有评估数据保存成功"); |
| | | this.getAssessmentDetail(); |
| | | this.organDetailVisible = false; |
| | | } |
| | | }) |
| | | .catch(error => { |
| | | console.error("保存评估失败:", error); |
| | | this.$message.error("保存失败"); |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | // 获取所有附件 |
| | | getAllAttachments(organ) { |
| | | const attachments = []; |
| | | |
| | | if (organ.firstAssessment.attachments) { |
| | | organ.firstAssessment.attachments.forEach(att => { |
| | | attachments.push({ |
| | | ...att, |
| | | assessmentType: 'first' |
| | | }); |
| | | }); |
| | | } |
| | | |
| | | if (organ.secondAssessment.attachments) { |
| | | organ.secondAssessment.attachments.forEach(att => { |
| | | attachments.push({ |
| | | ...att, |
| | | assessmentType: 'second' |
| | | }); |
| | | }); |
| | | } |
| | | |
| | | return attachments; |
| | | }, |
| | | |
| | | // 预览附件 |
| | | handlePreviewAttachment(attachment) { |
| | | // 实现附件预览逻辑 |
| | | console.log('预览附件:', attachment); |
| | | this.$message.info('附件预览功能待实现'); |
| | | }, |
| | | |
| | | // 状态过滤器 |
| | | statusFilter(status) { |
| | | const statusMap = { |
| | | "0": "warning", |
| | | "1": "primary", |
| | | "2": "success", |
| | | "3": "danger" |
| | | "1": "warning", |
| | | "2": "primary", |
| | | "3": "success" |
| | | }; |
| | | return statusMap[status] || "info"; |
| | | }, |
| | | |
| | | statusTextFilter(status) { |
| | | const statusMap = { |
| | | "0": "待评估", |
| | | "1": "评估中", |
| | | "2": "已完成", |
| | | "3": "已关闭" |
| | | "1": "待评估", |
| | | "2": "评估中", |
| | | "3": "已完成" |
| | | }; |
| | | return statusMap[status] || "未知"; |
| | | }, |
| | | |
| | | // 查看附件 |
| | | handleAttachmentPreview() { |
| | | this.attachmentVisible = true; |
| | | if (this.assessmentData.assessannex) { |
| | | try { |
| | | const annexData = typeof this.assessmentData.assessannex === "string" |
| | | ? JSON.parse(this.assessmentData.assessannex) |
| | | : this.assessmentData.assessannex; |
| | | |
| | | if (Array.isArray(annexData) && annexData.length > 0) { |
| | | this.currentPreviewFile = annexData[0]; |
| | | this.attachmentVisible = true; |
| | | } else { |
| | | this.$message.info("暂无附件可预览"); |
| | | } |
| | | } catch (error) { |
| | | this.$message.info("附件数据格式错误"); |
| | | } |
| | | } else { |
| | | this.$message.info("暂无附件"); |
| | | } |
| | | }, |
| | | |
| | | handleCompleteAssessment() { |
| | | this.$confirm("确认完成所有器官评估吗?完成后将无法修改", "确认操作", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }).then(() => { |
| | | completeAssessment(this.assessmentId) |
| | | .then(response => { |
| | | if (response.code === 200) { |
| | | this.$message.success("评估完成确认成功"); |
| | | this.getAssessmentDetail(); |
| | | } |
| | | }) |
| | | .catch(error => { |
| | | console.error("完成评估失败:", error); |
| | | this.$message.error("操作失败"); |
| | | }); |
| | | }); |
| | | // 完成评估 |
| | | async handleCompleteAssessment() { |
| | | try { |
| | | await this.$confirm( |
| | | "确认完成所有器官评估吗?完成后将无法修改", |
| | | "确认操作", |
| | | { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | } |
| | | ); |
| | | |
| | | // 更新评估状态为已完成 |
| | | const updateData = { |
| | | ...this.assessmentData, |
| | | assessState: "3", |
| | | assessTime: new Date().toISOString() |
| | | }; |
| | | |
| | | const response = await assessedit(updateData); |
| | | |
| | | if (response.code === 200) { |
| | | this.$message.success("评估完成确认成功"); |
| | | this.assessmentData.assessState = "3"; |
| | | this.isEdit = false; |
| | | } else { |
| | | this.$message.error("操作失败:" + (response.msg || "未知错误")); |
| | | } |
| | | } catch (error) { |
| | | if (error !== "cancel") { |
| | | console.error("完成评估失败:", error); |
| | | this.$message.error("操作失败"); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }; |
| | |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .assessment-time { |
| | | font-size: 12px; |
| | | color: #909399; |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | /* Tab页样式优化 */ |
| | | .organ-detail-dialog ::v-deep .el-dialog__body { |
| | | /* 展开行样式 */ |
| | | .organ-expand-content { |
| | | padding: 20px; |
| | | max-height: 70vh; |
| | | overflow-y: auto; |
| | | background: #fafafa; |
| | | border-radius: 4px; |
| | | margin: 10px 0; |
| | | } |
| | | |
| | | .organ-detail-dialog ::v-deep .el-tabs__content { |
| | | padding: 20px 0; |
| | | min-height: 400px; |
| | | .organ-detail-tabs { |
| | | background: white; |
| | | border-radius: 4px; |
| | | padding: 20px; |
| | | } |
| | | |
| | | .add-assessment-prompt { |
| | | text-align: center; |
| | | padding: 40px 0; |
| | | } |
| | | |
| | | .assessment-summary { |
| | | padding: 10px; |
| | | } |
| | | |
| | | .dialog-footer { |
| | | text-align: right; |
| | | padding-top: 20px; |
| | | border-top: 1px solid #ebeef5; |
| | | /* 底部保存按钮样式 */ |
| | | .footer-actions { |
| | | margin-top: 20px; |
| | | text-align: center; |
| | | padding: 20px; |
| | | border-top: 1px solid #eaeaea; |
| | | } |
| | | |
| | | /* 响应式设计 */ |
| | | @media (max-width: 768px) { |
| | | .organ-detail-dialog { |
| | | width: 95% !important; |
| | | .assessment-detail { |
| | | padding: 10px; |
| | | } |
| | | |
| | | .assessment-detail { |
| | | .organ-expand-content { |
| | | padding: 10px; |
| | | } |
| | | } |
| | |
| | | background-color: #fafafa; |
| | | } |
| | | |
| | | .jstitle { |
| | | float: right; |
| | | font-size: 18px !important; |
| | | font-weight: 600; |
| | | color: #2645f7; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | /* 表格展开图标样式 */ |
| | | ::v-deep .el-table__expand-icon { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | ::v-deep .el-table__expanded-cell { |
| | | padding: 0 !important; |
| | | } |
| | | |
| | | /* 确保描述列表标签宽度一致 */ |
| | | ::v-deep .el-descriptions__label { |
| | | width: 120px; |
| | | background-color: #f5f7fa; |
| | |
| | | margin: 0 2px; |
| | | } |
| | | |
| | | .jstitle { |
| | | float: right; |
| | | font-size: 18px !important; |
| | | font-weight: 600; |
| | | color: #2645f7; |
| | | font-size: 12px; |
| | | /* 捐献决定样式优化 */ |
| | | .organ-decision-info { |
| | | margin: 10px 0; |
| | | padding: 10px; |
| | | background-color: #f8f9fa; |
| | | border-radius: 4px; |
| | | border-left: 4px solid #409eff; |
| | | } |
| | | |
| | | /* Tab页激活状态样式 */ |
| | | ::v-deep .el-tabs__item.is-active { |
| | | color: #409EFF; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | /* 评估表单样式 */ |
| | | .assessment-form-section { |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .assessment-form-section h3 { |
| | | margin-bottom: 15px; |
| | | color: #303133; |
| | | border-left: 4px solid #409EFF; |
| | | padding-left: 10px; |
| | | .decision-tag { |
| | | margin: 2px 5px; |
| | | } |
| | | </style> |