版本更新
This commit is contained in:
Zhang.WH
@@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="activityList" @cell-click="clickRow" border>
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="300" />
|
||||
<el-table-column label="类型" align="center" prop="typeEnum_enumText" />
|
||||
<el-table-column label="价格" align="right" prop="retailPrice">
|
||||
<template #default="scope">
|
||||
{{ scope.row.retailPrice.toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" align="center" prop="descriptionText" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getActivityList } from './api';
|
||||
import { watch } from 'vue';
|
||||
import { throttle } from 'lodash-es';
|
||||
|
||||
const props = defineProps({
|
||||
searchKey: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(['selectRow']);
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
itemType: props.itemType,
|
||||
});
|
||||
const activityList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
getList();
|
||||
function getList() {
|
||||
getActivityList(queryParams.value).then((res) => {
|
||||
activityList.value = res.data.records;
|
||||
});
|
||||
}
|
||||
|
||||
function clickRow(row) {
|
||||
emit('selectRow', row);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -0,0 +1,63 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询诊疗项目列表
|
||||
export function getActivityList(queryParams) {
|
||||
return request({
|
||||
url: '/personalization/activity-device/activity-page',
|
||||
method: 'get',
|
||||
params: queryParams
|
||||
})
|
||||
}
|
||||
|
||||
// 查询诊疗用法绑定耗材项目列表
|
||||
export function getBindList(queryParams) {
|
||||
return request({
|
||||
url: '/personalization/activity-device/activity-device',
|
||||
method: 'get',
|
||||
params: queryParams
|
||||
})
|
||||
}
|
||||
|
||||
// 获取耗材列表
|
||||
export function getDeviceList(queryParams) {
|
||||
return request({
|
||||
url: '/personalization/activity-device/device-page',
|
||||
method: 'get',
|
||||
params: queryParams
|
||||
})
|
||||
}
|
||||
|
||||
// 获取耗材列表
|
||||
export function init() {
|
||||
return request({
|
||||
url: '/personalization/activity-device/init',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// 绑定用法/诊疗
|
||||
export function bind(data) {
|
||||
return request({
|
||||
url: '/personalization/activity-device/activity-device',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除绑定
|
||||
export function deleteBind(bindId) {
|
||||
return request({
|
||||
url: '/personalization/activity-device/activity-device?bindId=' + bindId,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 查询服务管理列表
|
||||
export function getRegistrationfeeList(query) {
|
||||
return request({
|
||||
url: '/basic-service/healthcare/healthcare-service-page',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,313 @@
|
||||
<template>
|
||||
<div style="width: 100%">
|
||||
<div class="mb8">
|
||||
<el-button type="primary" plain @click="handleAddPrescription()" :disabled="buttonDisabled">
|
||||
添加绑定项目
|
||||
</el-button>
|
||||
</div>
|
||||
<el-form :model="form" :rules="rules" ref="formRef">
|
||||
<el-table
|
||||
ref="prescriptionRef"
|
||||
:data="form.consumablesList"
|
||||
row-key="patientId"
|
||||
border
|
||||
@selection-change="handleSelectionChange"
|
||||
v-loading="props.loading"
|
||||
>
|
||||
<el-table-column label="项目类型" align="center" prop="type" width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.type_dictText }}</span>
|
||||
<el-form-item v-else :prop="`consumablesList.${scope.$index}.type`" :rules="rules.type">
|
||||
<el-select v-model="scope.row.type" placeholder="" @change="handleTypeChange">
|
||||
<el-option v-if="props.tab == 1 || props.tab == 3" label="诊疗" value="1" />
|
||||
<el-option v-if="props.tab != 3" label="耗材" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="项目名" align="center" prop="name">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.name }}</span>
|
||||
<el-form-item v-else :prop="`consumablesList.${scope.$index}.name`" :rules="rules.name">
|
||||
<PopoverList @search="handleSearch" :width="800" :modelValue="scope.row.name">
|
||||
<template #popover-content="{}">
|
||||
<DeviceList
|
||||
v-if="scope.row.type == '2'"
|
||||
@selectRow="(row) => selectRow(row, scope.$index)"
|
||||
:searchKey="searchKey"
|
||||
/>
|
||||
<ActivityList
|
||||
v-else
|
||||
@selectRow="(row) => selectRow(row, scope.$index)"
|
||||
:searchKey="searchKey"
|
||||
/>
|
||||
</template>
|
||||
</PopoverList>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="绑定数量" align="center" prop="quantity" width="250">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.quantity }}</span>
|
||||
<el-form-item
|
||||
v-else
|
||||
:prop="`consumablesList.${scope.$index}.quantity`"
|
||||
:rules="rules.quantity"
|
||||
>
|
||||
<el-input v-model="scope.row.quantity" placeholder="" />
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="使用范围" align="center" prop="rangeCode" width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.rangeCode_dictText }}</span>
|
||||
<el-form-item
|
||||
v-else
|
||||
:prop="`consumablesList.${scope.$index}.rangeCode`"
|
||||
:rules="rules.rangeCode"
|
||||
>
|
||||
<el-input v-model="scope.row.rangeCode" placeholder="" />
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="范围" align="center" prop="rangeCode" width="250">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.rangeCode_dictText }}</span>
|
||||
<el-form-item
|
||||
v-else
|
||||
:prop="`consumablesList.${scope.$index}.rangeCode`"
|
||||
:rules="rules.statusEnum"
|
||||
>
|
||||
<el-select v-model="scope.row.rangeCode" placeholder="">
|
||||
<el-option
|
||||
v-for="dict in use_range"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="启用状态" align="center" prop="statusEnum" width="250">
|
||||
<template #default="scope">
|
||||
<span v-if="!scope.row.isEdit">{{ scope.row.statusEnum_dictText }}</span>
|
||||
<el-form-item
|
||||
v-else
|
||||
:prop="`consumablesList.${scope.$index}.statusEnum`"
|
||||
:rules="rules.statusEnum"
|
||||
>
|
||||
<el-select v-model="scope.row.statusEnum" placeholder="" @change="handleTypeChange">
|
||||
<el-option
|
||||
v-for="item in statusOptions"
|
||||
:key="item.value"
|
||||
:label="item.info"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" fixed="right" width="250">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
v-if="!scope.row.isEdit"
|
||||
link
|
||||
type="primary"
|
||||
@click="handleEdit(scope.$index)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="scope.row.isEdit"
|
||||
link
|
||||
type="primary"
|
||||
@click="handleSave(scope.row, scope.$index)"
|
||||
>
|
||||
保存
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="scope.row.isEdit"
|
||||
link
|
||||
type="primary"
|
||||
@click="
|
||||
() => {
|
||||
form.consumablesList[scope.$index].isEdit = false;
|
||||
isAdd = true;
|
||||
if (!scope.row.id) {
|
||||
form.consumablesList.splice(scope.$index, 1);
|
||||
}
|
||||
}
|
||||
"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
<el-button link type="primary" @click.stop="handleDelete(scope.row, scope.$index)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, watch } from 'vue';
|
||||
import { bind, deleteBind, init } from './api';
|
||||
import PopoverList from '@/components/OpenHis/popoverList/index.vue';
|
||||
import DeviceList from './deviceList.vue';
|
||||
import ActivityList from './activityList.vue';
|
||||
|
||||
const emit = defineEmits(['refresh']);
|
||||
const total = ref(0);
|
||||
const queryParams = ref({});
|
||||
const consumablesList = ref([]);
|
||||
const searchKey = ref('');
|
||||
const rowIndex = ref(-1);
|
||||
const isAdd = ref(true);
|
||||
const rules = ref({
|
||||
name: [{ required: true, message: '请选择耗材项', trigger: 'change' }],
|
||||
quantity: [{ required: true, message: '请输入绑定数量', trigger: 'blur' }],
|
||||
rangeCode: [{ required: true, message: '请选择使用范围', trigger: 'blur' }],
|
||||
});
|
||||
const form = reactive({
|
||||
consumablesList: [],
|
||||
});
|
||||
const statusOptions = ref([]);
|
||||
|
||||
const props = defineProps({
|
||||
bindList: {
|
||||
type: Object,
|
||||
required: false,
|
||||
},
|
||||
bindInfo: {
|
||||
type: Object,
|
||||
required: false,
|
||||
},
|
||||
tab: {
|
||||
type: String,
|
||||
required: false,
|
||||
},
|
||||
loading: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
},
|
||||
});
|
||||
const buttonDisabled = computed(() => {
|
||||
return !props.bindInfo.id;
|
||||
});
|
||||
watch(
|
||||
() => props.bindList,
|
||||
(newVal) => {
|
||||
form.consumablesList = newVal.map((item) => {
|
||||
return {
|
||||
id: item.id,
|
||||
name: item.deviceName ? item.deviceName : item.activityName,
|
||||
devActId: item.devActId,
|
||||
quantity: item.quantity,
|
||||
rangeCode: item.rangeCode,
|
||||
rangeCode_dictText: item.rangeCode_dictText,
|
||||
statusEnum: item.statusEnum,
|
||||
statusEnum_dictText: item.statusEnum_enumText,
|
||||
typeCode: item.typeCode,
|
||||
typeCode_dictText: item.typeCode_dictText,
|
||||
type: item.activityName ? '1' : '2',
|
||||
type_dictText: item.activityName ? '诊疗' : '耗材',
|
||||
};
|
||||
});
|
||||
isAdd.value = true;
|
||||
},
|
||||
{ deep: true }
|
||||
);
|
||||
watch(
|
||||
() => props.tab,
|
||||
() => {
|
||||
form.consumablesList = [];
|
||||
isAdd.value = true;
|
||||
},
|
||||
{ deep: true }
|
||||
);
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
const { use_range } = proxy.useDict('use_range');
|
||||
function handleAddPrescription() {
|
||||
if (!isAdd.value) {
|
||||
proxy.$modal.msgWarning('请先保存当前行');
|
||||
return;
|
||||
}
|
||||
form.consumablesList.push({
|
||||
isEdit: true,
|
||||
// type: '2',
|
||||
rangeCode: '3',
|
||||
statusEnum: 2,
|
||||
});
|
||||
isAdd.value = false;
|
||||
console.log(form.consumablesList, 234567890);
|
||||
}
|
||||
|
||||
function handleEdit(index) {
|
||||
form.consumablesList[index].isEdit = true;
|
||||
}
|
||||
|
||||
function handleSave(row, index) {
|
||||
proxy.$refs['formRef'].validate((valid) => {
|
||||
if (valid) {
|
||||
console.log(row, 'row');
|
||||
bind({
|
||||
itemNo: props.bindInfo.id,
|
||||
devActId: row.devActId,
|
||||
typeCode: props.bindInfo.typeCode,
|
||||
rangeCode: row.rangeCode,
|
||||
quantity: row.quantity,
|
||||
statusEnum: row.statusEnum,
|
||||
id: row.id ? row.id : undefined,
|
||||
devActTable: row.type == '1' ? 'wor_activity_definition' : 'adm_device_definition',
|
||||
}).then((res) => {
|
||||
if (res.code === 200) {
|
||||
proxy.$modal.msgSuccess('操作成功');
|
||||
emit('refresh');
|
||||
isAdd.value = true;
|
||||
}
|
||||
});
|
||||
form.consumablesList[index].isEdit = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function handleDelete(row, index) {
|
||||
if (row.id) {
|
||||
proxy.$modal.confirm('确认删除当前绑定项目吗').then(() => {
|
||||
deleteBind(row.id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
emit('refresh');
|
||||
}
|
||||
});
|
||||
});
|
||||
} else {
|
||||
form.consumablesList.splice(index, 1);
|
||||
isAdd.value = true;
|
||||
}
|
||||
}
|
||||
|
||||
function initOptions() {
|
||||
init().then((res) => {
|
||||
statusOptions.value = res.data.statusOptions;
|
||||
});
|
||||
}
|
||||
|
||||
function handleSearch(value) {
|
||||
searchKey.value = value;
|
||||
}
|
||||
|
||||
initOptions();
|
||||
function selectRow(row, index) {
|
||||
form.consumablesList[index].devActId = row.id;
|
||||
form.consumablesList[index].name = row.name;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="deviceList" @cell-click="clickRow" border>
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="200" />
|
||||
<el-table-column label="分类" align="center" prop="categoryCode_dictText" width="150" />
|
||||
<el-table-column label="种类" align="center" prop="typeCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="size" />
|
||||
<el-table-column label="价格" align="right" prop="retailPrice">
|
||||
<template #default="scope">
|
||||
{{ scope.row.retailPrice.toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="生产厂家" align="center" prop="supplyId_dictText" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getDeviceList } from './api';
|
||||
import { watch } from 'vue';
|
||||
import { throttle } from 'lodash-es';
|
||||
|
||||
const props = defineProps({
|
||||
searchKey: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(['selectRow']);
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
itemType: props.itemType,
|
||||
});
|
||||
const deviceList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
getList();
|
||||
function getList() {
|
||||
getDeviceList(queryParams.value).then((res) => {
|
||||
deviceList.value = res.data.records;
|
||||
});
|
||||
}
|
||||
|
||||
function clickRow(row) {
|
||||
emit('selectRow', row);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -0,0 +1,123 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div style="height: 780px; display: flex; justify-content: space-between">
|
||||
<el-card style="height: 100%; width: 25%">
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="用法" :name="1">
|
||||
<el-table
|
||||
:data="method_code"
|
||||
border
|
||||
@cell-click="clickRow"
|
||||
highlight-current-row
|
||||
max-height="650"
|
||||
>
|
||||
<el-table-column label="项目名" align="center" prop="label" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="诊疗" :name="2">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入项目名"
|
||||
clearable
|
||||
style="width: 100%; margin-bottom: 10px"
|
||||
@keyup.enter="getList"
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
<el-table
|
||||
:data="activityList"
|
||||
border
|
||||
@cell-click="clickRow"
|
||||
highlight-current-row
|
||||
max-height="650"
|
||||
>
|
||||
<el-table-column label="项目名" align="center" prop="name" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="号源" :name="3">
|
||||
<el-input
|
||||
v-model="queryParamsRegistration.searchKey"
|
||||
placeholder="请输入项目名"
|
||||
clearable
|
||||
style="width: 100%; margin-bottom: 10px"
|
||||
@keyup.enter="getRegistrationList"
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getRegistrationList" />
|
||||
</template>
|
||||
</el-input>
|
||||
<el-table
|
||||
:data="RegistrationfeeList"
|
||||
border
|
||||
@cell-click="clickRow"
|
||||
highlight-current-row
|
||||
max-height="650"
|
||||
>
|
||||
<el-table-column label="项目名" align="center" prop="name" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
<el-card style="height: 100%; width: 74%">
|
||||
<ConsumablesList
|
||||
:bindList="bindList"
|
||||
:bindInfo="bindInfo"
|
||||
:tab="activeTab"
|
||||
:loading="loading"
|
||||
@refresh="clickRow(currentRow)"
|
||||
/>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { getActivityList, getBindList, getRegistrationfeeList } from './components/api.js';
|
||||
import ConsumablesList from './components/consumablesList.vue';
|
||||
|
||||
const activityList = ref([]);
|
||||
const queryParams = ref({});
|
||||
const queryParamsRegistration = ref({});
|
||||
const bindList = ref([]);
|
||||
const bindInfo = ref({});
|
||||
const activeTab = ref(1);
|
||||
const currentRow = ref({});
|
||||
const RegistrationfeeList = ref([]);
|
||||
const loading = ref(false);
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { method_code } = proxy.useDict('method_code');
|
||||
|
||||
getList();
|
||||
getRegistrationList()
|
||||
function getList() {
|
||||
// queryParams.value.typeEnum = activeTab.value;
|
||||
getActivityList(queryParams.value).then((res) => {
|
||||
activityList.value = res.data.records;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function getRegistrationList() {
|
||||
getRegistrationfeeList(queryParamsRegistration.value).then(res => {
|
||||
RegistrationfeeList.value = res.data.records;
|
||||
})
|
||||
}
|
||||
|
||||
// 点击诊疗列表 获取绑定的耗材
|
||||
function clickRow(row) {
|
||||
loading.value = true;
|
||||
currentRow.value = row;
|
||||
bindInfo.value.id = row.value ? row.value : row.id;
|
||||
bindInfo.value.typeCode = activeTab.value;
|
||||
getBindList({ itemNo: row.value ? row.value : row.id }).then((res) => {
|
||||
bindList.value = res.data.records;
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Reference in New Issue
Block a user