Files
his/backup/vxetable-migration-20260602/medicationmanagement/statisticalManagement/inventoryProductDetails.vue
华佗 1d21661a78 feat: Spring Boot 3.5.14 全量升级 + 组件升级
核心升级:
- Spring Boot 2.7.18 → 3.5.14
- MyBatis Plus 3.5.5 → 3.5.16 (spring-boot3-starter)
- Springdoc 1.8.0 → 2.8.6 (OpenAPI 3)
- Flowable 6.8.0 → 7.1.0
- Druid 1.2.x → 1.2.28 (boot3-starter)
- kotlin-reflect 1.9.10 → 1.9.25

迁移适配:
- javax → jakarta 命名空间 (620+ 文件)
- Swagger 注解迁移到 OpenAPI 3 (@Tag/@Schema/@Operation/@Parameter)
- Spring Security 6.2 适配 (antMatchers→requestMatchers, EnableMethodSecurity)
- Druid 包名迁移 (boot→boot3)
- Redis 配置路径迁移 (spring.redis→spring.data.redis)
- Flyway 适配 (flyway-database-postgresql)
- Flowable 7.x 适配 (MULE_TASK_IMAGE 移除)

修复:
- spring-boot-maven-plugin 2.5.15→3.5.14 (SPI服务发现失效)
- mybatis-plus-boot-starter 3.5.5→3.5.16 (kotlin-reflect+fastjson2冲突)
- Flowable database-schema-update 启用自动建表

验证: 23/23 测试通过, 1374 API端点正常
2026-06-04 22:39:49 +08:00

500 lines
13 KiB
Vue
Executable File

<template>
<div class="app-container">
<el-form
ref="queryRef"
:model="queryParams"
:inline="true"
label-width="100px"
>
<!-- <el-form-item label="药品名称:" prop="searchKey" label-width="120px">
<el-input
v-model="queryParams.searchKey"
placeholder="项目编号/项目品名"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item> -->
<el-form-item
label="商品编码:"
prop="medicationDefId"
>
<el-input
v-model="queryParams.busNo"
placeholder="商品编码:"
clearable
style="width: 200px;"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item
label="商品名称:"
prop="name"
>
<el-input
v-model="queryParams.name"
placeholder="商品名称:"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="剩余过期天数:" prop="remainingDays" label-width="120px">
<el-input
v-model="queryParams.remainingDays"
placeholder="查询 ≤ X 天的记录"
clearable
style="width: 200px;"
@keyup.enter="handleQuery"
/>
</el-form-item> -->
<el-form-item
label="项目类型:"
prop="categoryType"
>
<el-select
v-model="queryParams.categoryType"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="categoryCode in item_category_code"
:key="categoryCode.value"
:label="categoryCode.label"
:value="categoryCode.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="医保等级:" prop="chrgitmLv" label-width="120px">
<el-select
v-model="queryParams.chrgitmLv"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="chrgitmLv_enumText in chrgitmLv_enumTextOptions"
:key="chrgitmLv_enumText.value"
:label="chrgitmLv_enumText.info"
:value="chrgitmLv_enumText.value"
/>
</el-select>
</el-form-item> -->
<el-form-item
label="药房:"
prop="purposeLocationId"
label-width="80px"
>
<el-select
v-model="queryParams.purposeLocationId"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="supplyStatus in locationIdList"
:key="supplyStatus.id ?? supplyStatus.value"
:label="supplyStatus.name"
:value="supplyStatus.id"
/>
</el-select>
</el-form-item>
<el-form-item
label="库存范围:"
prop="inventoryScope"
>
<el-select
v-model="queryParams.inventoryScope"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="supplyStatus in inventory_range"
:key="supplyStatus.value"
:label="supplyStatus.label"
:value="supplyStatus.value"
/>
</el-select>
</el-form-item>
<el-form-item
label="供应商:"
prop="manufacturerText"
>
<el-input
v-model="queryParams.manufacturerText"
placeholder="回车查询"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
</el-form>
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5">
<!-- v-hasPermi="['system:user:import']" -->
<el-button
type="primary"
plain
icon="Search"
@click="handleQuery"
>
查询
</el-button>
</el-col>
<el-col :span="1.5">
<!-- v-hasPermi="['system:user:export']" -->
<el-button
type="warning"
plain
icon="CircleClose"
@click="handleClear"
>
重置
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
>
导出
</el-button>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="purchaseinventoryList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="50"
align="center"
/>
<el-table-column
key="busNo"
label="药品编码"
align="center"
prop="busNo"
width="140"
:show-overflow-tooltip="true"
/>
<!-- itemTable -->
<el-table-column
key="name"
label="药品名称"
align="center"
prop="name"
width="140"
:show-overflow-tooltip="true"
/>
<el-table-column
key="lotNumber"
label="生产批号"
align="center"
prop="lotNumber"
width="120px"
:show-overflow-tooltip="true"
/>
<el-table-column
key="manufacturerText"
label="厂家/产地"
align="center"
prop="manufacturerText"
width="180px"
:show-overflow-tooltip="true"
/>
<el-table-column
key="itemTableText"
label="药品类型"
align="center"
prop="itemTableText"
width="90"
:show-overflow-tooltip="true"
/>
<el-table-column
key="itemQuantity"
label="库存数量"
align="center"
prop="itemQuantity"
width="80"
:show-overflow-tooltip="true"
/>
<el-table-column
key="unitCode"
label="计量单位"
align="center"
prop="unitCode"
width="80"
:show-overflow-tooltip="true"
/>
<el-table-column
key="minPackageQuantity"
label="小包装库存数"
align="center"
prop="minPackageQuantity"
width="110"
:show-overflow-tooltip="true"
/>
<el-table-column
key="minPackageUnit"
label="小包装单位"
align="center"
prop="minPackageUnit"
width="90"
:show-overflow-tooltip="true"
/>
<el-table-column
key="price"
label="进价"
align="center"
prop="price"
:show-overflow-tooltip="true"
/>
<el-table-column
key="salePrice"
label="售价"
align="center"
prop="salePrice"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="规格"
align="center"
key="totalVolume"
prop="totalVolume"
:show-overflow-tooltip="true"
/>
-->
<el-table-column
key="partPrice"
label="拆零进价"
align="center"
prop="partPrice"
:show-overflow-tooltip="true"
/>
<el-table-column
key="partSalePrice"
label="拆零售价"
align="center"
prop="partSalePrice"
:show-overflow-tooltip="true"
/>
<el-table-column
key="totalPrice"
label="进价金额"
align="center"
prop="totalPrice"
:show-overflow-tooltip="true"
/>
<el-table-column
key="totalSalePrice"
label="售价金额"
align="center"
prop="totalSalePrice"
:show-overflow-tooltip="true"
/>
<el-table-column
key="purposeTypeEnum_enumText"
label="仓库类型"
align="center"
prop="purposeTypeEnum_enumText"
:show-overflow-tooltip="true"
/>
<el-table-column
key="locationName"
label="仓库名称"
align="center"
prop="locationName"
width="140"
:show-overflow-tooltip="true"
/>
<el-table-column
key="locationStoreName"
label="货位名称"
align="center"
prop="locationStoreName"
:show-overflow-tooltip="true"
/>
<el-table-column
key="expirationDate"
label="有效期至"
align="center"
prop="expirationDate"
width="160"
:show-overflow-tooltip="true"
>
<template #default="scope">
<span>{{ parseTime(scope.row.expirationDate) }}</span>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
</div>
</template>
<script setup name="InventoryProductDetails">
import {getInit, getPharmacyCabinetList, getReportProductPage,} from "./statisticalManagent";
import {watch} from "vue";
const { proxy } = getCurrentInstance();
const route = useRoute();
const {
item_category_code,
inventory_range,
} = proxy.useDict(
"item_category_code",
"inventory_range",
);
const purchaseinventoryList = ref([]);
const loading = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const occurrenceTime = ref([]);
const chrgitmLv_enumTextOptions = ref([]);
const locationIdList = ref([]);
const data = reactive({
form: {},
queryParams: {
pageNo: 1,
pageSize: 10,
searchKey: undefined,
// medicationDefId: undefined,
busNo:undefined,
name: undefined,
categoryType:undefined,
purposeLocationId:undefined,
inventoryScope: undefined,
supplierId: undefined,
// occurrenceTimeSTime:undefined,
// occurrenceTimeETime:undefined,
},
rules: {},
});
const { queryParams, form, rules } = toRefs(data);
// 监听路由变化
watch(
() => route.query,
(newQuery) => {
// 如果路由中包含指定参数,则使用这些参数进行查询
if (newQuery.purposeLocationId || newQuery.occurrenceTimeSTime || newQuery.occurrenceTimeETime) {
// 设置查询参数
if (newQuery.purposeLocationId) {
queryParams.value.purposeLocationId = newQuery.purposeLocationId;
}
if (newQuery.occurrenceTimeETime) {
queryParams.value.time = newQuery.occurrenceTimeETime + ' 00:00:00';
}
// 执行查询
getList();
}
},
{ immediate: true }
);
function getPharmacyCabinetLists() {
getPharmacyCabinetList().then((response) => {
locationIdList.value = response.data
});
getInit().then((response) => {
chrgitmLv_enumTextOptions.value = response.data.chrgitmLvOptions
})
}
/** 查询调拨管理项目列表 */
function getList() {
loading.value = true;
getReportProductPage(queryParams.value).then((res) => {
loading.value = false;
purchaseinventoryList.value = res.data.records
if(purchaseinventoryList.value&& purchaseinventoryList.value.length>0){
purchaseinventoryList.value.map((k,index)=>{
k.inventoryStatusEnum_enumText = k.inventoryStatusEnum==2?'未停供':(k.inventoryStatusEnum==3?'已停供':'')
k.quantityUnit = k.quantity / k.partPercent
const integerPart1 = Math.floor(k.quantityUnit); // 获取整数部分
const decimalPart1 = k.quantityUnit - integerPart1; // 获取小数部分
if(decimalPart1){
k.quantityUnit = integerPart1 + k.unitCode_dictText +
(decimalPart1*k.partPercent).toFixed(0) + k.minUnitCode_dictText
}
})
}
total.value = res.data.total;
});
}
/** 搜索按钮操作 */
function handleQuery() {
// queryParams.value.occurrenceTimeSTime =
// occurrenceTime.value && occurrenceTime.value.length == 2
// ? occurrenceTime.value[0] + " 00:00:00"
// : "";
// queryParams.value.occurrenceTimeETime =
// occurrenceTime.value && occurrenceTime.value.length == 2
// ? occurrenceTime.value[1] + " 23:59:59"
// : "";
queryParams.value.pageNo = 1;
getList();
}
/** 清空条件按钮操作 */
function handleClear() {
// 清空查询条件
proxy.resetForm("queryRef");
getList();
}
/** 选择条数 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 导出按钮操作 */
function handleExport() {
proxy.$download.downloadGet("report-manage/inventory-product/excel-out", {
...queryParams.value
}, `dict_${new Date().getTime()}.xlsx`);
}
getList();
getPharmacyCabinetLists()
</script>
<style scoped>
.custom-tree-node {
display: flex;
align-items: center;
}
.title {
font-weight: bold;
font-size: large;
margin-bottom: 10px;
}
</style>