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

Merge branch 'master' of https://codeup.aliyun.com/61c0318acd8b75daa5a125f7/medical/openhis

Browse Source
This commit is contained in:
菲菲
2025-02-27 17:42:24 +08:00
parent 1401fd761c 4dedaedce9
commit 1d533d1199
81 changed files with 5149 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
openhis-ui-vue3/package.json
View File

@@ -27,6 +27,7 @@
"fuse.js": "6.6.2",
"js-cookie": "3.0.5",
"jsencrypt": "3.3.2",
"moment": "^2.30.1",
"nprogress": "0.2.0",
"pinia": "2.1.7",
"province-city-china": "^8.5.8",

264
openhis-ui-vue3/src/utils/his.js Normal file
View File

@@ -0,0 +1,264 @@
// 日期格式化
export function parseTime(time, pattern) {
if (arguments.length === 0 || !time) {
return null
}
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
time = parseInt(time)
} else if (typeof time === 'string') {
time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), '');
}
if ((typeof time === 'number') && (time.toString().length === 10)) {
time = time * 1000
}
date = new Date(time)
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key]
// Note: getDay() returns 0 on Sunday
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
if (result.length > 0 && value < 10) {
value = '0' + value
}
return value || 0
})
return time_str
}
// 表单重置
export function resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
}
// 添加日期范围
export function addDateRange(params, dateRange, propName) {
let search = params;
search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {};
dateRange = Array.isArray(dateRange) ? dateRange : [];
if (typeof (propName) === 'undefined') {
search.params['beginTime'] = dateRange[0];
search.params['endTime'] = dateRange[1];
} else {
search.params['begin' + propName] = dateRange[0];
search.params['end' + propName] = dateRange[1];
}
return search;
}
export function addDateRanges(params, dateRange1, dateRange2, propName) {
let search = params;
search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {};
dateRange1 = Array.isArray(dateRange1) ? dateRange1 : [];
dateRange2 = Array.isArray(dateRange2) ? dateRange2 : [];
if (typeof (propName) === 'undefined') {
search.params['beginTime'] = dateRange1[0];
search.params['endTime'] = dateRange1[1];
search.params['timeFrom'] = dateRange2[0];
search.params['timeTo'] = dateRange2[1];
} else {
search.params['begin' + propName] = dateRange1[0];
search.params['end' + propName] = dateRange1[1];
search.params['from' + propName] = dateRange2[0];
search.params['to' + propName] = dateRange2[1];
}
return search;
}
// 回显数据字典
export function selectDictLabel(datas, value) {
if (value === undefined) {
return "";
}
var actions = [];
Object.keys(datas).some((key) => {
if (datas[key].value == ('' + value)) {
actions.push(datas[key].label);
return true;
}
})
if (actions.length === 0) {
actions.push(value);
}
return actions.join('');
}
// 回显数据字典（字符串数组）
export function selectDictLabels(datas, value, separator) {
if (value === undefined || value.length ===0) {
return "";
}
if (Array.isArray(value)) {
value = value.join(",");
}
var actions = [];
var currentSeparator = undefined === separator ? "," : separator;
var temp = value.split(currentSeparator);
Object.keys(value.split(currentSeparator)).some((val) => {
var match = false;
Object.keys(datas).some((key) => {
if (datas[key].value == ('' + temp[val])) {
actions.push(datas[key].label + currentSeparator);
match = true;
}
})
if (!match) {
actions.push(temp[val] + currentSeparator);
}
})
return actions.join('').substring(0, actions.join('').length - 1);
}
// 字符串格式化(%s )
export function sprintf(str) {
var args = arguments, flag = true, i = 1;
str = str.replace(/%s/g, function () {
var arg = args[i++];
if (typeof arg === 'undefined') {
flag = false;
return '';
}
return arg;
});
return flag ? str : '';
}
// 转换字符串，undefined,null等转化为""
export function parseStrEmpty(str) {
if (!str || str == "undefined" || str == "null") {
return "";
}
return str;
}
// 千位分隔
export function thousandNumber (num) {
return String(num).replace(/\B(?=(\d{3})+(?!\d))/g, ','); // 3是千分位，4是万分位
};
// 数据合并
export function mergeRecursive(source, target) {
for (var p in target) {
try {
if (target[p].constructor == Object) {
source[p] = mergeRecursive(source[p], target[p]);
} else {
source[p] = target[p];
}
} catch (e) {
source[p] = target[p];
}
}
return source;
};
/**
* 构造树型结构数据
* @param {*} data 数据源
* @param {*} id id字段 默认 'id'
* @param {*} parentId 父节点字段 默认 'parentId'
* @param {*} children 孩子节点字段 默认 'children'
*/
export function handleTree(data, id, parentId, children) {
let config = {
id: id || 'id',
parentId: parentId || 'parentId',
childrenList: children || 'children'
};
var childrenListMap = {};
var nodeIds = {};
var tree = [];
for (let d of data) {
let parentId = d[config.parentId];
if (childrenListMap[parentId] == null) {
childrenListMap[parentId] = [];
}
nodeIds[d[config.id]] = d;
childrenListMap[parentId].push(d);
}
for (let d of data) {
let parentId = d[config.parentId];
if (nodeIds[parentId] == null) {
tree.push(d);
}
}
for (let t of tree) {
adaptToChildrenList(t);
}
function adaptToChildrenList(o) {
if (childrenListMap[o[config.id]] !== null) {
o[config.childrenList] = childrenListMap[o[config.id]];
}
if (o[config.childrenList]) {
for (let c of o[config.childrenList]) {
adaptToChildrenList(c);
}
}
}
return tree;
}
/**
* 参数处理
* @param {*} params 参数
*/
export function tansParams(params) {
let result = ''
for (const propName of Object.keys(params)) {
const value = params[propName];
var part = encodeURIComponent(propName) + "=";
if (value !== null && value !== "" && typeof (value) !== "undefined") {
if (typeof value === 'object') {
for (const key of Object.keys(value)) {
if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {
let params = propName + '[' + key + ']';
var subPart = encodeURIComponent(params) + "=";
result += subPart + encodeURIComponent(value[key]) + "&";
}
}
} else {
result += part + encodeURIComponent(value) + "&";
}
}
}
return result
}
// 返回项目路径
export function getNormalPath(p) {
if (p.length === 0 || !p || p == 'undefined') {
return p
};
let res = p.replace('//', '/')
if (res[res.length - 1] === '/') {
return res.slice(0, res.length - 1)
}
return res;
}
// 验证是否为blob格式
export function blobValidate(data) {
return data.type !== 'application/json'
}

61
openhis-ui-vue3/src/views/basicmanage/organization/components/api.js Normal file
View File

@@ -0,0 +1,61 @@
import request from '@/utils/request'
export function getList(queryParams) {
return request({
url: '/basedatamanage/organization/organization',
method: 'get',
param: queryParams
})
}
export function addOrganization(data) {
return request({
url: '/basedatamanage/organization/organization',
method: 'post',
data: data
})
}
export function updateOrganization(data) {
return request({
url: '/basedatamanage/organization/organization',
method: 'put',
data: data
})
}
export function deleteOrganization(param) {
return request({
url: '/basedatamanage/organization/organization',
method: 'delete',
params: param
})
}
export function getOrgDetail(id) {
return request({
url: '/basedatamanage/organization/organization?orgId=' + id,
method: 'get',
})
}
export function initOrgTypeOption() {
return request({
url: '/basedatamanage/organization/init',
method: 'get',
})
}
export function disableOrg(id) {
return request({
url: '/basedatamanage/organization/organization-inactive?orgId=' + id,
method: 'put',
})
}
export function enableOrg(id) {
return request({
url: '/basedatamanage/organization/organization-active?orgId=' + id,
method: 'put',
})
}

296
openhis-ui-vue3/src/views/basicmanage/organization/index.vue Normal file
View File

@@ -0,0 +1,296 @@
<template>
<div class="app-container">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-tooltip
:content="selectRowIds.length == 0 ? '至少选择一条数据' : ''"
placement="top"
:disabled="selectRowIds.length != 0"
>
<el-button
type=""
plain
icon="Delete"
:disabled="selectRowIds.length == 0"
@click="handleDelete"
>删除</el-button
>
</el-tooltip>
</el-col>
<el-col :span="1.5">
<el-button type="" plain icon="Download" @click="handleExport"
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button type="" plain icon="Refresh" @click="getPageList"
>刷新</el-button
>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
ref="orgTableRef"
v-loading="loading"
:data="organization"
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column label="科室名称" align="left" prop="name" />
<el-table-column label="科室类型" align="center" prop="typeEnum" />
<el-table-column label="状态" align="center" prop="activeFlag" />
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button
link
type="primary"
@click="handelEdit(scope.row)"
v-hasPermi="['system:dict:edit']"
>修改</el-button
>
<el-button
link
type="primary"
@click="handleDisabled(scope.row.id)"
v-hasPermi="['system:dict:remove']"
v-if="scope.row.activeFlag == '1'"
>停用</el-button
>
<el-button
link
type="primary"
@click="handleDisabled(scope.row.id)"
v-hasPermi="['system:dict:remove']"
v-else
>启用</el-button
>
<!-- <el-button
link
type="primary"
@click="handleAddInferior(scope.row)"
v-hasPermi="['system:dict:edit']"
>添加下级</el-button
> -->
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改参数配置对话框 -->
<el-dialog title="添加科室" v-model="open" width="600px" append-to-body>
<el-form ref="orgRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="科室编号" prop="busNo">
<el-input v-model="form.busNo" placeholder="请输入科室编号" />
</el-form-item>
<el-form-item label="科室名称" prop="name">
<el-input v-model="form.name" placeholder="请输入科室名称" />
</el-form-item>
<el-form-item label="科室类型" prop="typeEnum">
<el-select
v-model="form.typeEnum"
placeholder="请选择科室类型"
clearable
style="width: 100%"
>
<el-option
v-for="item in orgTypeOption"
:key="item.value"
:label="item.code"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-col>
<el-form-item label="上级科室" prop="busNoParent">
<el-tree-select
style="width: 100%"
v-model="form.busNoParent"
:data="organization"
:props="{ value: 'busNo', label: 'name', children: 'children' }"
value-key="id"
check-strictly
/>
</el-form-item>
</el-col>
<!-- <el-form-item label="状态" prop="status"> </el-form-item> -->
<!-- <el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
></el-input>
</el-form-item> -->
</el-form>
<template #footer>
<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="organization">
import {
getList,
deleteOrganization,
addOrganization,
updateOrganization,
disableOrg,
initOrgTypeOption,
getOrgDetail,
enableOrg,
} from "./components/api";
const { proxy } = getCurrentInstance();
const { org_type } = proxy.useDict("org_type");
const loading = ref(true);
const organization = ref([]);
const queryParams = ref({});
const open = ref(false);
const form = ref({});
const orgTableRef = ref();
const orgTypeOption = ref([]);
const selectRowIds = ref([]);
const total = ref(0);
const rules = ref({
busNo: [{ required: true, message: "请输入科室编号", trigger: "change" }],
name: [
{ required: true, message: "请输入科室名称", trigger: "change" },
{ min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "change" },
],
typeEnum: [{ required: true, message: "请选择科室类型", trigger: "change" }],
});
getPageList();
function initOption() {
if (orgTypeOption.value.length == 0) {
initOrgTypeOption().then((res) => {
orgTypeOption.value = res.data;
});
}
}
function reset() {
form.value.busNo = undefined;
form.value.name = undefined;
form.value.typeEnum = undefined;
form.value.busNoParent = undefined;
proxy.resetForm("orgRef");
}
function getPageList() {
loading.value = false;
getList(queryParams.value).then((res) => {
organization.value = res.data.records;
total.value = res.data.total;
loading.value = false;
});
}
function handleAdd() {
reset();
initOption();
open.value = true;
console.log(form.value);
}
function handelEdit(row) {
reset();
initOption();
// if (row.busNo.lastIndexOf(".") != -1) {
// row.busNoParent = row.busNo.substring(0, row.busNo.lastIndexOf("."));
// row.busNo = row.busNo.substring(
// row.busNo.lastIndexOf(".") + 1,
// row.busNo.length
// );
// }
form.value.busNo = row.busNo;
form.value.name = row.name;
form.value.typeEnum = row.typeEnum;
form.value.busNoParent = undefined;
open.value = true;
}
function cancel() {
open.value = false;
reset();
}
function submitForm() {
proxy.$refs["orgRef"].validate((valid) => {
if (valid) {
if (form.value.busNoParent) {
form.value.busNo = form.value.busNoParent + "." + form.value.busNo;
}
if (form.value.id == undefined) {
addOrganization(form.value).then((res) => {
proxy.$modal.msgSuccess(res.msg);
open.value = false;
getList();
});
} else {
updateOrganization(form.value).then((res) => {
proxy.$modal.msgSuccess(res.msg);
open.value = false;
getList();
});
}
}
});
}
function handleDelete() {
loading.value = true;
deleteOrganization({ ids: selectRowIds.value.join(",") }).then((res) => {
proxy.$modal.msgSuccess(res.msg);
loading.value = false;
getList();
});
}
function handleDisabled(id) {
disableOrg(id).then((res) => {
proxy.$modal.msgSuccess(res.msg);
getList();
});
}
function handelEnable(id){
enableOrg(id).then((res) => {
proxy.$modal.msgSuccess(res.msg);
getList();
});
}
function handleSelectionChange() {
selectRowIds.value = orgTableRef.value
.getSelectionRows()
.map((item) => item.id);
}
// function handleAddInferior(row) {
// initOption();
// proxy.resetForm("orgRef");
// open.value = true;
// form.value.busNoParent = row.busNo;
// row.busNo = undefined;
// }
</script>

36
openhis-ui-vue3/src/views/catalog/disease/components/disease.js
View File

@@ -13,7 +13,7 @@ export function getDiseaseList(query) {
// 查询病种目录详细
export function getDiseaseOne(id) {
return request({
url: '/datadictionary/disease/information-one' + parseStrEmpty(id),
url: '/datadictionary/disease/information-one/' + parseStrEmpty(id),
method: 'get'
})
}
@@ -36,18 +36,36 @@ export function editDisease(data) {
})
}
// 删除病种目录
export function delUser(userId) {
return request({
url: '/system/user/' + userId,
method: 'delete'
})
}
// // 删除病种目录
// export function delUser(userId) {
// return request({
// url: '/system/user/' + userId,
// method: 'delete'
// })
// }
// 病种目录分类查询
export function getDiseaseCategory() {
return request({
url: '/datadictionary/disease/information-category',
url: '/datadictionary/disease/information-init',
method: 'get'
})
}
// 停用病种目录
export function stopDisease(ids) {
return request({
url: '/datadictionary/disease/information-stop',
method: 'put',
data: ids
})
}
// 启用病种目录
export function startDisease(ids) {
return request({
url: '/datadictionary/disease/information-start',
method: 'put',
data: ids
})
}

103
openhis-ui-vue3/src/views/catalog/disease/index.vue
View File

@@ -12,19 +12,33 @@
style="margin-bottom: 20px"
/>
</div> -->
<!-- <div class="head-container">
<div class="head-container">
<el-tree
:data="conditionDefinitionOptions"
:props="{ label: 'label', children: 'children' }"
:props="{ label: 'info', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="deptTreeRef"
node-key="id"
node-key="value"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</div> -->
>
<template v-slot="{ node, data }">
<span class="custom-tree-node">
<i
:class="{
'el-icon-folder': !node.expanded && !data.children.length,
'el-icon-folder-opened': node.expanded,
'el-icon-document': data.children.length === 0,
}"
style="color: #409eff"
/>
<span>{{ node.label }}</span>
</span>
</template>
</el-tree>
</div>
</el-col>
<!--用户数据-->
<el-col :span="20" :xs="24">
@@ -35,26 +49,26 @@
v-show="showSearch"
label-width="68px"
>
<el-form-item label="疾病：" prop="diseaseName">
<el-form-item label="疾病：" prop="searchKey">
<el-input
v-model="queryParams.diseaseName"
v-model="queryParams.searchKey"
placeholder="名称/ICD10编码/拼音助记码"
clearable
style="width: 240px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="是否停用" prop="status">
<el-form-item label="是否停用" prop="statusEnum">
<el-select
v-model="queryParams.status"
v-model="queryParams.statusEnum"
clearable
style="width: 240px"
>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
:label="dict.label"
:value="dict.value"
v-for="status in statusFlagOptions"
:key="status.value"
:label="status.info"
:value="status.value"
/>
</el-select>
</el-form-item>
@@ -287,23 +301,29 @@ import {
addDisease,
getDiseaseCategory,
getDiseaseOne,
stopDisease,
startDisease
} from "./components/disease";
const router = useRouter();
const { proxy } = getCurrentInstance();
const { sys_normal_disable, sys_user_sex } = proxy.useDict( "sys_normal_disable","sys_user_sex");
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 conditionDefinitionOptions = ref(undefined);
// 是否停用
const statusFlagOptions = ref(undefined);
// const initPassword = ref(undefined);
// const postOptions = ref([]);
// const roleOptions = ref([]);
@@ -313,16 +333,15 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 50,
diseaseName: undefined, // 疾病名称
status: undefined, // 状态（包括 1：预置，2：启用，3：停用）
searchKey: undefined, // 疾病名称
statusEnum: undefined, // 状态（包括 1：预置，2：启用，3：停用）
sourceEnum: undefined, // 来源（包括 1：病种目录分类，2：自定义）
},
rules: {
name: [
{ required: true, message: "名称不能为空", trigger: "blur" },
],
name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
conditionCode: [
{ required: true, message: "编码不能为空", trigger: "blur" },
]
],
},
});
@@ -341,12 +360,16 @@ const filterNode = (value, data) => {
function getDiseaseCategoryList() {
getDiseaseCategory().then((response) => {
console.log(response, "response病种目录分类查询下拉树结构");
conditionDefinitionOptions.value = response.data;
conditionDefinitionOptions.value = response.data.diseaseCategoryList;
statusFlagOptions.value = response.data.statusFlagOptions;
});
}
/** 查询病种目录列表 */
function getList() {
loading.value = true;
// queryParams.value.statusEnum = +queryParams.value.statusEnum
console.log(queryParams.value, "queryParams.value");
getDiseaseList(queryParams.value).then((res) => {
loading.value = false;
console.log(res, "res");
@@ -357,7 +380,7 @@ function getList() {
}
/** 节点单击事件 */
function handleNodeClick(data) {
queryParams.value.deptId = data.id;
queryParams.value.sourceEnum = data.id;
handleQuery();
}
/** 搜索按钮操作 */
@@ -374,17 +397,12 @@ function handleQuery() {
// handleQuery();
// };
/** 启用按钮操作 */
function handleStart() {
selectedData.value.forEach((item) => {
item.statusEnum = "2";
});
const data = selectedData.value;
// selectedData
console.log(data, "data");
function handleStart(row) {
const stardIds = row.id || ids.value;
proxy.$modal
.confirm("是否确定启用数据！")
.then(function () {
return editDisease(data);
return startDisease(stardIds);
})
.then(() => {
getList();
@@ -393,16 +411,12 @@ function handleStart() {
.catch(() => {});
}
/** 停用按钮操作 */
function handleClose() {
selectedData.value.forEach((item) => {
item.statusEnum = "3";
});
const data = selectedData.value;
console.log(data, "data");
function handleClose(row) {
const stopIds = row.id || ids.value;
proxy.$modal
.confirm("是否确认停用数据！")
.then(function () {
return editDisease(data);
return stopDisease(stopIds);
})
.then(() => {
getList();
@@ -435,7 +449,8 @@ function handleExport() {
/** 选择条数 */
function handleSelectionChange(selection) {
console.log(selection, "selection");
selectedData.value = selection.map((item) => ({ ...item })); // 存储选择的行数据
// selectedData.value = selection.map((item) => ({ ...item })); // 存储选择的行数据
ids.value = selection.map(item => item.userId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
@@ -487,9 +502,7 @@ function submitForm() {
// ? (form.value.statusEnum = "3")
// : (form.value.statusEnum = "2");
console.log(form.value, "editDisease", form.value.statusEnum);
let param = [];
param.push(form.value);
editDisease(param).then((response) => {
editDisease(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
@@ -518,3 +531,9 @@ function handleView(row) {
getDiseaseCategoryList();
getList();
</script>
<style scoped>
.custom-tree-node {
display: flex;
align-items: center;
}
</style>

35
openhis-ui-vue3/src/views/catalog/medicine/components/medicine.js
View File

@@ -1,43 +1,42 @@
import request from '@/utils/request'
import { parseStrEmpty } from "@/utils/openhis";
// 查询病种目录列表
export function getDiseaseList(query) {
// 查询药品目录列表
export function getMedicationList(query) {
return request({
url: '/datadictionary/disease/information-page',
url: '/datadictionary/medication/information-page',
method: 'get',
params: query
})
}
// 查询病种目录详细
export function getDiseaseOne(id) {
// 查询药品目录详细
export function getMedicationOne(id) {
return request({
url: '/datadictionary/disease/information-one',
method: 'get',
params: id
url: '/datadictionary/medication/information-one/' + parseStrEmpty(id),
method: 'get'
})
}
// 新增病种目录
export function addDisease(data) {
// 新增药品目录
export function addMedication(data) {
return request({
url: '/datadictionary/disease/information',
url: '/datadictionary/medication/information',
method: 'post',
data: data
})
}
// 修改病种目录
export function editDisease(data) {
// 修改药品目录
export function editMedication(data) {
return request({
url: '/datadictionary/disease/information',
url: '/datadictionary/medication/information',
method: 'put',
data: data
})
}
// 删除病种目录
// 删除药品目录
export function delUser(userId) {
return request({
url: '/system/user/' + userId,
@@ -45,10 +44,10 @@ export function delUser(userId) {
})
}
// 病种目录分类查询
export function getDiseaseCategory() {
// 药品目录分类查询
export function getMedicationCategory() {
return request({
url: '/datadictionary/disease/information-category',
url: '/datadictionary/medication/information-init',
method: 'get'
})
}

303
openhis-ui-vue3/src/views/catalog/medicine/components/medicineDialog.vue
View File

@@ -7,15 +7,15 @@
<el-form
:model="form"
:rules="rules"
ref="diseaseRef"
ref="medicationRef"
label-width="110px"
label-position="left"
>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="编号" prop="conditionCode">
<el-form-item label="编号" prop="busNo">
<el-input
v-model="form.conditionCode"
v-model="form.busNo"
placeholder="请输入编码"
maxlength="30"
:disabled="form.id != undefined"
@@ -28,36 +28,58 @@
v-model="form.name"
placeholder="请输入药品名"
maxlength="30"
:disabled="form.id != undefined"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="拼音码(品名)" prop="name">
<el-form-item label="拼音码(品名)" prop="pyStr">
<el-input
v-model="form.name"
v-model="form.pyStr"
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="conditionCode">
<el-form-item label="规格" prop="totalVolume">
<el-input
v-model="form.conditionCode"
v-model="form.totalVolume"
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="merchandiseName">
<el-input
v-model="form.name"
v-model="form.merchandiseName"
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="unitCode">
<el-input
v-model="form.unitCode"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
@@ -65,9 +87,9 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="商品名" prop="name">
<el-form-item label="最小单位" prop="minUnitCode">
<el-input
v-model="form.name"
v-model="form.minUnitCode"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
@@ -77,41 +99,9 @@
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="厂家/产地" prop="conditionCode">
<el-form-item label="拆零比" prop="partPercent">
<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-input
v-model="form.name"
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"
:disabled="form.id != undefined"
/>
</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.conditionCode"
v-model="form.partPercent"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
@@ -141,33 +131,22 @@
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="批准文号" prop="conditionCode">
<el-form-item label="批准文号" prop="approvalNumber">
<el-input
v-model="form.conditionCode"
v-model="form.approvalNumber"
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"
:disabled="form.id != undefined"
/>
<el-input v-model="form.name" placeholder="" maxlength="30" />
</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="form.id != undefined"
/>
<el-input v-model="form.name" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
@@ -178,13 +157,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="皮试判别" prop="name">
<el-checkbox v-model="form.status"></el-checkbox>
<el-form-item label="皮试判别" prop="skinTestFlag">
<el-checkbox v-model="form.skinTestFlag"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="注射药品" prop="name">
<el-checkbox v-model="form.status"></el-checkbox>
<el-form-item label="注射药品" prop="injectFlag">
<el-checkbox v-model="form.injectFlag"></el-checkbox>
</el-form-item>
</el-col>
</el-row>
@@ -208,41 +187,49 @@
<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-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" inline>
<el-input
v-model="form.name"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
style="width: 49%"
/>
<el-select
v-model="queryParams.status"
clearable
:disabled="form.id != undefined"
>
<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="rateCode">
<el-select
v-model="queryParams.rateCode"
clearable
:disabled="form.id != undefined"
>
<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="dose" inline>
<el-input
v-model="form.dose"
placeholder=""
maxlength="30"
style="width: 49%"
/>
<el-select
v-model="queryParams.doseUnitCode"
clearable
style="width: 49%"
:disabled="form.id != undefined"
>
<el-option
v-for="dict in sys_normal_disable"
@@ -256,8 +243,12 @@
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="剂型" prop="conditionCode">
<el-select v-model="queryParams.status" clearable>
<el-form-item label="剂型" prop="doseFormCode">
<el-select
v-model="queryParams.doseFormCode"
clearable
:disabled="form.id != undefined"
>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
@@ -269,7 +260,11 @@
</el-col>
<el-col :span="8">
<el-form-item label="病案结算项" prop="name">
<el-select v-model="queryParams.status" clearable>
<el-select
v-model="queryParams.status"
clearable
:disabled="form.id != undefined"
>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
@@ -281,14 +276,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="剂量单位换算比" prop="name">
<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-input v-model="form.name" placeholder="" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
@@ -349,7 +337,11 @@
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="库存预警量(最小单位)" prop="conditionCode" class="custom-label-spacing">
<el-form-item
label="库存预警量(最小单位)"
prop="conditionCode"
class="custom-label-spacing"
>
<el-input
v-model="form.conditionCode"
placeholder=""
@@ -364,7 +356,11 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取消批次号管理" prop="name" class="custom-label-spacing">
<el-form-item
label="取消批次号管理"
prop="name"
class="custom-label-spacing"
>
<el-checkbox v-model="form.status"></el-checkbox>
</el-form-item>
</el-col>
@@ -410,9 +406,9 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="限制使用范围" prop="name">
<el-form-item label="限制使用范围" prop="restrictedScope">
<el-input
v-model="form.name"
v-model="form.restrictedScope"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
@@ -420,9 +416,9 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label=" 限制使用标记" prop="name">
<el-form-item label="限制使用标记" prop="restrictedFlag">
<el-input
v-model="form.name"
v-model="form.restrictedFlag"
placeholder=""
maxlength="30"
:disabled="form.id != undefined"
@@ -503,7 +499,7 @@
<el-form-item label="说明" prop="status">
<el-input
v-model="textarea2"
:autosize="{ minRows: 4, maxRows: 10}"
:autosize="{ minRows: 4, maxRows: 10 }"
type="textarea"
placeholder=""
/>
@@ -539,23 +535,9 @@ const { sys_normal_disable, sys_user_sex } = proxy.useDict(
"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 emits = defineEmits(['submit']); // 声明自定义事件
const data = reactive({
form: {},
@@ -566,23 +548,76 @@ const data = reactive({
status: undefined, // 状态（包括 1：预置，2：启用，3：停用）
},
rules: {
name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
conditionCode: [
{ required: true, message: "编码不能为空", trigger: "blur" },
],
// 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,
},
});
// 显示弹框
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;
}
/** 重置操作表单 */
function reset() {
form.value = {
id: undefined,
busNo: undefined, // 编码
name: undefined, // 名称
pyStr: undefined, // 拼音码(品名)
totalVolume: undefined, // 规格
merchandiseName: undefined, // 商品名称
manufacturerId: undefined, // 厂商ID
unitCode: undefined, // 包装单位
minUnitCode: undefined, // 最小单位
partPercent: undefined, // 拆零比
approvalNumber: undefined, // 批准文号
skinTestFlag: undefined, // 皮试标志
injectFlag: undefined, // 注射标志
rateCode: undefined, // 医保支付比例编码
doseCode: undefined, // 单次剂量
doseUnitCode: undefined, // 单次剂量单位
doseFormCode: undefined, // 剂型
restrictedScope: undefined, // 限制范围
restrictedFlag: undefined, // 限制标志
};
proxy.resetForm("medicationRef");
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["medicationRef"].validate((valid) => {
if (valid) {
// 将表单数据发送给父组件
emits("submit", form.value);
}
});
}
defineExpose({
show,
edit,
});
</script>
<style scoped>

363
openhis-ui-vue3/src/views/catalog/medicine/components/medicineViewDialog.vue Normal file
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>

227
openhis-ui-vue3/src/views/catalog/medicine/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--疾病目录数据-->
<!--药品目录-->
<el-col :span="4" :xs="24">
<!-- <div class="head-container">
<el-input
@@ -12,21 +12,21 @@
style="margin-bottom: 20px"
/>
</div> -->
<!-- <div class="head-container">
<div class="head-container">
<el-tree
:data="conditionDefinitionOptions"
:props="{ label: 'label', children: 'children' }"
:data="medicationOptions"
:props="{ label: 'info', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="deptTreeRef"
ref="medicationTreeRef"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</div> -->
</div>
</el-col>
<!--用户数据-->
<!--药品目录-->
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
@@ -37,9 +37,9 @@
>
<el-row :gutter="24">
<el-col :span="6">
<el-form-item label="药品" prop="diseaseName" label-width="40">
<el-form-item label="药品" prop="searchKey" label-width="40">
<el-input
v-model="queryParams.diseaseName"
v-model="queryParams.searchKey"
placeholder="品名/商品名/英文品名/编码/拼音"
clearable
style="width: 240px"
@@ -53,7 +53,7 @@
prop="status"
label-width="100"
>
<el-select v-model="queryParams.status" clearable>
<el-select v-model="queryParams.statusEnum" clearable>
<el-option
v-for="dict in sys_normal_disable"
:key="dict.value"
@@ -70,7 +70,7 @@
label-width="100"
>
<el-select
v-model="queryParams.status"
v-model="queryParams.ybMatchFlag"
placeholder="用户状态"
clearable
>
@@ -83,7 +83,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<!-- <el-col :span="4">
<el-form-item label="已发生业务" prop="status" label-width="100">
<el-select
v-model="queryParams.status"
@@ -98,7 +98,7 @@
/>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="4">
<el-form-item label="医保等级" prop="status" label-width="80">
<el-select
@@ -116,7 +116,6 @@
</el-form-item>
</el-col>
</el-row>
<!-- <el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -129,7 +128,7 @@
type="primary"
plain
icon="Plus"
@click="openMedicineDialog"
@click="openAddMedicine"
v-hasPermi="['system:user:add']"
>添加新项目</el-button
>
@@ -154,7 +153,7 @@
>停用</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
@@ -164,7 +163,7 @@
v-hasPermi="['system:user:remove']"
>启用</el-button
>
</el-col>
</el-col> -->
<el-col :span="1.5">
<el-button
type="primary"
@@ -189,7 +188,7 @@
<el-table
v-loading="loading"
:data="diseaseList"
:data="medicationList"
@selection-change="handleSelectionChange"
width="90%"
>
@@ -197,8 +196,8 @@
<el-table-column
label="编码"
align="center"
key="conditionCode"
prop="conditionCode"
key="busNo"
prop="busNo"
:show-overflow-tooltip="true"
/>
<el-table-column
@@ -211,23 +210,23 @@
<el-table-column
label="规格"
align="center"
key="pyStr"
prop="pyStr"
key="totalVolume"
prop="totalVolume"
:show-overflow-tooltip="true"
/>
<el-table-column
label="厂家(产地)"
align="center"
key="ybNo"
prop="ybNo"
key="manufacturerId"
prop="manufacturerId"
:show-overflow-tooltip="true"
width="100"
/>
<el-table-column
label="单位"
align="center"
key="ybName"
prop="ybName"
key="unitCode"
prop="unitCode"
:show-overflow-tooltip="true"
width="50"
/>
@@ -255,8 +254,8 @@
<el-table-column
label="拆零比"
align="center"
key="statusEnum"
rop="statusEnum"
key="partPercent"
rop="partPercent"
:show-overflow-tooltip="true"
/>
<el-table-column
@@ -269,18 +268,18 @@
<el-table-column
label="医保编码"
align="center"
key="statusEnum"
rop="statusEnum"
key="ybNo"
rop="ybNo"
:show-overflow-tooltip="true"
/>
<el-table-column
label="医保已对码"
align="center"
key="statusEnum"
rop="statusEnum"
key="ybMatchFlag"
rop="ybMatchFlag"
:show-overflow-tooltip="true"
width="100"
width="100"
/>
<el-table-column
label="医保等级"
@@ -299,16 +298,16 @@
<el-table-column
label="限制使用标记"
align="center"
key="statusEnum"
rop="statusEnum"
key="restrictedFlag"
rop="restrictedFlag"
:show-overflow-tooltip="true"
width="110"
width="110"
/>
<el-table-column
label="限制使用范围"
align="center"
key="statusEnum"
rop="statusEnum"
key="restrictedScope"
rop="restrictedScope"
:show-overflow-tooltip="true"
width="110"
/>
@@ -400,7 +399,7 @@
link
type="primary"
icon="Edit"
@click="handleUpdate(scope.row)"
@click="openEditMedicine(scope.row)"
v-hasPermi="['system:user:edit']"
>编辑</el-button
>
@@ -408,7 +407,7 @@
link
type="primary"
icon="View"
@click="handleView(scope.row)"
@click="openViewMedicine(scope.row)"
v-hasPermi="['system:user:remove']"
>查看</el-button
>
@@ -424,10 +423,19 @@
/>
</el-col>
</el-row>
<medicine-dialog ref="medicineRef" :roleId="queryParams.roleId" @ok="handleQuery" />
<medicine-dialog
ref="medicineRef"
:item="currentData"
@submit="submitForm"
/>
<medicine-view-dialog
ref="medicineViewRef"
:item="viewData"
:viewFlg="viewFlg"
/>
<!-- 添加或修改用户配置对话框 -->
<!-- <el-dialog :title="title" v-model="open" width="600px" append-to-body>
<el-form :model="form" :rules="rules" ref="diseaseRef" label-width="80px">
<el-form :model="form" :rules="rules" ref="medicationRef" label-width="80px">
<el-row>
<el-col :span="12">
<el-form-item label="名称" prop="name">
@@ -473,15 +481,17 @@
</div>
</template>
<script setup name="Disease">
<script setup name="Medication">
import {
getDiseaseList,
editDisease,
addDisease,
getDiseaseCategory,
getDiseaseOne,
getMedicationList,
editMedication,
addMedication,
getMedicationCategory,
getMedicationOne,
} from "./components/medicine";
import medicineDialog from "./components/medicineDialog";
import medicineViewDialog from "./components/medicineViewDialog";
import { nextTick } from "vue";
const router = useRouter();
const { proxy } = getCurrentInstance();
@@ -490,19 +500,20 @@ const { sys_normal_disable, sys_user_sex } = proxy.useDict(
"sys_user_sex"
);
const diseaseList = ref([]);
const medicationList = 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 conditionDefinitionOptions = ref(undefined);
const medicationOptions = ref(undefined);
// 使用 ref 定义当前药品数据
const currentData = ref({});
// 使用 ref 定义当前查看药品数据
const viewData = ref({});
// const initPassword = ref(undefined);
// const postOptions = ref([]);
// const roleOptions = ref([]);
@@ -512,14 +523,16 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 50,
diseaseName: undefined, // 疾病名称
searchKey: undefined, // 品名/商品名/英文品名/编码/拼音
statusEnum: undefined, // 状态（包括 1：预置，2：启用，3：停用）
ybMatchFlag: undefined, // 是否医保匹配（包括 1：是，0：否）
status: undefined, // 状态（包括 1：预置，2：启用，3：停用）
},
rules: {
name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
conditionCode: [
{ required: true, message: "编码不能为空", trigger: "blur" },
],
// name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
// conditionCode: [
// { required: true, message: "编码不能为空", trigger: "blur" },
// ],
},
});
@@ -535,20 +548,20 @@ const filterNode = (value, data) => {
// proxy.$refs["deptTreeRef"].filter(val);
// });
/** 病种目录分类查询下拉树结构 */
function getDiseaseCategoryList() {
getDiseaseCategory().then((response) => {
console.log(response, "response病种目录分类查询下拉树结构");
conditionDefinitionOptions.value = response.data;
function getMedicationCategoryList() {
getMedicationCategory().then((response) => {
console.log(response, "response药品目录分类查询下拉树结构");
medicationOptions.value = response.data;
});
}
/** 查询病种目录列表 */
function getList() {
loading.value = true;
getDiseaseList(queryParams.value).then((res) => {
getMedicationList(queryParams.value).then((res) => {
loading.value = false;
console.log(res, "res");
diseaseList.value = res.data.records;
total.value = res.total;
medicationList.value = res.data.records;
total.value = res.data.total;
});
}
/** 节点单击事件 */
@@ -573,7 +586,7 @@ function handleStart() {
proxy.$modal
.confirm("是否确定启用数据！")
.then(function () {
return editDisease(data);
return editMedication(data);
})
.then(() => {
getList();
@@ -591,7 +604,7 @@ function handleClose() {
proxy.$modal
.confirm("是否确认停用数据！")
.then(function () {
return editDisease(data);
return editMedication(data);
})
.then(() => {
getList();
@@ -635,17 +648,45 @@ function reset() {
status: undefined,
statusEnum: undefined,
};
proxy.resetForm("diseaseRef");
proxy.resetForm("medicationRef");
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 打开新增/编辑弹窗 */
function openMedicineDialog() {
/** 打开新增弹窗 */
function openAddMedicine() {
proxy.$refs["medicineRef"].show();
}
/** 打开编辑弹窗 */
function openEditMedicine(row) {
currentData.value = row;
console.log(currentData.value, "currentData");
// 确保子组件已经接收到最新的 props
nextTick(() => {
proxy.$refs["medicineRef"].edit();
});
// proxy.$refs["medicineRef"].edit();
}
/** 打开查看弹窗 */
function openViewMedicine(row) {
// viewData.value = row;
reset();
getMedicationOne(row.id).then((response) => {
viewData.value = response.data;
nextTick(() => {
proxy.$refs["medicineViewRef"].edit();
});
getList();
});
console.log(viewData.value, "currentData");
// 确保子组件已经接收到最新的 props
nextTick(() => {
proxy.$refs["medicineViewRef"].edit();
});
// proxy.$refs["medicineRef"].edit();
}
/** 新增按钮操作 */
function handleAdd() {
reset();
@@ -661,43 +702,37 @@ function handleUpdate(row) {
title.value = "病种编辑";
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["diseaseRef"].validate((valid) => {
if (valid) {
if (form.value.id != undefined) {
form.value.status
? (form.value.statusEnum = "3")
: (form.value.statusEnum = "2");
console.log(form.value, "editDisease", form.value.statusEnum);
let param = [];
param.push(form.value);
editDisease(param).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addDisease(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
function submitForm(formData) {
if (formData.id != undefined) {
// form.value.status
// ? (form.value.statusEnum = "3")
// : (form.value.statusEnum = "2");
// console.log(form.value, "editMedication", form.value.statusEnum);
editMedication(formData).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addMedication(formData).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
/** 详细按钮操作 */
function handleView(row) {
reset();
open.value = true;
getDiseaseOne(row.id).then((response) => {
getMedicationOne(row.id).then((response) => {
console.log(response, "responsebbbb", row.id);
form.value = response.data;
// getList();
});
}
getDiseaseCategoryList();
getMedicationCategoryList();
getList();
</script>
<style scoped>

36
openhis-ui-vue3/src/views/datadictionary/definition/components/definition.js Normal file
View File

@@ -0,0 +1,36 @@
import request from '@/utils/request'
// 查询费用定价信息列表
export function listDefinition(query) {
return request({
url: '/dict-dictionary/definition/item-definition-page',
method: 'get',
params: query
})
}
// 初始化下拉选
export function initOption(query) {
return request({
url: '/dict-dictionary/definition/init',
method: 'get',
params: query
})
}
// 修改费用定价信息
export function updateDefinition(data) {
return request({
url: '/dict-dictionary/definition/item-definition',
method: 'put',
data: data
})
}
// 修改费用定价信息
export function getOptions() {
return request({
url: '/dict-dictionary/definition/status-enum-option',
method: 'get',
})
}

220
openhis-ui-vue3/src/views/datadictionary/definition/components/edit.vue Normal file
View File

@@ -0,0 +1,220 @@
<template>
<el-dialog
:title="title"
v-model="localOpen"
width="800px"
append-to-body
@close="cancel"
>
<template #header>
<div class="custom-header">
<span>{{ title }}</span>
</div>
</template>
<div class="scrollable-content">
<el-form ref="definitionRef" :model="fromModel" label-width="140px">
<el-row>
<el-col :span="8">
<el-form-item label-width="100" label="项目编号" prop="itemNo">
<el-input v-model="fromModel.itemNo" disabled="true" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="项目名称" prop="chargeName">
<el-input v-model="fromModel.chargeName" disabled="true" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="规格" prop="totalVolume">
<el-input v-model="fromModel.totalVolume" disabled="true" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="单位" prop="unitCode">
<el-input v-model="fromModel.unitCode" disabled="true" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="拆零比" prop="partPercent">
<el-input-number
v-model="fromModel.partPercent"
:min="0"
:max="999999.99"
:step="0.01"
:precision="2"
controls-position="right"
:controls="false"
disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label-width="100"
label="指导价"
prop="conditionYbCode"
>
<el-input-number
v-model="fromModel.conditionYbCode"
:min="0"
:max="999999.99"
:step="0.01"
:precision="2"
controls-position="right"
:controls="false"
disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="价格" prop="amount">
<el-input-number
v-model="fromModel.amount"
:min="0"
:max="999999.99"
:step="0.01"
:precision="2"
controls-position="right"
:controls="false"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label-width="100"
label="拆零最小单位"
prop="partMinUnitCode"
>
<el-input v-model="fromModel.partMinUnitCode" disabled="true" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label-width="100"
label="拆零指导价"
prop="partConditionPrice"
>
<el-input-number
v-model="fromModel.partConditionPrice"
:min="0"
:max="999999.99"
:step="0.01"
:precision="2"
controls-position="right"
:controls="false"
disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="拆零价格" prop="price">
<el-input-number
v-model="fromModel.price"
:min="0"
:max="999999.99"
:step="0.01"
:precision="2"
:controls="false"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label-width="100" label="状态" prop="statusEnum">
<el-select
v-model="fromModel.statusEnum"
placeholder="请选择状态"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label-width="100" label="调价说明" prop="description">
<el-input
v-model="fromModel.description"
style="width: 100%"
autosize
type="textarea"
placeholder="请输入调价说明"
maxlength="200"
show-word-limit
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
const emit = defineEmits(["submit", "update:open"]);
const props = defineProps({
title: String,
open: Boolean,
formData: Object,
statusOptions: Object
});
const localOpen = ref(props.open);
const definitionRef = ref(null);
const fromModel = ref(props.formData);
const options = ref([]);
/**
* 提交表单函数
*/
const submitForm = () => {
// 调用表单引用上的validate方法进行表单验证
definitionRef.value.validate((valid) => {
if (valid) {
// 验证成功，触发'submit'事件并传递表单数据
fromModel.value.statusEnum = Number(fromModel.value.statusEnum);
// fromModel.value.statusEnum = "active"
emit("submit", fromModel.value);
} else {
// 验证失败，显示错误消息
ElMessage.warning("请确认后再提交");
return false;
}
});
};
/**
* 取消操作的函数
*/
const cancel = () => {
definitionRef.value.resetFields();
emit("update:open", false);
};
watch(
() => props.open,
(newVal) => {
localOpen.value = newVal;
fromModel.value = props.formData;
options.value = props.statusOptions
if (!newVal) {
// 如果对话框关闭，重置表单
definitionRef.value.resetFields();
}
}
);
</script>
<style lang="scss" scoped>
:deep(.el-input-number .el-input__inner){
-webkit-appearance: none;
-moz-appearance: textfield;
text-align: left;
line-height: 1;
}
</style>

780
openhis-ui-vue3/src/views/datadictionary/definition/index.vue Normal file
View File

@@ -0,0 +1,780 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
label-width="90px"
>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="药品定价" name="1">
<el-row :gutter="16">
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="收费项目"
style="width: 100%"
prop="chargeItem"
>
<el-select
v-model="queryParams.chargeItem"
placeholder="请选择收费项目"
size="large"
style="width: 240px"
@change="handleQuery"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="名称"
style="width: 100%"
prop="searchKey"
>
<el-input
v-model="queryParams.searchKey"
placeholder="名称/编码/拼音"
clearable
@keyup.enter="handleQuery"
@blur="handleQuery"
/>
</el-form-item>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="definitionList"
tooltip-effect="dark"
:show-overflow-tooltip="true"
>
<el-table-column
type="selection"
width="40"
align="center"
fixed="left"
/>
<el-table-column
label="项目编号"
width="150"
prop="itemNo"
align="center"
>
<template #default="scope">
{{ scope.row.itemNo ? scope.row.itemNo : "-" }}
</template>
</el-table-column>
<el-table-column
label="项目名称"
width="150"
prop="chargeName"
align="center"
>
<template #default="scope">
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
</template>
</el-table-column>
<el-table-column
label="规格"
width="150"
prop="totalVolume"
align="center"
>
<template #default="scope">
{{ scope.row.totalVolume ? scope.row.totalVolume : "-" }}
</template>
</el-table-column>
<el-table-column
label="单位"
width="150"
prop="unitCode"
align="center"
>
<template #default="scope">
{{ scope.row.unitCode ? scope.row.unitCode : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零比"
width="150"
prop="partPercent"
align="center"
>
<template #default="scope">
{{ scope.row.partPercent ? thousandNumber(scope.row.partPercent) : "-" }}
</template>
</el-table-column>
<el-table-column
label="指导价"
width="150"
prop="conditionYbCode"
align="center"
>
<template #default="scope">
{{
scope.row.conditionYbCode ? thousandNumber(scope.row.conditionYbCode) : "-"
}}
</template>
</el-table-column>
<el-table-column
label="实际价格"
width="150"
prop="amount"
align="center"
>
<template #default="scope">
{{ scope.row.amount ? thousandNumber(scope.row.amount) : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零最小单位"
width="150"
prop="partMinUnitCode"
align="center"
>
<template #default="scope">
{{
scope.row.partMinUnitCode ? scope.row.partMinUnitCode : "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零指导价"
width="150"
prop="partConditionPrice"
align="center"
>
<template #default="scope">
{{
scope.row.partConditionPrice
? thousandNumber(scope.row.partConditionPrice)
: "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零价格"
width="150"
prop="price"
align="center"
>
<template #default="scope">
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价说明"
width="150"
prop="description"
align="center"
>
<template #default="scope">
{{ scope.row.description ? scope.row.description : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价时间"
width="200"
prop="updateTime"
align="center"
>
<template #default="scope">
{{ scope.row.updateTime ? moment(scope.row.updateTime).format("YYYY-MM-DD HH:mm:ss") : "-" }}
</template>
</el-table-column>
<el-table-column
label="状态"
width="150"
prop="statusEnumText"
align="center"
>
<template #default="scope">
{{ scope.row.statusEnumText ? scope.row.statusEnumText : "-" }}
</template>
</el-table-column>
<el-table-column
min-width="290"
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template #default="scope">
<el-button link type="primary" @click="handleUpdate(scope.row)"
>修改</el-button
>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-tab-pane>
<el-tab-pane label="器具定价" name="2">
<el-row :gutter="16">
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="收费项目"
style="width: 100%"
prop="chargeItem"
>
<el-select
v-model="queryParams.chargeItem"
placeholder="请选择收费项目"
size="large"
style="width: 240px"
@change="handleQuery"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="名称"
style="width: 100%"
prop="searchKey"
>
<el-input
v-model="queryParams.searchKey"
placeholder="名称/编码/拼音"
clearable
@keyup.enter="handleQuery"
@blur="handleQuery"
/>
</el-form-item>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="definitionList"
tooltip-effect="dark"
:show-overflow-tooltip="true"
>
<el-table-column
type="selection"
width="40"
align="center"
fixed="left"
/>
<el-table-column
label="项目编号"
width="150"
prop="itemNo"
align="center"
>
<template #default="scope">
{{ scope.row.itemNo ? scope.row.itemNo : "-" }}
</template>
</el-table-column>
<el-table-column
label="项目名称"
width="150"
prop="chargeName"
align="center"
>
<template #default="scope">
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
</template>
</el-table-column>
<el-table-column
label="规格"
width="150"
prop="totalVolume"
align="center"
>
<template #default="scope">
{{ scope.row.totalVolume ? scope.row.totalVolume : "-" }}
</template>
</el-table-column>
<el-table-column
label="单位"
width="150"
prop="unitCode"
align="center"
>
<template #default="scope">
{{ scope.row.unitCode ? scope.row.unitCode : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零比"
width="150"
prop="partPercent"
align="center"
>
<template #default="scope">
{{ scope.row.partPercent ? thousandNumber(scope.row.partPercent) : "-" }}
</template>
</el-table-column>
<el-table-column
label="指导价"
width="150"
prop="conditionYbCode"
align="center"
>
<template #default="scope">
{{
scope.row.conditionYbCode ? thousandNumber(scope.row.conditionYbCode) : "-"
}}
</template>
</el-table-column>
<el-table-column
label="价格"
width="150"
prop="price"
align="center"
>
<template #default="scope">
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零最小单位"
width="150"
prop="partMinUnitCode"
align="center"
>
<template #default="scope">
{{
scope.row.partMinUnitCode ? scope.row.partMinUnitCode : "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零指导价"
width="150"
prop="partConditionPrice"
align="center"
>
<template #default="scope">
{{
scope.row.partConditionPrice
? thousandNumber(scope.row.partConditionPrice)
: "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零价格"
width="150"
prop="price"
align="center"
>
<template #default="scope">
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价说明"
width="150"
prop="description"
align="center"
>
<template #default="scope">
{{ scope.row.description ? scope.row.description : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价时间"
width="200"
prop="updateTime"
align="center"
>
<template #default="scope">
{{ scope.row.updateTime ? moment(scope.row.updateTime).format("YYYY-MM-DD HH:mm:ss") : "-" }}
</template>
</el-table-column>
<el-table-column
label="状态"
width="150"
prop="statusEnumText"
align="center"
>
<template #default="scope">
{{ scope.row.statusEnumText ? scope.row.statusEnumText : "-" }}
</template>
</el-table-column>
<el-table-column
min-width="290"
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template #default="scope">
<el-button link type="primary" @click="handleUpdate(scope.row)"
>修改</el-button
>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-tab-pane>
<el-tab-pane label="活动定价" name="3">
<el-row :gutter="16">
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="收费项目"
style="width: 100%"
prop="chargeItem"
>
<el-select
v-model="queryParams.chargeItem"
placeholder="请选择收费项目"
size="large"
style="width: 240px"
@change="handleQuery"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" style="width: 20%">
<el-form-item
label-width="100"
label="名称"
style="width: 100%"
prop="searchKey"
>
<el-input
v-model="queryParams.searchKey"
placeholder="名称/编码/拼音"
clearable
@keyup.enter="handleQuery"
@blur="handleQuery"
/>
</el-form-item>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="definitionList"
tooltip-effect="dark"
:show-overflow-tooltip="true"
>
<el-table-column
type="selection"
width="40"
align="center"
fixed="left"
/>
<el-table-column
label="项目编号"
width="150"
prop="itemNo"
align="center"
>
<template #default="scope">
{{ scope.row.itemNo ? scope.row.itemNo : "-" }}
</template>
</el-table-column>
<el-table-column
label="项目名称"
width="150"
prop="chargeName"
align="center"
>
<template #default="scope">
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
</template>
</el-table-column>
<el-table-column
label="规格"
width="150"
prop="totalVolume"
align="center"
>
<template #default="scope">
{{ scope.row.totalVolume ? scope.row.totalVolume : "-" }}
</template>
</el-table-column>
<el-table-column
label="单位"
width="150"
prop="unitCode"
align="center"
>
<template #default="scope">
{{ scope.row.unitCode ? scope.row.unitCode : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零比"
width="150"
prop="partPercent"
align="center"
>
<template #default="scope">
{{ scope.row.partPercent ? thousandNumber(scope.row.partPercent) : "-" }}
</template>
</el-table-column>
<el-table-column
label="指导价"
width="150"
prop="conditionYbCode"
align="center"
>
<template #default="scope">
{{
scope.row.conditionYbCode ? thousandNumber(scope.row.conditionYbCode) : "-"
}}
</template>
</el-table-column>
<el-table-column
label="价格"
width="150"
prop="price"
align="center"
>
<template #default="scope">
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
</template>
</el-table-column>
<el-table-column
label="拆零最小单位"
width="150"
prop="partMinUnitCode"
align="center"
>
<template #default="scope">
{{
scope.row.partMinUnitCode ? scope.row.partMinUnitCode : "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零指导价"
width="150"
prop="partConditionPrice"
align="center"
>
<template #default="scope">
{{
scope.row.partConditionPrice
? thousandNumber(scope.row.partConditionPrice)
: "-"
}}
</template>
</el-table-column>
<el-table-column
label="拆零价格"
width="150"
prop="price"
align="center"
>
<template #default="scope">
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价说明"
width="150"
prop="description"
align="center"
>
<template #default="scope">
{{ scope.row.description ? scope.row.description : "-" }}
</template>
</el-table-column>
<el-table-column
label="调价时间"
width="200"
prop="updateTime"
align="center"
>
<template #default="scope">
{{ scope.row.updateTime ? moment(scope.row.updateTime).format("YYYY-MM-DD HH:mm:ss") : "-" }}
</template>
</el-table-column>
<el-table-column
label="状态"
width="150"
prop="statusEnumText"
align="center"
>
<template #default="scope">
{{ scope.row.statusEnumText ? scope.row.statusEnumText : "-" }}
</template>
</el-table-column>
<el-table-column
min-width="290"
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template #default="scope">
<el-button link type="primary" @click="handleUpdate(scope.row)"
>修改</el-button
>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-tab-pane>
</el-tabs>
</el-form>
<edit :title="title" :open="open" :statusOptions="statusOptions" :formData="form" @submit="submitForm" @update:open="handleOpenChange"
@update:form="handleFormChange" />
</div>
</template>
<script setup>
import { listDefinition, initOption, updateDefinition, getOptions } from "./components/definition";
import Edit from './components/edit.vue'
import moment from 'moment'
import { thousandNumber } from '@/utils/his.js'
const activeName = ref("1");
const showSearch = ref("true");
const loading = ref(true);
const definitionList = ref([]);
const total = ref(0);
const { proxy } = getCurrentInstance();
const options = ref([]);
const statusOptions = ref([]);
const title = ref("");
const open = ref(false);
const data = reactive({
form:{},
queryParams: {
search: "",
definitionType: "",
chargeItem: "",
searchKey: "",
pageNo: 1,
pageSize: 10,
},
});
const { queryParams, form } = toRefs(data);
const handleClick = (tab, event) => {
console.log(tab, event);
activeName.value = tab.props.name;
queryParams.value.pageNo = 1;
handleInit();
getList();
};
/** 查询委托单信息列表 */
function getList() {
loading.value = true;
queryParams.value.definitionType = activeName.value;
listDefinition(queryParams.value).then((response) => {
definitionList.value = response.data.records;
total.value = response.data.total;
loading.value = false;
});
getStatusOptions()
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNo = 1;
getList();
}
// 表单重置
function reset() {
form.value = {
id: null,
itemNo: null,
chargeName: null,
totalVolume: null,
unitCode: null,
partPercent: null,
conditionYbCode: null,
price: null,
amount: null,
partMinUnitCode: null,
partConditionPrice: null,
partPrice: null,
description: null,
statusEnum: null,
itemId: null,
};
proxy.resetForm("einfoRef");
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
form.value = row;
open.value = true;
title.value = "修改项目定价";
}
/** 搜索按钮操作 */
function handleInit() {
queryParams.value.definitionType = activeName.value;
initOption(queryParams.value).then((response) => {
options.value = response.data;
});
}
const handleOpenChange = (value) => {
open.value = value;
};
const handleFormChange = (newForm) => {
form.value = { ...newForm };
};
/** 提交按钮 */
function submitForm(form) {
updateDefinition(form).then(response => {
proxy.$modal.msgSuccess("操作成功");
open.value = false;
getList();
});
}
/**获取状态下拉列表 */
const getStatusOptions = () => {
getOptions({}).then((response) => {
statusOptions.value = response.data;
});
};
handleInit();
getList();
</script>
<style lang="scss" scoped>
:deep(.demo-tabs > .el-tabs__content) {
color: #6b778c;
font-size: 32px;
font-weight: 600;
}
:deep(.el-input__wrapper) {
height: 32px;
}
:deep(.el-input__inner) {
height: 30px;
}
:deep(.el-tabs__content) {
height: 80vh;
}
</style>