795 lines
26 KiB
Vue
795 lines
26 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<!-- 添加或修改用户配置对话框 -->
|
||
<el-dialog :title="title" v-model="visible" width="800px" append-to-body>
|
||
<el-form
|
||
:model="form"
|
||
:rules="rules"
|
||
ref="diagnosisTreatmentRef"
|
||
label-width="110px"
|
||
label-position="left"
|
||
>
|
||
<div class="title">
|
||
<el-button
|
||
type="primary"
|
||
plain
|
||
@click="handleImportYb()"
|
||
size="small"
|
||
style="margin-left: 5px; margin-top: -10px; margin-bottom: 20px"
|
||
>从医保目录导入</el-button
|
||
>
|
||
</div>
|
||
<el-row :gutter="24">
|
||
<el-col :span="8" v-if="form.id != undefined">
|
||
<el-form-item label="编号" prop="busNo">
|
||
<el-input v-model="form.busNo" placeholder="请输入编码" disabled />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="项目名称" prop="name">
|
||
<el-input v-model="form.name" placeholder="请输入名称" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="所属科室" prop="orgId">
|
||
<el-tree-select
|
||
v-model="form.orgId"
|
||
:data="deptOptions"
|
||
:props="{
|
||
value: 'id',
|
||
label: 'name',
|
||
children: 'children',
|
||
}"
|
||
value-key="id"
|
||
placeholder="请选择提供部门"
|
||
check-strictly
|
||
filterable
|
||
clearable
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="项目编码" prop="busNo">
|
||
<el-input v-model="form.busNo" placeholder="请输入项目编码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="地点" prop="locationId">
|
||
<el-tree-select
|
||
v-model="form.locationId"
|
||
:data="locationOptions"
|
||
:props="{
|
||
value: 'id',
|
||
label: 'name',
|
||
children: 'children',
|
||
}"
|
||
value-key="id"
|
||
placeholder="请选择地点"
|
||
check-strictly
|
||
clearable
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="目录分类" prop="categoryCode">
|
||
<el-select
|
||
v-model="form.categoryCode"
|
||
clearable
|
||
filterable
|
||
:disabled="form.isEditInfoDisable === 1"
|
||
no-data-text=""
|
||
>
|
||
<el-option
|
||
v-for="category in activity_category_code"
|
||
:key="category.value"
|
||
:label="category.label"
|
||
:value="category.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="业务类型" prop="typeEnum">
|
||
<el-select v-model="form.typeEnum" placeholder="" clearable filterable no-data-text="">
|
||
<el-option
|
||
v-for="item in typeEnumOptions"
|
||
:key="item.value"
|
||
:label="item.info"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="医保标记" prop="ybFlag">
|
||
<el-checkbox v-model="form.ybFlag"></el-checkbox>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="医保对码标记" prop="ybMatchFlag">
|
||
<el-checkbox v-model="form.ybMatchFlag"></el-checkbox>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="医保编码" prop="conditionCode">
|
||
<el-input
|
||
v-model="form.ybNo"
|
||
placeholder=""
|
||
clearable
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="医保类别" prop="ybType">
|
||
<el-select
|
||
v-model="form.ybType"
|
||
placeholder="医保类别"
|
||
clearable
|
||
filterable
|
||
style="width: 240px"
|
||
:disabled="form.isEditInfoDisable === 1 || form.isEditInfoDisable === 2"
|
||
no-data-text=""
|
||
>
|
||
<el-option
|
||
v-for="dict in med_chrgitm_type"
|
||
:key="dict.value"
|
||
:label="dict.label"
|
||
:value="dict.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="身体部位" prop="bodySiteCode">
|
||
<el-tree-select
|
||
v-model="form.bodySiteCode"
|
||
:data="bodyOptions"
|
||
:props="{
|
||
value: 'id',
|
||
label: 'name',
|
||
children: 'children',
|
||
}"
|
||
value-key="id"
|
||
placeholder="请选择身体部位"
|
||
check-strictly
|
||
filterable
|
||
clearable
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
<el-col :span="8">
|
||
<el-form-item label="所需标本" prop="specimenCode">
|
||
<el-select v-model="form.specimenCode" clearable filterable no-data-text="">
|
||
<el-option
|
||
v-for="category in specimen_code"
|
||
:key="category.value"
|
||
:label="category.label"
|
||
:value="category.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="医保等级" prop="chrgitmLv">
|
||
<el-select
|
||
v-model="form.chrgitmLv"
|
||
placeholder=""
|
||
clearable
|
||
filterable
|
||
:disabled="form.isEditInfoDisable === 1"
|
||
no-data-text=""
|
||
>
|
||
<el-option
|
||
v-for="item in chrgitm_lv"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
<el-col :span="8">
|
||
<el-form-item label="使用单位" prop="permittedUnitCode">
|
||
<el-select
|
||
v-model="form.permittedUnitCode"
|
||
clearable
|
||
filterable
|
||
:filter-method="filterUnitCode"
|
||
>
|
||
<el-option
|
||
v-for="category in isFilteringUnitCode ? filteredUnitCode : unit_code"
|
||
:key="category.value"
|
||
:label="category.label"
|
||
:value="category.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="财务类型" prop="itemTypeCode">
|
||
<el-select v-model="form.itemTypeCode" clearable filterable no-data-text="">
|
||
<!-- :disabled="form.isEditInfoDisable === 1" -->
|
||
|
||
<el-option
|
||
v-for="category in fin_type_code"
|
||
:key="category.value"
|
||
:label="category.label"
|
||
:value="category.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="零售价" prop="retailPrice">
|
||
<el-input
|
||
v-model="form.retailPrice"
|
||
placeholder=""
|
||
@input="updatePrices"
|
||
:disabled="form.isEditInfoDisable === 1"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="最高零售价" prop="maximumRetailPrice">
|
||
<el-input v-model="form.maximumRetailPrice" placeholder="" :disabled="false" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="划价标记" prop="maximumRetailPrice">
|
||
<el-checkbox
|
||
v-model="form.pricing_flag"
|
||
:true-value="1"
|
||
:false-value="0"
|
||
></el-checkbox>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<div class="treatment-items-section">
|
||
<div v-for="(item, index) in treatmentItems" :key="index" class="form-row">
|
||
<el-row :gutter="24">
|
||
<el-col :span="8">
|
||
<el-form-item label="诊疗子项">
|
||
<div style="position: relative">
|
||
<PopoverList
|
||
@search="handleSearch"
|
||
:width="1000"
|
||
:modelValue="item.name"
|
||
@focus="popoverListhandleFocus(item.name)"
|
||
>
|
||
<template #popover-content="{}">
|
||
<medicineList
|
||
@selectRow="(row) => selectRow(row, index)"
|
||
:searchKey="medicineSearchKey"
|
||
:shouldLoadData="isFirstOpen"
|
||
:preloadedData="diagnosisTreatmentList"
|
||
/>
|
||
</template>
|
||
</PopoverList>
|
||
<!-- 清空按钮 -->
|
||
<el-button
|
||
v-if="item.name && item.name !== ''"
|
||
type="text"
|
||
icon="Delete"
|
||
size="small"
|
||
@click.stop="clearItem(index)"
|
||
style="
|
||
position: absolute;
|
||
right: 3px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
color: #909399;
|
||
"
|
||
/>
|
||
</div>
|
||
<!-- <span v-else>{{ item.name || '' }}</span> -->
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="执行次数">
|
||
<el-input-number
|
||
v-model="item.childrenRequestNum"
|
||
controls-position="right"
|
||
:min="1"
|
||
:max="999"
|
||
@change="calculateTotalPrice"
|
||
:disabled="form.isEditInfoDisable === 1"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8" style="display: flex; align-items: center; padding-bottom: 15px">
|
||
<!-- <div style="margin-right: 20px; font-weight: bold; color: #333">
|
||
小计: ¥{{
|
||
item.retailPrice && item.childrenRequestNum
|
||
? (parseFloat(item.retailPrice) * parseInt(item.childrenRequestNum)).toFixed(
|
||
2
|
||
)
|
||
: '0.00'
|
||
}}
|
||
</div> -->
|
||
<el-button @click="addItem" circle type="primary" size="small" plain icon="Plus" />
|
||
<el-button
|
||
@click="removeItem(index)"
|
||
circle
|
||
type="danger"
|
||
size="small"
|
||
plain
|
||
icon="Minus"
|
||
/>
|
||
</el-col>
|
||
</el-row>
|
||
</div>
|
||
</div>
|
||
<el-row :gutter="24">
|
||
<el-col :span="16">
|
||
<el-form-item label="说明" prop="descriptionText">
|
||
<el-input
|
||
v-model="form.descriptionText"
|
||
:autosize="{ minRows: 4, maxRows: 10 }"
|
||
type="textarea"
|
||
placeholder=""
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8" style="display: flex; align-items: center; justify-content: flex-start">
|
||
<div style="font-size: 18px; font-weight: bold; color: #276ef1">
|
||
总价: ¥{{ totalPrice }}
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<template #footer v-if="title != '查看'">
|
||
<div class="dialog-footer">
|
||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||
<el-button @click="cancel">取 消</el-button>
|
||
</div>
|
||
</template>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup name="DiagnosisTreatmentDialog">
|
||
import {
|
||
addDiagnosisTreatment,
|
||
bodyTreeSelect,
|
||
deptTreeSelect,
|
||
editDiagnosisTreatment,
|
||
getDiagnosisTreatmentList,
|
||
getDiseaseTreatmentByYbNo,
|
||
locationTreeSelect,
|
||
} from './diagnosistreatment';
|
||
import PopoverList from '@/components/OpenHis/popoverList/index.vue';
|
||
import medicineList from './medicineList.vue';
|
||
import MedicineList from '../components/medicineList.vue';
|
||
import {getCurrentInstance, nextTick, watch} from 'vue';
|
||
|
||
const { proxy } = getCurrentInstance();
|
||
const { unit_code, med_chrgitm_type, fin_type_code, activity_category_code, chrgitm_lv } =
|
||
proxy.useDict(
|
||
'unit_code',
|
||
'med_chrgitm_type',
|
||
'fin_type_code',
|
||
'activity_category_code',
|
||
'chrgitm_lv'
|
||
);
|
||
|
||
const isTemplateActive = ref(true);
|
||
const title = ref('');
|
||
const visible = ref(false);
|
||
const emits = defineEmits(['submit']); // 声明自定义事件
|
||
const deptOptions = ref(undefined); // 部门树选项
|
||
const bodyOptions = ref(undefined); // 身体部位树选项
|
||
const locationOptions = ref(undefined); // 地点树选项
|
||
const diagnosisCategoryOptions = ref(undefined);
|
||
const statusFlagOptions = ref(undefined);
|
||
const exeOrganizations = ref(undefined);
|
||
const typeEnumOptions = ref(undefined);
|
||
const diagnosisTreatmentList = ref([]);
|
||
// 使用单位过滤后的选项
|
||
const filteredUnitCode = ref([]);
|
||
// 标记是否正在进行过滤查询
|
||
const isFilteringUnitCode = ref(false);
|
||
|
||
const data = reactive({
|
||
form: {},
|
||
rules: {
|
||
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
|
||
categoryCode: [{ required: true, message: '诊疗目录不能为空', trigger: 'blur' }],
|
||
permittedUnitCode: [{ required: true, message: '使用单位不能为空', trigger: 'blur' }],
|
||
retailPrice: [{ required: true, message: '零售价不能为空', trigger: 'blur' }],
|
||
ybType: [{ required: true, message: '医保类型不能为空', trigger: 'blur' }],
|
||
chrgitmLv: [{ required: true, message: '医保等级不能为空', trigger: 'blur' }],
|
||
itemTypeCode: [{ required: true, message: '财务类型不能为空', trigger: 'blur' }],
|
||
},
|
||
});
|
||
|
||
const { form, rules } = toRefs(data);
|
||
|
||
const props = defineProps({
|
||
item: {
|
||
type: Object,
|
||
required: false,
|
||
},
|
||
title: {
|
||
type: String,
|
||
required: false,
|
||
},
|
||
currentCategoryEnum: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
diagnosisCategoryOptions: {
|
||
type: Object,
|
||
required: false,
|
||
},
|
||
statusFlagOptions: {
|
||
type: Object,
|
||
required: false,
|
||
},
|
||
exeOrganizations: {
|
||
type: Object,
|
||
required: false,
|
||
},
|
||
typeEnumOptions: {
|
||
type: Object,
|
||
required: false,
|
||
},
|
||
isEditInfoDisable: {
|
||
type: Number,
|
||
required: false,
|
||
},
|
||
});
|
||
|
||
// 表单数组，初始一条记录
|
||
const treatmentItems = ref([
|
||
{ adviceDefinitionId: '', childrenRequestNum: 1, name: '', retailPrice: 0 },
|
||
]);
|
||
const medicineSearchKey = ref('');
|
||
const isFirstOpen = ref(true); // 标记是否首次打开弹窗
|
||
const totalPrice = ref('0.00'); // 总价
|
||
const isValidatingYbNo = ref(false); // 标记是否正在校验医保编码
|
||
|
||
// 计算总价
|
||
function calculateTotalPrice() {
|
||
try {
|
||
let sum = 0;
|
||
treatmentItems.value.forEach((item) => {
|
||
if (item.adviceDefinitionId && item.retailPrice && item.childrenRequestNum) {
|
||
const price = parseFloat(item.retailPrice) || 0;
|
||
const count = parseInt(item.childrenRequestNum) || 0;
|
||
sum += price * count;
|
||
}
|
||
});
|
||
totalPrice.value = sum.toFixed(2);
|
||
} catch (error) {
|
||
totalPrice.value = '0.00';
|
||
proxy.$modal.msgWarning('价格计算过程中遇到错误，请检查输入数据');
|
||
}
|
||
}
|
||
|
||
// 添加表单项
|
||
function addItem() {
|
||
treatmentItems.value.push({ adviceDefinitionId: '', childrenRequestNum: 1, retailPrice: 0 });
|
||
// 使用nextTick确保DOM更新后再计算
|
||
nextTick(() => {
|
||
calculateTotalPrice();
|
||
});
|
||
}
|
||
|
||
// 删除表单项
|
||
function removeItem(index) {
|
||
if (treatmentItems.value.length > 1) {
|
||
treatmentItems.value.splice(index, 1);
|
||
calculateTotalPrice();
|
||
}
|
||
}
|
||
|
||
function handleImportYb() {
|
||
emits('ybDialog');
|
||
}
|
||
|
||
// 显示弹框
|
||
function show() {
|
||
reset();
|
||
getLocationTree();
|
||
getBodyTree();
|
||
getDeptTree();
|
||
getItemList();
|
||
// 重置使用单位过滤
|
||
filteredUnitCode.value = [];
|
||
isFilteringUnitCode.value = false;
|
||
|
||
title.value = '';
|
||
title.value = props.title;
|
||
diagnosisCategoryOptions.value = props.diagnosisCategoryOptions;
|
||
statusFlagOptions.value = props.statusFlagOptions;
|
||
exeOrganizations.value = props.exeOrganizations;
|
||
typeEnumOptions.value = props.typeEnumOptions;
|
||
form.value.categoryCode = props.currentCategoryEnum;
|
||
form.value.isEditInfoDisable = props.isEditInfoDisable;
|
||
visible.value = true;
|
||
}
|
||
|
||
function setValue(row) {
|
||
form.value = {
|
||
name: formatValue(row.medicalServiceName), //医疗服务项目名称
|
||
ybNo: formatValue(row.medicalCatalogCode), // 医保编码
|
||
busNo: formatValue(row.medicalCatalogCode), // 项目编码使用医保编码
|
||
categoryCode: props.currentCategoryEnum,
|
||
};
|
||
}
|
||
|
||
// 显示弹框
|
||
function edit() {
|
||
reset();
|
||
getLocationTree();
|
||
getBodyTree();
|
||
getDeptTree();
|
||
getItemList();
|
||
// 重置使用单位过滤
|
||
filteredUnitCode.value = [];
|
||
isFilteringUnitCode.value = false;
|
||
title.value = '';
|
||
title.value = props.title;
|
||
form.value = props.item;
|
||
form.value.chrgitmLv = form.value.chrgitmLv ? form.value.chrgitmLv.toString() : undefined;
|
||
|
||
// 处理子项数据，确保包含retailPrice字段
|
||
if (props.item.childrenJson) {
|
||
const parsedItems = JSON.parse(props.item.childrenJson);
|
||
treatmentItems.value = parsedItems.map((item) => ({
|
||
...item,
|
||
retailPrice: item.retailPrice || 0,
|
||
}));
|
||
} else {
|
||
treatmentItems.value = [{ adviceDefinitionId: '', childrenRequestNum: 1, retailPrice: 0 }];
|
||
}
|
||
form.value.permittedUnitCode = form.value.permittedUnitCode
|
||
? form.value.permittedUnitCode.toString()
|
||
: undefined;
|
||
diagnosisCategoryOptions.value = props.diagnosisCategoryOptions;
|
||
statusFlagOptions.value = props.statusFlagOptions;
|
||
exeOrganizations.value = props.exeOrganizations;
|
||
typeEnumOptions.value = props.typeEnumOptions;
|
||
visible.value = true;
|
||
|
||
// 编辑时计算初始总价
|
||
nextTick(() => {
|
||
calculateTotalPrice();
|
||
});
|
||
}
|
||
/** 重置操作表单 */
|
||
function reset() {
|
||
form.value = {
|
||
id: undefined,
|
||
busNo: undefined, // 编码
|
||
name: undefined, // 名称
|
||
locationId: undefined, // 地点
|
||
orgId: undefined, // 执行科室
|
||
pyStr: undefined, // 拼音码
|
||
wbStr: undefined, // 五笔码
|
||
categoryCode: undefined, // 类别
|
||
typeEnum: undefined, // 类型编码
|
||
// statusEnum: undefined, // 状态（包括 1：预置，2：启用，3：停用）
|
||
ybFlag: undefined, // 医保标记
|
||
ybMatchFlag: undefined, // 医保对码标记
|
||
ybNo: undefined, // 医保编码
|
||
ybType: undefined, // 医保类型
|
||
bodySiteCode: undefined, // 身体部位
|
||
specimenCode: undefined, // 所需标本
|
||
ruleId: undefined, // 执行科室
|
||
permittedUnitCode: undefined, // 使用单位
|
||
itemTypeCode: undefined, // 最小收费
|
||
// purchasePrice: undefined, // 购入价
|
||
retailPrice: undefined, // 零售价
|
||
maximumRetailPrice: undefined, // 最高零售价
|
||
descriptionText: undefined, // 说明
|
||
chrgitmLv: undefined, //医保等级
|
||
};
|
||
treatmentItems.value = [{ adviceDefinitionId: '', childrenRequestNum: 1, retailPrice: 0 }];
|
||
totalPrice.value = '0.00';
|
||
proxy.resetForm('diagnosisTreatmentRef');
|
||
}
|
||
|
||
async function validateYbNoUnique(ybNo, currentId = null) {
|
||
if (!ybNo || ybNo.trim() === '') {
|
||
return true; // 空值不进行校验
|
||
}
|
||
|
||
try {
|
||
const response = await getDiseaseTreatmentByYbNo(ybNo);
|
||
const data = response.data;
|
||
|
||
if (data && data.length > 0) {
|
||
// 检查是否存在相同的医保编码，排除当前编辑的记录
|
||
const existingRecord = data.find(item => item.id !== currentId);
|
||
if (existingRecord) {
|
||
return false; // 医保编码已存在
|
||
}
|
||
}
|
||
return true; // 医保编码唯一
|
||
} catch (error) {
|
||
console.error('医保编码校验失败:', error);
|
||
return true; // 校验失败时允许提交，由后端处理
|
||
}
|
||
}
|
||
|
||
/** 提交按钮 */
|
||
async function submitForm() {
|
||
form.value.ybFlag ? (form.value.ybFlag = 1) : (form.value.ybFlag = 0);
|
||
form.value.ybMatchFlag ? (form.value.ybMatchFlag = 1) : (form.value.ybMatchFlag = 0);
|
||
form.value.ruleId ? (form.value.ruleId = 1) : (form.value.ruleId = 0);
|
||
form.value.childrenJson =
|
||
treatmentItems.value.length > 0 && treatmentItems.value[0].adviceDefinitionId != ''
|
||
? JSON.stringify(treatmentItems.value)
|
||
: undefined;
|
||
proxy.$refs['diagnosisTreatmentRef'].validate(async (valid) => {
|
||
if (valid) {
|
||
// 医保编码唯一性校验
|
||
if (form.value.ybNo) {
|
||
try {
|
||
isValidatingYbNo.value = true;
|
||
const isUnique = await validateYbNoUnique(form.value.ybNo, form.value.id);
|
||
if (!isUnique) {
|
||
proxy.$modal.msgWarning('医保编码已存在，请输入其他医保编码');
|
||
return;
|
||
}
|
||
} catch (error) {
|
||
console.error('医保编码校验失败:', error);
|
||
proxy.$modal.msgError('医保编码校验失败，请稍后重试');
|
||
return;
|
||
} finally {
|
||
isValidatingYbNo.value = false;
|
||
}
|
||
}
|
||
|
||
if (form.value.id != undefined) {
|
||
editDiagnosisTreatment(form.value).then((response) => {
|
||
// 触发自定义事件，并传递数据给父组件
|
||
emits('submit');
|
||
proxy.$modal.msgSuccess('修改成功');
|
||
visible.value = false;
|
||
reset(); // 重置表单数据
|
||
});
|
||
} else {
|
||
addDiagnosisTreatment(form.value).then((response) => {
|
||
// 触发自定义事件，并传递数据给父组件
|
||
emits('submit');
|
||
proxy.$modal.msgSuccess('新增成功');
|
||
visible.value = false;
|
||
reset(); // 重置表单数据
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
/** 查询部门下拉树结构 */
|
||
function getDeptTree() {
|
||
deptTreeSelect().then((response) => {
|
||
deptOptions.value = response.data.records;
|
||
});
|
||
}
|
||
/** 查询身体部位拉树结构 */
|
||
function getBodyTree() {
|
||
bodyTreeSelect().then((response) => {
|
||
bodyOptions.value = response.data.records;
|
||
});
|
||
}
|
||
/** 查询地点下拉树结构 */
|
||
function getLocationTree() {
|
||
locationTreeSelect({ formList: '8,4,10' }).then((response) => {
|
||
locationOptions.value = response.data.records;
|
||
});
|
||
}
|
||
// 获取诊疗子项列表，只筛出无子项的数据
|
||
function getItemList() {
|
||
getDiagnosisTreatmentList({ statusEnum: 2, pageSize: 1000, pageNo: 1 }).then((response) => {
|
||
diagnosisTreatmentList.value = response.data.records.filter((item) => {
|
||
return item.childrenJson == null;
|
||
});
|
||
});
|
||
}
|
||
/** 取消按钮 */
|
||
function cancel() {
|
||
visible.value = false;
|
||
reset();
|
||
}
|
||
|
||
function formatValue(str) {
|
||
if (str === null || str === undefined || str === '' || str === 'null') {
|
||
return undefined;
|
||
}
|
||
return str;
|
||
}
|
||
|
||
function handleSearch(value) {
|
||
medicineSearchKey.value = value;
|
||
}
|
||
|
||
function popoverListhandleFocus(value) {
|
||
// debugger;
|
||
console.log(value);
|
||
if (value === '') {
|
||
return;
|
||
}
|
||
medicineSearchKey.value = value;
|
||
}
|
||
|
||
function selectRow(row, index) {
|
||
treatmentItems.value[index].name = row.name;
|
||
treatmentItems.value[index].adviceDefinitionId = row.id;
|
||
treatmentItems.value[index].retailPrice = row.retailPrice || 0;
|
||
medicineSearchKey.value = '';
|
||
calculateTotalPrice();
|
||
}
|
||
|
||
// 清空诊疗子项
|
||
function clearItem(index) {
|
||
treatmentItems.value[index].name = '';
|
||
treatmentItems.value[index].adviceDefinitionId = '';
|
||
treatmentItems.value[index].retailPrice = 0;
|
||
calculateTotalPrice();
|
||
}
|
||
// 在这里可以根据购入价来更新零售价
|
||
function updatePrices(value) {
|
||
form.value.maximumRetailPrice = form.value.retailPrice;
|
||
}
|
||
|
||
// 使用单位过滤函数
|
||
function filterUnitCode(query) {
|
||
if (!query || query.trim() === '') {
|
||
// 查询为空时，重置过滤状态，显示所有选项
|
||
isFilteringUnitCode.value = false;
|
||
filteredUnitCode.value = [];
|
||
return;
|
||
}
|
||
// 有查询内容时，进行过滤
|
||
isFilteringUnitCode.value = true;
|
||
const queryLower = query.toLowerCase().trim();
|
||
filteredUnitCode.value = unit_code.value.filter((item) => {
|
||
const label = item.label || '';
|
||
return label.toLowerCase().includes(queryLower);
|
||
});
|
||
}
|
||
|
||
// 监听treatmentItems变化，实时更新总价
|
||
watch(
|
||
() => treatmentItems.value,
|
||
() => {
|
||
calculateTotalPrice();
|
||
},
|
||
{ deep: true }
|
||
);
|
||
|
||
defineExpose({
|
||
show,
|
||
edit,
|
||
setValue,
|
||
});
|
||
</script>
|
||
<style scoped>
|
||
.el-form--inline .el-form-item {
|
||
display: inline-flex;
|
||
vertical-align: middle;
|
||
margin-right: 10px !important;
|
||
}
|
||
|
||
/* 使用深度选择器 */
|
||
.custom-label-spacing :deep(.el-form-item__label) {
|
||
line-height: 1.2; /* 调整行间距 */
|
||
margin-bottom: 4px; /* 调整 label 和输入框之间的间距 */
|
||
}
|
||
</style>
|