chenqi
59157fda56
- 修改前端界面组件支持科室分类多选下拉框 - 更新后端接口参数类型从Integer改为String以支持多选值 - 实现FIND_IN_SET查询方式处理多选分类条件 - 添加parseClassEnumValues函数处理字符串或数组格式转换 - 在医院住院对话框中扩展筛选条件支持多选分类 - 优化错误信息显示逻辑提供更详细的错误提示 - 在患者列表组件中添加入院日期和主治医生信息展示 - 修复多个服务调用中科室分类参数传递的数据类型问题
926 lines
28 KiB
Vue
926 lines
28 KiB
Vue
<template>
|
||
<div style="display: flex; justify-content: space-between; height: 90vh">
|
||
<div style="width: 15%; height: 100%; border: 1px solid #eee; border-right: 0">
|
||
<div style="padding: 10px; border: 1px solid #eee; height: 50px; border-right: 0">
|
||
<span>现诊患者</span>
|
||
<el-badge :value="waitCount > 0 ? waitCount : ''" :max="10"
|
||
style="float: right; color: #409eff; cursor: pointer; margin-right: 10px">
|
||
<span @click="openDrawer"> 患者队列 </span>
|
||
</el-badge>
|
||
</div>
|
||
<div style="width: 100%; padding: 10px">
|
||
<el-input v-model="queryParams.searchKey" placeholder="请输入患者名" clearable
|
||
style="width: 100%; margin-bottom: 10px" @keyup.enter="getPatientList">
|
||
<template #append>
|
||
<el-button icon="Search" @click="getPatientList" />
|
||
</template>
|
||
</el-input>
|
||
<el-date-picker
|
||
v-model="registerTime"
|
||
@change="handleTimeChange"
|
||
type="date"
|
||
style="width: 100%; margin-bottom: 10px"
|
||
:clearable="false"
|
||
placeholder="挂号时间"
|
||
format="YYYY-MM-DD"
|
||
value-format="YYYY-MM-DD"
|
||
/>
|
||
<el-scrollbar height="700px">
|
||
<div v-for="(item, index) in patientList" :class="item.active ? 'patient-card actived' : 'patient-card'"
|
||
:key="item.id" @click="handleCardClick(item, index)">
|
||
<div class="main-info-container">
|
||
<!-- <el-avatar
|
||
:size="30"
|
||
src="\src\assets\images\man.png"
|
||
fit="scale-down"
|
||
/> -->
|
||
<div class="name-container">
|
||
<!-- 患者姓名 -->
|
||
<div class="name" style="max-width: 90px">
|
||
<el-text tclass="name" width="auto">{{ item.patientName || '未知' }}</el-text>
|
||
</div>
|
||
</div>
|
||
<div class="name-container">
|
||
<!-- 患者性别/年龄 -->
|
||
<div class="age">
|
||
<el-text tclass="name" width="auto">
|
||
{{ item.genderEnum_enumText }}/{{ item.age }}/{{ item.typeCode_dictText }}
|
||
</el-text>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="doctor-parent-line" />
|
||
<div class="personal-info-container">
|
||
<div class="name-container">
|
||
<div class="name">
|
||
<el-text tclass="name" width="auto">挂号时间：</el-text>
|
||
<el-text tclass="name" width="auto">
|
||
{{ item.registerTime ? formatDate(item.registerTime) : '-' }}
|
||
</el-text>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="personal-info-container">
|
||
<div class="name-container">
|
||
<div class="name">
|
||
<el-text tclass="name" width="auto">病历号：</el-text>
|
||
<el-text tclass="name" width="auto">
|
||
{{ item.busNo ? item.busNo : '-' }}
|
||
</el-text>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-scrollbar>
|
||
</div>
|
||
</div>
|
||
<div class="disabled-wrapper" style="width: 85%; border: 1px solid #eee; position: relative">
|
||
<div style="padding: 10px; border: 1px solid #eee; height: 50px; border-left: 0">
|
||
<el-descriptions :column="5" class="patient-info-descriptions">
|
||
<el-descriptions-item label="患者信息:" width="420">
|
||
{{
|
||
Object.keys(patientInfo).length !== 0
|
||
? patientInfo.patientName +
|
||
' / ' +
|
||
patientInfo.age +
|
||
' / ' +
|
||
patientInfo.genderEnum_enumText +
|
||
' / ' +
|
||
(patientInfo?.contractName ? patientInfo.contractName : '') +
|
||
'/' +
|
||
patientInfo.phone +
|
||
'/' +
|
||
patientInfo.busNo
|
||
: '-'
|
||
}}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="挂号时间：" width="300">
|
||
{{ Object.keys(patientInfo).length !== 0 ? formatDate(patientInfo.registerTime) : '-' }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="医生：" width="250">
|
||
{{ userStore.nickName }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="" width="300">
|
||
<el-button type="primary" plain @click.stop="handleFinish(patientInfo.encounterId)">
|
||
完诊
|
||
</el-button>
|
||
<el-button type="primary" plain @click.stop="handleLeave(patientInfo.encounterId)">
|
||
暂离
|
||
</el-button>
|
||
<el-button type="primary" plain @click.stop="handleRefund(patientInfo.encounterId)">
|
||
退费
|
||
</el-button>
|
||
<el-button type="primary" plain class="top-layer-btn" @click.stop="getEnPrescription(patientInfo.encounterId)">
|
||
处方单
|
||
</el-button>
|
||
<el-button type="primary" plain class="top-layer-btn" :disabled="isHospitalizationButtonDisabled" @click.stop="handleHospitalizationClick()" @mouseenter="console.log('办理住院按钮状态：', { patientInfo: patientInfo?.value, hasEncounterId: patientInfo?.value?.encounterId, isDisabled: isHospitalizationButtonDisabled })"> 办理住院 </el-button>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
<div style="padding: 10px; position: relative">
|
||
<el-tabs
|
||
type="card"
|
||
style="width: 100%; height: 100%"
|
||
v-loading="loading"
|
||
v-model="activeTab"
|
||
@tab-change="handleClick(activeTab)"
|
||
>
|
||
<el-tab-pane label="门诊病历" name="hospitalizationEmr">
|
||
<hospitalizationEmr
|
||
:patientInfo="patientInfo"
|
||
:activeTab="activeTab"
|
||
@emrSaved="handleEmrSaved"
|
||
/>
|
||
</el-tab-pane>
|
||
<!-- <el-tab-pane label="病历" name="emr">
|
||
<Emr
|
||
:patientInfo="patientInfo"
|
||
ref="emrRef"
|
||
@save="
|
||
(value) => {
|
||
saveStatus = value;
|
||
}
|
||
"
|
||
/>
|
||
</el-tab-pane> -->
|
||
<el-tab-pane label="诊断" name="diagnosis">
|
||
<Diagnosis :patientInfo="patientInfo" ref="diagnosisRef" @diagnosisSave="
|
||
(value) => {
|
||
saveStatus = value;
|
||
}
|
||
" />
|
||
</el-tab-pane>
|
||
<el-tab-pane label="医嘱" name="prescription">
|
||
<prescriptionlist
|
||
:patientInfo="patientInfo"
|
||
ref="prescriptionRef"
|
||
:activeTab="activeTab"
|
||
:outpatientEmrSaved="outpatientEmrSaved"
|
||
/>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="中医" name="tcm">
|
||
<tcmAdvice :patientInfo="patientInfo" ref="tcmRef" />
|
||
</el-tab-pane>
|
||
<el-tab-pane label="检验" name="inspection">
|
||
<inspectionApplication :patientInfo="patientInfo" :activeTab="activeTab" ref="inspectionRef" />
|
||
</el-tab-pane>
|
||
<el-tab-pane label="手术申请" name="surgery">
|
||
<surgeryApplication :patientInfo="patientInfo" :activeTab="activeTab" ref="surgeryRef" />
|
||
</el-tab-pane>
|
||
<el-tab-pane label="电子处方" name="eprescription">
|
||
<eprescriptionlist :patientInfo="patientInfo" ref="eprescriptionRef" />
|
||
</el-tab-pane>
|
||
<el-tab-pane label="报告查询" name="reportQuery">
|
||
<ReportQuery :patientInfo="patientInfo" ref="reportQueryRef" />
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
<div class="overlay" :class="{ 'overlay-disabled': disabled }" v-if="disabled"></div>
|
||
</div>
|
||
</div>
|
||
<el-drawer v-model="drawer" title="患者队列" direction="ltr" @open="handleOpen">
|
||
<PatientList ref="patientDrawerRef" @toCurrent="handleReceive" />
|
||
</el-drawer>
|
||
<RefundListDialog
|
||
:open="openRefundListDialog"
|
||
:encounterId="currentEncounterId"
|
||
@close="openRefundListDialog = false"
|
||
@refresh="() => prescriptionRef.getListInfo()"
|
||
/>
|
||
<HospitalizationDialog
|
||
:open="openDialog"
|
||
:patientInfo="patientInfo"
|
||
:encounterId="currentEncounterId"
|
||
:mainDiagnosis="mainDiagnosis"
|
||
@close="openDialog = false"
|
||
/>
|
||
<PrescriptionInfo
|
||
:open="openPrescriptionDialog"
|
||
:precriptionInfo="prescriptionInfo"
|
||
@close="openPrescriptionDialog = false"
|
||
/>
|
||
</div>
|
||
</template>
|
||
<script setup>
|
||
import hospitalizationEmr from './components/hospitalizationEmr/index.vue';
|
||
import {
|
||
completeEncounter,
|
||
getEncounterDiagnosis,
|
||
getEnPrescriptionInfo,
|
||
getList,
|
||
isHospitalization,
|
||
leaveEncounter,
|
||
} from './components/api.js';
|
||
import prescriptionlist from './components/prescription/prescriptionlist.vue';
|
||
import RefundListDialog from './components/prescription/refundListDialog.vue';
|
||
import ReportQuery from './components/reportQuery.vue';
|
||
import PatientList from './components/patientList.vue';
|
||
import Diagnosis from './components/diagnosis/diagnosis.vue';
|
||
import PrescriptionInfo from './components/prescription/prescriptionInfo.vue';
|
||
import eprescriptionlist from './components/eprescriptionlist.vue';
|
||
import HospitalizationDialog from './components/hospitalizationDialog.vue';
|
||
import tcmAdvice from './components/tcm/tcmAdvice.vue';
|
||
import inspectionApplication from './components/inspection/inspectionApplication.vue';
|
||
import surgeryApplication from './components/surgery/surgeryApplication.vue';
|
||
import {formatDate, formatDateStr} from '@/utils/index';
|
||
import useUserStore from '@/store/modules/user';
|
||
import {nextTick} from 'vue';
|
||
import {updatePatientInfo} from './components/store/patient.js';
|
||
import {ElMessage, ElMessageBox} from 'element-plus';
|
||
|
||
// // 监听路由离开事件
|
||
// onBeforeRouteLeave((to, from, next) => {
|
||
// // 弹出确认框
|
||
// const confirmLeave = window.confirm('确定要离开吗？未保存的数据可能丢失！');
|
||
// if (confirmLeave) {
|
||
// next(); // 允许离开
|
||
// } else {
|
||
// next(false); // 取消离开
|
||
// }
|
||
// });
|
||
defineOptions({
|
||
name: 'PatientParentCard',
|
||
});
|
||
|
||
const userStore = useUserStore();
|
||
const bedfont = 'bed-font';
|
||
const queryParams = ref({
|
||
pageNo: 1,
|
||
pageSize: 300,
|
||
registerTimeSTime: formatDateStr(new Date(), 'YYYY-MM-DD') + ' 00:00:00',
|
||
registerTimeETime: formatDateStr(new Date(), 'YYYY-MM-DD') + ' 23:59:59',
|
||
});
|
||
const drawer = ref(false);
|
||
const openRefundListDialog = ref(false);
|
||
const openDialog = ref(false);
|
||
const openPrescriptionDialog = ref(false);
|
||
const saveStatus = ref(false);
|
||
const outpatientEmrSaved = ref(false); // 门诊病历保存状态
|
||
const currentEncounterId = ref('');
|
||
const emits = defineEmits(['click']);
|
||
// const activeTab = ref('emr');
|
||
const activeTab = ref('hospitalizationEmr');
|
||
const mainDiagnosis = ref(null);
|
||
const patientList = ref([]);
|
||
const patientInfo = ref({});
|
||
const visitTypeDisabled = ref(false);
|
||
|
||
// 计算属性：确定办理住院按钮是否应被禁用
|
||
const isHospitalizationButtonDisabled = computed(() => {
|
||
return !patientInfo.value ||
|
||
typeof patientInfo.value !== 'object' ||
|
||
!patientInfo.value.encounterId ||
|
||
patientInfo.value.encounterId === '' ||
|
||
patientInfo.value.encounterId === null ||
|
||
patientInfo.value.encounterId === undefined;
|
||
});
|
||
|
||
const prescriptionInfo = ref([]);
|
||
const registerTime = ref(formatDate(new Date()));
|
||
const patientDrawerRef = ref();
|
||
const prescriptionRef = ref();
|
||
const tcmRef = ref();
|
||
const inspectionRef = ref();
|
||
const surgeryRef = ref();
|
||
const emrRef = ref();
|
||
const diagnosisRef = ref();
|
||
const waitCount = ref(0);
|
||
const loading = ref(false);
|
||
const { proxy } = getCurrentInstance();
|
||
const visitType = ref('');
|
||
const firstVisitDate = ref('');
|
||
const disabled = computed(() => {
|
||
// 只有在有患者信息但某些条件不满足时才启用覆盖层
|
||
// 当前逻辑保持不变，但我们将在按钮级别处理禁用状态
|
||
return Object.keys(patientInfo.value).length === 0;
|
||
});
|
||
const shortcuts = [
|
||
{
|
||
text: '今天',
|
||
value: new Date(),
|
||
},
|
||
{
|
||
text: '昨天',
|
||
value: () => {
|
||
const date = new Date();
|
||
date.setDate(date.getDate() - 1);
|
||
return date;
|
||
},
|
||
},
|
||
{
|
||
text: '三天内',
|
||
value: () => {
|
||
const date = new Date();
|
||
date.setDate(date.getDate() - 3);
|
||
return date;
|
||
},
|
||
},
|
||
{
|
||
text: '一周内',
|
||
value: () => {
|
||
const date = new Date();
|
||
date.setDate(date.getDate() - 7);
|
||
return date;
|
||
},
|
||
},
|
||
];
|
||
|
||
const eprescriptionRef = ref();
|
||
onMounted(() => {
|
||
getWaitPatient();
|
||
});
|
||
getPatientList();
|
||
// 获取现诊患者列表
|
||
function getPatientList() {
|
||
queryParams.value.statusEnum = 2;
|
||
getList(queryParams.value).then((res) => {
|
||
// console.log('API返回的完整数据:', res); // 添加这行来查看完整返回
|
||
// console.log('API返回的数据记录:', res.data.records); // 查看具体数据记录
|
||
patientList.value = res.data.records.map((item) => {
|
||
// console.log('处理的单个患者数据:', item); // 查看处理的单个患者数据
|
||
return {
|
||
...item,
|
||
active: currentEncounterId.value ? item.encounterId == currentEncounterId.value : false,
|
||
};
|
||
});
|
||
});
|
||
}
|
||
function setVisitType(type) {
|
||
visitType.value = type;
|
||
}
|
||
function checkPatientHistory(patient) {
|
||
// 重置状态
|
||
visitTypeDisabled.value = false;
|
||
firstVisitDate.value = '';
|
||
|
||
// 如果患者没有身份证号，无法判断是否为初诊
|
||
if (!patient.idCard) {
|
||
// 默认设置为初诊
|
||
visitType.value = 'FIRST';
|
||
return;
|
||
}
|
||
|
||
// 查询患者历史就诊记录
|
||
const params = {
|
||
patientId: patient.patientId,
|
||
idCard: patient.idCard
|
||
};
|
||
|
||
getEmrHistoryList(params).then(res => {
|
||
if (res.code === 200) {
|
||
const records = res.data?.records || [];
|
||
// 过滤掉当前正在进行的就诊记录（排除相同encounterId的记录）
|
||
const historyRecords = records.filter(record => record.encounterId !== patient.encounterId);
|
||
|
||
// 如果有历史记录（排除当前就诊），则为复诊
|
||
if (historyRecords.length > 0) {
|
||
visitType.value = 'FOLLOW_UP';
|
||
// 计算最早一次病历创建时间作为初诊日期
|
||
const earliest = historyRecords.reduce((min, cur) => {
|
||
const ct = new Date(cur.createTime).getTime();
|
||
return ct < min ? ct : min;
|
||
}, new Date(historyRecords[0].createTime).getTime());
|
||
// 使用统一格式化
|
||
firstVisitDate.value = formatDate(earliest);
|
||
} else {
|
||
// 如果没有历史记录，则为初诊
|
||
visitType.value = 'FIRST';
|
||
firstVisitDate.value = '';
|
||
}
|
||
} else {
|
||
// 请求失败，默认设置为初诊
|
||
visitType.value = 'FIRST';
|
||
firstVisitDate.value = '';
|
||
}
|
||
}).catch(() => {
|
||
// 异常情况，默认设置为初诊
|
||
visitType.value = 'FIRST';
|
||
firstVisitDate.value = '';
|
||
});
|
||
}
|
||
function getWaitPatient() {
|
||
queryParams.value.registerTimeSTime = formatDateStr(new Date(), 'YYYY-MM-DD') + ' 00:00:00';
|
||
queryParams.value.registerTimeETime = formatDateStr(new Date(), 'YYYY-MM-DD') + ' 23:59:59';
|
||
queryParams.value.statusEnum = 1;
|
||
getList(queryParams.value).then((res) => {
|
||
waitCount.value = res.data.total;
|
||
});
|
||
}
|
||
|
||
function handleClick(tab) {
|
||
switch (tab) {
|
||
case 'emr':
|
||
break;
|
||
case 'diagnosis':
|
||
diagnosisRef.value.getDetail(patientInfo.value.encounterId);
|
||
break;
|
||
case 'prescription':
|
||
prescriptionRef.value.getDiagnosisInfo();
|
||
break;
|
||
case 'tcm':
|
||
tcmRef.value.getDiagnosisInfo();
|
||
break;
|
||
case 'inspection':
|
||
// 确保检验组件获取最新的患者信息
|
||
if (patientInfo.value && patientInfo.value.encounterId) {
|
||
inspectionRef.value.getList();
|
||
}
|
||
break;
|
||
case 'surgery':
|
||
surgeryRef.value.getList();
|
||
break;
|
||
case 'eprescription':
|
||
eprescriptionRef.value.getList();
|
||
break;
|
||
}
|
||
// if (tab != 'emr') {
|
||
// if (!saveStatus.value) {
|
||
// emrRef.value.addEmr();
|
||
// }
|
||
// }
|
||
// if (tab != 'diagnosis') {
|
||
// if (!saveStatus.value) {
|
||
// let valid= diagnosisRef.value.handleSaveDiagnosis();
|
||
// console.log(valid);
|
||
|
||
// }
|
||
// }
|
||
}
|
||
|
||
// 查看本次就诊处方单（从医嘱Tab页获取已开立的处方单信息）
|
||
function getEnPrescription(encounterId) {
|
||
getEnPrescriptionInfo({ encounterId: encounterId }).then((res) => {
|
||
// console.log('处方单 res', res);
|
||
let dataArr = res.data.records || [];
|
||
if (dataArr.length <= 0) {
|
||
ElMessage({
|
||
type: 'error',
|
||
message: '暂无处方单',
|
||
});
|
||
return;
|
||
}
|
||
prescriptionInfo.value = res.data.records;
|
||
openPrescriptionDialog.value = true;
|
||
});
|
||
}
|
||
|
||
function handleRefund(encounterId) {
|
||
currentEncounterId.value = encounterId;
|
||
openRefundListDialog.value = true;
|
||
}
|
||
|
||
function handleOpen() {
|
||
patientDrawerRef.value.refreshList();
|
||
}
|
||
|
||
function handleCardClick(item, index) {
|
||
console.log('handleCardClick 被调用');
|
||
console.log('点击的患者项目:', item);
|
||
console.log('患者项目中的encounterId:', item.encounterId);
|
||
|
||
// 设置当前就诊ID，确保住院功能能获取到正确的ID
|
||
currentEncounterId.value = item.encounterId;
|
||
console.log('currentEncounterId.value 设置为:', currentEncounterId.value);
|
||
|
||
loading.value = true;
|
||
patientList.value.forEach((patient) => {
|
||
patient.active = patient.encounterId === item.encounterId;
|
||
});
|
||
patientInfo.value = item;
|
||
console.log('patientInfo.value 设置为:', patientInfo.value);
|
||
console.log('patientInfo.value.encounterId:', patientInfo.value?.encounterId);
|
||
|
||
// 确保患者信息包含必要的字段
|
||
if (!patientInfo.value.encounterId) {
|
||
console.error('患者信息缺少encounterId字段:', patientInfo.value);
|
||
// 可能需要从其他字段获取encounterId
|
||
if (item.id) {
|
||
patientInfo.value.encounterId = item.id;
|
||
console.log('使用item.id作为encounterId:', item.id);
|
||
}
|
||
}
|
||
|
||
// 添加安全检查，确保item不为undefined或null
|
||
if (!item) {
|
||
console.error('handleCardClick: 传入的item为null或undefined');
|
||
return;
|
||
}
|
||
|
||
// 记录patientInfo内容到控制台
|
||
setTimeout(() => {
|
||
const patientInfoStr = JSON.stringify(patientInfo.value, null, 2);
|
||
console.log('当前patientInfo内容:', patientInfo.value);
|
||
console.log('patientInfo.encounterId值:', patientInfo.value?.encounterId);
|
||
}, 100);
|
||
|
||
// 将患者信息保存到store中，供hospitalizationEmr组件使用
|
||
updatePatientInfo(item);
|
||
activeTab.value = 'hospitalizationEmr';
|
||
nextTick(() => {
|
||
prescriptionRef.value.getListInfo();
|
||
tcmRef.value.getListInfo();
|
||
inspectionRef.value.getList();
|
||
surgeryRef.value.getList();
|
||
diagnosisRef.value.getList();
|
||
eprescriptionRef.value.getList();
|
||
// emrRef.value.getDetail(item.encounterId);
|
||
setTimeout(() => {
|
||
loading.value = false;
|
||
}, 200);
|
||
});
|
||
}
|
||
|
||
function handleLeave(encounterId) {
|
||
leaveEncounter(encounterId).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
patientInfo.value = {};
|
||
getPatientList();
|
||
}
|
||
});
|
||
}
|
||
|
||
function handleFinish(encounterId) {
|
||
completeEncounter(encounterId).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
patientInfo.value = {};
|
||
visitType.value = ''; // 重置初复诊标识
|
||
visitTypeDisabled.value = false; // 重置禁用状态
|
||
getPatientList();
|
||
}
|
||
});
|
||
}
|
||
|
||
function handleTimeChange(value) {
|
||
queryParams.value.registerTimeSTime = value + ' 00:00:00';
|
||
queryParams.value.registerTimeETime = value + ' 23:59:59';
|
||
getPatientList();
|
||
}
|
||
|
||
// 处理办理住院点击事件
|
||
function handleHospitalizationClick() {
|
||
console.log('handleHospitalizationClick 被调用');
|
||
console.log('当前patientInfo:', patientInfo.value);
|
||
console.log('当前patientInfo.encounterId:', patientInfo.value?.encounterId);
|
||
|
||
if (!patientInfo.value || !patientInfo.value.encounterId) {
|
||
console.log('患者信息不完整，无法办理住院');
|
||
ElMessage.warning('请先选择患者');
|
||
} else {
|
||
console.log('调用onHospitalization函数');
|
||
onHospitalization();
|
||
}
|
||
}
|
||
|
||
// 接诊回调
|
||
function handleReceive(row) {
|
||
handleCardClick(row);
|
||
currentEncounterId.value = row.encounterId;
|
||
drawer.value = false;
|
||
getPatientList();
|
||
getWaitPatient();
|
||
}
|
||
|
||
// 处理门诊病历保存成功事件
|
||
function handleEmrSaved(isSaved) {
|
||
outpatientEmrSaved.value = isSaved;
|
||
}
|
||
|
||
function openDrawer() {
|
||
drawer.value = true;
|
||
}
|
||
// 判断是否已经入院登记
|
||
const onHospitalization = async () => {
|
||
console.log('onHospitalization 被调用');
|
||
console.log('patientInfo.value:', patientInfo.value);
|
||
console.log('patientInfo.value.encounterId:', patientInfo.value?.encounterId);
|
||
|
||
// 检查是否有有效的就诊ID
|
||
if (!patientInfo.value?.encounterId) {
|
||
console.log('缺少有效的就诊ID，无法办理住院');
|
||
ElMessage({
|
||
type: 'error',
|
||
message: '患者就诊信息不完整，无法办理住院！',
|
||
});
|
||
return;
|
||
}
|
||
|
||
try {
|
||
console.log('开始获取诊断信息，encounterId:', patientInfo.value.encounterId);
|
||
const diagnosisRes = await getEncounterDiagnosis(patientInfo.value.encounterId);
|
||
console.log('诊断信息获取结果:', diagnosisRes);
|
||
|
||
// 检查API调用是否成功
|
||
if (diagnosisRes.code !== 200) {
|
||
console.log('获取诊断信息失败:', diagnosisRes.msg);
|
||
ElMessage({
|
||
type: 'error',
|
||
message: diagnosisRes.msg || '获取诊断信息失败，无法办理住院！',
|
||
});
|
||
return;
|
||
}
|
||
|
||
const hasDiagnosis = diagnosisRes.data?.length > 0;
|
||
console.log('是否有诊断信息:', hasDiagnosis);
|
||
if (!hasDiagnosis) {
|
||
console.log('该患者暂无诊断信息');
|
||
const confirmResult = await ElMessageBox.confirm(
|
||
'该患者暂无诊断信息，是否前往添加诊断？',
|
||
'提示',
|
||
{
|
||
confirmButtonText: '前往添加',
|
||
cancelButtonText: '暂不办理',
|
||
type: 'warning',
|
||
}
|
||
).catch(() => {
|
||
// 用户取消操作
|
||
console.log('用户取消前往添加诊断');
|
||
return false;
|
||
});
|
||
|
||
if (confirmResult === true) {
|
||
// 自动切换到诊断标签页以便用户添加诊断
|
||
activeTab.value = 'diagnosis';
|
||
}
|
||
return;
|
||
}
|
||
|
||
const mainDiag = diagnosisRes.data.find((item) => item.maindiseFlag === 1);
|
||
console.log('主诊断信息:', mainDiag);
|
||
if (!mainDiag) {
|
||
console.log('该患者暂无主诊断信息');
|
||
const confirmResult = await ElMessageBox.confirm(
|
||
'该患者暂无主诊断信息，是否前往设置主诊断？',
|
||
'提示',
|
||
{
|
||
confirmButtonText: '前往设置',
|
||
cancelButtonText: '暂不办理',
|
||
type: 'warning',
|
||
}
|
||
).catch(() => {
|
||
// 用户取消操作
|
||
console.log('用户取消前往设置主诊断');
|
||
return false;
|
||
});
|
||
|
||
if (confirmResult === true) {
|
||
// 自动切换到诊断标签页以便用户设置主诊断
|
||
activeTab.value = 'diagnosis';
|
||
}
|
||
return;
|
||
}
|
||
|
||
mainDiagnosis.value = mainDiag;
|
||
console.log('主诊断设置成功:', mainDiagnosis.value);
|
||
|
||
console.log('检查住院状态，encounterId:', patientInfo.value.encounterId);
|
||
const res = await isHospitalization({
|
||
encounterId: patientInfo.value.encounterId,
|
||
});
|
||
console.log('住院状态检查结果:', res);
|
||
|
||
// 检查API调用是否成功
|
||
if (res.code !== 200) {
|
||
console.log('检查住院状态失败:', res.msg);
|
||
ElMessage({
|
||
type: 'error',
|
||
message: res.msg || '检查住院状态失败！',
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log('住院状态检查API响应:', res);
|
||
console.log('res.data值:', res.data);
|
||
console.log('res.data类型:', typeof res.data);
|
||
|
||
if (!res.data) {
|
||
console.log('患者未办理过住院，打开住院登记对话框');
|
||
console.log('当前openDialog值:', openDialog.value);
|
||
openDialog.value = true;
|
||
console.log('设置openDialog为true后，值为:', openDialog.value);
|
||
} else {
|
||
console.log('患者已办理过住院');
|
||
ElMessage({
|
||
type: 'error',
|
||
message: '该患者，已办理入院，不允许重复办理',
|
||
});
|
||
}
|
||
} catch (error) {
|
||
console.error('办理住院检查过程中发生错误:', error);
|
||
// 显示详细的错误信息
|
||
const errorMessage = error.message || error.msg || '办理住院过程中发生错误，请稍后重试！';
|
||
ElMessage({
|
||
type: 'error',
|
||
message: errorMessage,
|
||
duration: 5000 // 增加显示时长以便用户阅读
|
||
});
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
// 患者信息
|
||
.patient-info-descriptions {
|
||
:deep(.el-descriptions__label) {
|
||
font-size: 16px !important;
|
||
}
|
||
:deep(.el-descriptions__content) {
|
||
font-size: 16px !important;
|
||
}
|
||
}
|
||
|
||
.patient-card {
|
||
width: 100%;
|
||
overflow: hidden;
|
||
background-color: #fff;
|
||
border: 1px solid;
|
||
border-color: #eee;
|
||
border-radius: 4px;
|
||
box-shadow: 0 2px 2px 0 rgba(57.55, 69.04, 86.28, 20%);
|
||
margin-bottom: 10px;
|
||
cursor: pointer;
|
||
|
||
&.actived {
|
||
background-color: rgb(7, 155, 140, 5%);
|
||
border-color: var(--el-color-primary);
|
||
}
|
||
|
||
.cross-dept {
|
||
height: 24px;
|
||
padding: 0 16px;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
line-height: 24px;
|
||
background-color: #256d95;
|
||
}
|
||
|
||
.main-info-container {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
height: 32px;
|
||
margin: 7px 0;
|
||
padding: 0 16px;
|
||
|
||
.bed-container {
|
||
display: flex;
|
||
flex: 1;
|
||
align-items: center;
|
||
min-width: 0;
|
||
|
||
.bed {
|
||
flex-grow: 0;
|
||
flex-shrink: 1;
|
||
min-width: 0;
|
||
|
||
:deep(.bed-font) {
|
||
color: #333;
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
}
|
||
}
|
||
|
||
.bed_new {
|
||
flex-shrink: 0;
|
||
width: 10px;
|
||
height: 10px;
|
||
margin-left: 4px;
|
||
background: #29af6f;
|
||
border-radius: 50%;
|
||
}
|
||
}
|
||
|
||
.indepatient-code-container {
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
align-items: center;
|
||
padding-left: 6px;
|
||
color: #666;
|
||
font-size: 14px;
|
||
|
||
.sign {
|
||
width: 24px;
|
||
height: 24px;
|
||
color: white;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
border-radius: 50%;
|
||
user-select: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
.doctor-parent-line {
|
||
margin: 0 16px;
|
||
border-bottom: 1px dashed #ddd;
|
||
}
|
||
|
||
.personal-info-container {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin: 8px 0;
|
||
padding: 0 16px;
|
||
|
||
.name-container {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 18px;
|
||
|
||
.name {
|
||
color: #333;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.age {
|
||
margin-left: 10px;
|
||
color: #666;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
|
||
.change-department {
|
||
width: 58px;
|
||
height: 24px;
|
||
color: #5585e3;
|
||
font-size: 14px;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
background: #e6edfb;
|
||
border-radius: 4px;
|
||
}
|
||
}
|
||
|
||
.dept {
|
||
margin-bottom: 4px;
|
||
padding: 0 16px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.doctor {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 32px;
|
||
line-height: 32px;
|
||
|
||
.doctor_name {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-left: 4px;
|
||
color: #333;
|
||
}
|
||
}
|
||
|
||
.deptNurseName {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 32px;
|
||
color: #256d95;
|
||
line-height: 32px;
|
||
}
|
||
}
|
||
}
|
||
|
||
:deep(.el-tabs__header) {
|
||
padding: 0;
|
||
position: relative;
|
||
margin: 0 0 5px !important;
|
||
}
|
||
|
||
:deep(.el-drawer__header) {
|
||
margin-bottom: 15px !important;
|
||
}
|
||
|
||
:deep(.el-drawer__body) {
|
||
padding: 10px !important;
|
||
}
|
||
|
||
.el-badge {
|
||
--el-badge-padding: 6px;
|
||
}
|
||
|
||
.disabled-wrapper .overlay {
|
||
position: absolute;
|
||
top: 50px;
|
||
left: 0;
|
||
width: 100%;
|
||
height: calc(100% - 50px);
|
||
z-index: 998; /* 降低z-index，避免覆盖按钮 */
|
||
/* 确保覆盖在内容上方，但不覆盖顶部按钮区域 */
|
||
cursor: not-allowed;
|
||
background-color: rgba(255, 255, 255, 0.01);
|
||
pointer-events: none; /* 默认不捕获鼠标事件，只在真正需要禁用时才启用 */
|
||
}
|
||
|
||
.disabled-wrapper .overlay.overlay-disabled {
|
||
pointer-events: auto; /* 当需要真正禁用时启用指针事件 */
|
||
}
|
||
|
||
/* 顶层按钮样式，确保按钮始终在最上层 */
|
||
.top-layer-btn {
|
||
position: relative !important;
|
||
z-index: 1000 !important;
|
||
}
|
||
</style>
|