wangjunping/his
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uo

Browse Source
This commit is contained in:
菲菲
2025-03-26 11:33:37 +08:00
parent f666458f68
commit 77d75c97e8
1 changed files with 437 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
openhis-ui-vue3/src/views/clinicmanagement/infusionrecord/index.vue
View File

@@ -1,55 +1,112 @@
<template>
<div class="app-container">
<div class="left">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="医嘱执行时间">
<!-- <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
start-placeholder="开始日期" end-placeholder="结束日期" style="width: auto;"></el-date-picker> -->
<el-date-picker v-model="dateRange" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: auto;" value-format="YYYY-MM-DD HH:mm:ss"/>
<el-date-picker
v-model="dateRange"
type="datetimerange"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: auto"
value-format="YYYY-MM-DD HH:mm:ss"
/>
</el-form-item>
<el-form-item label="" prop="searchKey">
<el-input v-model="queryParams.searchKey" placeholder="门诊号/病人/ID" clearable style="width: 180px"
@keyup.enter="handleQuery" />
<el-input
v-model="queryParams.searchKey"
placeholder="门诊号/病人/ID"
clearable
style="width: 150px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="patientList" border style="width: 100%" highlight-current-row @current-change="handleCurrentChange" >
<el-table
:data="patientList"
border
style="width: 100%; height: 73%"
highlight-current-row
@current-change="handleCurrentChange"
>
<el-table-column prop="prescriptionNo" label="处方号" width="120" />
<el-table-column prop="patientName" label="姓名" width="100" />
<el-table-column prop="genderEnum_enumText" label="性别" width="80" />
<el-table-column prop="ageString" label="年龄" width="80" />
<el-table-column prop="idCard" label="身份证号" width="140" />
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize" @pagination="getList"/>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
<div class="right">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="执行时间">
<el-date-picker v-model="dateRangeRight" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: auto;" value-format="YYYY-MM-DD HH:mm:ss"/>
<el-date-picker
v-model="dateRangeRight"
type="datetimerange"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: auto"
value-format="YYYY-MM-DD HH:mm:ss"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQueryRight" style="margin-left: 10px;">搜索</el-button>
<el-button
type="primary"
icon="Search"
@click="handleQueryRight"
style="margin-left: 10px"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQueryRight">重置</el-button>
<el-button type="primary" icon="SuccessFilled" @click="handleSubmit">确认执行</el-button>
<el-button type="primary" plain icon="Printer" @click="resetQuery">打印患者卡</el-button>
<el-button type="primary" plain icon="Printer" @click="resetQuery">打印瓶签</el-button>
<el-button type="primary" plain icon="Printer" @click="resetQuery">打印输液单</el-button>
<el-button type="primary" icon="SuccessFilled" @click="handleSubmit"
>确认执行</el-button
>
<el-button type="primary" plain icon="Printer" @click="resetQuery"
>打印患者卡</el-button
>
<el-button type="primary" plain icon="Printer" @click="resetQuery"
>打印瓶签</el-button
>
<el-button type="primary" plain icon="Printer" @click="resetQuery"
>打印输液单</el-button
>
</el-form-item>
</el-form>
<div>
<p style="margin: 0px 0px 10px 0px;">院注医嘱</p>
<el-table :data="infusionList" border style="width: 100%;height: 300px;" :row-style="rowStyle"
@selection-change="handleSelectionChange" ref="tableRef" >
<p style="margin: 0px 0px 10px 0px">院注医嘱</p>
<el-table
:data="infusionList"
border
style="width: 100%; height: 300px"
:row-style="rowStyle"
@selection-change="handleSelectionChange"
ref="tableRef"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="组" width="50">
<template #default="scope">
@@ -59,62 +116,140 @@
<!-- <el-table-column prop="groupId" label="组" width="60" /> -->
<el-table-column prop="executeNum" label="总执行次数" width="90" />
<el-table-column prop="doneNum" label="已执行次数" width="90" />
<el-table-column prop="doctorId_dictText" label="开单医生" width="100" />
<el-table-column
prop="doctorId_dictText"
label="开单医生"
width="100"
/>
<el-table-column prop="patientName" label="患者姓名" width="100" />
<el-table-column prop="genderEnum_enumText" label="性别" width="80" />
<el-table-column prop="prescriptionNo" label="处方号" width="140" />
<el-table-column prop="medicationInformation" label="药品信息" width="180" />
<el-table-column prop="medicationQuantity" label="药品数量" width="80" />
<el-table-column
prop="medicationInformation"
label="药品信息"
width="180"
/>
<el-table-column
prop="medicationQuantity"
label="药品数量"
width="80"
/>
<el-table-column prop="rateCode" label="用药频次" width="80" />
<el-table-column prop="dose" label="单次剂量" width="160" />
<el-table-column prop="speed" label="输液速度" width="80" />
<el-table-column prop="performOrg_dictText" label="发放科室" width="120" />
<el-table-column prop="medicationStatusEnum_enumText" label="药品状态" width="100" />
<el-table-column prop="skinTestFlag_enumText" label="是否皮试" width="60" />
<el-table-column
prop="performOrg_dictText"
label="发放科室"
width="120"
/>
<el-table-column
prop="medicationStatusEnum_enumText"
label="药品状态"
width="100"
/>
<el-table-column
prop="skinTestFlag_enumText"
label="是否皮试"
width="60"
/>
<!-- <el-table-column prop="clinicalStatusEnum_enumText" label="皮试结果" width="70" /> -->
</el-table>
</div>
<div>
<p style="margin: 13px 0px 10px 0px;">院注执行历史</p>
<el-table :data="historyRecordsList" border style="width: 100%;height: 300px;">
<el-table-column prop="occurrenceEndTime" label="执行时间" width="180" >
<p style="margin: 13px 0px 10px 0px">院注执行历史</p>
<el-table
:data="historyRecordsList"
border
style="width: 100%; height: 300px"
>
<el-table-column
prop="occurrenceEndTime"
label="执行时间"
width="180"
>
<template #default="scope">
<el-date-picker v-model="scope.row.occurrenceEndTime" type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" style="width: 170px;"/>
<el-date-picker
v-model="scope.row.occurrenceEndTime"
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
style="width: 170px"
/>
</template>
</el-table-column>
<el-table-column prop="performerId_dictText" label="执行人" width="80" />
<el-table-column
prop="performerId_dictText"
label="执行人"
width="80"
/>
<el-table-column prop="patientName" label="患者姓名" width="100" />
<el-table-column prop="prescriptionNo" label="处方号" width="100" />
<el-table-column prop="doctorId_dictText" label="开单医生" width="100" />
<el-table-column prop="medicationInformation" label="药品信息" width="180" />
<el-table-column prop="medicationQuantity" label="药品数量" width="80" />
<el-table-column
prop="doctorId_dictText"
label="开单医生"
width="100"
/>
<el-table-column
prop="medicationInformation"
label="药品信息"
width="180"
/>
<el-table-column
prop="medicationQuantity"
label="药品数量"
width="80"
/>
<el-table-column prop="rateCode" label="用药频次" width="80" />
<el-table-column prop="dose" label="单词剂量" width="160" />
<el-table-column prop="speed" label="输液速度" width="80" />
<el-table-column prop="orgId_dictText" label="发放科室" width="120" />
<el-table-column prop="medicationStatusEnum_enumText" label="药品状态" width="100" />
<el-table-column label="操作" align="center" width="90" fixed="right" class-name="small-padding fixed-width">
<el-table-column
prop="medicationStatusEnum_enumText"
label="药品状态"
width="100"
/>
<el-table-column
label="操作"
align="center"
width="90"
fixed="right"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdateTime(scope.row)">确认</el-button>
<el-button
link
type="primary"
icon="Edit"
@click="handleUpdateTime(scope.row)"
>确认</el-button
>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div>
<el-dialog title="处方信息" v-model="showPrescription" width="60vw" :before-close="handleClose">
<el-dialog
title="处方信息"
v-model="showPrescription"
width="60vw"
:before-close="handleClose"
>
<prescriptioncard></prescriptioncard>
</el-dialog>
</div>
</div>
</template>
<script setup name="InfusionRecord">
import { ref, computed } from 'vue';
import { listPatients,updateInfusionRecord,listInfusionRecord,editPatientInfusionTime,
listPatientInfusionRecord,listPatientInfusionPerformRecord } from './component/api';
import { ref, computed } from "vue";
import {
listPatients,
updateInfusionRecord,
listInfusionRecord,
editPatientInfusionTime,
listPatientInfusionRecord,
listPatientInfusionPerformRecord,
} from "./component/api";
const showSearch = ref(true);
const showPrescription = ref(false);
@@ -134,7 +269,7 @@ const infusionList = ref([]);
const timeRightStart = ref([]);
const timeRightEnd = ref([]);
const groupColors = ['#C6E2FF', '#FFFFFF'];
const groupColors = ["#C6E2FF", "#FFFFFF"];
const markers = ref([]);
const { proxy } = getCurrentInstance();
@@ -144,41 +279,37 @@ const data = reactive({
queryParams: {
pageNo: 1,
pageSize: 10,
searchKey: undefined
searchKey: undefined,
},
});
const { queryParams } = toRefs(data);
/** 查询门诊输液列表 */
function getList() {
listInfusionRecord(queryParams.value).then(response => {
console.log('Full response1:', response);
listInfusionRecord(queryParams.value).then((response) => {
console.log("Full response1:", response);
infusionList.value = response.data;
// 为每个 groupId 分配固定颜色
response.data.forEach(item => {
response.data.forEach((item) => {
const colorIndex = item.groupId % 2; // 奇偶性决定颜色索引
item.color = groupColors[colorIndex];
});
// 更新表格行的样式
updateTableRowStyles();
// 统计每个 groupId 的行数
const groupCounts = countGroupRows(infusionList.value);
// 设置每行的标记
markers.value = getRowMarkers(groupCounts, infusionList.value);
});
listPatients().then(response => {
listPatients().then((response) => {
patientList.value = response.data.records;
});
}
function updateTableRowStyles() {
const tableRows = document.querySelectorAll(".infusion-table-row");
tableRows.forEach(row => {
tableRows.forEach((row) => {
const groupId = row.getAttribute("data-group-id");
const color = groupColors[groupId % 2]; // 奇偶性决定颜色
if (color) {
row.style.backgroundColor = color;
}
@@ -194,7 +325,7 @@ function handleQuery() {
queryParams.value.createTimeETime = null;
}
queryParams.value.pageNo = 1;
listPatients(queryParams.value).then(response => {
listPatients(queryParams.value).then((response) => {
patientList.value = response.data.records;
});
}
@@ -204,28 +335,33 @@ function handleQueryRight() {
const createTimeETime = dateRangeRight.value[1];
timeRightStart.value = createTimeSTime;
timeRightEnd.value = createTimeETime;
listInfusionRecord(createTimeSTime,createTimeETime).then(response => {
listInfusionRecord(createTimeSTime, createTimeETime).then((response) => {
infusionList.value = response.data;
});
listPatientInfusionPerformRecord(createTimeSTime,createTimeETime).then(response => {
listPatientInfusionPerformRecord(createTimeSTime, createTimeETime).then(
(response) => {
historyRecordsList.value = response.data;
});
}
);
}
/** 重置按钮操作 */
function resetQuery() {
dateRange.value = [];
proxy.resetForm("queryRef");
getList();
listPatientInfusionPerformRecord().then((response) => {
historyRecordsList.value = response.data;
});
}
/** 右边重置按钮操作 */
function resetQueryRight() {
if (historyRecordsList.value.length > 0) {
dateRangeRight.value = [];
listInfusionRecord().then(response => {
listInfusionRecord().then((response) => {
infusionList.value = response.data;
});
listPatientInfusionPerformRecord().then(response => {
listPatientInfusionPerformRecord().then((response) => {
historyRecordsList.value = response.data;
});
} else {
@@ -234,19 +370,17 @@ function resetQueryRight() {
selectedGroupIds.value.clear();
dateRangeRight.value = [];
// 取消表格所有行的选中状态
infusionList.value.forEach(row => {
infusionList.value.forEach((row) => {
tableRef.value.toggleRowSelection(row, false);
});
listPatientInfusionRecord(currentRow.value).then(response => {
listPatientInfusionRecord(currentRow.value).then((response) => {
infusionList.value = response.data;
});
}
}
function getRowMarkers(groupCounts, data) {
const markers = new Array(data.length).fill('');
const markers = new Array(data.length).fill("");
groupCounts.forEach((groupInfo, groupId) => {
const { count, indices } = groupInfo;
@@ -255,21 +389,22 @@ function getRowMarkers(groupCounts, data) {
return;
} else if (count === 2) {
// 如果有两行，分别显示左右括号
markers[indices[0]] = '┏';
markers[indices[1]] = '┗ ';
markers[indices[0]] = "┏";
markers[indices[1]] = "┗ ";
} else {
// 如果有两行以上，第一条显示左括号，中间用竖线，最后一条显示右括号
markers[indices[0]] = '┏';
markers[indices[0]] = "┏";
for (let i = 1; i < indices.length - 1; i++) {
markers[indices[i]] = '┃';
markers[indices[i]] = "┃";
}
markers[indices[indices.length - 1]] = '┗ ';
markers[indices[indices.length - 1]] = "┗ ";
}
});
return markers;
}
// 生成行数
function countGroupRows(data) {
const groupCounts = new Map();
data.forEach((item, index) => {
@@ -285,28 +420,31 @@ function countGroupRows(data) {
// 执行输液
function handleSubmit() {
// 将 Set 转换为数组
const itemsList = Array.from(selectedItems.value);
// 如果没有有效数据，直接返回
if (itemsList.length === 0) {
proxy.$modal.msgError("没有有效的数据可供提交");
return;
}
const allCompleted = itemsList.every(item => item.medicationStatusEnum_enumText === "已完成");
const allCompleted = itemsList.every(
(item) => item.medicationStatusEnum_enumText === "已完成"
);
if (!allCompleted) {
// 如果存在未完成的药品，提示用户
proxy.$modal.msgError("存在未完成的药品，请检查后再提交");
return;
}
const allExecuted = itemsList.every(item => item.executeNum === item.doneNum);
const allExecuted = itemsList.every(
(item) => item.executeNum === item.doneNum
);
if (allExecuted) {
// 如果所有药品的 executeNum 和 doneNum 都相等，提示用户
proxy.$modal.msgError("已执行完总次数");
return;
}
updateInfusionRecord(itemsList).then(response => {
updateInfusionRecord(itemsList).then((response) => {
proxy.$modal.msgSuccess("执行成功");
clearSelections();
});
@@ -316,11 +454,11 @@ function handleSelectionChange(selection) {
// 清空之前选中的数据
selectedItems.value.clear();
// 将当前选中的数据存到 selectedItems 中
selection.forEach(item => {
selection.forEach((item) => {
selectedItems.value.add(item);
});
// 更新 selectedGroupIds 和 selectedPrescriptionNos
selection.forEach(item => {
selection.forEach((item) => {
const groupId = item.groupId;
const prescriptionNo = item.prescriptionNo;
// 检查 groupId 是否同时存在
@@ -333,37 +471,34 @@ function handleSelectionChange(selection) {
}
});
// 动态更新表格行的选中状态
infusionList.value.forEach(row => {
// 检查当前行的 groupId 是否同时在 selectedGroupIds 中
infusionList.value.forEach((row) => {
const isSelected = selectedGroupIds.value.has(row.groupId);
tableRef.value.toggleRowSelection(row, isSelected);
});
}
function clearSelections() {
// 清空选中状态
selectedItems.value.clear();
selectedGroupIds.value.clear();
selectedPrescriptionNos.value.clear();
// 取消表格所有行的选中状态
infusionList.value.forEach(row => {
tableRef.value.toggleRowSelection(row, false);
});
// // 清空选中状态
// selectedItems.value.clear();
// selectedGroupIds.value.clear();
// selectedPrescriptionNos.value.clear();
// // 取消表格所有行的选中状态
// infusionList.value.forEach(row => {
// tableRef.value.toggleRowSelection(row, false);
// });
dateRangeRight.value = [];
// 检查 currentRow.value 是否存在
if (!currentRow.value) {
const createTimeSTime = timeRightStart.value || null;
const createTimeETime = timeRightEnd.value || null;
listInfusionRecord(createTimeSTime,createTimeETime).then(response => {
listInfusionRecord(createTimeSTime, createTimeETime).then((response) => {
infusionList.value = response.data;
})
});
} else {
listPatientInfusionRecord(currentRow.value).then(response => {
listPatientInfusionRecord(currentRow.value).then((response) => {
infusionList.value = response.data;
});
}
listPatientInfusionPerformRecord().then(response => {
listPatientInfusionPerformRecord().then((response) => {
historyRecordsList.value = response.data;
});
}
@@ -372,8 +507,8 @@ function rowStyle({ row }) {
return { backgroundColor: groupColors[colorIndex] };
}
function handleUpdateTime(row) {
console.log("row",row)
editPatientInfusionTime(row).then(response => {
console.log("row", row);
editPatientInfusionTime(row).then((response) => {
proxy.$modal.msgSuccess("执行成功");
open.value = false;
getList();
@@ -383,16 +518,15 @@ function handleUpdateTime(row){
function handleCurrentChange(row) {
currentRow.value = row; // 更新当前选中行的数据
console.log("当前选中行的数据：", currentRow.value);
listPatientInfusionRecord(currentRow.value).then(response => {
listPatientInfusionRecord(currentRow.value).then((response) => {
infusionList.value = response.data;
});
listPatientInfusionPerformRecord(currentRow.value).then(response => {
listPatientInfusionPerformRecord(currentRow.value).then((response) => {
historyRecordsList.value = response.data;
});
}
getList();
</script>
<style scoped>
@@ -400,15 +534,17 @@ getList();
padding: 20px;
display: flex;
}
.left {
width: 28%;
}
.right {
margin-left: 2%;
width: 70%;
}
::v-deep .el-table tbody tr:hover > td {
background-color: unset !important
}
:deep(.el-table tbody tr:hover > td) {
background-color: unset !important;
}
</style>