器材目录画面 up by dh

This commit is contained in:
duhe
2025-02-27 18:32:44 +08:00
parent 1d533d1199
commit 3180f1e062
7 changed files with 1440 additions and 39 deletions

View File

@@ -0,0 +1,73 @@
import request from '@/utils/request'
import { parseStrEmpty } from "@/utils/openhis";
// 查询器材目录列表
export function getDeviceList(query) {
return request({
url: '/datadictionary/device/information-page',
method: 'get',
params: query
})
}
// 查询器材目录详细
export function getDeviceOne(id) {
return request({
url: '/datadictionary/device/information-one/' + parseStrEmpty(id),
method: 'get'
})
}
// 新增器材目录
export function addDevice(data) {
return request({
url: '/datadictionary/device/information',
method: 'post',
data: data
})
}
// 修改器材目录
export function editDevice(data) {
return request({
url: '/datadictionary/device/information',
method: 'put',
data: data
})
}
// // 删除器材目录
// export function delUser(userId) {
// return request({
// url: '/system/user/' + userId,
// method: 'delete'
// })
// }
// 器材目录分类查询
export function getDiseaseTreatmentInit() {
return request({
url: '/datadictionary/device/init',
method: 'get'
})
}
// 停用病种目录
export function stopDevice(ids) {
console.log(ids)
return request({
url: '/datadictionary/device/information-stop',
method: 'put',
data: ids
})
}
// 启用病种目录
export function startDevice(ids) {
console.log(ids)
return request({
url: '/datadictionary/device/information-start',
method: 'put',
data: ids
})
}

View File

@@ -0,0 +1,382 @@
<template>
<div class="app-container">
<!-- 添加或修改用户配置对话框 -->
<el-dialog :title="title" v-model="visible" width="800px" append-to-body>
<el-form
:model="form"
:rules="rules"
ref="medicationRef"
label-width="110px"
label-position="left"
>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="编号" prop="busNo">
<el-input
v-model="form.busNo"
placeholder="请输入编码"
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="器材名称" prop="name">
<el-input
v-model="form.name"
placeholder="请输入器材名称"
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="拼音码(器材名称)" prop="pyStr" class="custom-label-spacing">
<el-input v-model="form.pyStr" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="器材五笔拼音" prop="wbStr">
<el-input v-model="form.wbStr" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="器材分类" prop="categoryEnum">
<el-input
v-model="form.categoryEnum"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="器材种类" prop="typeCode">
<el-input v-model="form.typeCode" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="包装单位" prop="unitCode">
<el-input v-model="form.unitCode" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="包装规格" prop="size">
<el-input
v-model="form.size"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="最小单位" prop="minUnitCode">
<el-input
v-model="form.minUnitCode"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="拆零比" prop="partPercent">
<el-input
v-model="form.partPercent"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="产品型号" prop="modelNumber">
<el-input
v-model="form.modelNumber"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="高值器材标志" prop="hvcmFlag">
<el-input
v-model="form.hvcmFlag"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="销售单位" prop="salesUnitCode">
<el-input
v-model="form.salesUnitCode"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="批准文号" prop="approvalNumber">
<el-input
v-model="form.approvalNumber"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医保标记" prop="ybFlag">
<!-- <el-input v-model="form.ybFlag" placeholder="" maxlength="30" /> -->
<el-input v-model="form.ybFlag" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="医保编码" prop="conditionCode">
<el-input v-model="form.ybNo" placeholder="" maxlength="30" />
</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="injectFlag">
<el-input
v-model="form.statusEnum"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="生产厂家" prop="manufacturerId">
<el-input
v-model="form.manufacturerId"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="供应商" prop="supplyId">
<el-input v-model="form.supplyId" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="适用范围" prop="jurisdiction">
<el-input
v-model="form.jurisdiction"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="执行科室" prop="ruleId">
<el-input v-model="form.ruleId" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="器材版本" prop="version">
<el-input v-model="form.version" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主要成分" prop="substanceText">
<el-input
v-model="form.substanceText"
placeholder=""
maxlength="30"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="过敏标记" prop="allergenFlag">
<el-checkbox v-model="form.allergenFlag"></el-checkbox>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="16">
<el-form-item label="说明" prop="description">
<el-input
v-model="form.description"
:autosize="{ minRows: 4, maxRows: 10 }"
type="textarea"
placeholder=""
/>
</el-form-item>
</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="MedicineDialog">
import {
getDeviceList,
editDevice,
addDevice,
getDiseaseTreatmentInit,
getDeviceOne,
} from "./device";
const router = useRouter();
const { proxy } = getCurrentInstance();
const { sys_normal_disable, sys_user_sex } = proxy.useDict(
"sys_normal_disable",
"sys_user_sex"
);
const title = ref("");
const visible = ref(false);
const emits = defineEmits(["submit"]); // 声明自定义事件
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 50,
diseaseName: undefined, // 疾病名称
status: undefined, // 状态(包括 1预置2启用3停用
},
rules: {
// busNo: [{ required: true, message: "编码不能为空", trigger: "blur" }],
// name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
// conditionCode: [
// { required: true, message: "编码不能为空", trigger: "blur" },
// ],
},
});
const { queryParams, form, rules } = toRefs(data);
const props = defineProps({
item: {
type: Object,
required: false,
},
title: {
type: String,
required: false,
},
});
// 显示弹框
function show() {
// queryParams.roleId = props.roleId;
// getList();
title.value = ''
title.value = props.title
console.log(props, "22222",title.value);
visible.value = true;
}
// 显示弹框
function edit() {
// queryParams.roleId = props.roleId;
// getList();
title.value = ''
title.value = props.title
form.value = props.item;
visible.value = true;
}
/** 重置操作表单 */
function reset() {
form.value = {
id: undefined,
busNo: undefined, // 编码
name: undefined, // 名称
pyStr: undefined, // 拼音码
wbStr: undefined, // 五笔码
categoryEnum: undefined, // 类别
typeCode: undefined, // 类型编码
unitCode: undefined, // 单位编码
size: undefined, // 规格
partPercent: undefined, // 占比
minUnitCode: undefined, // 最小单位编码
modelNumber: undefined, // 型号
hvcmFlag: undefined, // 高值器材标志
salesUnitCode: undefined, // 销售单位编码
approvalNumber: undefined, // 批准文号
ybFlag: undefined, // 医保标志
ybNo: undefined, // 医保编码
ybMatchFlag: undefined, // 医保对码标记
statusEnum: undefined, // 状态(包括 1预置2启用3停用
manufacturerId: undefined, // 厂家编码
supplyId: undefined, // 供应商编码
description: undefined, // 说明
jurisdiction: undefined, // 适用范围
ruleId: undefined, // 执行科室
version: undefined, // 器材版本
substanceText: undefined, // 主要成分
allergenFlag: undefined, // 过敏标记
};
proxy.resetForm("medicationRef");
}
/** 提交按钮 */
function submitForm() {
if (form.value.id != undefined) {
// form.value.status
// ? (form.value.statusEnum = "3")
// : (form.value.statusEnum = "2");
// console.log(form.value, "editDevice", form.value.statusEnum);
editDevice(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
visible.value = false;
reset(); // 重置表单数据
});
} else {
addDevice(form.value).then((response) => {
// 触发自定义事件,并传递数据给父组件
emits("submit");
proxy.$modal.msgSuccess("新增成功");
visible.value = false;
reset(); // 重置表单数据
});
}
}
defineExpose({
show,
edit,
});
</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>

View File

@@ -0,0 +1,363 @@
<template>
<div class="app-container">
<!-- 添加或修改用户配置对话框 -->
<el-dialog :title="title" v-model="visible" width="800px" append-to-body>
<el-form
:model="form"
:rules="rules"
ref="diseaseRef"
label-width="110px"
label-position="left"
>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="编号" prop="busNo">
<el-input
v-model="form.busNo"
placeholder="请输入编码"
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="品名" prop="name">
<el-input
v-model="form.name"
placeholder="请输入药品名"
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="拼音码(品名)" prop="name">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="厂家/产地" prop="conditionCode">
<el-select v-model="queryParams.status" clearable>
<el-option
v-for="dict in sys_normal_disable"
: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="name">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="条形码" prop="name">
<el-input v-model="form.name" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="单位" prop="conditionCode">
<el-select
v-model="queryParams.status"
clearable
:disabled="true"
>
<el-option
v-for="dict in sys_normal_disable"
: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="name">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规格" prop="name">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item
label="最小单位"
prop="conditionCode"
>
<el-select v-model="queryParams.status" clearable :disabled="true">
<el-option
v-for="dict in sys_normal_disable"
: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="conditionCode">
<el-input
v-model="form.conditionCode"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="拆零零售价" prop="name">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="true"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="处方限量(最小单位)" prop="conditionCode" class="custom-label-spacing">
<el-input
v-model="form.conditionCode"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="皮试判别" prop="name">
<el-checkbox v-model="form.status" :disabled="true"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="注射药品" prop="name">
<el-checkbox v-model="form.status" :disabled="true"></el-checkbox>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="给药途径" prop="conditionCode">
<el-select
v-model="queryParams.status"
clearable
:disabled="true"
>
<el-option
v-for="dict in sys_normal_disable"
: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="name" :disabled="true">
<el-select v-model="queryParams.status" clearable :disabled="true">
<el-option
v-for="dict in sys_normal_disable"
: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="name" inline :disabled="true">
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
style="width: 49%"
/>
<el-select
v-model="queryParams.status"
clearable
style="width: 49%"
:disabled="true"
>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="剂型" prop="conditionCode">
<el-select v-model="queryParams.status" clearable :disabled="true">
<el-option
v-for="dict in sys_normal_disable"
: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="name">
<el-select
v-model="queryParams.status"
clearable
:disabled="true"
>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="16">
<el-form-item label="说明" prop="status">
<el-input
v-model="textarea2"
:autosize="{ minRows: 4, maxRows: 10 }"
type="textarea"
placeholder=""
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</template>
<script setup name="MedicineDialog">
// import {
// getDiseaseList,
// editDisease,
// addDisease,
// getDiseaseCategory,
// getDiseaseOne,
// } from "./components/medicine";
const router = useRouter();
const { proxy } = getCurrentInstance();
const { sys_normal_disable, sys_user_sex } = proxy.useDict(
"sys_normal_disable",
"sys_user_sex"
);
const diseaseList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const selectedData = ref([]); // 存储选择的行数据
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const dateRange = ref([]);
const deptName = ref("");
const visible = ref(false);
const conditionDefinitionOptions = ref(undefined);
// const initPassword = ref(undefined);
// const postOptions = ref([]);
// const roleOptions = ref([]);
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 50,
diseaseName: undefined, // 疾病名称
status: undefined, // 状态(包括 1预置2启用3停用
},
rules: {
name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
conditionCode: [
{ required: true, message: "编码不能为空", trigger: "blur" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
const props = defineProps({
item: {
type: Object,
required: false,
},
});
// 显示弹框
function show() {
// queryParams.roleId = props.roleId;
// getList();
visible.value = true;
}
// 显示弹框
function edit() {
// queryParams.roleId = props.roleId;
// getList();
console.log(props, "22222");
console.log(props.item);
console.log("props.item");
form.value = props.item;
visible.value = true;
}
defineExpose({
show,
edit,
});
</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>