<template>
|
<div class="maintenance-detail">
|
<!-- 基础信息 -->
|
<el-card class="detail-card">
|
<div slot="header" class="clearfix">
|
<span class="detail-title">供者基本信息</span>
|
<el-button type="success" style="float: right;" @click="handleSave">
|
保存信息
|
</el-button>
|
</div>
|
|
<el-form :model="form" ref="form" label-width="120px">
|
<el-row :gutter="20">
|
<el-col :span="8">
|
<el-form-item label="住院号" prop="caseNo">
|
<el-input v-model="form.caseNo" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="捐献者姓名" prop="name">
|
<el-input v-model="form.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="性别" prop="gender">
|
<el-select v-model="form.sex" 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="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="diagnosisname">
|
<el-input v-model="form.diagnosisname" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="首诊医疗机构" prop="treatmenthospitalname">
|
<el-input v-model="form.treatmenthospitalname" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="20">
|
<el-col :span="8">
|
<el-form-item label="患者状态" prop="recordstate">
|
<el-select v-model="form.recordstate" style="width: 100%">
|
<!-- <el-option label="DCD" value="1" />
|
<el-option label="DBD" value="2" />
|
<el-option label="DBCD" value="3" />
|
<el-option label="已完成捐献" value="4" />
|
<el-option label="未完成捐献" value="5" /> -->
|
<el-option
|
v-for="dict in dict.type.sys_DonationCategory || []"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item
|
align="left"
|
label="患者捐献状态"
|
prop="donationcategory"
|
>
|
<el-radio-group v-model="form.recordstate">
|
<el-radio
|
v-for="dict in dict.type.sys_DonationCategory || []"
|
:key="dict.value"
|
:label="dict.value"
|
>{{ dict.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item> -->
|
</el-col>
|
<el-col :span="8">
|
<el-form-item
|
label="未完成原因"
|
prop="incompleteReason"
|
v-if="form.recordstate === '5'"
|
>
|
<el-input
|
v-model="form.incompleteReason"
|
placeholder="请输入未完成捐献的原因"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="20">
|
<el-col :span="8">
|
<el-form-item label="上报时间" prop="reporttime">
|
<el-date-picker
|
v-model="form.reporttime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="死亡时间" prop="deathTime">
|
<el-date-picker
|
v-model="form.deathTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="协调员" prop="coordinatorName">
|
<el-input v-model="form.coordinatorName" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="20">
|
<el-col :span="8">
|
<el-form-item label="血型" prop="bloodtype">
|
<el-select v-model="form.bloodtype" style="width: 100%">
|
<!-- <el-option label="A型" value="A" />
|
<el-option label="B型" value="B" />
|
<el-option label="O型" value="O" />
|
<el-option label="AB型" value="AB" /> -->
|
<el-option
|
v-for="dict in dict.type.sys_BloodType"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="Rh(D)" prop="rhYin">
|
<el-radio-group v-model="form.rhYin">
|
<el-radio
|
v-for="dict in dict.type.sys_bloodtype_rhd || []"
|
:key="dict.value"
|
:label="dict.value"
|
>{{ dict.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-form-item label="特殊病史" prop="specialMedicalHistory">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.specialMedicalHistory"
|
placeholder="记录特殊病史信息"
|
/>
|
</el-form-item>
|
</el-form>
|
</el-card>
|
|
<el-card class="assessment-card">
|
<div slot="header" class="clearfix">
|
<span class="detail-title">供者评估各项记录</span>
|
<el-button
|
type="primary"
|
size="mini"
|
@click="toggleEditMode"
|
style="float: right;"
|
>
|
{{ isEdit ? "完成编辑" : "开始编辑" }}
|
</el-button>
|
</div>
|
|
<el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick">
|
<!-- 培养结果记录 -->
|
<el-tab-pane label="培养结果" name="culture">
|
<el-card class="culture-card">
|
<div slot="header" class="clearfix">
|
<span class="detail-title">培养结果记录</span>
|
<el-button
|
type="primary"
|
size="mini"
|
icon="el-icon-plus"
|
@click="handleAddCulture"
|
>
|
新增培养记录
|
</el-button>
|
</div>
|
|
<el-table :data="cultureList" v-loading="cultureLoading">
|
<el-table-column
|
label="培养类型"
|
align="center"
|
prop="cultureType"
|
/>
|
<el-table-column
|
label="采样时间"
|
align="center"
|
prop="sampleTime"
|
/>
|
<el-table-column label="培养结果" align="center" prop="result">
|
<template slot-scope="scope">
|
<el-tag
|
:type="scope.row.result === '阴性' ? 'success' : 'danger'"
|
effect="plain"
|
>
|
{{ scope.row.result }}
|
</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column label="附件" align="center">
|
<template slot-scope="scope">
|
<el-button
|
v-if="
|
scope.row.attachments && scope.row.attachments.length > 0
|
"
|
size="mini"
|
type="text"
|
@click="handleViewCultureAttachments(scope.row)"
|
>
|
查看附件({{ scope.row.attachments.length }})
|
</el-button>
|
<span v-else>无附件</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="操作"
|
align="center"
|
width="200"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleEditCulture(scope.row)"
|
>编辑</el-button
|
>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
style="color: #F56C6C;"
|
@click="handleDeleteCulture(scope.row)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
</el-tab-pane>
|
|
<!-- 肝功能肾功能 -->
|
<el-tab-pane label="肝功能肾功能" name="liverKidney">
|
<liver-kidney-panel
|
ref="liverKidney"
|
:initial-data="assessmentData.liverKidney"
|
:is-editing="isEdit && activeTab === 'liverKidney'"
|
@data-change="handleLiverKidneyDataChange"
|
/>
|
</el-tab-pane>
|
|
<!-- 血常规 -->
|
<el-tab-pane label="血常规" name="bloodRoutine">
|
<blood-routine-panel
|
ref="bloodRoutine"
|
:initial-data="assessmentData.bloodRoutine"
|
:is-editing="isEdit && activeTab === 'bloodRoutine'"
|
@data-change="handleBloodRoutineDataChange"
|
/>
|
</el-tab-pane>
|
|
<!-- 尿常规 -->
|
<el-tab-pane label="尿常规" name="urineRoutine">
|
<urine-routine-panel
|
ref="urineRoutine"
|
:initial-data="assessmentData.urineRoutine"
|
:is-editing="isEdit && activeTab === 'urineRoutine'"
|
@data-change="handleUrineRoutineDataChange"
|
/>
|
</el-tab-pane>
|
</el-tabs>
|
</el-card>
|
|
<!-- 护理核查记录 -->
|
<el-card class="record-card">
|
<div slot="header" class="clearfix">
|
<span class="detail-title">护理核查记录</span>
|
<el-button
|
type="primary"
|
size="mini"
|
icon="el-icon-plus"
|
@click="handleAddRecord"
|
>
|
新增核查记录
|
</el-button>
|
</div>
|
|
<el-table :data="recordList" v-loading="recordLoading">
|
<el-table-column
|
label="核查时间"
|
align="center"
|
prop="recordTime"
|
width="160"
|
/>
|
<el-table-column
|
label="核查人"
|
align="center"
|
prop="recorder"
|
width="100"
|
/>
|
<el-table-column
|
label="核查记录"
|
align="center"
|
prop="checkRecord"
|
min-width="200"
|
show-overflow-tooltip
|
/>
|
<el-table-column label="附件" align="center" width="120">
|
<template slot-scope="scope">
|
<el-button
|
v-if="scope.row.attachments && scope.row.attachments.length > 0"
|
size="mini"
|
type="text"
|
@click="handleViewRecordAttachments(scope.row)"
|
>
|
查看附件({{ scope.row.attachments.length }})
|
</el-button>
|
<span v-else>无附件</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="操作"
|
align="center"
|
width="180"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleEditRecord(scope.row)"
|
>编辑</el-button
|
>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
style="color: #F56C6C;"
|
@click="handleDeleteRecord(scope.row)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
|
<!-- 培养记录编辑对话框 -->
|
<el-dialog
|
:title="cultureDialogTitle"
|
:visible.sync="cultureDialogVisible"
|
width="700px"
|
:close-on-click-modal="false"
|
>
|
<el-form
|
:model="cultureForm"
|
ref="cultureForm"
|
:rules="cultureRules"
|
label-width="120px"
|
>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="培养类型" prop="cultureType">
|
<el-select
|
v-model="cultureForm.cultureType"
|
placeholder="请选择培养类型"
|
style="width: 100%"
|
>
|
<el-option
|
v-for="item in cultureTypeOptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.label"
|
/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="采样时间" prop="sampleTime">
|
<el-date-picker
|
v-model="cultureForm.sampleTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择采样时间"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="培养结果" prop="result">
|
<el-select
|
v-model="cultureForm.result"
|
placeholder="请选择培养结果"
|
style="width: 100%"
|
>
|
<el-option label="阴性" value="阴性" />
|
<el-option label="阳性" value="阳性" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-form-item label="附件">
|
<upload-attachment
|
:file-list="cultureForm.attachments"
|
@change="handleCultureAttachmentChange"
|
/>
|
</el-form-item>
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="cultureDialogVisible = false">取消</el-button>
|
<el-button
|
type="primary"
|
@click="handleSaveCulture"
|
:loading="cultureSaveLoading"
|
>保存</el-button
|
>
|
</span>
|
</el-dialog>
|
|
<!-- 护理核查记录编辑对话框 -->
|
<el-dialog
|
:title="recordDialogTitle"
|
:visible.sync="recordDialogVisible"
|
width="700px"
|
:close-on-click-modal="false"
|
>
|
<el-form
|
:model="recordForm"
|
ref="recordForm"
|
:rules="recordRules"
|
label-width="120px"
|
>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="核查时间" prop="recordTime">
|
<el-date-picker
|
v-model="recordForm.recordTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择核查时间"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="核查人" prop="recorder">
|
<el-input
|
v-model="recordForm.recorder"
|
placeholder="请输入核查人姓名"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-form-item label="核查记录" prop="checkRecord">
|
<el-input
|
type="textarea"
|
:rows="4"
|
v-model="recordForm.checkRecord"
|
placeholder="请输入核查记录内容"
|
/>
|
</el-form-item>
|
|
<el-form-item label="附件">
|
<upload-attachment
|
:file-list="recordForm.attachments"
|
@change="handleRecordAttachmentChange"
|
/>
|
</el-form-item>
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="recordDialogVisible = false">取消</el-button>
|
<el-button
|
type="primary"
|
@click="handleSaveRecord"
|
:loading="recordSaveLoading"
|
>保存</el-button
|
>
|
</span>
|
</el-dialog>
|
|
<!-- 附件预览对话框 -->
|
<attachment-preview
|
:visible="attachmentPreviewVisible"
|
:file-list="currentAttachmentList"
|
:title="attachmentPreviewTitle"
|
@close="attachmentPreviewVisible = false"
|
/>
|
</div>
|
</template>
|
|
<script>
|
import { maintainList, maintainedit, maintainAdd } from "@/api/businessApi";
|
import Pagination from "@/components/Pagination";
|
import UploadAttachment from "@/components/UploadAttachment";
|
import AttachmentPreview from "@/components/AttachmentPreview";
|
import LiverKidneyPanel from "./components/LiverKidneyPanel.vue";
|
import BloodRoutinePanel from "./components/BloodRoutinePanel.vue";
|
import UrineRoutinePanel from "./components/UrineRoutinePanel.vue";
|
|
export default {
|
name: "MaintenanceDetail",
|
components: {
|
Pagination,
|
UploadAttachment,
|
AttachmentPreview,
|
LiverKidneyPanel,
|
BloodRoutinePanel,
|
UrineRoutinePanel
|
},
|
dicts: [
|
"sys_donornode",
|
"sys_BloodType",
|
"sys_EthicalReview",
|
"sys_BaseAssessConclusion",
|
"sys_bloodtype_rhd",
|
"sys_DonationCategory"
|
],
|
|
data() {
|
return {
|
isEdit: false,
|
currentMaintenanceId: null,
|
isEditMode: false,
|
form: {
|
id: undefined,
|
caseNo: "",
|
name: "",
|
gender: "",
|
age: "",
|
diagnosisname: "",
|
treatmenthospitalname: "",
|
recordstate: "1",
|
reporttime: "",
|
deathTime: "",
|
coordinatorName: "",
|
bloodtype: "",
|
rhFactor: "",
|
specialMedicalHistory: "",
|
incompleteReason: ""
|
},
|
activeTab: "culture",
|
liverKidneyData: {}, // 从 maintainList 接口获取的数据
|
bloodRoutineData: {}, // 从 maintainList 接口获取的数据
|
liverKidneyData: {}, // 从 maintainList 接口获取的数据
|
// 培养结果相关数据
|
cultureList: [],
|
cultureLoading: false,
|
cultureDialogVisible: false,
|
cultureDialogTitle: "",
|
cultureSaveLoading: false,
|
cultureForm: {
|
id: undefined,
|
cultureType: "",
|
sampleTime: "",
|
result: "阴性",
|
attachments: []
|
},
|
cultureRules: {
|
cultureType: [
|
{ required: true, message: "请选择培养类型", trigger: "change" }
|
],
|
sampleTime: [
|
{ required: true, message: "请选择采样时间", trigger: "change" }
|
],
|
result: [
|
{ required: true, message: "请选择培养结果", trigger: "change" }
|
]
|
},
|
cultureTypeOptions: [
|
{ value: "1", label: "血培养" },
|
{ value: "2", label: "痰培养" },
|
{ value: "3", label: "尿培养" },
|
{ value: "4", label: "伤口分泌物" },
|
{ value: "5", label: "脑脊液培养" },
|
{ value: "6", label: "其他" }
|
],
|
|
// 护理核查记录相关数据
|
recordList: [],
|
recordLoading: false,
|
recordDialogVisible: false,
|
recordDialogTitle: "",
|
recordSaveLoading: false,
|
recordForm: {
|
id: undefined,
|
recordTime: "",
|
recorder: "",
|
checkRecord: "",
|
attachments: []
|
},
|
recordRules: {
|
recordTime: [
|
{ required: true, message: "请选择核查时间", trigger: "change" }
|
],
|
recorder: [
|
{ required: true, message: "请输入核查人", trigger: "blur" }
|
],
|
checkRecord: [
|
{ required: true, message: "请输入核查记录", trigger: "blur" }
|
]
|
},
|
|
// 附件预览相关
|
attachmentPreviewVisible: false,
|
currentAttachmentList: [],
|
attachmentPreviewTitle: "",
|
|
// 评估数据存储
|
assessmentData: {
|
liverKidney: {},
|
bloodRoutine: {},
|
urineRoutine: {},
|
cultureResults: [],
|
nursingRecords: []
|
}
|
};
|
},
|
created() {
|
this.loadMaintenanceData();
|
},
|
watch: {
|
$route(to, from) {
|
this.loadMaintenanceData();
|
}
|
},
|
methods: {
|
// 加载维护数据[1,3](@ref)
|
async loadMaintenanceData() {
|
try {
|
this.cultureLoading = true;
|
this.recordLoading = true;
|
|
const { id, infoid } = this.$route.query;
|
const queryParams = {};
|
|
if (id) {
|
queryParams.id = id;
|
this.currentMaintenanceId = id;
|
this.isEditMode = true;
|
} else if (infoid) {
|
queryParams.infoid = infoid;
|
this.currentMaintenanceId = null;
|
this.isEditMode = false;
|
} else {
|
this.$message.error("缺少必要的路由参数");
|
return;
|
}
|
|
const response = await maintainList(queryParams);
|
if (response.code === 200) {
|
let maintenanceData = response.data[0];
|
|
// 处理数组响应
|
if (Array.isArray(maintenanceData)) {
|
maintenanceData = maintenanceData[0] || {};
|
}
|
|
// 解析itemDesc字段中的JSON数据[6,8](@ref)
|
if (maintenanceData.itemDesc) {
|
try {
|
const itemDescData = JSON.parse(maintenanceData.itemDesc);
|
this.assessmentData = { ...this.assessmentData, ...itemDescData };
|
|
// 填充各个模块的数据
|
if (itemDescData.cultureResults) {
|
this.cultureList = itemDescData.cultureResults;
|
}
|
if (itemDescData.nursingRecords) {
|
this.recordList = itemDescData.nursingRecords;
|
}
|
if (itemDescData.liverKidney) {
|
this.assessmentData.liverKidney = itemDescData.liverKidney;
|
}
|
if (itemDescData.bloodRoutine) {
|
this.assessmentData.bloodRoutine = itemDescData.bloodRoutine;
|
}
|
if (itemDescData.urineRoutine) {
|
this.assessmentData.urineRoutine = itemDescData.urineRoutine;
|
}
|
} catch (error) {
|
console.error("解析itemDesc JSON失败:", error);
|
}
|
}
|
|
// 填充基础表单数据
|
this.form = { ...this.form, ...maintenanceData };
|
this.$message.success("数据加载成功");
|
} else {
|
this.$message.error("数据加载失败：" + (response.msg || "未知错误"));
|
}
|
} catch (error) {
|
console.error("加载维护数据失败:", error);
|
this.$message.error("数据加载失败");
|
} finally {
|
this.cultureLoading = false;
|
this.recordLoading = false;
|
}
|
},
|
|
// 保存所有数据[1,2](@ref)
|
async handleSave() {
|
try {
|
// 构建保存数据
|
const saveData = {
|
...this.form,
|
itemDesc: JSON.stringify({
|
liverKidney: this.assessmentData.liverKidney,
|
bloodRoutine: this.assessmentData.bloodRoutine,
|
urineRoutine: this.assessmentData.urineRoutine,
|
cultureResults: this.cultureList,
|
nursingRecords: this.recordList
|
})
|
};
|
|
let response;
|
if (this.isEditMode && this.currentMaintenanceId) {
|
// 编辑模式，调用maintainedit接口[1](@ref)
|
saveData.id = this.currentMaintenanceId;
|
response = await maintainedit(saveData);
|
} else {
|
// 新增模式，调用maintainAdd接口[2](@ref)
|
response = await maintainAdd(saveData);
|
}
|
|
if (response.code === 200) {
|
this.$message.success("保存成功");
|
this.isEdit = false;
|
|
// 如果是新增保存，更新当前ID
|
if (!this.isEditMode && response.data && response.data.id) {
|
this.currentMaintenanceId = response.data.id;
|
this.isEditMode = true;
|
}
|
} else {
|
this.$message.error("保存失败：" + (response.msg || "未知错误"));
|
}
|
} catch (error) {
|
console.error("保存数据失败:", error);
|
this.$message.error("保存失败");
|
}
|
},
|
|
// 切换编辑模式
|
toggleEditMode() {
|
this.isEdit = !this.isEdit;
|
if (!this.isEdit) {
|
this.handleSave();
|
}
|
},
|
|
// 培养记录相关方法
|
handleAddCulture() {
|
this.cultureDialogTitle = "新增培养记录";
|
this.cultureForm = {
|
id: undefined,
|
cultureType: "",
|
sampleTime: "",
|
result: "阴性",
|
attachments: []
|
};
|
this.cultureDialogVisible = true;
|
this.$nextTick(() => {
|
this.$refs.cultureForm && this.$refs.cultureForm.clearValidate();
|
});
|
},
|
|
handleEditCulture(row) {
|
this.cultureDialogTitle = "编辑培养记录";
|
this.cultureForm = { ...row };
|
this.cultureDialogVisible = true;
|
this.$nextTick(() => {
|
this.$refs.cultureForm && this.$refs.cultureForm.clearValidate();
|
});
|
},
|
|
handleSaveCulture() {
|
this.$refs.cultureForm.validate(valid => {
|
if (valid) {
|
this.cultureSaveLoading = true;
|
|
if (this.cultureForm.id) {
|
// 编辑现有记录
|
const index = this.cultureList.findIndex(
|
item => item.id === this.cultureForm.id
|
);
|
if (index !== -1) {
|
this.cultureList.splice(index, 1, { ...this.cultureForm });
|
}
|
} else {
|
// 新增记录
|
this.cultureForm.id = Date.now();
|
this.cultureList.push({ ...this.cultureForm });
|
}
|
|
this.$message.success(this.cultureForm.id ? "修改成功" : "新增成功");
|
this.cultureDialogVisible = false;
|
this.cultureSaveLoading = false;
|
}
|
});
|
},
|
|
handleDeleteCulture(row) {
|
this.$confirm("确定要删除这条培养记录吗？", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.cultureList = this.cultureList.filter(
|
item => item.id !== row.id
|
);
|
this.$message.success("删除成功");
|
})
|
.catch(() => {});
|
},
|
|
// 护理记录相关方法
|
handleAddRecord() {
|
this.recordDialogTitle = "新增护理核查记录";
|
this.recordForm = {
|
id: undefined,
|
recordTime: new Date()
|
.toISOString()
|
.replace("T", " ")
|
.substring(0, 19),
|
recorder: "当前用户",
|
checkRecord: "",
|
attachments: []
|
};
|
this.recordDialogVisible = true;
|
this.$nextTick(() => {
|
this.$refs.recordForm && this.$refs.recordForm.clearValidate();
|
});
|
},
|
|
handleEditRecord(row) {
|
this.recordDialogTitle = "编辑护理核查记录";
|
this.recordForm = { ...row };
|
this.recordDialogVisible = true;
|
this.$nextTick(() => {
|
this.$refs.recordForm && this.$refs.recordForm.clearValidate();
|
});
|
},
|
|
handleSaveRecord() {
|
this.$refs.recordForm.validate(valid => {
|
if (valid) {
|
this.recordSaveLoading = true;
|
|
if (this.recordForm.id) {
|
// 编辑现有记录
|
const index = this.recordList.findIndex(
|
item => item.id === this.recordForm.id
|
);
|
if (index !== -1) {
|
this.recordList.splice(index, 1, { ...this.recordForm });
|
}
|
} else {
|
// 新增记录
|
this.recordForm.id = Date.now();
|
this.recordList.push({ ...this.recordForm });
|
}
|
|
this.$message.success(this.recordForm.id ? "修改成功" : "新增成功");
|
this.recordDialogVisible = false;
|
this.recordSaveLoading = false;
|
}
|
});
|
},
|
|
handleDeleteRecord(row) {
|
this.$confirm("确定要删除这条护理核查记录吗？", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.recordList = this.recordList.filter(item => item.id !== row.id);
|
this.$message.success("删除成功");
|
})
|
.catch(() => {});
|
},
|
|
// 附件相关方法
|
handleCultureAttachmentChange(fileList) {
|
this.cultureForm.attachments = fileList;
|
},
|
|
handleRecordAttachmentChange(fileList) {
|
this.recordForm.attachments = fileList;
|
},
|
|
handleViewCultureAttachments(row) {
|
this.currentAttachmentList = row.attachments || [];
|
this.attachmentPreviewTitle = `培养记录附件 - ${row.cultureType}`;
|
this.attachmentPreviewVisible = true;
|
},
|
|
handleViewRecordAttachments(row) {
|
this.currentAttachmentList = row.attachments || [];
|
this.attachmentPreviewTitle = `护理核查记录附件 - ${row.recorder}`;
|
this.attachmentPreviewVisible = true;
|
},
|
|
// 评估数据变更处理
|
handleLiverKidneyDataChange(data) {
|
this.assessmentData.liverKidney = data;
|
},
|
|
handleBloodRoutineDataChange(data) {
|
this.assessmentData.bloodRoutine = data;
|
},
|
|
handleUrineRoutineDataChange(data) {
|
this.assessmentData.urineRoutine = data;
|
},
|
|
handleTabClick(tab) {
|
this.$nextTick(() => {
|
let tableRef = null;
|
if (tab.name === "liverKidney") {
|
tableRef = this.$refs.liverKidney;
|
} else if (tab.name === "bloodRoutine") {
|
tableRef = this.$refs.bloodRoutine;
|
} else if (tab.name === "urineRoutine") {
|
tableRef = this.$refs.urineRoutine;
|
}
|
|
if (tableRef && tableRef.doLayout) {
|
tableRef.doLayout();
|
}
|
});
|
}
|
}
|
};
|
</script>
|
|
<style scoped>
|
.maintenance-detail {
|
padding: 20px;
|
}
|
|
.detail-card {
|
margin-bottom: 20px;
|
}
|
|
.assessment-card {
|
margin-bottom: 20px;
|
}
|
|
.record-card {
|
margin-bottom: 20px;
|
}
|
|
.detail-title {
|
font-size: 16px;
|
font-weight: bold;
|
margin-right: 20px;
|
}
|
|
.culture-card {
|
margin-bottom: 20px;
|
}
|
|
.fixed-width .el-button {
|
margin: 0 2px;
|
}
|
</style>
|
