344 lines
10 KiB
Vue
344 lines
10 KiB
Vue
<template>
|
|
<div class="business-temperature" style="display: flex; justify-content: space-evenly">
|
|
<el-card style="width: 35%">
|
|
<template #header>
|
|
<span style="vertical-align: middle">患者列表</span>
|
|
</template>
|
|
<div style="width: 100%">
|
|
<el-input
|
|
v-model="queryParams.searchKey"
|
|
placeholder="请输入患者名/病历号"
|
|
clearable
|
|
style="width: 48%; margin-bottom: 10px; margin-right: 10px"
|
|
@keyup.enter="getPatientListInfo"
|
|
>
|
|
</el-input>
|
|
<el-button type="primary" style="margin-bottom: 10px" @click="getPatientListInfo">
|
|
搜索
|
|
</el-button>
|
|
<el-table
|
|
ref="patientListRef"
|
|
height="672"
|
|
:data="patientList"
|
|
row-key="encounterId"
|
|
@row-click="viewPatient"
|
|
highlight-current-row
|
|
>
|
|
<el-table-column prop="bedLocationId_dictText" label="床号" min-width="50" />
|
|
<el-table-column label="病历号" align="center" prop="patientBusNo" />
|
|
<el-table-column label="姓名" align="center" prop="patientName" />
|
|
<el-table-column label="性别" align="center" prop="genderEnum_enumText" />
|
|
<el-table-column label="年龄" align="center" prop="ageString" />
|
|
</el-table>
|
|
<pagination
|
|
v-show="total > 0"
|
|
:total="total"
|
|
v-model:page="queryParams.pageNo"
|
|
v-model:limit="queryParams.pageSize"
|
|
@pagination="getPatientListInfo"
|
|
style="margin-bottom: 20px"
|
|
/>
|
|
</div>
|
|
</el-card>
|
|
<el-card style="width: 60%">
|
|
<template #header>
|
|
<span style="vertical-align: middle">护理记录</span>
|
|
</template>
|
|
<div style="width: 100%">
|
|
<div style="width: 100%">
|
|
<el-date-picker
|
|
v-model="recordingTime"
|
|
type="daterange"
|
|
range-separator="~"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
placement="bottom"
|
|
value-format="YYYY-MM-DD"
|
|
style="width: 64%; margin-bottom: 10px; margin-right: 10px"
|
|
/>
|
|
<el-button type="primary" style="margin-bottom: 10px" @click="viewPatient(patientData)">
|
|
搜索
|
|
</el-button>
|
|
</div>
|
|
<div style="margin-bottom: 10px">
|
|
<el-button size="default" type="primary" @click="openAddTprDialog">新增</el-button>
|
|
<el-button type="danger" plain @click="deletePrescription()" :disabled="false">
|
|
删除
|
|
</el-button>
|
|
</div>
|
|
<el-table
|
|
ref="patientListRef"
|
|
height="680"
|
|
:data="recordList"
|
|
row-key="recordId"
|
|
highlight-current-row
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
<el-table-column type="selection" width="55" />
|
|
<el-table-column prop="content.recordingTime" label="记录时间" width="180" />
|
|
<el-table-column prop="content.tw" label="体温" width="80" />
|
|
<el-table-column prop="content.systolicBloodPressure" label="收缩压" min-width="80" />
|
|
<el-table-column prop="content.diastolicBloodPressure" label="舒张压" width="80" />
|
|
<el-table-column prop="content.xl" label="心率" min-width="120" />
|
|
<el-table-column prop="content.mb" label="脉搏" width="80" />
|
|
<el-table-column prop="content.hx" label="呼吸" min-width="120" />
|
|
<el-table-column prop="content.xy" label="血氧" width="80" />
|
|
<el-table-column prop="content.bqgcOther" label="病情观察与护理记录" min-width="80" />
|
|
<el-table-column label="操作" min-width="150" fixed="right">
|
|
<template #default="scope">
|
|
<el-button link type="primary" icon="Edit" @click="handleEdit(scope.row)"
|
|
>编辑</el-button
|
|
>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="recordsTotal > 0"
|
|
:total="recordsTotal"
|
|
v-model:page="recordQueryParams.pageNo"
|
|
v-model:limit="recordQueryParams.pageSize"
|
|
@pagination="viewPatient(patientData)"
|
|
style="margin-bottom: 20px"
|
|
/>
|
|
</div>
|
|
</el-card>
|
|
<add-nursing-record-dialog
|
|
ref="addNursingRecordDialogRef"
|
|
:open="openAddTpr"
|
|
:patientId="patientId"
|
|
:patientInfo="patientData"
|
|
:editData="editData"
|
|
:title="title"
|
|
@close="closePatientDetialDialog"
|
|
/>
|
|
<!-- </div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import addNursingRecordDialog from './components/addNursingRecordDialog.vue';
|
|
import {delRecord, getNursingPatientPage, listPatient} from './components/api';
|
|
import useUserStore from '@/store/modules/user';
|
|
|
|
const userStore = useUserStore();
|
|
// 响应式数据
|
|
const patientId = ref('');
|
|
const data = ref(undefined);
|
|
const openAddTpr = ref(false);
|
|
const total = ref(0);
|
|
const recordsTotal = ref(0);
|
|
const recordList = ref([]);
|
|
const contextJson = ref(undefined);
|
|
const editData = ref({});
|
|
const { proxy } = getCurrentInstance();
|
|
const print = ref(null);
|
|
const queryParams = ref({
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
searchKey: undefined,
|
|
orgId: userStore.orgId, // 按当前用户科室过滤
|
|
});
|
|
|
|
const recordQueryParams = ref({
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
});
|
|
|
|
const patientData = ref({});
|
|
const recordingTime = ref([
|
|
// formatDateStr(new Date(), 'YYYY-MM-DD'),
|
|
// formatDateStr(new Date(), 'YYYY-MM-DD'),
|
|
]);
|
|
const title = ref('');
|
|
const patientList = ref([]);
|
|
const addNursingRecordDialogRef = ref(null);
|
|
const selectedData = ref([]);
|
|
|
|
const ids = ref([]); // 存储选择的药品信息行数据
|
|
const single = ref(true);
|
|
const multiple = ref(true);
|
|
|
|
getPatientListInfo();
|
|
|
|
/**
|
|
* 患者列表
|
|
*/
|
|
function getPatientListInfo() {
|
|
listPatient(queryParams.value).then((res) => {
|
|
console.log(userStore, 'userStore', res);
|
|
patientList.value = res.data.records;
|
|
total.value = res.data.total;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 查看患者护理记录单
|
|
*
|
|
* @param row 患者数据对象
|
|
*/
|
|
function viewPatient(row) {
|
|
patientData.value = row;
|
|
patientData.value.orgId = userStore.orgId;
|
|
|
|
// recordQueryParams
|
|
recordQueryParams.value.encounterId = row.encounterId;
|
|
if (recordingTime.value.length > 0) {
|
|
recordQueryParams.value.recordingTimeSTime = recordingTime.value[0] + ' 00:00:00';
|
|
recordQueryParams.value.recordingTimeETime = recordingTime.value[1] + ' 23:59:59';
|
|
} else {
|
|
recordQueryParams.value.recordingTimeSTime = undefined;
|
|
recordQueryParams.value.recordingTimeETime = undefined;
|
|
}
|
|
|
|
recordList.value = [];
|
|
getNursingPatientPage(recordQueryParams.value).then((response) => {
|
|
recordList.value = [];
|
|
// recordList.value = res.data.records;
|
|
if (response.data && response.data.records.length > 0) {
|
|
for (let i = 0; i < response.data.records.length; i++) {
|
|
console.log(
|
|
typeof response.data.records[i].contextJson,
|
|
'typeofcontextJson',
|
|
response.data.records[i]
|
|
);
|
|
if (typeof response.data.records[i].contextJson === 'string') {
|
|
console.log('Parsing string...');
|
|
try {
|
|
contextJson.value = JSON.parse(response.data.records[i].contextJson);
|
|
} catch (error) {
|
|
console.error('Parsing error:', error);
|
|
}
|
|
} else {
|
|
contextJson.value = response.data.records[i].contextJson; // 如果已经是对象
|
|
}
|
|
|
|
contextJson.value.recordTime = contextJson.value.recordTime
|
|
? moment(contextJson.value.recordTime).format('YYYY-MM-DD HH:mm:ss')
|
|
: '';
|
|
const tableItems = {
|
|
content: contextJson.value,
|
|
recordId: response.data.records[i].recordId,
|
|
patientId: response.data.records[i].patientId,
|
|
encounterId: response.data.records[i].encounterId,
|
|
recordingTime: response.data.records[i].recordingTime,
|
|
};
|
|
recordList.value.push(tableItems);
|
|
}
|
|
} else {
|
|
recordList.value = [];
|
|
}
|
|
console.log(recordList.value, 'recordList');
|
|
recordsTotal.value = response.data.total;
|
|
});
|
|
console.log('查看患者体温单', row);
|
|
proxy.$refs.addNursingRecordDialogRef.show(row);
|
|
}
|
|
|
|
/**
|
|
* 打开体征录入
|
|
*/
|
|
function openAddTprDialog() {
|
|
if (!patientData.value.patientId) {
|
|
proxy.$modal.msgError('请先选择患者！');
|
|
return;
|
|
}
|
|
title.value = '新增';
|
|
openAddTpr.value = true;
|
|
|
|
nextTick(() => {
|
|
proxy.$refs['addNursingRecordDialogRef'].show();
|
|
});
|
|
console.log(openAddTpr.value, '打开体征录入对话框');
|
|
}
|
|
|
|
/**
|
|
* 关闭新增体征弹窗
|
|
*/
|
|
function closePatientDetialDialog(str) {
|
|
openAddTpr.value = false;
|
|
viewPatient(patientData.value);
|
|
if (str === 'success') {
|
|
proxy.$modal.msgSuccess('操作成功！');
|
|
}
|
|
}
|
|
|
|
/** 选择条数 */
|
|
function handleSelectionChange(selection) {
|
|
console.log(selection, '选择条数');
|
|
selectedData.value = selection.map((item) => ({ ...item })); // 存储选择的行数据
|
|
ids.value = selection.map((item) => item.recordId);
|
|
console.log(ids.value, '选择条数');
|
|
single.value = selection.length != 1;
|
|
multiple.value = !selection.length;
|
|
}
|
|
|
|
/**
|
|
* 编辑护理记录
|
|
*/
|
|
function handleEdit(row) {
|
|
title.value = '编辑';
|
|
openAddTpr.value = true;
|
|
editData.value = row;
|
|
nextTick(() => {
|
|
proxy.$refs['addNursingRecordDialogRef'].show();
|
|
});
|
|
console.log(openAddTpr.value, '打开体征录入对话框');
|
|
}
|
|
|
|
/**
|
|
* 删除记录单
|
|
*
|
|
* @param index - 要删除的处方在列表中的索引
|
|
*/
|
|
function deletePrescription(index) {
|
|
console.log(selectedData.value, '删除记录单');
|
|
if (selectedData.value.length == 0) {
|
|
proxy.$modal.msgWarning('请选择要删除的数据信息！');
|
|
return;
|
|
}
|
|
console.log('deletePrescription删除', data);
|
|
proxy.$modal
|
|
.confirm('是否确认删除以上数据！')
|
|
.then(function () {
|
|
return delRecord(selectedData.value);
|
|
})
|
|
.then(() => {
|
|
viewPatient(patientData.value);
|
|
proxy.$modal.msgSuccess('删除成功');
|
|
})
|
|
.catch(() => {});
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.business-temperature {
|
|
grid-template-columns: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
:deep(.business-temperature .el-icon-arrow-down) {
|
|
font-size: 12px;
|
|
}
|
|
.business1 {
|
|
background: white;
|
|
padding: 10px 16px;
|
|
border-radius: 6px;
|
|
height: 40%;
|
|
justify-content: center;
|
|
}
|
|
.layui-form-label {
|
|
line-height: 35px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
.layui-input-inline {
|
|
display: inline-block;
|
|
}
|
|
.business-temperature-sheet {
|
|
display: grid;
|
|
grid-template-columns: 59px 1px 780px;
|
|
}
|
|
:deep(.business-temperature-sheet .el-icon-arrow-down) {
|
|
font-size: 12px;
|
|
}
|
|
</style> |