版本更新
This commit is contained in:
Zhang.WH
90
openhis-ui-vue3/src/views/basicmanage/ward/components/api.js
Normal file
90
openhis-ui-vue3/src/views/basicmanage/ward/components/api.js
Normal file
@@ -0,0 +1,90 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 收费患者列表
|
||||
*/
|
||||
export function getList(queryParams) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/location-page',
|
||||
method: 'get',
|
||||
params: queryParams
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取科室下拉列表
|
||||
*/
|
||||
export function getOrgList() {
|
||||
return request({
|
||||
url: '/base-data-manage/organization/organization',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化
|
||||
*/
|
||||
export function init() {
|
||||
return request({
|
||||
url: '/base-data-manage/location/init',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增病区/床位/病房
|
||||
*/
|
||||
export function addLocation(data) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/location',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 编辑病区/床位/病房
|
||||
*/
|
||||
export function editLocation(data) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/location',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增病区/床位/病房
|
||||
*/
|
||||
export function deleteLocation(busNo) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/location?busNo=' + busNo,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 启用病区/床位/病房
|
||||
*/
|
||||
export function enableLocation(data) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/enable',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 停用病区/床位/病房
|
||||
*/
|
||||
export function unableLocation(data) {
|
||||
return request({
|
||||
url: '/base-data-manage/location/deactivate',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
541
openhis-ui-vue3/src/views/basicmanage/ward/index.vue
Normal file
541
openhis-ui-vue3/src/views/basicmanage/ward/index.vue
Normal file
@@ -0,0 +1,541 @@
|
||||
<template>
|
||||
<div style="display: flex; justify-content: space-between; height: 90vh" class="app-container">
|
||||
<el-card style="width: 30%">
|
||||
<template #header>
|
||||
<span style="vertical-align: middle">病区</span>
|
||||
</template>
|
||||
<div style="width: 100%">
|
||||
<el-button type="primary" @click="open = true" class="mb8"> 新增 </el-button>
|
||||
<el-button type="success" plain @click="handleEnableBatch('wardRef')" class="mb8">
|
||||
批量启用
|
||||
</el-button>
|
||||
<el-button type="primary" plain @click="handleUnableBatch('wardRef')" class="mb8">
|
||||
批量停用
|
||||
</el-button>
|
||||
<el-button style="float: right" @click="getWardList()" class="mb8" icon="refresh" />
|
||||
<el-table
|
||||
max-height="630"
|
||||
:data="wardList"
|
||||
@cell-click="(row) => clickRow(row, 10)"
|
||||
highlight-current-row
|
||||
ref="wardRef"
|
||||
>
|
||||
<el-table-column type="selection" :selectable="checkSelectable" width="55" />
|
||||
<el-table-column label="病区" align="center" prop="name" />
|
||||
<el-table-column label="病区号" align="center" prop="startTime">
|
||||
<template #default="scope">
|
||||
{{ getLastPartOfString(scope.row.busNo) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="statusEnum_enumText">
|
||||
<template #default="scope">
|
||||
<el-tag
|
||||
:type="
|
||||
scope.row.statusEnum === 1 || scope.row.statusEnum === 6
|
||||
? 'success'
|
||||
: scope.row.statusEnum === 2
|
||||
? 'primary'
|
||||
: 'warning'
|
||||
"
|
||||
>
|
||||
{{ scope.row.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="150">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click.stop="handleEdit(scope.row)"> 编辑 </el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleUnable(scope.row, 10).then(() => {
|
||||
getWardList();
|
||||
});
|
||||
}
|
||||
"
|
||||
v-if="
|
||||
scope.row.statusEnum === 1 ||
|
||||
scope.row.statusEnum === 6 ||
|
||||
scope.row.statusEnum === 5
|
||||
"
|
||||
>
|
||||
停用
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleEnable(scope.row).then(() => {
|
||||
getWardList();
|
||||
});
|
||||
}
|
||||
"
|
||||
v-else-if="scope.row.statusEnum === 2"
|
||||
>
|
||||
启用
|
||||
</el-button>
|
||||
<el-button type="danger" link @click="handleDelete(scope.row)"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
<div style="width: 69%; height: 100%; padding-bottom: 20px">
|
||||
<el-card style="margin-bottom: 20px">
|
||||
<template #header>
|
||||
<span style="vertical-align: middle">病房</span>
|
||||
</template>
|
||||
<el-button type="success" plain @click="handleEnableBatch('hourseRef')">批量启用</el-button>
|
||||
<el-button type="primary" plain @click="handleUnableBatch('hourseRef')">批量停用</el-button>
|
||||
<el-table
|
||||
height="280"
|
||||
:data="houseList"
|
||||
@cell-click="(row) => clickRow(row, 8)"
|
||||
highlight-current-row
|
||||
v-loading="loading"
|
||||
ref="hourseRef"
|
||||
>
|
||||
<el-table-column type="selection" :selectable="checkSelectable" width="55" />
|
||||
<el-table-column label="病房" align="center" prop="name" />
|
||||
<el-table-column label="病房号" align="center" prop="busNo">
|
||||
<template #default="scope">
|
||||
{{ getLastPartOfString(scope.row.busNo) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="statusEnum_enumText">
|
||||
<template #default="scope">
|
||||
<el-tag
|
||||
:type="
|
||||
scope.row.statusEnum === 1 || scope.row.statusEnum === 6
|
||||
? 'success'
|
||||
: scope.row.statusEnum === 2
|
||||
? 'primary'
|
||||
: 'warning'
|
||||
"
|
||||
>
|
||||
{{ scope.row.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click.stop="handleEdit(scope.row, 4)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleUnable(scope.row).then(() => {
|
||||
clickRow(houseRow, 10);
|
||||
});
|
||||
}
|
||||
"
|
||||
v-if="
|
||||
scope.row.statusEnum === 1 ||
|
||||
scope.row.statusEnum === 6 ||
|
||||
scope.row.statusEnum === 5
|
||||
"
|
||||
>
|
||||
停用
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleEnable(scope.row).then(() => {
|
||||
clickRow(houseRow, 10);
|
||||
});
|
||||
}
|
||||
"
|
||||
v-else-if="scope.row.statusEnum === 2"
|
||||
>
|
||||
启用
|
||||
</el-button>
|
||||
<el-button type="danger" link @click="handleDelete(scope.row)"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<template #header>
|
||||
<span style="vertical-align: middle">床位</span>
|
||||
</template>
|
||||
<el-button type="success" plain @click="handleEnableBatch('bedRef')">批量启用</el-button>
|
||||
<el-button type="primary" plain @click="handleUnableBatch('bedRef')">批量停用</el-button>
|
||||
<el-table ref="bedRef" height="270" :data="bedList" v-loading="loading" width="">
|
||||
<el-table-column type="selection" :selectable="checkSelectable" width="55" />
|
||||
<el-table-column label="病床" align="center" prop="name" />
|
||||
<el-table-column label="病床号" align="center" prop="busNo">
|
||||
<template #default="scope">
|
||||
{{ getLastPartOfString(scope.row.busNo) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="statusEnum_enumText">
|
||||
<template #default="scope">
|
||||
<el-tag
|
||||
:type="
|
||||
scope.row.statusEnum === 1 || scope.row.statusEnum === 6
|
||||
? 'success'
|
||||
: scope.row.statusEnum === 2
|
||||
? 'primary'
|
||||
: 'warning'
|
||||
"
|
||||
>{{ scope.row.statusEnum_enumText }}</el-tag
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click.stop="handleEdit(scope.row, 10)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleUnable(scope.row, 10).then(() => {
|
||||
clickRow(bedRow, 8);
|
||||
});
|
||||
}
|
||||
"
|
||||
v-if="
|
||||
scope.row.statusEnum === 1 ||
|
||||
scope.row.statusEnum === 6 ||
|
||||
scope.row.statusEnum === 5
|
||||
"
|
||||
>
|
||||
停用
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
:disabled="scope.row.statusEnum === 5"
|
||||
@click.stop="
|
||||
() => {
|
||||
handleEnable(scope.row, 10).then(() => {
|
||||
clickRow(bedRow, 8);
|
||||
});
|
||||
}
|
||||
"
|
||||
v-else-if="scope.row.statusEnum === 2"
|
||||
>
|
||||
启用
|
||||
</el-button>
|
||||
<el-button type="danger" link @click="handleDelete(scope.row)"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
<el-dialog :title="title" v-model="open" width="600px" @close="cancel" append-to-body>
|
||||
<el-form ref="orgRef" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="id" prop="id" v-show="false">
|
||||
<el-input v-model="form.id" placeholder="请输入科室编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="科室编号" prop="busNo" v-show="false">
|
||||
<el-input v-model="form.busNo" placeholder="请输入科室编号" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="type + '分类'" prop="formEnum">
|
||||
<el-radio-group v-model="form.formEnum" @change="handleRadioChange" :disabled="isEdit">
|
||||
<el-radio :label="4">病区</el-radio>
|
||||
<el-radio :label="10">病房</el-radio>
|
||||
<el-radio :label="8">床位</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item :label="type + '名称'" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入科室名称" />
|
||||
</el-form-item>
|
||||
<el-col>
|
||||
<el-form-item :label="upLabel" prop="busNoParent">
|
||||
<template v-if="form.formEnum == 4">
|
||||
<el-tree-select
|
||||
clearable
|
||||
style="width: 100%"
|
||||
v-model="form.busNoParent"
|
||||
filterable
|
||||
:data="organization"
|
||||
:props="{
|
||||
value: 'id',
|
||||
label: 'name',
|
||||
children: 'children',
|
||||
}"
|
||||
value-key="id"
|
||||
check-strictly
|
||||
placeholder="请选择上级科室/病区/床位"
|
||||
/>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-select
|
||||
v-model="form.busNoParent"
|
||||
placeholder="请选择上级科室/病区/床位"
|
||||
clearable
|
||||
filterable
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in wardListOption"
|
||||
:key="item.busNo"
|
||||
:label="item.name"
|
||||
:value="item.busNo"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</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="Ward">
|
||||
import {
|
||||
getList,
|
||||
addLocation,
|
||||
getOrgList,
|
||||
deleteLocation,
|
||||
editLocation,
|
||||
unableLocation,
|
||||
enableLocation,
|
||||
} from './components/api';
|
||||
const { proxy } = getCurrentInstance();
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
formEnum: 4,
|
||||
// locationFormList: [4],
|
||||
});
|
||||
const type = ref('病区');
|
||||
const wardList = ref([]);
|
||||
const bedList = ref([]);
|
||||
const houseList = ref([]);
|
||||
const wardListOption = ref([]);
|
||||
const organization = ref([]);
|
||||
const loading = ref(false);
|
||||
const isEdit = ref(false);
|
||||
const open = ref(false);
|
||||
const bedRow = ref({});
|
||||
const houseRow = ref({});
|
||||
const form = reactive({
|
||||
formEnum: 4,
|
||||
});
|
||||
const upLabel = ref('关联科室');
|
||||
const title = ref('新增');
|
||||
const rules = ref({
|
||||
name: [
|
||||
{ required: true, message: '请输入科室名称', trigger: 'blur' },
|
||||
{ min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
|
||||
],
|
||||
busNoParent: [
|
||||
{
|
||||
required: form.formEnum != 4,
|
||||
message: '请选择上级' + type.value,
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
});
|
||||
/**
|
||||
* 病区列表
|
||||
*/
|
||||
function getWardList() {
|
||||
queryParams.value.formEnum = 4;
|
||||
getList(queryParams.value).then((res) => {
|
||||
wardList.value = res.data.records;
|
||||
});
|
||||
}
|
||||
|
||||
function init() {
|
||||
getOrgList().then((res) => {
|
||||
organization.value = res.data.records;
|
||||
});
|
||||
}
|
||||
|
||||
function handleRadioChange(val) {
|
||||
if (val == 4) {
|
||||
type.value = '病区';
|
||||
upLabel.value = '关联科室';
|
||||
return;
|
||||
} else if (val == 10) {
|
||||
type.value = '病房';
|
||||
upLabel.value = '所属病区';
|
||||
queryParams.value.formEnum = 4;
|
||||
} else {
|
||||
type.value = '床位';
|
||||
upLabel.value = '所属病房';
|
||||
queryParams.value.formEnum = 10;
|
||||
}
|
||||
getList(queryParams.value).then((res) => {
|
||||
wardListOption.value = res.data.records;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 点击患者列表行 获取处方列表
|
||||
*/
|
||||
function clickRow(row, val) {
|
||||
loading.value = true;
|
||||
queryParams.value.formEnum = val;
|
||||
queryParams.value.busNo = row.busNo;
|
||||
bedList.value = [];
|
||||
getList(queryParams.value).then((res) => {
|
||||
if (val == 10) {
|
||||
houseList.value = res.data.records;
|
||||
houseRow.value = row;
|
||||
} else if (val == 8) {
|
||||
bedRow.value = row;
|
||||
bedList.value = res.data.records;
|
||||
}
|
||||
setTimeout(() => {
|
||||
queryParams.value.busNo = undefined;
|
||||
loading.value = false;
|
||||
}, 100);
|
||||
});
|
||||
}
|
||||
|
||||
function checkSelectable(row, index) {
|
||||
return row.statusEnum !== 5;
|
||||
}
|
||||
|
||||
function handleEnable(row) {
|
||||
return enableLocation([row.id]).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('启用成功');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleUnable(row) {
|
||||
return unableLocation([row.id]).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('停用成功');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleEnableBatch(tableRef) {
|
||||
let list = proxy.$refs[tableRef].getSelectionRows().map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
if (list.length == 0) {
|
||||
proxy.$modal.msgError('请选择要启用的数据');
|
||||
return;
|
||||
}
|
||||
enableLocation(list).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleUnableBatch(tableRef) {
|
||||
let list = proxy.$refs[tableRef].getSelectionRows().map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
if (list.length == 0) {
|
||||
proxy.$modal.msgError('请选择要停用的数据');
|
||||
return;
|
||||
}
|
||||
unableLocation(list).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function submitForm() {
|
||||
if (form.busNoParent) {
|
||||
if (form.formEnum == 4) {
|
||||
form.organizationId = form.busNoParent;
|
||||
} else {
|
||||
form.busNo = form.busNoParent;
|
||||
}
|
||||
}
|
||||
console.log(form);
|
||||
if (!isEdit.value) {
|
||||
addLocation(form).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('操作成功');
|
||||
cancel();
|
||||
getWardList();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
editLocation(form).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('操作成功');
|
||||
cancel();
|
||||
getWardList();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function handleDelete(row) {
|
||||
deleteLocation(row.busNo).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getLastPartOfString(str) {
|
||||
const parts = str.split('.');
|
||||
return parts.pop();
|
||||
}
|
||||
|
||||
function handleEdit(row, val) {
|
||||
form.id = row.id;
|
||||
form.name = row.name;
|
||||
form.formEnum = row.formEnum;
|
||||
form.busNo = row.busNo;
|
||||
if (row.organizationId) {
|
||||
form.busNoParent = row.organizationId;
|
||||
} else {
|
||||
form.busNoParent = row.busNo.split('.').slice(0, -1).join('.');
|
||||
}
|
||||
isEdit.value = true;
|
||||
title.value = '编辑';
|
||||
if (val) {
|
||||
queryParams.value.formEnum = val;
|
||||
getList(queryParams.value).then((res) => {
|
||||
wardListOption.value = res.data.records;
|
||||
});
|
||||
}
|
||||
open.value = true;
|
||||
}
|
||||
|
||||
function cancel() {
|
||||
open.value = false;
|
||||
form.id = undefined;
|
||||
form.name = '';
|
||||
form.formEnum = 4;
|
||||
form.busNo = '';
|
||||
form.busNoParent = '';
|
||||
form.organizationId = '';
|
||||
isEdit.value = false;
|
||||
title.value = '新增';
|
||||
}
|
||||
|
||||
init();
|
||||
getWardList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Reference in New Issue
Block a user