@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房请领单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 请领单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/dispensing-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/addOrEdit-dispensingOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/delete-dispensingOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/dispensing-order/dispensing-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,83 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药库订货单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 订货单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/profitLoss-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/addOrEdit-profitLossOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/delete-profitLossOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/profitLoss-order/profitLoss-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 订货单单据列表
|
||||
export function getPurchaseOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-warehouse/purchase-order/purchase-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 获取单据详情
|
||||
export function getPurchaseOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-warehouse/purchase-order/purchase-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,88 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="批次库存" align="center" prop="batchInventory" />
|
||||
<el-table-column label="供应商" align="center" prop="supplierId_dictText" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } from './api';
|
||||
import { watch } from 'vue';
|
||||
import { throttle } from 'lodash-es';
|
||||
|
||||
const props = defineProps({
|
||||
searchKey: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
locationId: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
// 选择药品
|
||||
const emit = defineEmits(['selectRow']);
|
||||
//
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
searchKey: props.searchKey,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
queryParams.value = {
|
||||
...queryParams.value,
|
||||
...query,
|
||||
locationId: props.locationId,
|
||||
}
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -1,343 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="订单列表"
|
||||
v-model="localDialogVisible"
|
||||
width="960px"
|
||||
append-to-body
|
||||
@close="resetAllData"
|
||||
>
|
||||
<el-table
|
||||
:data="orderList"
|
||||
ref="tableRef"
|
||||
width="100%"
|
||||
highlight-current-row
|
||||
height="470px"
|
||||
@row-dblclick="handleRowDBClick"
|
||||
@row-click="handleRowClick"
|
||||
>
|
||||
<el-table-column
|
||||
label="订单编号"
|
||||
prop="supplyBusNo"
|
||||
width="200"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column label="采购员" prop="applicantId_dictText" width="100" align="center" />
|
||||
<el-table-column label="供应商" prop="supplierId_dictText" width="220" align="center" />
|
||||
<el-table-column label="审核状态" prop="statusEnum_enumText" width="100" align="center">
|
||||
<template #default="scope">
|
||||
<el-tag v-if="scope.row.statusEnum_enumText === '同意'" type="success">
|
||||
{{ scope.row.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag v-else type="danger">{{ scope.row.statusEnum_enumText }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单据类型" prop="typeEnum_enumText" width="100" align="center" />
|
||||
<el-table-column label="单据日期" prop="applyTime" width="200" align="center">
|
||||
<template #default="scope">
|
||||
{{ parseTime(scope.row.applyTime, '{yy}-{mm}-{dd} {hh}:{ii}:{ss}') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row justify="end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
:current-page="queryParams.pageNo"
|
||||
:page-size="queryParams.pageSize"
|
||||
:page-sizes="[10, 50, 100, 200]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="localTableDataTotal"
|
||||
@current-change="handleCurrentChange"
|
||||
@size-change="handleSizeChange"
|
||||
v-show="localTableDataTotal > 0"
|
||||
/>
|
||||
</el-row>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handleCancel">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getPurchaseOrderList, getPurchaseOrderDetail } from './api';
|
||||
import { ref, watch, getCurrentInstance } from 'vue';
|
||||
import { parseTime } from '@/utils/his';
|
||||
// 调用父组件方法
|
||||
const emit = defineEmits(['dialogSubmit', 'dialogCancel', 'updateTableData']);
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
// 属性
|
||||
const props = defineProps({
|
||||
// 对话框x显示
|
||||
dialogVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
// 本地对话框显示
|
||||
const localDialogVisible = ref(false);
|
||||
// 监听属性
|
||||
watch(
|
||||
() => props.dialogVisible,
|
||||
(newValue) => {
|
||||
localDialogVisible.value = newValue;
|
||||
}
|
||||
);
|
||||
// 获取当前行
|
||||
const currentRow = ref({});
|
||||
// 行点击 双击
|
||||
const handleRowClick = (row) => {
|
||||
// 设置当前行
|
||||
currentRow.value = row;
|
||||
};
|
||||
// 行点击 双击
|
||||
const handleRowDBClick = (row) => {
|
||||
// 设置当前行
|
||||
currentRow.value = row;
|
||||
// 提交
|
||||
handleSubmit();
|
||||
};
|
||||
// 订单列表
|
||||
const orderList = ref([]);
|
||||
// 订单列表总条数
|
||||
const localTableDataTotal = ref(0);
|
||||
// 当前locationId
|
||||
const currentLocationId = ref(undefined);
|
||||
// 查询参数
|
||||
const queryParams = ref({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
locationId: undefined,
|
||||
});
|
||||
// 分页每页条数
|
||||
const handleSizeChange = (size) => {
|
||||
queryParams.value.pageSize = size;
|
||||
queryParams.value.pageNo = 1; // 切换每页条数时重置到第一页
|
||||
// 重新获取数据
|
||||
if (currentLocationId.value) {
|
||||
getOrderList(currentLocationId.value);
|
||||
}
|
||||
};
|
||||
// 分页当前页
|
||||
const handleCurrentChange = (page) => {
|
||||
queryParams.value.pageNo = page;
|
||||
// 重新获取数据
|
||||
if (currentLocationId.value) {
|
||||
getOrderList(currentLocationId.value);
|
||||
}
|
||||
};
|
||||
|
||||
// 获取订货单列表
|
||||
const getOrderList = async (locationId) => {
|
||||
try {
|
||||
// 保存当前locationId
|
||||
currentLocationId.value = locationId;
|
||||
|
||||
// 构建请求参数
|
||||
const requestParams = {
|
||||
// 仓库ID
|
||||
locationId: locationId,
|
||||
// 页码
|
||||
pageNo: queryParams.value.pageNo,
|
||||
// 每页条数
|
||||
pageSize: queryParams.value.pageSize,
|
||||
// 订单状态 3 ：审核通过
|
||||
statusEnum: 3,
|
||||
};
|
||||
const res = await getPurchaseOrderList(requestParams);
|
||||
if (res.data.records && res.data.records.length > 0) {
|
||||
// 订货单列表
|
||||
orderList.value = res.data.records || [];
|
||||
// 订货单列表总条数
|
||||
localTableDataTotal.value = res.data.total;
|
||||
} else {
|
||||
proxy.$message.error('获取订货单列表失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取订货单列表失败:', error);
|
||||
}
|
||||
};
|
||||
// 重置所有数据
|
||||
const resetAllData = () => {
|
||||
// 重置分页参数
|
||||
queryParams.value.pageNo = 1;
|
||||
queryParams.value.pageSize = 10;
|
||||
currentLocationId.value = undefined;
|
||||
orderList.value = [];
|
||||
localTableDataTotal.value = 0;
|
||||
};
|
||||
// 提交数据
|
||||
const handleSubmit = async () => {
|
||||
// 取消按钮
|
||||
handleCancel();
|
||||
// 获取当前进货单的订单列表
|
||||
await getCurrentOrderDetail();
|
||||
// 传递数据给父组件
|
||||
emit('updateTableData', {
|
||||
currentOrderList: setCurrentOrderList.value,
|
||||
currentOrderForm: setCurrentOrderForm.value,
|
||||
});
|
||||
};
|
||||
// 设置当前进货单的订单列表
|
||||
const setCurrentOrderList = ref([]);
|
||||
// 设置当前进货单的订单表单
|
||||
const setCurrentOrderForm = ref({});
|
||||
|
||||
// 获取当前进货单的订单列表
|
||||
const getCurrentOrderDetail = async () => {
|
||||
const res = await getPurchaseOrderDetail({ busNo: currentRow.value.supplyBusNo });
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
setCurrentOrderForm.value = {
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 供应商联系人
|
||||
phone: data[0].phone,
|
||||
// 采购员
|
||||
practitionerId: data[0].applicantId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = true;
|
||||
// 表格查看状态
|
||||
item.isViewing = false;
|
||||
// 判断当前单位是否是最大单位
|
||||
buildPrice(item);
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
setCurrentOrderList.value = data;
|
||||
}
|
||||
};
|
||||
// 构建进货价和销售价
|
||||
const buildPrice = (item) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = item.unitCode === item.maxUnitCode;
|
||||
if (isMaxUnit) {
|
||||
// 进货价
|
||||
item.price = item.price;
|
||||
item.priceMaxUnit = item.price;
|
||||
item.priceMinUnit = item.price / parseInt(item.partPercent);
|
||||
|
||||
// 销售价
|
||||
item.retailPrice = item.retailPrice;
|
||||
item.retailPriceMaxUnit = item.retailPrice;
|
||||
item.retailPriceMinUnit = (parseFloat(item.retailPrice) / parseInt(item.partPercent)).toFixed(
|
||||
2
|
||||
);
|
||||
} else {
|
||||
// 进货价
|
||||
item.price = item.price;
|
||||
item.priceMaxUnit = parseFloat((item.price * parseInt(item.partPercent)).toFixed(2));
|
||||
item.priceMinUnit = item.price;
|
||||
|
||||
// 销售价
|
||||
item.retailPrice = item.retailPrice;
|
||||
item.retailPriceMaxUnit = parseFloat(
|
||||
(item.retailPrice * parseInt(item.partPercent)).toFixed(2)
|
||||
);
|
||||
item.retailPriceMinUnit = item.retailPrice;
|
||||
}
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// // 进货价（假）
|
||||
unit.priceMask = item.price;
|
||||
|
||||
// 销售价（假）
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = Math.floor(item.batchInventory / parseInt(item.partPercent));
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = item.batchInventory % parseInt(item.partPercent);
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = item.batchInventory;
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = 0;
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = item.batchInventory;
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = 0;
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
emit('dialogCancel', {
|
||||
dialogVisible: false,
|
||||
});
|
||||
};
|
||||
defineOptions({
|
||||
name: 'orderDialog',
|
||||
});
|
||||
|
||||
defineExpose({
|
||||
getOrderList,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房请领单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 请领单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/requisition-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/addOrEdit-requisitionOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/delete-requisitionOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/requisition-order/requisition-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房请领单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 请领单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/returnToWarehouse-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/addOrEdit-returnToDispensaryOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/delete-returnToDispensaryOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/returnToWarehouse-order/returnToWarehouse-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房入库单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 入库单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/stockIn-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/addOrEdit-stockInOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/delete-stockInOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stockIn-order/stockIn-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,83 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药库订货单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 订货单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/stocktaking-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/addOrEdit-stocktakingOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/delete-stocktakingOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/stocktaking-order/stocktaking-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 订货单单据列表
|
||||
export function getPurchaseOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-warehouse/purchase-order/purchase-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 获取单据详情
|
||||
export function getPurchaseOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-warehouse/purchase-order/purchase-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,88 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="批次库存" align="center" prop="batchInventory" />
|
||||
<el-table-column label="供应商" align="center" prop="supplierId_dictText" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } from './api';
|
||||
import { watch } from 'vue';
|
||||
import { throttle } from 'lodash-es';
|
||||
|
||||
const props = defineProps({
|
||||
searchKey: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
locationId: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
// 选择药品
|
||||
const emit = defineEmits(['selectRow']);
|
||||
//
|
||||
const queryParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
searchKey: props.searchKey,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
queryParams.value = {
|
||||
...queryParams.value,
|
||||
...query,
|
||||
locationId: props.locationId,
|
||||
}
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -1,343 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="订单列表"
|
||||
v-model="localDialogVisible"
|
||||
width="960px"
|
||||
append-to-body
|
||||
@close="resetAllData"
|
||||
>
|
||||
<el-table
|
||||
:data="orderList"
|
||||
ref="tableRef"
|
||||
width="100%"
|
||||
highlight-current-row
|
||||
height="470px"
|
||||
@row-dblclick="handleRowDBClick"
|
||||
@row-click="handleRowClick"
|
||||
>
|
||||
<el-table-column
|
||||
label="订单编号"
|
||||
prop="supplyBusNo"
|
||||
width="200"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column label="采购员" prop="applicantId_dictText" width="100" align="center" />
|
||||
<el-table-column label="供应商" prop="supplierId_dictText" width="220" align="center" />
|
||||
<el-table-column label="审核状态" prop="statusEnum_enumText" width="100" align="center">
|
||||
<template #default="scope">
|
||||
<el-tag v-if="scope.row.statusEnum_enumText === '同意'" type="success">
|
||||
{{ scope.row.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag v-else type="danger">{{ scope.row.statusEnum_enumText }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单据类型" prop="typeEnum_enumText" width="100" align="center" />
|
||||
<el-table-column label="单据日期" prop="applyTime" width="200" align="center">
|
||||
<template #default="scope">
|
||||
{{ parseTime(scope.row.applyTime, '{yy}-{mm}-{dd} {hh}:{ii}:{ss}') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row justify="end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
:current-page="queryParams.pageNo"
|
||||
:page-size="queryParams.pageSize"
|
||||
:page-sizes="[10, 50, 100, 200]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="localTableDataTotal"
|
||||
@current-change="handleCurrentChange"
|
||||
@size-change="handleSizeChange"
|
||||
v-show="localTableDataTotal > 0"
|
||||
/>
|
||||
</el-row>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handleCancel">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getPurchaseOrderList, getPurchaseOrderDetail } from './api';
|
||||
import { ref, watch, getCurrentInstance } from 'vue';
|
||||
import { parseTime } from '@/utils/his';
|
||||
// 调用父组件方法
|
||||
const emit = defineEmits(['dialogSubmit', 'dialogCancel', 'updateTableData']);
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
// 属性
|
||||
const props = defineProps({
|
||||
// 对话框x显示
|
||||
dialogVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
// 本地对话框显示
|
||||
const localDialogVisible = ref(false);
|
||||
// 监听属性
|
||||
watch(
|
||||
() => props.dialogVisible,
|
||||
(newValue) => {
|
||||
localDialogVisible.value = newValue;
|
||||
}
|
||||
);
|
||||
// 获取当前行
|
||||
const currentRow = ref({});
|
||||
// 行点击 双击
|
||||
const handleRowClick = (row) => {
|
||||
// 设置当前行
|
||||
currentRow.value = row;
|
||||
};
|
||||
// 行点击 双击
|
||||
const handleRowDBClick = (row) => {
|
||||
// 设置当前行
|
||||
currentRow.value = row;
|
||||
// 提交
|
||||
handleSubmit();
|
||||
};
|
||||
// 订单列表
|
||||
const orderList = ref([]);
|
||||
// 订单列表总条数
|
||||
const localTableDataTotal = ref(0);
|
||||
// 当前locationId
|
||||
const currentLocationId = ref(undefined);
|
||||
// 查询参数
|
||||
const queryParams = ref({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
locationId: undefined,
|
||||
});
|
||||
// 分页每页条数
|
||||
const handleSizeChange = (size) => {
|
||||
queryParams.value.pageSize = size;
|
||||
queryParams.value.pageNo = 1; // 切换每页条数时重置到第一页
|
||||
// 重新获取数据
|
||||
if (currentLocationId.value) {
|
||||
getOrderList(currentLocationId.value);
|
||||
}
|
||||
};
|
||||
// 分页当前页
|
||||
const handleCurrentChange = (page) => {
|
||||
queryParams.value.pageNo = page;
|
||||
// 重新获取数据
|
||||
if (currentLocationId.value) {
|
||||
getOrderList(currentLocationId.value);
|
||||
}
|
||||
};
|
||||
|
||||
// 获取订货单列表
|
||||
const getOrderList = async (locationId) => {
|
||||
try {
|
||||
// 保存当前locationId
|
||||
currentLocationId.value = locationId;
|
||||
|
||||
// 构建请求参数
|
||||
const requestParams = {
|
||||
// 仓库ID
|
||||
locationId: locationId,
|
||||
// 页码
|
||||
pageNo: queryParams.value.pageNo,
|
||||
// 每页条数
|
||||
pageSize: queryParams.value.pageSize,
|
||||
// 订单状态 3 ：审核通过
|
||||
statusEnum: 3,
|
||||
};
|
||||
const res = await getPurchaseOrderList(requestParams);
|
||||
if (res.data.records && res.data.records.length > 0) {
|
||||
// 订货单列表
|
||||
orderList.value = res.data.records || [];
|
||||
// 订货单列表总条数
|
||||
localTableDataTotal.value = res.data.total;
|
||||
} else {
|
||||
proxy.$message.error('获取订货单列表失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取订货单列表失败:', error);
|
||||
}
|
||||
};
|
||||
// 重置所有数据
|
||||
const resetAllData = () => {
|
||||
// 重置分页参数
|
||||
queryParams.value.pageNo = 1;
|
||||
queryParams.value.pageSize = 10;
|
||||
currentLocationId.value = undefined;
|
||||
orderList.value = [];
|
||||
localTableDataTotal.value = 0;
|
||||
};
|
||||
// 提交数据
|
||||
const handleSubmit = async () => {
|
||||
// 取消按钮
|
||||
handleCancel();
|
||||
// 获取当前进货单的订单列表
|
||||
await getCurrentOrderDetail();
|
||||
// 传递数据给父组件
|
||||
emit('updateTableData', {
|
||||
currentOrderList: setCurrentOrderList.value,
|
||||
currentOrderForm: setCurrentOrderForm.value,
|
||||
});
|
||||
};
|
||||
// 设置当前进货单的订单列表
|
||||
const setCurrentOrderList = ref([]);
|
||||
// 设置当前进货单的订单表单
|
||||
const setCurrentOrderForm = ref({});
|
||||
|
||||
// 获取当前进货单的订单列表
|
||||
const getCurrentOrderDetail = async () => {
|
||||
const res = await getPurchaseOrderDetail({ busNo: currentRow.value.supplyBusNo });
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
setCurrentOrderForm.value = {
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 供应商联系人
|
||||
phone: data[0].phone,
|
||||
// 采购员
|
||||
practitionerId: data[0].applicantId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = true;
|
||||
// 表格查看状态
|
||||
item.isViewing = false;
|
||||
// 判断当前单位是否是最大单位
|
||||
buildPrice(item);
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
setCurrentOrderList.value = data;
|
||||
}
|
||||
};
|
||||
// 构建进货价和销售价
|
||||
const buildPrice = (item) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = item.unitCode === item.maxUnitCode;
|
||||
if (isMaxUnit) {
|
||||
// 进货价
|
||||
item.price = item.price;
|
||||
item.priceMaxUnit = item.price;
|
||||
item.priceMinUnit = item.price / parseInt(item.partPercent);
|
||||
|
||||
// 销售价
|
||||
item.retailPrice = item.retailPrice;
|
||||
item.retailPriceMaxUnit = item.retailPrice;
|
||||
item.retailPriceMinUnit = (parseFloat(item.retailPrice) / parseInt(item.partPercent)).toFixed(
|
||||
2
|
||||
);
|
||||
} else {
|
||||
// 进货价
|
||||
item.price = item.price;
|
||||
item.priceMaxUnit = parseFloat((item.price * parseInt(item.partPercent)).toFixed(2));
|
||||
item.priceMinUnit = item.price;
|
||||
|
||||
// 销售价
|
||||
item.retailPrice = item.retailPrice;
|
||||
item.retailPriceMaxUnit = parseFloat(
|
||||
(item.retailPrice * parseInt(item.partPercent)).toFixed(2)
|
||||
);
|
||||
item.retailPriceMinUnit = item.retailPrice;
|
||||
}
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// // 进货价（假）
|
||||
unit.priceMask = item.price;
|
||||
|
||||
// 销售价（假）
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = Math.floor(item.batchInventory / parseInt(item.partPercent));
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = item.batchInventory % parseInt(item.partPercent);
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = item.batchInventory;
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = 0;
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
|
||||
// 批次库存
|
||||
unit.batchInventoryMax = item.batchInventory;
|
||||
unit.batchInventoryMaxUnit = unit.batchInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.batchInventoryMin = 0;
|
||||
unit.batchInventoryMinUnit = unit.batchInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
emit('dialogCancel', {
|
||||
dialogVisible: false,
|
||||
});
|
||||
};
|
||||
defineOptions({
|
||||
name: 'orderDialog',
|
||||
});
|
||||
|
||||
defineExpose({
|
||||
getOrderList,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房请领单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 请领单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/transferIn-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/addOrEdit-transferInOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/delete-transferInOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferIn-order/transferIn-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,65 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 药房请领单单初始化
|
||||
export function getInit () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
// 请领单单据列表：显示所有单据 左边框
|
||||
export function getOrderList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/transferOut-order-page',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
// 根据供应商获取药品：对应添加/编辑时加下一行数据后，点击项目时调用的接口
|
||||
export function getMedicineList (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/medication-info',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
// 获取单据号：添加时，获取新单据号。编辑的逻辑是先删除后新增。
|
||||
export function getBusNo () {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/busNo-init',
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
|
||||
// 添加/编辑采购单：添加/编辑采购单
|
||||
export function addOrEditOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/addOrEdit-transferOutOrder',
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 删除单据
|
||||
export function deleteOrder (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/delete-transferOutOrder?busNo=' +
|
||||
data,
|
||||
method: 'DELETE',
|
||||
});
|
||||
}
|
||||
// 同意审批
|
||||
export function agreeApproval (data) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/agree-approval?busNo=' + data,
|
||||
method: 'PUT',
|
||||
});
|
||||
}
|
||||
// 获取单据详情
|
||||
export function getOrderDetail (query) {
|
||||
return request ({
|
||||
url: '/pharmacy-dispensary/transferOut-order/transferOut-order-detail-page',
|
||||
method: 'GET',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table ref="medicineRef" height="400" :data="medicineList" @cell-click="clickRow">
|
||||
<el-table-column label="项目编码" align="center" prop="busNo" width="150" />
|
||||
<el-table-column label="项目名称" align="center" prop="name" width="180" />
|
||||
<el-table-column label="进货价" align="center" prop="price" />
|
||||
<el-table-column label="零售价" align="center" prop="retailPrice" />
|
||||
<el-table-column label="包装单位" align="center" prop="unitCode_dictText" />
|
||||
<el-table-column label="最小单位" align="center" prop="minUnitCode_dictText" />
|
||||
<el-table-column label="规格" align="center" prop="totalVolume" />
|
||||
<el-table-column label="规格库存" align="center" prop="specificationInventory" />
|
||||
<el-table-column label="生产厂家" align="center" prop="manufacturerText" />
|
||||
<el-table-column label="批准文号" align="center" prop="approvalNumber" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getMedicineList } 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,
|
||||
searchKey: props.searchKey,
|
||||
// 13 药品
|
||||
typeEnum: 13,
|
||||
});
|
||||
// 药品列表
|
||||
const medicineList = ref([]);
|
||||
|
||||
// 节流函数
|
||||
const throttledGetList = throttle(
|
||||
() => {
|
||||
getList();
|
||||
},
|
||||
300,
|
||||
{ leading: true, trailing: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
const getList = (query) => {
|
||||
getMedicineList(query || queryParams.value).then((res) => {
|
||||
medicineList.value = res.data.records;
|
||||
});
|
||||
};
|
||||
|
||||
// 点击行
|
||||
const clickRow = (row) => {
|
||||
// console.log(row, 'row');
|
||||
emit('selectRow', row);
|
||||
};
|
||||
|
||||
// 监听搜索关键字
|
||||
watch(
|
||||
() => props,
|
||||
(newValue) => {
|
||||
queryParams.value.searchKey = newValue.searchKey;
|
||||
throttledGetList();
|
||||
},
|
||||
{ immdiate: true, deep: true }
|
||||
);
|
||||
|
||||
// 获取药品列表
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,997 +0,0 @@
|
||||
<!-- 药库订货单 -->
|
||||
<template>
|
||||
<div class="medicine-container app-container">
|
||||
<!-- 顶部按钮 -->
|
||||
<el-row :gutter="20" :xs="24" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="Plus"
|
||||
plain
|
||||
@click="handleAdd"
|
||||
:disabled="isAddDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:add']"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Delete"
|
||||
plain
|
||||
@click="handleDelete"
|
||||
:disabled="isDeleteDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="Close"
|
||||
plain
|
||||
@click="handleCancel"
|
||||
:disabled="isCancelDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:cancel']"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
icon="Check"
|
||||
plain
|
||||
@click="handleAudit"
|
||||
:disabled="isAuditDisabled"
|
||||
v-hasPermi="['pharmacy-warehouse:purchase-order:audit']"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" :xs="24">
|
||||
<!-- 左侧搜索 -->
|
||||
<el-col :span="4" style="border: 1px solid #ebeef5; height: calc(100vh - 200px)">
|
||||
<el-row :gutter="10" style="margin-top: 10px">
|
||||
<el-col :span="24">
|
||||
<el-form ref="tableFormRef" :model="tableForm" style="width: 100%" :rules="rules">
|
||||
<el-form-item label="库房：" label-width="100px">
|
||||
<el-select
|
||||
v-model="tableForm.locationId"
|
||||
placeholder="请选择库房"
|
||||
clearable
|
||||
filterable
|
||||
@change="handleLocationChange(tableForm.locationId)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cabinetListOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-form
|
||||
ref="queryParamsRef"
|
||||
:model="queryParams"
|
||||
style="width: 100%"
|
||||
:rules="rules"
|
||||
@submit.prevent
|
||||
>
|
||||
<el-form-item label="单据搜索" label-width="100px">
|
||||
<el-input
|
||||
v-model="queryParams.searchKey"
|
||||
placeholder="请输入单据号"
|
||||
@keyup.enter="getList"
|
||||
clearable
|
||||
>
|
||||
<template #append>
|
||||
<el-button icon="Search" @click="getList" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row :gutter="10" :xs="24">
|
||||
<el-scrollbar height="calc(100vh - 350px)" style="width: 100%">
|
||||
<div class="order-list-container">
|
||||
<!-- 有数据时显示列表 -->
|
||||
<template v-if="orderList.length > 0">
|
||||
<div
|
||||
v-for="item in orderList"
|
||||
:key="item.supplyBusNo"
|
||||
:class="['order-item', { 'is-active': selectedOrder === item }]"
|
||||
@click="handleOrderClick(item)"
|
||||
>
|
||||
<el-card class="order-card" shadow="hover">
|
||||
<div class="order-header">
|
||||
<div class="order-number">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span class="number-text">{{ item.supplyBusNo }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-content">
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">采购员：</span>
|
||||
<span class="value">{{ item.applicantId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Shop /></el-icon>
|
||||
<span class="label">供应商：</span>
|
||||
<span class="value">{{ item.supplierId_dictText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><User /></el-icon>
|
||||
<span class="label">审核状态：</span>
|
||||
<el-tag type="success" v-if="item.statusEnum_enumText === '同意'">
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
<el-tag type="danger" v-else>
|
||||
{{ item.statusEnum_enumText }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Files /></el-icon>
|
||||
<span class="label">单据类型：</span>
|
||||
<span class="value">{{ item.typeEnum_enumText }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<el-icon class="info-icon"><Calendar /></el-icon>
|
||||
<span class="label">单据日期：</span>
|
||||
<span class="value">{{
|
||||
parseTime(item.applyTime, '{y}-{m}-{d} {h}:{i}:{s}')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 空状态显示 -->
|
||||
<div v-else class="empty-state">
|
||||
<el-empty description="暂无单据" :image-size="80">
|
||||
<el-button type="primary" @click="handleAdd"> 新增单据 </el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="20">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
<orderTable
|
||||
ref="orderTableRef"
|
||||
:form="tableForm"
|
||||
:table-data="tableData"
|
||||
:audit-form="auditForm"
|
||||
:table-data-total="tableDataTotal"
|
||||
:is-add-or-edit-order="isAddOrEditOrder"
|
||||
:supplier-option="supplierOption"
|
||||
:supply-type-options="supplyTypeOptions"
|
||||
:supply-status-options="supplyStatusOptions"
|
||||
:supply-category-options="supplyCategoryOptions"
|
||||
:practitioner-option="practitionerOption"
|
||||
:button-show="buttonShow"
|
||||
@update:query-params="handleQueryParamsUpdate"
|
||||
@update:form="handleFormUpdate"
|
||||
@clearForm="clearForm"
|
||||
@getList="getList"
|
||||
@updateButtonState="handleUpdateButtonState"
|
||||
>
|
||||
</orderTable>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import orderTable from './components/orderTable.vue';
|
||||
import {
|
||||
getInit,
|
||||
getOrderList,
|
||||
deleteOrder,
|
||||
agreeApproval,
|
||||
getOrderDetail,
|
||||
} from './components/api';
|
||||
import useUserStore from '@/store/modules/user';
|
||||
import { parseTime } from '@/utils/his';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 获取 pinia 中用户信息
|
||||
const userInfo = useUserStore();
|
||||
// 左侧查询参数
|
||||
const queryParams = ref({
|
||||
searchKey: '',
|
||||
});
|
||||
// 获取当前实例
|
||||
const { proxy } = getCurrentInstance();
|
||||
// 右侧表格查询参数 + 分页参数 + 添加查询参数
|
||||
const tableForm = ref({
|
||||
locationId: undefined,
|
||||
busNo: undefined,
|
||||
applyTime: undefined,
|
||||
applicantId: undefined,
|
||||
reason: undefined,
|
||||
categoryEnum: undefined,
|
||||
supplierId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
// 右侧表格数据
|
||||
const tableData = ref([]);
|
||||
// 右侧审核表单
|
||||
const auditForm = ref({
|
||||
approvalTime: undefined,
|
||||
statusEnum: undefined,
|
||||
statusEnum_enumText: undefined,
|
||||
approverId: undefined,
|
||||
});
|
||||
// 订单编辑还是新增
|
||||
const isAddOrEditOrder = ref({
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
});
|
||||
// 仓库列表 cabinetList
|
||||
const cabinetListOptions = ref([]);
|
||||
// 查询经手人列表 practitionerOption
|
||||
const practitionerOption = ref([]);
|
||||
// 查询供应商列表 supplierOption
|
||||
const supplierOption = ref([]);
|
||||
// 审批状态 supplyStatusOptions
|
||||
const supplyStatusOptions = ref([]);
|
||||
// 单据类型 supplyTypeOptions
|
||||
const supplyTypeOptions = ref([]);
|
||||
// 单据分类 supplyCategoryOptions
|
||||
const supplyCategoryOptions = ref([]);
|
||||
// 订货单单据列表 orderList
|
||||
const orderList = ref([]);
|
||||
// 订货单单据列表总条数
|
||||
const tableDataTotal = ref(0);
|
||||
// 选中的单据ID
|
||||
const selectedOrder = ref(null);
|
||||
// 是否禁用新增按钮
|
||||
const isAddDisabled = ref(false);
|
||||
// 是否禁用编辑按钮
|
||||
const isEditDisabled = ref(true);
|
||||
// 是否禁用取消按钮
|
||||
const isCancelDisabled = ref(true);
|
||||
// 是否禁用删除按钮
|
||||
const isDeleteDisabled = ref(true);
|
||||
// 是否禁用审核按钮
|
||||
const isAuditDisabled = ref(true);
|
||||
// 按钮显示 buttonShow
|
||||
const buttonShow = ref({
|
||||
isAddShow: false,
|
||||
isDeleteShow: false,
|
||||
isSaveShow: false,
|
||||
isEditShow: false,
|
||||
});
|
||||
const rules = ref({
|
||||
locationId: [{ required: true, message: '请选择库房', trigger: 'blur' }],
|
||||
});
|
||||
|
||||
// 初始化 获取下拉列表
|
||||
const init = async () => {
|
||||
const res = await getInit();
|
||||
// 仓库列表 cabinetListOptions
|
||||
cabinetListOptions.value = res.data.cabinetListOptions;
|
||||
// 查询经手人列表 practitionerList
|
||||
practitionerOption.value = res.data.practitionerOption;
|
||||
// 查询供应商列表 supplierOption
|
||||
supplierOption.value = res.data.supplierOption;
|
||||
// 审批状态 supplyStatusOptions
|
||||
supplyStatusOptions.value = res.data.supplyStatusOptions;
|
||||
// 单据类型 supplyTypeOptions
|
||||
supplyTypeOptions.value = res.data.supplyTypeOptions;
|
||||
// 单据分类
|
||||
supplyCategoryOptions.value = res.data.supplyCategoryOptions;
|
||||
};
|
||||
|
||||
// 获取订货单单据列表
|
||||
const getList = async () => {
|
||||
const res = await getOrderList(queryParams.value);
|
||||
// 订货单单据列表 orderList
|
||||
orderList.value = res.data.records;
|
||||
};
|
||||
|
||||
// 新增按钮
|
||||
const handleAdd = async () => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
// 校验库房ID
|
||||
if (!tableForm.value.locationId) {
|
||||
proxy.$modal.msgWarning('新增单据前，请选择库房');
|
||||
return;
|
||||
}
|
||||
|
||||
// 右侧表单数据
|
||||
tableForm.value = {
|
||||
// 采购员
|
||||
applicantId: userInfo.practitionerId,
|
||||
// 单据日期
|
||||
applyTime: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}'),
|
||||
// 库房ID
|
||||
locationId: tableForm.value.locationId,
|
||||
};
|
||||
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: true,
|
||||
isEditOrder: false,
|
||||
};
|
||||
|
||||
// 延迟执行
|
||||
nextTick(() => {
|
||||
// 更新按钮状态为编辑模式
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: true,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: true,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: true,
|
||||
});
|
||||
});
|
||||
};
|
||||
// 清空当前表格数据
|
||||
const resetFormAndTableData = () => {
|
||||
// 清空右侧表格数据
|
||||
tableData.value = [];
|
||||
// 清空审核表单数据
|
||||
auditForm.value = {};
|
||||
// 清空右侧表格数据总条数
|
||||
tableDataTotal.value = 0;
|
||||
};
|
||||
|
||||
// 编辑按钮
|
||||
const handleEdit = async (order) => {
|
||||
// 清空当前表格数据 和 选中状态
|
||||
resetFormAndTableData();
|
||||
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要编辑的单据');
|
||||
return;
|
||||
}
|
||||
const res = await getOrderDetail({
|
||||
busNo: selectedOrder.value.supplyBusNo,
|
||||
pageNo: tableForm.value.pageNo,
|
||||
pageSize: tableForm.value.pageSize,
|
||||
});
|
||||
// 构建编辑后的表单数据
|
||||
buildEditForm(res.data.records);
|
||||
// 更新表格数据总条数
|
||||
tableDataTotal.value = res.data.total;
|
||||
// 根据订单状态更新按钮状态
|
||||
const isApproved = order.statusEnum_enumText === '同意' || order.statusEnum === 3;
|
||||
if (isApproved) {
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 设置编辑状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
|
||||
// 更新按钮状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: isApproved,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: false,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: isApproved,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: !isApproved,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: !isApproved,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: !isApproved,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: !isApproved,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: !isApproved,
|
||||
});
|
||||
};
|
||||
// 构建单位列表
|
||||
const buildUnitList = (item) => {
|
||||
// 表格单位列表
|
||||
(item.unitList || []).forEach((unit) => {
|
||||
// 判断当前单位是最大单位还是最小单位
|
||||
const isMaxUnit = unit.value === item.maxUnitCode;
|
||||
const isMinUnit = unit.value === item.minUnitCode;
|
||||
|
||||
// 进货价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.priceMask = item.price;
|
||||
} else {
|
||||
unit.priceMask = item.price / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 销售价（假）
|
||||
if (isMaxUnit) {
|
||||
unit.retailPriceMask = item.retailPrice;
|
||||
} else {
|
||||
unit.retailPriceMask = item.retailPrice / parseInt(item.partPercent);
|
||||
}
|
||||
|
||||
// 进价金额（假）
|
||||
unit.totalPriceMask = (parseFloat(item.price) * parseFloat(item.itemQuantity)).toFixed(2);
|
||||
|
||||
// 销售金额（假）
|
||||
unit.totalRetailPriceMask = (
|
||||
parseFloat(item.retailPrice) * parseFloat(item.itemQuantity)
|
||||
).toFixed(2);
|
||||
|
||||
// 规格库存
|
||||
unit.specificationInventoryOriginal = item.specificationInventory;
|
||||
|
||||
// 规格库存显示逻辑
|
||||
if (isMaxUnit) {
|
||||
// 最大单位：显示为 "X盒"
|
||||
unit.specificationInventoryMax = Math.floor(
|
||||
item.specificationInventory / parseInt(item.partPercent)
|
||||
);
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.maxUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = item.specificationInventory % parseInt(item.partPercent);
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else if (isMinUnit) {
|
||||
// 最小单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
} else {
|
||||
// 其他单位：显示为 "X瓶"
|
||||
unit.specificationInventoryMax = item.specificationInventory;
|
||||
unit.specificationInventoryMaxUnit =
|
||||
unit.specificationInventoryMax > 0 ? item.minUnitCode_dictText : '';
|
||||
unit.specificationInventoryMin = 0;
|
||||
unit.specificationInventoryMinUnit =
|
||||
unit.specificationInventoryMin > 0 ? item.minUnitCode_dictText : '';
|
||||
}
|
||||
});
|
||||
};
|
||||
// 构建编辑后的表单数据
|
||||
const buildEditForm = (data) => {
|
||||
// 构建表格数据
|
||||
if (data.length > 0) {
|
||||
// 表单数据
|
||||
tableForm.value = {
|
||||
// 单据号
|
||||
busNo: data[0].busNo,
|
||||
// 单据日期
|
||||
applyTime: data[0].applyTime,
|
||||
// 供应商
|
||||
supplierId: data[0].supplierId,
|
||||
// 采购员
|
||||
applicantId: data[0].applicantId,
|
||||
// 单据类型
|
||||
categoryEnum: data[0].categoryEnum,
|
||||
// 摘要
|
||||
reason: data[0].reason,
|
||||
// 仓库
|
||||
locationId: data[0].purposeLocationId,
|
||||
};
|
||||
// 表格数据
|
||||
data.forEach((item) => {
|
||||
// 表格编辑状态
|
||||
item.isEditing = false;
|
||||
// 表格查看状态
|
||||
item.isViewing = true;
|
||||
// 构建单位列表
|
||||
buildUnitList(item);
|
||||
});
|
||||
// 更新表格数据
|
||||
tableData.value = data;
|
||||
// 审核表格数据
|
||||
auditForm.value = {
|
||||
// 审核时间
|
||||
approvalTime: data[0].approvalTime,
|
||||
// 审核状态
|
||||
statusEnum: data[0].statusEnum,
|
||||
// 审核状态文本
|
||||
statusEnum_enumText: data[0].statusEnum_enumText,
|
||||
// 审核人
|
||||
approverId: data[0].approverId,
|
||||
};
|
||||
// 订单编辑还是新增
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: true,
|
||||
};
|
||||
}
|
||||
};
|
||||
// 取消按钮
|
||||
const handleCancel = () => {
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
|
||||
// 清空表单
|
||||
clearForm();
|
||||
};
|
||||
|
||||
// 清空表单
|
||||
const clearForm = () => {
|
||||
// 清空表单数据
|
||||
tableForm.value = {};
|
||||
tableData.value = [];
|
||||
// 清空右侧表格数据
|
||||
proxy.$refs.orderTableRef.resetAllData();
|
||||
// 重置订单状态
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
};
|
||||
// 删除按钮
|
||||
const handleDelete = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要删除的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否可以删除（已审批的单据不能删除）
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('已审批的单据不能删除');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认删除该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 删除单据
|
||||
await deleteOrder(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('删除成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('删除失败');
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 审核按钮
|
||||
const handleAudit = async () => {
|
||||
if (!selectedOrder.value) {
|
||||
proxy.$modal.msgError('请选择要审核的单据');
|
||||
return;
|
||||
}
|
||||
|
||||
// 校验是否是已审批状态
|
||||
if (selectedOrder.value.statusEnum_enumText === '同意' || selectedOrder.value.statusEnum === 3) {
|
||||
proxy.$modal.msgError('该单据已审批，不能重复审批');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await proxy.$modal.confirm('确认同意该采购单吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// 同意审批
|
||||
await agreeApproval(selectedOrder.value.supplyBusNo);
|
||||
proxy.$modal.msgSuccess('同意审批成功');
|
||||
|
||||
// 编辑
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空右侧表格数据
|
||||
clearForm();
|
||||
// 重新获取列表 库房ID
|
||||
await getList(tableForm.value.locationId);
|
||||
|
||||
// 清空选中状态
|
||||
selectedOrder.value = null;
|
||||
// 更新按钮状态为初始状态
|
||||
handleUpdateButtonState({
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled: true,
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled: true,
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled: true,
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled: false,
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled: true,
|
||||
// 添加行 按钮显示
|
||||
isAddShow: false,
|
||||
// 删除行 按钮显示
|
||||
isDeleteShow: false,
|
||||
// 保存行 按钮显示
|
||||
isSaveShow: false,
|
||||
// 编辑行 按钮显示
|
||||
isEditShow: false,
|
||||
// 警戒订货 按钮显示
|
||||
isAlertShow: false,
|
||||
});
|
||||
isAddOrEditOrder.value = {
|
||||
isAddOrder: false,
|
||||
isEditOrder: false,
|
||||
};
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
proxy.$modal.msgError('同意审批失败');
|
||||
console.error('同意审批失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 处理订单点击事件
|
||||
const handleOrderClick = (order) => {
|
||||
// 选中订单
|
||||
selectedOrder.value = order;
|
||||
// 编辑
|
||||
handleEdit(order);
|
||||
};
|
||||
|
||||
// 处理查询参数更新
|
||||
const handleQueryParamsUpdate = (newParams) => {
|
||||
// 更新右侧表格的分页参数
|
||||
tableForm.value.pageNo = newParams.pageNo;
|
||||
tableForm.value.pageSize = newParams.pageSize;
|
||||
|
||||
// 如果有选中的订单，重新获取订单详情
|
||||
if (selectedOrder.value) {
|
||||
handleEdit(selectedOrder.value);
|
||||
}
|
||||
};
|
||||
//
|
||||
// 处理库房变化
|
||||
const handleLocationChange = (locationId) => {
|
||||
queryParams.value.locationId = locationId;
|
||||
// 重新获取列表
|
||||
getList();
|
||||
};
|
||||
//
|
||||
// 处理表单更新
|
||||
const handleFormUpdate = (newForm) => {
|
||||
tableForm.value = { ...tableForm.value, ...newForm };
|
||||
};
|
||||
|
||||
// 处理按钮状态更新
|
||||
const handleUpdateButtonState = (buttonState) => {
|
||||
// 按钮禁用
|
||||
// 审核 按钮禁用
|
||||
isAuditDisabled.value = buttonState.isAuditDisabled;
|
||||
// 取消 按钮禁用
|
||||
isCancelDisabled.value = buttonState.isCancelDisabled;
|
||||
// 删除 按钮禁用
|
||||
isDeleteDisabled.value = buttonState.isDeleteDisabled;
|
||||
// 添加 按钮禁用
|
||||
isAddDisabled.value = buttonState.isAddDisabled;
|
||||
// 编辑 按钮禁用
|
||||
isEditDisabled.value = buttonState.isEditDisabled;
|
||||
// 按钮显示
|
||||
// 添加行 按钮显示
|
||||
buttonShow.value.isAddShow = buttonState.isAddShow;
|
||||
// 删除行 按钮显示
|
||||
buttonShow.value.isDeleteShow = buttonState.isDeleteShow;
|
||||
// 保存行 按钮显示
|
||||
buttonShow.value.isSaveShow = buttonState.isSaveShow;
|
||||
// 编辑行 按钮显示
|
||||
buttonShow.value.isEditShow = buttonState.isEditShow;
|
||||
// 警戒订货 按钮显示
|
||||
buttonShow.value.isAlertShow = buttonState.isAlertShow;
|
||||
};
|
||||
// 监听路由变化
|
||||
watch(
|
||||
() => route.query,
|
||||
async (newQuery) => {
|
||||
//console.log('路由参数发生变化:', newQuery);
|
||||
if (newQuery.busNo) {
|
||||
queryParams.value.searchKey = newQuery.busNo;
|
||||
await getList();
|
||||
// 设置选中状态
|
||||
selectedOrder.value = orderList.value.find((item) => item.supplyBusNo === newQuery.busNo);
|
||||
// 编辑按钮
|
||||
handleEdit(selectedOrder.value);
|
||||
// 清空路由参数
|
||||
// router.replace({ query: {} });
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
// 下拉列表初始化
|
||||
init();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.medicine-container :deep(.el-row) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.medicine-container :deep(.el-row:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// 订单列表容器
|
||||
.order-list-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// 订单列表项样式
|
||||
.order-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
.order-card {
|
||||
border-color: #409eff;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #f0f9ff 100%);
|
||||
}
|
||||
|
||||
.order-number .number-text {
|
||||
color: #409eff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 订单卡片样式
|
||||
.order-card {
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 6px;
|
||||
transition: all 0.3s ease;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.el-card__body) {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单头部样式
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
|
||||
.el-icon {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.number-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.order-status {
|
||||
flex-shrink: 0;
|
||||
|
||||
.el-tag {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// 订单内容样式
|
||||
.order-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
min-width: 0;
|
||||
|
||||
.info-icon {
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// 空状态样式
|
||||
.empty-state {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
color: #909399;
|
||||
|
||||
:deep(.el-empty__description) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.el-button) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// 响应式设计
|
||||
@media (max-width: 768px) {
|
||||
.order-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,19 +1,11 @@
|
||||
import request from '@/utils/request';
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listPatient(query) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/encounter-list',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
export function devicePatientList(query) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/device-dispense/encounter-list',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function devicePatientList(query) {
|
||||
@@ -28,46 +20,47 @@ export function listInit(query) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/init',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function listWesternmedicine(query) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/medicine-order',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function updateMedicion(prescriptionList) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/medicine-dispense',
|
||||
method: 'put',
|
||||
data: prescriptionList,
|
||||
});
|
||||
}
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/medicine-dispense',
|
||||
method: 'put',
|
||||
data: prescriptionList
|
||||
})
|
||||
}
|
||||
export function prepareMedicion(data) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/prepare',
|
||||
method: 'put',
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/prepare',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function backMedicion(data) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/medicine-cancel',
|
||||
method: 'put',
|
||||
data: data,
|
||||
});
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//扫码枪返回追溯码筛选
|
||||
export function itemTraceNo(params) {
|
||||
return request({
|
||||
url: '/app-common/item-trace-no?traceNoList=' + params,
|
||||
method: 'get',
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -77,8 +70,8 @@ export function getReportRegisterInit(query) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/device-dispense/device-order',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -88,8 +81,8 @@ export function deviceDispense(params) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/device-dispense/device-dispense',
|
||||
method: 'put',
|
||||
data: params,
|
||||
});
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -99,27 +92,6 @@ export function deviceInvalid(data) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/device-dispense/device-cancel',
|
||||
method: 'put',
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 跨批次发药匹配批号
|
||||
*/
|
||||
export function medicineMatch(data) {
|
||||
return request({
|
||||
url: '/pharmacy-manage/western-medicine-dispense/medicine-match',
|
||||
method: 'get',
|
||||
params: data,
|
||||
});
|
||||
}
|
||||
/**
|
||||
* 根据doctorId查询医生签名
|
||||
*/
|
||||
export function getDoctorSignature(query) {
|
||||
return request({
|
||||
url: '/app-common/practitioner-signature',
|
||||
method: 'get',
|
||||
params: query,
|
||||
});
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user