feat(medicalOrderSet): 优化医嘱组套功能实现
- 实现医嘱基础列表的分页功能，添加loading状态和缓存机制 - 添加防抖处理和组织机构ID参数支持，优化性能表现 - 实现医嘱组套的完整编辑功能，包括增删改查操作界面 - 添加医嘱组套预览、应用和管理功能模块 - 实现西医组套筛选功能，确保tcmFlag参数正确传递 - 优化医嘱组套数据结构，完善明细项信息处理逻辑 - 添加表单验证和错误处理，提升用户体验和系统稳定性 - 重构代码结构，采用响应式设计提高可维护性
This commit is contained in:
@@ -1,38 +1,310 @@
|
||||
<template>
|
||||
<el-drawer v-model="drawer" title="组套信息" direction="ltr">
|
||||
<div style="margin: 10px 0px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入组套信息"
|
||||
clearable
|
||||
style="width: 45%; margin-bottom: -6px; margin-right: 50px"
|
||||
@keyup.enter="getList"
|
||||
<el-drawer v-model="drawer" title="医嘱组套" direction="ltr" size="700px">
|
||||
<!-- 列表视图 -->
|
||||
<div v-if="!editMode">
|
||||
<div style="margin: 10px 0px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入组套名称搜索"
|
||||
clearable
|
||||
style="width: 45%; margin-bottom: -6px; margin-right: 20px"
|
||||
@keyup.enter="handleSearch"
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="handleSearch" />
|
||||
</template>
|
||||
</el-input>
|
||||
<el-radio-group v-model="queryParams.rangeCode" @change="handelRadioChange">
|
||||
<el-radio-button :label="1">个人</el-radio-button>
|
||||
<el-radio-button :label="2">科室</el-radio-button>
|
||||
<el-radio-button :label="3">全院</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-button
|
||||
type="primary"
|
||||
style="float: right"
|
||||
@click="handleManageGroup"
|
||||
v-if="checkPermi(['personalization:ordersGroupPackage:manage'])"
|
||||
>
|
||||
管理组套
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
:data="filteredOrderList"
|
||||
highlight-current-row
|
||||
v-loading="loading"
|
||||
border
|
||||
stripe
|
||||
style="margin-top: 10px"
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
<el-radio-group v-model="queryParams.rangeCode" @change="handelRadioChange">
|
||||
<el-radio-button :label="1">个人</el-radio-button>
|
||||
<el-radio-button :label="2">科室</el-radio-button>
|
||||
<el-radio-button :label="3">全院</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
<el-table-column label="组套名称" align="left" prop="name" min-width="180" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<el-tooltip content="点击进入编辑" placement="top">
|
||||
<span
|
||||
style="cursor: pointer; color: #409eff; font-weight: 500; text-decoration: underline;"
|
||||
@click="handleEditGroup(scope.row)"
|
||||
>
|
||||
{{ scope.row.name }}
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="使用范围" align="center" prop="rangeCode_dictText" width="90" />
|
||||
<el-table-column label="明细数量" align="center" width="80">
|
||||
<template #default="scope">
|
||||
<el-tag size="small" type="info">{{ scope.row.detailList?.length || 0 }} 项</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="150" fixed="right">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click="handlePreviewGroup(scope.row)">
|
||||
预览
|
||||
</el-button>
|
||||
<el-button type="success" link @click="handleUseOrderGroup(scope.row)">
|
||||
<el-icon><Select /></el-icon>
|
||||
应用
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div v-if="filteredOrderList.length === 0 && !loading" style="text-align: center; padding: 40px; color: #909399;">
|
||||
<el-icon :size="48" style="margin-bottom: 10px"><Box /></el-icon>
|
||||
<p>暂无组套数据</p>
|
||||
<p style="font-size: 12px; margin-top: 5px;">您可以在"个性化设置 > 医嘱组套"中创建组套</p>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="orderList">
|
||||
<el-table-column label="组套名称" align="center" prop="name" />
|
||||
<!-- <el-table-column label="组套类型" align="center" prop="typeEnum_enumText" /> -->
|
||||
<el-table-column label="使用范围" align="center" prop="rangeCode_dictText" />
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click="handleUseOrderGroup(scope.row)">选择</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 编辑视图 -->
|
||||
<div v-else>
|
||||
<!-- 返回按钮 -->
|
||||
<div style="margin-bottom: 15px; border-bottom: 1px solid #ebeef5; padding-bottom: 10px;">
|
||||
<el-button @click="handleCancelEdit">
|
||||
<el-icon><ArrowLeft /></el-icon>
|
||||
返回列表
|
||||
</el-button>
|
||||
<span style="margin-left: 15px; font-weight: 600; font-size: 16px;">编辑组套</span>
|
||||
<el-button type="primary" style="float: right" @click="handleSaveGroup" :loading="saving">
|
||||
<el-icon><Check /></el-icon>
|
||||
保存组套
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 基本信息 -->
|
||||
<div style="margin-bottom: 20px;">
|
||||
<h4 style="margin: 0 0 15px 0; color: #606266;">基本信息</h4>
|
||||
<el-form :model="editingGroup" label-width="100px" :inline="true">
|
||||
<el-form-item label="组套名称" required>
|
||||
<el-input
|
||||
v-model="editingGroup.name"
|
||||
placeholder="请输入组套名称"
|
||||
style="width: 220px"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="组套类型">
|
||||
<el-select v-model="editingGroup.typeEnum" placeholder="请选择" style="width: 150px">
|
||||
<el-option label="医嘱组套" :value="1" />
|
||||
<el-option label="诊疗组套" :value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="使用范围">
|
||||
<el-select v-model="editingGroup.rangeCode" placeholder="请选择" style="width: 150px">
|
||||
<el-option label="个人" :value="1" />
|
||||
<el-option label="科室" :value="2" />
|
||||
<el-option label="全院" :value="3" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<!-- 项目列表 -->
|
||||
<div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
|
||||
<h4 style="margin: 0; color: #606266;">
|
||||
项目列表
|
||||
<el-tag size="small" type="info">{{ editingGroup.detailList?.length || 0 }} 项</el-tag>
|
||||
</h4>
|
||||
<el-button type="primary" link @click="handleAddItem">
|
||||
<el-icon><Plus /></el-icon>
|
||||
添加项目
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table :data="editingGroup.detailList" border size="small" v-loading="detailLoading">
|
||||
<el-table-column type="index" label="#" width="40" align="center" />
|
||||
<el-table-column label="医嘱名称" prop="orderDefinitionName" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column label="数量" width="80" align="center">
|
||||
<template #default="scope">
|
||||
<el-input-number
|
||||
v-model="scope.row.quantity"
|
||||
:min="1"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 60px"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单位" prop="unitCodeName" width="60" align="center" />
|
||||
<el-table-column label="用法" width="100" align="center">
|
||||
<template #default="scope">
|
||||
<el-select
|
||||
v-model="scope.row.methodCode"
|
||||
placeholder="用法"
|
||||
size="small"
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in method_code"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="频次" width="100" align="center">
|
||||
<template #default="scope">
|
||||
<el-select
|
||||
v-model="scope.row.rateCode"
|
||||
placeholder="频次"
|
||||
size="small"
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in rate_code"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="60" align="center" fixed="right">
|
||||
<template #default="scope">
|
||||
<el-button type="danger" link size="small" @click="handleRemoveItem(scope.$index)">
|
||||
<el-icon><Delete /></el-icon>
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div v-if="!editingGroup.detailList || editingGroup.detailList.length === 0"
|
||||
style="text-align: center; padding: 30px; color: #909399; border: 1px dashed #dcdfe6; margin-top: 10px;">
|
||||
<p>暂无项目，点击"添加项目"按钮添加</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 组套预览对话框 -->
|
||||
<el-dialog v-model="previewVisible" title="组套预览" width="600px" append-to-body>
|
||||
<div v-if="currentGroup">
|
||||
<h4>{{ currentGroup.name }}</h4>
|
||||
<p style="color: #909399; font-size: 14px;">
|
||||
使用范围：{{ currentGroup.rangeCode_dictText }} |
|
||||
包含 {{ currentGroup.detailList?.length || 0 }} 个医嘱项
|
||||
</p>
|
||||
<el-table :data="currentGroup.detailList" border size="small" style="margin-top: 15px;">
|
||||
<el-table-column type="index" label="#" width="40" align="center" />
|
||||
<el-table-column label="医嘱名称" prop="orderDefinitionName" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="quantity" width="80" align="center" />
|
||||
<el-table-column label="单位" prop="unitCodeName" width="80" align="center" />
|
||||
<el-table-column label="用法" prop="methodCode_dictText" width="100" align="center" />
|
||||
<el-table-column label="频次" prop="rateCode_dictText" width="100" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="previewVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="confirmUseGroup">应用到当前患者</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 添加项目对话框 -->
|
||||
<el-dialog v-model="addItemVisible" title="添加医嘱项目" width="800px" append-to-body>
|
||||
<div style="margin-bottom: 15px;">
|
||||
<el-input
|
||||
v-model="itemSearchKey"
|
||||
placeholder="输入医嘱名称或拼音码搜索"
|
||||
clearable
|
||||
@keyup.enter="searchAdviceItems"
|
||||
style="width: 300px"
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="searchAdviceItems" />
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
:data="adviceItemList"
|
||||
border
|
||||
highlight-current-row
|
||||
@current-change="handleItemSelect"
|
||||
v-loading="itemLoading"
|
||||
max-height="400"
|
||||
>
|
||||
<el-table-column type="index" label="#" width="40" align="center" />
|
||||
<el-table-column label="医嘱名称" prop="adviceName" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column label="类型" prop="adviceType_dictText" width="80" align="center" />
|
||||
<el-table-column label="规格" prop="volume" width="100" show-overflow-tooltip />
|
||||
<el-table-column label="单价" width="80" align="right">
|
||||
<template #default="scope">
|
||||
{{ scope.row.unitPrice?.toFixed(2) || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单位" prop="unitCode_dictText" width="60" align="center" />
|
||||
</el-table>
|
||||
|
||||
<div v-if="adviceItemList.length === 0 && !itemLoading"
|
||||
style="text-align: center; padding: 30px; color: #909399;">
|
||||
<p>请输入关键词搜索医嘱项目</p>
|
||||
</div>
|
||||
|
||||
<!-- 选中项目的配置 -->
|
||||
<div v-if="selectedItem" style="margin-top: 15px; padding: 15px; background: #f5f7fa; border-radius: 4px;">
|
||||
<h4 style="margin: 0 0 10px 0;">配置项目：{{ selectedItem.adviceName }}</h4>
|
||||
<el-form :inline="true" label-width="80px">
|
||||
<el-form-item label="数量">
|
||||
<el-input-number v-model="newItemConfig.quantity" :min="1" :controls="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="用法">
|
||||
<el-select v-model="newItemConfig.methodCode" placeholder="用法" filterable clearable style="width: 120px">
|
||||
<el-option v-for="dict in method_code" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="频次">
|
||||
<el-select v-model="newItemConfig.rateCode" placeholder="频次" filterable clearable style="width: 120px">
|
||||
<el-option v-for="dict in rate_code" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addItemVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="confirmAddItem" :disabled="!selectedItem">
|
||||
添加到组套
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {getOrderGroup} from '../api';
|
||||
import { getOrderGroup, getAdviceBaseInfo, saveOrderGroup } from '../api';
|
||||
import { Select, Box, ArrowLeft, Check, Plus, Delete } from '@element-plus/icons-vue';
|
||||
import { checkPermi } from '@/utils/permission';
|
||||
import { ElMessage } from 'element-plus';
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { method_code, rate_code } = proxy.useDict('method_code', 'rate_code');
|
||||
|
||||
const props = defineProps({
|
||||
diagnosis: {
|
||||
@@ -40,52 +312,364 @@ const props = defineProps({
|
||||
required: true,
|
||||
},
|
||||
organizationId: {
|
||||
type: String,
|
||||
type: [String, Number],
|
||||
required: true,
|
||||
},
|
||||
patientInfo: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
});
|
||||
|
||||
const drawer = ref(false);
|
||||
const orderList = ref([]);
|
||||
const result = ref([]);
|
||||
const loading = ref(false);
|
||||
const previewVisible = ref(false);
|
||||
const currentGroup = ref(null);
|
||||
|
||||
// 编辑模式相关
|
||||
const editMode = ref(false);
|
||||
const editingGroup = ref({});
|
||||
const saving = ref(false);
|
||||
const detailLoading = ref(false);
|
||||
|
||||
// 添加项目相关
|
||||
const addItemVisible = ref(false);
|
||||
const itemSearchKey = ref('');
|
||||
const adviceItemList = ref([]);
|
||||
const itemLoading = ref(false);
|
||||
const selectedItem = ref(null);
|
||||
const newItemConfig = ref({
|
||||
quantity: 1,
|
||||
methodCode: '',
|
||||
rateCode: ''
|
||||
});
|
||||
|
||||
const emit = defineEmits(['useOrderGroup']);
|
||||
|
||||
const queryParams = ref({
|
||||
typeEnum: 1,
|
||||
searchKey: '',
|
||||
rangeCode: 2,
|
||||
});
|
||||
|
||||
function handleOpen() {
|
||||
// 根据搜索关键字过滤组套列表
|
||||
const filteredOrderList = computed(() => {
|
||||
if (!queryParams.value.searchKey) {
|
||||
return orderList.value;
|
||||
}
|
||||
const keyword = queryParams.value.searchKey.toLowerCase();
|
||||
return orderList.value.filter(item =>
|
||||
item.name && item.name.toLowerCase().includes(keyword)
|
||||
);
|
||||
});
|
||||
|
||||
function handleOpen(group = null, scope = 'personal') {
|
||||
drawer.value = true;
|
||||
// 设置范围
|
||||
if (scope === 'personal') {
|
||||
queryParams.value.rangeCode = 1;
|
||||
} else if (scope === 'department') {
|
||||
queryParams.value.rangeCode = 2;
|
||||
} else if (scope === 'hospital') {
|
||||
queryParams.value.rangeCode = 3;
|
||||
}
|
||||
|
||||
// 如果有传入组套数据，进入编辑模式
|
||||
if (group && group.groupPackageId) {
|
||||
editMode.value = true;
|
||||
editingGroup.value = JSON.parse(JSON.stringify(group));
|
||||
if (!editingGroup.value.detailList) {
|
||||
editingGroup.value.detailList = [];
|
||||
}
|
||||
} else {
|
||||
editMode.value = false;
|
||||
}
|
||||
getList();
|
||||
}
|
||||
|
||||
function handleSearch() {
|
||||
console.log('搜索组套:', queryParams.value.searchKey);
|
||||
}
|
||||
|
||||
function handelRadioChange(value) {
|
||||
queryParams.value.rangeCode = value;
|
||||
switch (value) {
|
||||
case 1:
|
||||
orderList.value = result.value.personalList;
|
||||
orderList.value = result.value.personalList || [];
|
||||
break;
|
||||
case 2:
|
||||
orderList.value = result.value.organizationList;
|
||||
orderList.value = result.value.organizationList || [];
|
||||
break;
|
||||
case 3:
|
||||
orderList.value = result.value.hospitalList;
|
||||
orderList.value = result.value.hospitalList || [];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 进入编辑模式
|
||||
function handleEditGroup(row) {
|
||||
editMode.value = true;
|
||||
// 深拷贝组套数据，避免直接修改原数据
|
||||
editingGroup.value = JSON.parse(JSON.stringify(row));
|
||||
// 确保 detailList 存在
|
||||
if (!editingGroup.value.detailList) {
|
||||
editingGroup.value.detailList = [];
|
||||
}
|
||||
}
|
||||
|
||||
// 取消编辑
|
||||
function handleCancelEdit() {
|
||||
editMode.value = false;
|
||||
editingGroup.value = {};
|
||||
}
|
||||
|
||||
// 保存组套
|
||||
async function handleSaveGroup() {
|
||||
if (!editingGroup.value.name?.trim()) {
|
||||
ElMessage.warning('请输入组套名称');
|
||||
return;
|
||||
}
|
||||
|
||||
saving.value = true;
|
||||
try {
|
||||
// 构建保存数据
|
||||
const saveData = {
|
||||
groupPackageId: editingGroup.value.groupPackageId || editingGroup.value.id,
|
||||
name: editingGroup.value.name,
|
||||
packageTypeEnum: editingGroup.value.typeEnum || 1,
|
||||
rangeCode: editingGroup.value.rangeCode,
|
||||
detailList: editingGroup.value.detailList?.map((item, index) => ({
|
||||
id: item.id,
|
||||
orderDefinitionId: item.orderDefinitionId,
|
||||
orderDefinitionName: item.orderDefinitionName,
|
||||
quantity: item.quantity,
|
||||
unitCode: item.unitCode,
|
||||
unitCodeName: item.unitCodeName,
|
||||
methodCode: item.methodCode,
|
||||
rateCode: item.rateCode,
|
||||
dose: item.dose,
|
||||
doseQuantity: item.doseQuantity,
|
||||
dispensePerDuration: item.dispensePerDuration,
|
||||
sortOrder: index
|
||||
})) || []
|
||||
};
|
||||
|
||||
const res = await saveOrderGroup(saveData);
|
||||
if (res.code === 200) {
|
||||
ElMessage.success('保存成功');
|
||||
editMode.value = false;
|
||||
editingGroup.value = {};
|
||||
// 刷新列表
|
||||
getList();
|
||||
} else {
|
||||
ElMessage.error(res.message || '保存失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('保存组套失败:', error);
|
||||
ElMessage.error('保存失败：' + (error.message || '未知错误'));
|
||||
} finally {
|
||||
saving.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
// 打开添加项目对话框
|
||||
function handleAddItem() {
|
||||
addItemVisible.value = true;
|
||||
itemSearchKey.value = '';
|
||||
adviceItemList.value = [];
|
||||
selectedItem.value = null;
|
||||
newItemConfig.value = {
|
||||
quantity: 1,
|
||||
methodCode: '',
|
||||
rateCode: ''
|
||||
};
|
||||
}
|
||||
|
||||
// 搜索医嘱项目
|
||||
async function searchAdviceItems() {
|
||||
console.log('点击搜索按钮, itemSearchKey:', itemSearchKey.value, 'organizationId:', props.organizationId);
|
||||
|
||||
if (!itemSearchKey.value.trim()) {
|
||||
ElMessage.warning('请输入搜索关键词');
|
||||
return;
|
||||
}
|
||||
|
||||
// 确保 organizationId 是数字类型
|
||||
const orgId = Number(props.organizationId) || null;
|
||||
|
||||
itemLoading.value = true;
|
||||
try {
|
||||
const params = {
|
||||
searchKey: itemSearchKey.value,
|
||||
organizationId: orgId,
|
||||
pageNo: 1,
|
||||
pageSize: 50,
|
||||
adviceTypes: '1,2,3'
|
||||
};
|
||||
console.log('搜索参数:', params);
|
||||
|
||||
const res = await getAdviceBaseInfo(params);
|
||||
console.log('搜索返回结果:', res);
|
||||
adviceItemList.value = res.data?.records || res.rows || [];
|
||||
} catch (error) {
|
||||
console.error('搜索医嘱项目失败:', error);
|
||||
ElMessage.error('搜索失败: ' + (error.message || '未知错误'));
|
||||
} finally {
|
||||
itemLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
// 选择医嘱项目
|
||||
function handleItemSelect(row) {
|
||||
selectedItem.value = row;
|
||||
// 设置默认值
|
||||
newItemConfig.value = {
|
||||
quantity: 1,
|
||||
methodCode: row?.methodCode || '',
|
||||
rateCode: row?.rateCode || ''
|
||||
};
|
||||
}
|
||||
|
||||
// 确认添加项目到组套
|
||||
function confirmAddItem() {
|
||||
if (!selectedItem.value) return;
|
||||
|
||||
const newItem = {
|
||||
orderDefinitionId: selectedItem.value.adviceDefinitionId,
|
||||
orderDefinitionName: selectedItem.value.adviceName,
|
||||
quantity: newItemConfig.value.quantity,
|
||||
unitCode: selectedItem.value.unitCode,
|
||||
unitCodeName: selectedItem.value.unitCode_dictText,
|
||||
methodCode: newItemConfig.value.methodCode,
|
||||
rateCode: newItemConfig.value.rateCode,
|
||||
dose: selectedItem.value.dose,
|
||||
doseQuantity: selectedItem.value.doseQuantity,
|
||||
dispensePerDuration: selectedItem.value.dispensePerDuration,
|
||||
// 保留医嘱库完整信息用于后续应用
|
||||
orderDetailInfos: selectedItem.value
|
||||
};
|
||||
|
||||
if (!editingGroup.value.detailList) {
|
||||
editingGroup.value.detailList = [];
|
||||
}
|
||||
editingGroup.value.detailList.push(newItem);
|
||||
|
||||
addItemVisible.value = false;
|
||||
ElMessage.success('添加成功');
|
||||
}
|
||||
|
||||
// 移除项目
|
||||
function handleRemoveItem(index) {
|
||||
editingGroup.value.detailList.splice(index, 1);
|
||||
}
|
||||
|
||||
// 单击应用按钮
|
||||
function handleUseOrderGroup(row) {
|
||||
emit('useOrderGroup', row.detailList);
|
||||
if (!row.detailList || row.detailList.length === 0) {
|
||||
ElMessage.warning('该组套没有明细项');
|
||||
return;
|
||||
}
|
||||
|
||||
// 🔧 数据预处理：确保每个明细项都有完整的医嘱信息
|
||||
const processedDetailList = row.detailList.map(item => {
|
||||
const orderDetail = item.orderDetailInfos || {};
|
||||
|
||||
return {
|
||||
// 组套明细字段
|
||||
...item,
|
||||
|
||||
// 医嘱库字段（可能为空，需要兜底）
|
||||
adviceName: orderDetail.adviceName || item.orderDefinitionName || '未知项目',
|
||||
adviceType: orderDetail.adviceType,
|
||||
adviceDefinitionId: item.orderDefinitionId || orderDetail.adviceDefinitionId,
|
||||
|
||||
// 价格和库存
|
||||
unitPrice: orderDetail.unitPrice,
|
||||
minUnitPrice: orderDetail.minUnitPrice,
|
||||
inventoryList: orderDetail.inventoryList || [],
|
||||
priceList: orderDetail.priceList || [],
|
||||
partPercent: orderDetail.partPercent || 1,
|
||||
positionId: orderDetail.positionId,
|
||||
defaultLotNumber: orderDetail.defaultLotNumber,
|
||||
|
||||
// 单位信息
|
||||
unitCode: item.unitCode || orderDetail.unitCode,
|
||||
unitCodeName: item.unitCodeName || orderDetail.unitCode_dictText,
|
||||
minUnitCode: orderDetail.minUnitCode,
|
||||
doseUnitCode: orderDetail.doseUnitCode,
|
||||
|
||||
// 合并后的完整对象（用于 setValue）
|
||||
mergedDetail: {
|
||||
...orderDetail,
|
||||
adviceName: orderDetail.adviceName || item.orderDefinitionName || '未知项目',
|
||||
adviceType: orderDetail.adviceType,
|
||||
quantity: item.quantity,
|
||||
unitCode: item.unitCode || orderDetail.unitCode,
|
||||
unitCodeName: item.unitCodeName,
|
||||
dose: item.dose || orderDetail.dose,
|
||||
rateCode: item.rateCode || orderDetail.rateCode,
|
||||
methodCode: item.methodCode || orderDetail.methodCode,
|
||||
dispensePerDuration: item.dispensePerDuration || orderDetail.dispensePerDuration,
|
||||
doseQuantity: item.doseQuantity,
|
||||
inventoryList: orderDetail.inventoryList || [],
|
||||
priceList: orderDetail.priceList || [],
|
||||
partPercent: orderDetail.partPercent || 1,
|
||||
positionId: orderDetail.positionId,
|
||||
defaultLotNumber: orderDetail.defaultLotNumber,
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
emit('useOrderGroup', processedDetailList);
|
||||
drawer.value = false;
|
||||
editMode.value = false;
|
||||
}
|
||||
|
||||
// 预览组套
|
||||
function handlePreviewGroup(row) {
|
||||
currentGroup.value = row;
|
||||
previewVisible.value = true;
|
||||
}
|
||||
|
||||
// 确认应用组套（从预览对话框）
|
||||
function confirmUseGroup() {
|
||||
if (currentGroup.value) {
|
||||
handleUseOrderGroup(currentGroup.value);
|
||||
previewVisible.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
// 跳转到组套管理页面
|
||||
function handleManageGroup() {
|
||||
window.open('/basicmanage/ordersCombination', '_blank');
|
||||
}
|
||||
|
||||
function getList() {
|
||||
getOrderGroup({ organizationId: props.organizationId }).then((res) => {
|
||||
result.value = res.data;
|
||||
handelRadioChange(queryParams.value.rangeCode);
|
||||
});
|
||||
loading.value = true;
|
||||
getOrderGroup({ organizationId: props.organizationId })
|
||||
.then((res) => {
|
||||
result.value = res.data || {};
|
||||
handelRadioChange(queryParams.value.rangeCode);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error('获取组套列表失败:', err);
|
||||
ElMessage.error('获取组套列表失败');
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
handleOpen,
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user