feat（wms）：新增移库、盘库管理
YunaiV
parent
b3b35e147b
commit
70aff05ef5
|
|
@ -0,0 +1,29 @@
|
|||
// WMS 盘库单明细 VO
|
||||
export interface CheckOrderDetailVO {
|
||||
id?: number
|
||||
orderId?: number
|
||||
itemId?: number
|
||||
itemCode?: string
|
||||
itemName?: string
|
||||
unit?: string
|
||||
skuId?: number
|
||||
skuCode?: string
|
||||
skuName?: string
|
||||
inventoryId?: number
|
||||
inventoryDetailId?: number
|
||||
warehouseId?: number
|
||||
warehouseName?: string
|
||||
areaId?: number
|
||||
areaName?: string
|
||||
batchNo?: string
|
||||
productionDate?: Date
|
||||
expirationDate?: Date
|
||||
receiptTime?: Date
|
||||
quantity?: number
|
||||
checkQuantity?: number
|
||||
differenceQuantity?: number
|
||||
availableQuantity?: number
|
||||
amount?: number
|
||||
remark?: string
|
||||
createTime?: Date
|
||||
}
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
import request from '@/config/axios'
|
||||
import { CheckOrderDetailVO } from './detail'
|
||||
|
||||
// WMS 盘库单 VO
|
||||
export interface CheckOrderVO {
|
||||
id?: number
|
||||
no?: string
|
||||
status?: number
|
||||
remark?: string
|
||||
warehouseId?: number
|
||||
warehouseName?: string
|
||||
areaId?: number
|
||||
areaName?: string
|
||||
totalQuantity?: number
|
||||
totalAmount?: number
|
||||
details?: CheckOrderDetailVO[]
|
||||
createTime?: Date
|
||||
creator?: string
|
||||
creatorName?: string
|
||||
updateTime?: Date
|
||||
updater?: string
|
||||
updaterName?: string
|
||||
}
|
||||
|
||||
// WMS 盘库单 API
|
||||
export const CheckOrderApi = {
|
||||
// 查询盘库单分页
|
||||
getCheckOrderPage: async (params: any) => {
|
||||
return await request.get({ url: '/wms/check-order/page', params })
|
||||
},
|
||||
|
||||
// 查询盘库单详情
|
||||
getCheckOrder: async (id: number) => {
|
||||
return await request.get({ url: '/wms/check-order/get?id=' + id })
|
||||
},
|
||||
|
||||
// 查询盘库单明细
|
||||
getCheckOrderDetailListByOrderId: async (orderId: number) => {
|
||||
return await request.get({
|
||||
url: '/wms/check-order-detail/list-by-order-id?orderId=' + orderId
|
||||
})
|
||||
},
|
||||
|
||||
// 新增盘库单
|
||||
createCheckOrder: async (data: CheckOrderVO) => {
|
||||
return await request.post({ url: '/wms/check-order/create', data })
|
||||
},
|
||||
|
||||
// 修改盘库单
|
||||
updateCheckOrder: async (data: CheckOrderVO) => {
|
||||
return await request.put({ url: '/wms/check-order/update', data })
|
||||
},
|
||||
|
||||
// 完成盘库
|
||||
completeCheckOrder: async (id: number) => {
|
||||
return await request.put({ url: '/wms/check-order/complete?id=' + id })
|
||||
},
|
||||
|
||||
// 作废盘库单
|
||||
cancelCheckOrder: async (id: number) => {
|
||||
return await request.put({ url: '/wms/check-order/cancel?id=' + id })
|
||||
},
|
||||
|
||||
// 删除盘库单
|
||||
deleteCheckOrder: async (id: number) => {
|
||||
return await request.delete({ url: '/wms/check-order/delete?id=' + id })
|
||||
},
|
||||
|
||||
// 导出盘库单
|
||||
exportCheckOrder: async (params: any) => {
|
||||
return await request.download({ url: '/wms/check-order/export-excel', params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
// WMS 移库单明细 VO
|
||||
export interface MovementOrderDetailVO {
|
||||
id?: number
|
||||
orderId?: number
|
||||
itemId?: number
|
||||
itemCode?: string
|
||||
itemName?: string
|
||||
unit?: string
|
||||
skuId?: number
|
||||
skuCode?: string
|
||||
skuName?: string
|
||||
inventoryDetailId?: number
|
||||
sourceWarehouseId?: number
|
||||
sourceWarehouseName?: string
|
||||
sourceAreaId?: number
|
||||
sourceAreaName?: string
|
||||
targetWarehouseId?: number
|
||||
targetWarehouseName?: string
|
||||
targetAreaId?: number
|
||||
targetAreaName?: string
|
||||
batchNo?: string
|
||||
productionDate?: Date
|
||||
expirationDate?: Date
|
||||
quantity?: number
|
||||
availableQuantity?: number
|
||||
amount?: number
|
||||
remark?: string
|
||||
createTime?: Date
|
||||
}
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
import request from '@/config/axios'
|
||||
import { MovementOrderDetailVO } from './detail'
|
||||
|
||||
// WMS 移库单 VO
|
||||
export interface MovementOrderVO {
|
||||
id?: number
|
||||
no?: string
|
||||
status?: number
|
||||
remark?: string
|
||||
sourceWarehouseId?: number
|
||||
sourceWarehouseName?: string
|
||||
sourceAreaId?: number
|
||||
sourceAreaName?: string
|
||||
targetWarehouseId?: number
|
||||
targetWarehouseName?: string
|
||||
targetAreaId?: number
|
||||
targetAreaName?: string
|
||||
totalQuantity?: number
|
||||
totalAmount?: number
|
||||
details?: MovementOrderDetailVO[]
|
||||
createTime?: Date
|
||||
creator?: string
|
||||
creatorName?: string
|
||||
updateTime?: Date
|
||||
updater?: string
|
||||
updaterName?: string
|
||||
}
|
||||
|
||||
// WMS 移库单 API
|
||||
export const MovementOrderApi = {
|
||||
// 查询移库单分页
|
||||
getMovementOrderPage: async (params: any) => {
|
||||
return await request.get({ url: '/wms/movement-order/page', params })
|
||||
},
|
||||
|
||||
// 查询移库单详情
|
||||
getMovementOrder: async (id: number) => {
|
||||
return await request.get({ url: '/wms/movement-order/get?id=' + id })
|
||||
},
|
||||
|
||||
// 查询移库单明细
|
||||
getMovementOrderDetailListByOrderId: async (orderId: number) => {
|
||||
return await request.get({
|
||||
url: '/wms/movement-order-detail/list-by-order-id?orderId=' + orderId
|
||||
})
|
||||
},
|
||||
|
||||
// 新增移库单
|
||||
createMovementOrder: async (data: MovementOrderVO) => {
|
||||
return await request.post({ url: '/wms/movement-order/create', data })
|
||||
},
|
||||
|
||||
// 修改移库单
|
||||
updateMovementOrder: async (data: MovementOrderVO) => {
|
||||
return await request.put({ url: '/wms/movement-order/update', data })
|
||||
},
|
||||
|
||||
// 完成移库
|
||||
completeMovementOrder: async (id: number) => {
|
||||
return await request.put({ url: '/wms/movement-order/complete?id=' + id })
|
||||
},
|
||||
|
||||
// 作废移库单
|
||||
cancelMovementOrder: async (id: number) => {
|
||||
return await request.put({ url: '/wms/movement-order/cancel?id=' + id })
|
||||
},
|
||||
|
||||
// 删除移库单
|
||||
deleteMovementOrder: async (id: number) => {
|
||||
return await request.delete({ url: '/wms/movement-order/delete?id=' + id })
|
||||
},
|
||||
|
||||
// 导出移库单
|
||||
exportMovementOrder: async (params: any) => {
|
||||
return await request.download({ url: '/wms/movement-order/export-excel', params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!-- WMS 盘库单详情 -->
|
||||
<template>
|
||||
<Dialog v-model="dialogVisible" title="盘库单详情" width="1200px">
|
||||
<div v-loading="loading">
|
||||
<div class="mb-16px text-18px font-bold">单据信息</div>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="盘库单号">{{ detailData.no || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单据状态">
|
||||
<dict-tag
|
||||
v-if="detailData.status !== undefined"
|
||||
:type="DICT_TYPE.WMS_ORDER_STATUS"
|
||||
:value="detailData.status"
|
||||
/>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="仓库">{{ detailData.warehouseName || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item v-if="AREA_ENABLE" label="库区">{{ detailData.areaName || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="盈亏数量">
|
||||
{{ formatQuantity(detailData.totalQuantity) || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="总金额">
|
||||
{{ formatPrice(detailData.totalAmount) || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间">
|
||||
{{ formatNullableDate(detailData.createTime) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建人">
|
||||
{{ detailData.creatorName || detailData.creator || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="更新时间">
|
||||
{{ formatNullableDate(detailData.updateTime) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="更新人">
|
||||
{{ detailData.updaterName || detailData.updater || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="备注">{{ detailData.remark || '-' }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<div class="mb-16px mt-24px text-18px font-bold">商品明细</div>
|
||||
<el-table :data="detailData.details || []" :summary-method="getSummaries" border show-summary>
|
||||
<el-table-column label="商品信息" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.itemName || '-' }}</div>
|
||||
<div v-if="row.itemCode" class="text-12px text-gray-500">商品编号：{{ row.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.skuName || '-' }}</div>
|
||||
<div v-if="row.skuCode" class="text-12px text-gray-500">规格编号：{{ row.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="账面数量" prop="quantity" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.quantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="实盘数量" prop="checkQuantity" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.checkQuantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="盈亏数量" prop="differenceQuantity" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.differenceQuantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="金额(元)" prop="amount" width="140">
|
||||
<template #default="{ row }">{{ formatPrice(row.amount) || '-' }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { formatNullableDate } from '@/utils/formatTime'
|
||||
import { DICT_TYPE } from '@/utils/dict'
|
||||
import { CheckOrderApi, CheckOrderVO } from '@/api/wms/order/check'
|
||||
import { CheckOrderDetailVO } from '@/api/wms/order/check/detail'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { formatPrice, formatQuantity, formatSumPrice, formatSumQuantity } from '@/views/wms/utils/format'
|
||||
|
||||
/** WMS 盘库单详情 */
|
||||
defineOptions({ name: 'WmsCheckOrderDetail' })
|
||||
|
||||
const loading = ref(false)
|
||||
const dialogVisible = ref(false)
|
||||
const detailData = ref<CheckOrderVO>({})
|
||||
|
||||
const getSummaries = ({ columns, data }: { columns: any[]; data: CheckOrderDetailVO[] }) =>
|
||||
columns.map((column, index) => {
|
||||
if (index === 0) return '合计'
|
||||
if (column.property === 'quantity') return formatSumQuantity(data, (detail) => detail.quantity)
|
||||
if (column.property === 'checkQuantity') return formatSumQuantity(data, (detail) => detail.checkQuantity)
|
||||
if (column.property === 'differenceQuantity') return formatSumQuantity(data, (detail) => detail.differenceQuantity)
|
||||
if (column.property === 'amount') return formatSumPrice(data, (detail) => detail.amount)
|
||||
return ''
|
||||
})
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (id: number) => {
|
||||
dialogVisible.value = true
|
||||
loading.value = true
|
||||
try {
|
||||
detailData.value = await CheckOrderApi.getCheckOrder(id)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
|
|
@ -0,0 +1,388 @@
|
|||
<!-- WMS 盘库单表单 -->
|
||||
<template>
|
||||
<Dialog v-model="dialogVisible" :title="dialogTitle" width="1280px">
|
||||
<el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="92px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="盘库单号" prop="no">
|
||||
<el-input v-model="formData.no" maxlength="64" placeholder="请输入盘库单号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="仓库" prop="warehouseId">
|
||||
<WarehouseSelect v-model="formData.warehouseId" @change="handleWarehouseChange" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="AREA_ENABLE" :span="8">
|
||||
<el-form-item label="库区" prop="areaId">
|
||||
<WarehouseAreaSelect v-model="formData.areaId" :warehouse-id="formData.warehouseId" @change="handleAreaChange" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="盈亏数量">
|
||||
<el-input :model-value="formatQuantity(totalQuantity)" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="总金额">
|
||||
<el-input-number
|
||||
v-model="formData.totalAmount"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="PRICE_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="请输入总金额"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" maxlength="255" placeholder="请输入备注" :rows="3" type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="mb-12px flex items-center justify-between">
|
||||
<span class="text-14px font-bold">盘库明细</span>
|
||||
<el-tooltip content="请先选择仓库" :disabled="!!formData.warehouseId" placement="top">
|
||||
<span>
|
||||
<el-button :disabled="!formData.warehouseId" plain type="primary" @click="handleAddDetail">
|
||||
<Icon class="mr-5px" icon="ep:plus" />
|
||||
添加商品
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-table :data="formData.details" border empty-text="暂无商品明细">
|
||||
<el-table-column label="商品信息" min-width="210">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.itemName || '-' }}</div>
|
||||
<div v-if="row.itemCode" class="text-12px text-gray-500">商品编号：{{ row.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="210">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.skuName || '-' }}</div>
|
||||
<div v-if="row.skuCode" class="text-12px text-gray-500">规格编号：{{ row.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="账面数量" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.quantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="实盘数量" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-model="row.checkQuantity"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="QUANTITY_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="数量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="盈亏数量" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(getDifferenceQuantity(row)) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额(元)" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-model="row.amount"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="PRICE_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="金额"
|
||||
@change="refreshTotalAmount"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.remark" maxlength="255" placeholder="请输入备注" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作" width="80">
|
||||
<template #default="{ $index }">
|
||||
<el-button link type="danger" @click="handleDeleteDetail($index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<InventorySelect
|
||||
ref="inventorySelectRef"
|
||||
:area-id="formData.areaId"
|
||||
:warehouse-id="formData.warehouseId"
|
||||
@change="handleSelectInventory"
|
||||
/>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<el-button
|
||||
v-if="isSavedPrepareOrder"
|
||||
v-hasPermi="['wms:check-order:complete']"
|
||||
:disabled="formLoading"
|
||||
type="success"
|
||||
@click="handleComplete"
|
||||
>
|
||||
完成盘库
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="isSavedPrepareOrder"
|
||||
v-hasPermi="['wms:check-order:cancel']"
|
||||
:disabled="formLoading"
|
||||
type="danger"
|
||||
@click="handleCancel"
|
||||
>
|
||||
作废
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button v-if="isPrepareOrder" :disabled="formLoading" type="primary" @click="submitForm">保存</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { FormRules } from 'element-plus'
|
||||
import { CheckOrderApi, CheckOrderVO } from '@/api/wms/order/check'
|
||||
import { CheckOrderDetailVO } from '@/api/wms/order/check/detail'
|
||||
import InventorySelect, { InventorySelectRow } from '@/views/wms/inventory/components/InventorySelect.vue'
|
||||
import WarehouseAreaSelect from '@/views/wms/md/warehouse/components/WarehouseAreaSelect.vue'
|
||||
import WarehouseSelect from '@/views/wms/md/warehouse/components/WarehouseSelect.vue'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { OrderStatusEnum, OrderUpdateStatusList } from '@/views/wms/utils/constants'
|
||||
import { formatQuantity, PRICE_PRECISION, QUANTITY_PRECISION, sumPrice } from '@/views/wms/utils/format'
|
||||
import { generateOrderNo } from '@/views/wms/utils/order'
|
||||
|
||||
/** WMS 盘库单表单 */
|
||||
defineOptions({ name: 'WmsCheckOrderForm' })
|
||||
|
||||
const { t } = useI18n()
|
||||
const message = useMessage()
|
||||
|
||||
const dialogVisible = ref(false)
|
||||
const dialogTitle = ref('')
|
||||
const formLoading = ref(false)
|
||||
const formType = ref('')
|
||||
const originalFormData = ref('')
|
||||
const formData = ref<CheckOrderVO>({
|
||||
id: undefined,
|
||||
no: undefined,
|
||||
status: OrderStatusEnum.PREPARE,
|
||||
warehouseId: undefined,
|
||||
areaId: undefined,
|
||||
totalQuantity: 0,
|
||||
totalAmount: 0,
|
||||
remark: undefined,
|
||||
details: []
|
||||
})
|
||||
const formRules = reactive<FormRules>({
|
||||
no: [{ required: true, message: '盘库单号不能为空', trigger: 'blur' }],
|
||||
warehouseId: [{ required: true, message: '仓库不能为空', trigger: 'change' }]
|
||||
})
|
||||
const formRef = ref()
|
||||
const inventorySelectRef = ref()
|
||||
|
||||
const getDifferenceQuantity = (detail: CheckOrderDetailVO) => Number(detail.checkQuantity || 0) - Number(detail.quantity || 0)
|
||||
const totalQuantity = computed(() =>
|
||||
(formData.value.details || []).reduce((sum, detail) => sum + getDifferenceQuantity(detail), 0)
|
||||
)
|
||||
const detailTotalAmount = computed(() => sumPrice(formData.value.details || [], (detail) => detail.amount))
|
||||
const isPrepareOrder = computed(
|
||||
() =>
|
||||
!formData.value.id ||
|
||||
(formData.value.status !== undefined && OrderUpdateStatusList.includes(formData.value.status))
|
||||
)
|
||||
const isSavedPrepareOrder = computed(
|
||||
() =>
|
||||
!!formData.value.id &&
|
||||
formData.value.status !== undefined &&
|
||||
OrderUpdateStatusList.includes(formData.value.status)
|
||||
)
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
const order = await CheckOrderApi.getCheckOrder(id)
|
||||
formData.value = { ...order, details: order.details || [] }
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
originalFormData.value = JSON.stringify(buildSubmitData())
|
||||
}
|
||||
defineExpose({ open })
|
||||
|
||||
/** 构建盘库明细 */
|
||||
const buildDetail = (inventory: InventorySelectRow): CheckOrderDetailVO => ({
|
||||
id: undefined,
|
||||
itemId: inventory.itemId,
|
||||
itemCode: inventory.itemCode,
|
||||
itemName: inventory.itemName,
|
||||
unit: inventory.unit,
|
||||
skuId: inventory.skuId,
|
||||
skuCode: inventory.skuCode,
|
||||
skuName: inventory.skuName,
|
||||
inventoryId: inventory.id,
|
||||
inventoryDetailId: inventory.inventoryDetailId,
|
||||
warehouseId: inventory.warehouseId,
|
||||
warehouseName: inventory.warehouseName,
|
||||
areaId: inventory.areaId,
|
||||
areaName: inventory.areaName,
|
||||
batchNo: inventory.batchNo,
|
||||
productionDate: inventory.productionDate,
|
||||
expirationDate: inventory.expirationDate,
|
||||
quantity: inventory.availableQuantity,
|
||||
checkQuantity: inventory.availableQuantity,
|
||||
availableQuantity: inventory.availableQuantity,
|
||||
amount: inventory.amount,
|
||||
remark: undefined
|
||||
})
|
||||
|
||||
const handleAddDetail = () => inventorySelectRef.value?.open()
|
||||
const handleSelectInventory = (inventories: InventorySelectRow[]) => {
|
||||
if (!inventories.length) return
|
||||
formData.value.details = formData.value.details || []
|
||||
inventories.forEach((inventory) => {
|
||||
if (isInventorySelected(inventory)) return
|
||||
formData.value.details!.push(buildDetail(inventory))
|
||||
})
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const isInventorySelected = (inventory: InventorySelectRow) =>
|
||||
(formData.value.details || []).some((detail) => {
|
||||
if (BATCH_ENABLE) return detail.inventoryDetailId === inventory.inventoryDetailId
|
||||
return detail.inventoryId === inventory.id
|
||||
})
|
||||
const handleDeleteDetail = (index: number) => {
|
||||
formData.value.details?.splice(index, 1)
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const handleWarehouseChange = () => {
|
||||
formData.value.areaId = undefined
|
||||
formData.value.details = []
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const handleAreaChange = () => {
|
||||
formData.value.details = []
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const refreshTotalAmount = () => {
|
||||
formData.value.totalAmount = detailTotalAmount.value
|
||||
}
|
||||
|
||||
/** 校验明细 */
|
||||
const validateDetails = (required: boolean) => {
|
||||
if (!formData.value.details?.length) {
|
||||
if (required) {
|
||||
message.error('至少包含一条盘库明细')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
}
|
||||
for (let i = 0; i < formData.value.details.length; i++) {
|
||||
const detail = formData.value.details[i]
|
||||
if (AREA_ENABLE && !detail.areaId) {
|
||||
message.error(`第 ${i + 1} 行明细请选择库区`)
|
||||
return false
|
||||
}
|
||||
if (detail.checkQuantity === undefined || detail.checkQuantity < 0) {
|
||||
message.error(`第 ${i + 1} 行明细实盘数量不能小于 0`)
|
||||
return false
|
||||
}
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
/** 构建提交数据 */
|
||||
const buildSubmitData = () =>
|
||||
({
|
||||
...formData.value,
|
||||
totalQuantity: totalQuantity.value,
|
||||
totalAmount: formData.value.totalAmount,
|
||||
details: formData.value.details || []
|
||||
}) as CheckOrderVO
|
||||
|
||||
const emit = defineEmits(['success'])
|
||||
const submitForm = async () => {
|
||||
await formRef.value.validate()
|
||||
if (!validateDetails(false)) return
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = buildSubmitData()
|
||||
if (formType.value === 'create') {
|
||||
await CheckOrderApi.createCheckOrder(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await CheckOrderApi.updateCheckOrder(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 完成盘库：表单修改过则先保存，再完成 */
|
||||
const handleComplete = async () => {
|
||||
await formRef.value.validate()
|
||||
if (!validateDetails(true)) return
|
||||
try {
|
||||
await message.confirm('确认完成盘库？完成后将更新库存。')
|
||||
formLoading.value = true
|
||||
const data = buildSubmitData()
|
||||
if (JSON.stringify(data) !== originalFormData.value) {
|
||||
await CheckOrderApi.updateCheckOrder(data)
|
||||
}
|
||||
await CheckOrderApi.completeCheckOrder(formData.value.id!)
|
||||
message.success('盘库成功')
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 作废盘库单 */
|
||||
const handleCancel = async () => {
|
||||
try {
|
||||
await message.confirm('确认作废该盘库单？作废后不可恢复。')
|
||||
formLoading.value = true
|
||||
await CheckOrderApi.cancelCheckOrder(formData.value.id!)
|
||||
message.success('作废成功')
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
no: generateOrderNo('PK'),
|
||||
status: OrderStatusEnum.PREPARE,
|
||||
warehouseId: undefined,
|
||||
areaId: undefined,
|
||||
totalQuantity: 0,
|
||||
totalAmount: 0,
|
||||
remark: undefined,
|
||||
details: []
|
||||
}
|
||||
originalFormData.value = ''
|
||||
nextTick(() => formRef.value?.clearValidate())
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,284 @@
|
|||
<!-- WMS 盘库单 -->
|
||||
<template>
|
||||
<ContentWrap>
|
||||
<el-form ref="queryFormRef" :inline="true" :model="queryParams" class="-mb-15px" label-width="90px">
|
||||
<el-form-item label="盘库单号" prop="no">
|
||||
<el-input v-model="queryParams.no" class="!w-240px" clearable placeholder="请输入盘库单号" @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态" prop="status">
|
||||
<el-select v-model="queryParams.status" class="!w-240px" clearable placeholder="请选择单据状态">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.WMS_ORDER_STATUS)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库" prop="warehouseId">
|
||||
<WarehouseSelect v-model="queryParams.warehouseId" class="!w-240px" @change="handleWarehouseChange" />
|
||||
</el-form-item>
|
||||
<el-form-item v-if="AREA_ENABLE" label="库区" prop="areaId">
|
||||
<WarehouseAreaSelect v-model="queryParams.areaId" :warehouse-id="queryParams.warehouseId" class="!w-240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期" prop="orderDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.orderDate"
|
||||
:shortcuts="defaultShortcuts"
|
||||
class="!w-240px"
|
||||
end-placeholder="结束时间"
|
||||
start-placeholder="开始时间"
|
||||
type="datetimerange"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建用户" prop="creator">
|
||||
<UserSelectV2 v-model="queryParams.creator" class="!w-240px" placeholder="请选择创建用户" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更新用户" prop="updater">
|
||||
<UserSelectV2 v-model="queryParams.updater" class="!w-240px" placeholder="请选择更新用户" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery">
|
||||
<Icon class="mr-5px" icon="ep:search" />
|
||||
搜索
|
||||
</el-button>
|
||||
<el-button @click="resetQuery">
|
||||
<Icon class="mr-5px" icon="ep:refresh" />
|
||||
重置
|
||||
</el-button>
|
||||
<el-button v-hasPermi="['wms:check-order:create']" plain type="primary" @click="openForm('create')">
|
||||
<Icon class="mr-5px" icon="ep:plus" />
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-hasPermi="['wms:check-order:export']"
|
||||
:loading="exportLoading"
|
||||
plain
|
||||
type="success"
|
||||
@click="handleExport"
|
||||
>
|
||||
<Icon class="mr-5px" icon="ep:download" />
|
||||
导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<ContentWrap>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
:show-overflow-tooltip="true"
|
||||
border
|
||||
@expand-change="handleExpandChange"
|
||||
>
|
||||
<el-table-column type="expand" width="48">
|
||||
<template #default="{ row }">
|
||||
<el-table :data="detailMap[row.id] || []" border>
|
||||
<el-table-column label="商品信息" min-width="220">
|
||||
<template #default="{ row: detail }">
|
||||
<div>{{ detail.itemName || '-' }}</div>
|
||||
<div v-if="detail.itemCode" class="text-12px text-gray-500">商品编号：{{ detail.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="220">
|
||||
<template #default="{ row: detail }">
|
||||
<div>{{ detail.skuName || '-' }}</div>
|
||||
<div v-if="detail.skuCode" class="text-12px text-gray-500">规格编号：{{ detail.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="账面数量" width="120">
|
||||
<template #default="{ row: detail }">{{ formatQuantity(detail.quantity) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="实盘数量" width="120">
|
||||
<template #default="{ row: detail }">{{ formatQuantity(detail.checkQuantity) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="盈亏数量" width="120">
|
||||
<template #default="{ row: detail }">{{ formatQuantity(detail.differenceQuantity) }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="left" label="单号" width="210">
|
||||
<template #default="{ row }">
|
||||
单号：
|
||||
<el-button link type="primary" @click="openDetail(row.id)">{{ row.no }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" fixed="left" label="盘库状态" width="110">
|
||||
<template #default="{ row }">
|
||||
<dict-tag :type="DICT_TYPE.WMS_ORDER_STATUS" :value="row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="AREA_ENABLE ? '仓库/库区' : '仓库'" min-width="180">
|
||||
<template #default="{ row }">
|
||||
<template v-if="AREA_ENABLE">
|
||||
<div>仓库：{{ row.warehouseName || '-' }}</div>
|
||||
<div>库区：{{ row.areaName || '-' }}</div>
|
||||
</template>
|
||||
<template v-else>{{ row.warehouseName || '-' }}</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="盈亏数量/总金额(元)" min-width="180">
|
||||
<template #default="{ row }">
|
||||
<div class="flex items-center justify-between">
|
||||
<span>数量：</span>
|
||||
<span>{{ formatQuantity(row.totalQuantity) }}</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<span>金额：</span>
|
||||
<span>{{ formatPrice(row.totalAmount) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作信息" min-width="280">
|
||||
<template #default="{ row }">
|
||||
<div>创建：{{ formatNullableDate(row.createTime) }} / {{ row.creatorName || row.creator || '-' }}</div>
|
||||
<div>更新：{{ formatNullableDate(row.updateTime) }} / {{ row.updaterName || row.updater || '-' }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160" prop="remark" />
|
||||
<el-table-column align="center" fixed="right" label="操作" width="150">
|
||||
<template #default="{ row }">
|
||||
<el-tooltip :content="getUpdateTip(row.status)" :disabled="canUpdate(row.status)" placement="top">
|
||||
<span>
|
||||
<el-button
|
||||
v-hasPermi="['wms:check-order:update']"
|
||||
:disabled="!canUpdate(row.status)"
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', row.id)"
|
||||
>
|
||||
修改
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
<el-tooltip :content="getDeleteTip(row.status)" :disabled="canDelete(row.status)" placement="top">
|
||||
<span>
|
||||
<el-button
|
||||
v-hasPermi="['wms:check-order:delete']"
|
||||
:disabled="!canDelete(row.status)"
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total" @pagination="getList" />
|
||||
</ContentWrap>
|
||||
|
||||
<CheckOrderForm ref="formRef" @success="getList" />
|
||||
<CheckOrderDetail ref="detailRef" />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defaultShortcuts, formatNullableDate } from '@/utils/formatTime'
|
||||
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
||||
import { CheckOrderApi, CheckOrderVO } from '@/api/wms/order/check'
|
||||
import { CheckOrderDetailVO } from '@/api/wms/order/check/detail'
|
||||
import WarehouseAreaSelect from '@/views/wms/md/warehouse/components/WarehouseAreaSelect.vue'
|
||||
import WarehouseSelect from '@/views/wms/md/warehouse/components/WarehouseSelect.vue'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { OrderDeleteStatusList, OrderStatusEnum, OrderUpdateStatusList } from '@/views/wms/utils/constants'
|
||||
import { formatPrice, formatQuantity } from '@/views/wms/utils/format'
|
||||
import UserSelectV2 from '@/views/system/user/components/UserSelectV2.vue'
|
||||
import CheckOrderDetail from './CheckOrderDetail.vue'
|
||||
import CheckOrderForm from './CheckOrderForm.vue'
|
||||
import download from '@/utils/download'
|
||||
|
||||
/** WMS 盘库单 */
|
||||
defineOptions({ name: 'WmsCheckOrder' })
|
||||
|
||||
const message = useMessage()
|
||||
const { t } = useI18n()
|
||||
|
||||
const loading = ref(true)
|
||||
const list = ref<CheckOrderVO[]>([])
|
||||
const total = ref(0)
|
||||
const getDefaultQueryParams = () => ({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
no: undefined as string | undefined,
|
||||
status: undefined as number | undefined,
|
||||
warehouseId: undefined as number | undefined,
|
||||
areaId: undefined as number | undefined,
|
||||
orderDate: undefined as string[] | undefined,
|
||||
creator: undefined as number | undefined,
|
||||
updater: undefined as number | undefined
|
||||
})
|
||||
const queryParams = reactive(getDefaultQueryParams())
|
||||
const queryFormRef = ref()
|
||||
const exportLoading = ref(false)
|
||||
const detailMap = reactive<Record<number, CheckOrderDetailVO[]>>({})
|
||||
|
||||
const canUpdate = (status?: number) => status !== undefined && OrderUpdateStatusList.includes(status)
|
||||
const canDelete = (status?: number) => status !== undefined && OrderDeleteStatusList.includes(status)
|
||||
const getUpdateTip = (status?: number) => {
|
||||
if (status === OrderStatusEnum.FINISHED) return '已盘库，无法修改'
|
||||
if (status === OrderStatusEnum.CANCELED) return '已作废，无法修改'
|
||||
return '当前状态无法修改'
|
||||
}
|
||||
const getDeleteTip = (status?: number) => {
|
||||
if (status === OrderStatusEnum.FINISHED) return '已盘库，无法删除'
|
||||
return '当前状态无法删除'
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await CheckOrderApi.getCheckOrderPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
const resetQuery = () => {
|
||||
Object.assign(queryParams, getDefaultQueryParams())
|
||||
handleQuery()
|
||||
}
|
||||
const handleWarehouseChange = () => {
|
||||
queryParams.areaId = undefined
|
||||
}
|
||||
const handleExpandChange = async (row: CheckOrderVO) => {
|
||||
if (!row.id || detailMap[row.id]) return
|
||||
detailMap[row.id] = await CheckOrderApi.getCheckOrderDetailListByOrderId(row.id)
|
||||
}
|
||||
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => formRef.value.open(type, id)
|
||||
const detailRef = ref()
|
||||
const openDetail = (id: number) => detailRef.value.open(id)
|
||||
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
await message.delConfirm()
|
||||
await CheckOrderApi.deleteCheckOrder(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
await message.exportConfirm()
|
||||
exportLoading.value = true
|
||||
const data = await CheckOrderApi.exportCheckOrder(queryParams)
|
||||
download.excel(data, '盘库单.xls')
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => getList())
|
||||
</script>
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
<!-- WMS 移库单详情 -->
|
||||
<template>
|
||||
<Dialog v-model="dialogVisible" title="移库单详情" width="1200px">
|
||||
<div v-loading="loading">
|
||||
<div class="mb-16px text-18px font-bold">单据信息</div>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="移库单号">{{ detailData.no || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单据状态">
|
||||
<dict-tag
|
||||
v-if="detailData.status !== undefined"
|
||||
:type="DICT_TYPE.WMS_ORDER_STATUS"
|
||||
:value="detailData.status"
|
||||
/>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="AREA_ENABLE ? '来源仓库/库区' : '来源仓库'">
|
||||
<template v-if="AREA_ENABLE">
|
||||
{{ detailData.sourceWarehouseName || '-' }} / {{ detailData.sourceAreaName || '-' }}
|
||||
</template>
|
||||
<template v-else>{{ detailData.sourceWarehouseName || '-' }}</template>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :label="AREA_ENABLE ? '目标仓库/库区' : '目标仓库'">
|
||||
<template v-if="AREA_ENABLE">
|
||||
{{ detailData.targetWarehouseName || '-' }} / {{ detailData.targetAreaName || '-' }}
|
||||
</template>
|
||||
<template v-else>{{ detailData.targetWarehouseName || '-' }}</template>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="总数量">
|
||||
{{ formatQuantity(detailData.totalQuantity) || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="总金额">
|
||||
{{ formatPrice(detailData.totalAmount) || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间">
|
||||
{{ formatNullableDate(detailData.createTime) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建人">
|
||||
{{ detailData.creatorName || detailData.creator || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="更新时间">
|
||||
{{ formatNullableDate(detailData.updateTime) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="更新人">
|
||||
{{ detailData.updaterName || detailData.updater || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="备注">
|
||||
{{ detailData.remark || '-' }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<div class="mb-16px mt-24px text-18px font-bold">商品明细</div>
|
||||
<el-table :data="detailData.details || []" :summary-method="getSummaries" border show-summary>
|
||||
<el-table-column label="商品信息" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.itemName || '-' }}</div>
|
||||
<div v-if="row.itemCode" class="text-12px text-gray-500">商品编号：{{ row.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.skuName || '-' }}</div>
|
||||
<div v-if="row.skuCode" class="text-12px text-gray-500">规格编号：{{ row.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="数量" prop="quantity" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.quantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="金额(元)" prop="amount" width="140">
|
||||
<template #default="{ row }">{{ formatPrice(row.amount) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160" prop="remark" />
|
||||
</el-table>
|
||||
</div>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { formatNullableDate } from '@/utils/formatTime'
|
||||
import { DICT_TYPE } from '@/utils/dict'
|
||||
import { MovementOrderApi, MovementOrderVO } from '@/api/wms/order/movement'
|
||||
import { MovementOrderDetailVO } from '@/api/wms/order/movement/detail'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { formatPrice, formatQuantity, formatSumPrice, formatSumQuantity } from '@/views/wms/utils/format'
|
||||
|
||||
/** WMS 移库单详情 */
|
||||
defineOptions({ name: 'WmsMovementOrderDetail' })
|
||||
|
||||
const loading = ref(false)
|
||||
const dialogVisible = ref(false)
|
||||
const detailData = ref<MovementOrderVO>({})
|
||||
|
||||
const getSummaries = ({ columns, data }: { columns: any[]; data: MovementOrderDetailVO[] }) =>
|
||||
columns.map((column, index) => {
|
||||
if (index === 0) return '合计'
|
||||
if (column.property === 'quantity') return formatSumQuantity(data, (detail) => detail.quantity)
|
||||
if (column.property === 'amount') return formatSumPrice(data, (detail) => detail.amount)
|
||||
return ''
|
||||
})
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (id: number) => {
|
||||
dialogVisible.value = true
|
||||
loading.value = true
|
||||
try {
|
||||
detailData.value = await MovementOrderApi.getMovementOrder(id)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
|
|
@ -0,0 +1,439 @@
|
|||
<!-- WMS 移库单表单 -->
|
||||
<template>
|
||||
<Dialog v-model="dialogVisible" :title="dialogTitle" width="1280px">
|
||||
<el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="98px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="移库单号" prop="no">
|
||||
<el-input v-model="formData.no" maxlength="64" placeholder="请输入移库单号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="来源仓库" prop="sourceWarehouseId">
|
||||
<WarehouseSelect v-model="formData.sourceWarehouseId" @change="handleSourceWarehouseChange" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="AREA_ENABLE" :span="8">
|
||||
<el-form-item label="来源库区" prop="sourceAreaId">
|
||||
<WarehouseAreaSelect
|
||||
v-model="formData.sourceAreaId"
|
||||
:warehouse-id="formData.sourceWarehouseId"
|
||||
@change="handleSourceAreaChange"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="目标仓库" prop="targetWarehouseId">
|
||||
<WarehouseSelect v-model="formData.targetWarehouseId" @change="handleTargetWarehouseChange" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="AREA_ENABLE" :span="8">
|
||||
<el-form-item label="目标库区" prop="targetAreaId">
|
||||
<WarehouseAreaSelect
|
||||
v-model="formData.targetAreaId"
|
||||
:warehouse-id="formData.targetWarehouseId"
|
||||
@change="handleTargetAreaChange"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="总数量">
|
||||
<el-input :model-value="formatQuantity(totalQuantity)" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="总金额">
|
||||
<el-input-number
|
||||
v-model="formData.totalAmount"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="PRICE_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="请输入总金额"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" maxlength="255" placeholder="请输入备注" :rows="3" type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="mb-12px flex items-center justify-between">
|
||||
<span class="text-14px font-bold">移库明细</span>
|
||||
<el-tooltip content="请先选择来源仓库" :disabled="!!formData.sourceWarehouseId" placement="top">
|
||||
<span>
|
||||
<el-button :disabled="!formData.sourceWarehouseId" plain type="primary" @click="handleAddDetail">
|
||||
<Icon class="mr-5px" icon="ep:plus" />
|
||||
添加商品
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-table :data="formData.details" border empty-text="暂无商品明细">
|
||||
<el-table-column label="商品信息" min-width="210">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.itemName || '-' }}</div>
|
||||
<div v-if="row.itemCode" class="text-12px text-gray-500">商品编号：{{ row.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="210">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.skuName || '-' }}</div>
|
||||
<div v-if="row.skuCode" class="text-12px text-gray-500">规格编号：{{ row.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="AREA_ENABLE" label="来源库区" min-width="140" prop="sourceAreaName" />
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="可用库存" width="120">
|
||||
<template #default="{ row }">{{ formatQuantity(row.availableQuantity) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="移库数量" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-model="row.quantity"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="QUANTITY_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="数量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额(元)" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-model="row.amount"
|
||||
:controls="false"
|
||||
:min="0"
|
||||
:precision="PRICE_PRECISION"
|
||||
class="!w-1/1"
|
||||
placeholder="金额"
|
||||
@change="refreshTotalAmount"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.remark" maxlength="255" placeholder="请输入备注" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作" width="80">
|
||||
<template #default="{ $index }">
|
||||
<el-button link type="danger" @click="handleDeleteDetail($index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<InventorySelect
|
||||
ref="inventorySelectRef"
|
||||
:area-id="formData.sourceAreaId"
|
||||
:warehouse-id="formData.sourceWarehouseId"
|
||||
@change="handleSelectInventory"
|
||||
/>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<el-button
|
||||
v-if="isSavedPrepareOrder"
|
||||
v-hasPermi="['wms:movement-order:complete']"
|
||||
:disabled="formLoading"
|
||||
type="success"
|
||||
@click="handleComplete"
|
||||
>
|
||||
完成移库
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="isSavedPrepareOrder"
|
||||
v-hasPermi="['wms:movement-order:cancel']"
|
||||
:disabled="formLoading"
|
||||
type="danger"
|
||||
@click="handleCancel"
|
||||
>
|
||||
作废
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button v-if="isPrepareOrder" :disabled="formLoading" type="primary" @click="submitForm">保存</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { FormRules } from 'element-plus'
|
||||
import { MovementOrderApi, MovementOrderVO } from '@/api/wms/order/movement'
|
||||
import { MovementOrderDetailVO } from '@/api/wms/order/movement/detail'
|
||||
import InventorySelect, { InventorySelectRow } from '@/views/wms/inventory/components/InventorySelect.vue'
|
||||
import WarehouseAreaSelect from '@/views/wms/md/warehouse/components/WarehouseAreaSelect.vue'
|
||||
import WarehouseSelect from '@/views/wms/md/warehouse/components/WarehouseSelect.vue'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { OrderStatusEnum, OrderUpdateStatusList } from '@/views/wms/utils/constants'
|
||||
import { formatQuantity, PRICE_PRECISION, QUANTITY_PRECISION, sumPrice, sumQuantity } from '@/views/wms/utils/format'
|
||||
import { generateOrderNo } from '@/views/wms/utils/order'
|
||||
|
||||
/** WMS 移库单表单 */
|
||||
defineOptions({ name: 'WmsMovementOrderForm' })
|
||||
|
||||
const { t } = useI18n()
|
||||
const message = useMessage()
|
||||
|
||||
const dialogVisible = ref(false)
|
||||
const dialogTitle = ref('')
|
||||
const formLoading = ref(false)
|
||||
const formType = ref('')
|
||||
const originalFormData = ref('')
|
||||
const formData = ref<MovementOrderVO>({
|
||||
id: undefined,
|
||||
no: undefined,
|
||||
status: OrderStatusEnum.PREPARE,
|
||||
sourceWarehouseId: undefined,
|
||||
sourceAreaId: undefined,
|
||||
targetWarehouseId: undefined,
|
||||
targetAreaId: undefined,
|
||||
totalQuantity: 0,
|
||||
totalAmount: 0,
|
||||
remark: undefined,
|
||||
details: []
|
||||
})
|
||||
const formRules = reactive<FormRules>({
|
||||
no: [{ required: true, message: '移库单号不能为空', trigger: 'blur' }],
|
||||
sourceWarehouseId: [{ required: true, message: '来源仓库不能为空', trigger: 'change' }],
|
||||
targetWarehouseId: [{ required: true, message: '目标仓库不能为空', trigger: 'change' }]
|
||||
})
|
||||
const formRef = ref()
|
||||
const inventorySelectRef = ref()
|
||||
|
||||
const totalQuantity = computed(() => sumQuantity(formData.value.details || [], (detail) => detail.quantity))
|
||||
const detailTotalAmount = computed(() => sumPrice(formData.value.details || [], (detail) => detail.amount))
|
||||
const isPrepareOrder = computed(
|
||||
() =>
|
||||
!formData.value.id ||
|
||||
(formData.value.status !== undefined && OrderUpdateStatusList.includes(formData.value.status))
|
||||
)
|
||||
const isSavedPrepareOrder = computed(
|
||||
() =>
|
||||
!!formData.value.id &&
|
||||
formData.value.status !== undefined &&
|
||||
OrderUpdateStatusList.includes(formData.value.status)
|
||||
)
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
const order = await MovementOrderApi.getMovementOrder(id)
|
||||
formData.value = { ...order, details: order.details || [] }
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
originalFormData.value = JSON.stringify(buildSubmitData())
|
||||
}
|
||||
defineExpose({ open })
|
||||
|
||||
/** 构建移库明细 */
|
||||
const buildDetail = (inventory: InventorySelectRow): MovementOrderDetailVO => ({
|
||||
id: undefined,
|
||||
itemId: inventory.itemId,
|
||||
itemCode: inventory.itemCode,
|
||||
itemName: inventory.itemName,
|
||||
unit: inventory.unit,
|
||||
skuId: inventory.skuId,
|
||||
skuCode: inventory.skuCode,
|
||||
skuName: inventory.skuName,
|
||||
inventoryDetailId: inventory.inventoryDetailId,
|
||||
sourceWarehouseId: inventory.warehouseId,
|
||||
sourceWarehouseName: inventory.warehouseName,
|
||||
sourceAreaId: inventory.areaId,
|
||||
sourceAreaName: inventory.areaName,
|
||||
targetWarehouseId: formData.value.targetWarehouseId,
|
||||
targetAreaId: formData.value.targetAreaId,
|
||||
batchNo: inventory.batchNo,
|
||||
productionDate: inventory.productionDate,
|
||||
expirationDate: inventory.expirationDate,
|
||||
quantity: undefined,
|
||||
availableQuantity: inventory.availableQuantity,
|
||||
amount: undefined,
|
||||
remark: undefined
|
||||
})
|
||||
|
||||
const handleAddDetail = () => inventorySelectRef.value?.open()
|
||||
|
||||
/** 选择库存 */
|
||||
const handleSelectInventory = (inventories: InventorySelectRow[]) => {
|
||||
if (!inventories.length) return
|
||||
formData.value.details = formData.value.details || []
|
||||
inventories.forEach((inventory) => {
|
||||
if (isInventorySelected(inventory)) return
|
||||
formData.value.details!.push(buildDetail(inventory))
|
||||
})
|
||||
refreshTotalAmount()
|
||||
}
|
||||
|
||||
/** 判断库存是否已选择 */
|
||||
const isInventorySelected = (inventory: InventorySelectRow) =>
|
||||
(formData.value.details || []).some((detail) => {
|
||||
if (BATCH_ENABLE) return detail.inventoryDetailId === inventory.inventoryDetailId
|
||||
return (
|
||||
detail.skuId === inventory.skuId &&
|
||||
detail.sourceWarehouseId === inventory.warehouseId &&
|
||||
detail.sourceAreaId === inventory.areaId
|
||||
)
|
||||
})
|
||||
|
||||
const handleDeleteDetail = (index: number) => {
|
||||
formData.value.details?.splice(index, 1)
|
||||
refreshTotalAmount()
|
||||
}
|
||||
|
||||
const handleSourceWarehouseChange = () => {
|
||||
formData.value.sourceAreaId = undefined
|
||||
formData.value.details = []
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const handleSourceAreaChange = () => {
|
||||
formData.value.details = []
|
||||
refreshTotalAmount()
|
||||
}
|
||||
const handleTargetWarehouseChange = () => {
|
||||
formData.value.targetAreaId = undefined
|
||||
refreshTargetToDetails()
|
||||
}
|
||||
const handleTargetAreaChange = () => refreshTargetToDetails()
|
||||
const refreshTargetToDetails = () => {
|
||||
const details = formData.value.details || []
|
||||
details.forEach((detail) => {
|
||||
detail.targetWarehouseId = formData.value.targetWarehouseId
|
||||
detail.targetAreaId = formData.value.targetAreaId
|
||||
})
|
||||
}
|
||||
const refreshTotalAmount = () => {
|
||||
formData.value.totalAmount = detailTotalAmount.value
|
||||
}
|
||||
|
||||
/** 校验明细 */
|
||||
const validateDetails = (required: boolean) => {
|
||||
if (!formData.value.details?.length) {
|
||||
if (required) {
|
||||
message.error('至少包含一条移库明细')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
}
|
||||
if (
|
||||
formData.value.sourceWarehouseId === formData.value.targetWarehouseId &&
|
||||
formData.value.sourceAreaId === formData.value.targetAreaId
|
||||
) {
|
||||
message.error('来源仓库库区和目标仓库库区不能相同')
|
||||
return false
|
||||
}
|
||||
for (let i = 0; i < formData.value.details.length; i++) {
|
||||
const detail = formData.value.details[i]
|
||||
if (AREA_ENABLE && (!detail.sourceAreaId || !detail.targetAreaId)) {
|
||||
message.error(`第 ${i + 1} 行明细请选择来源和目标库区`)
|
||||
return false
|
||||
}
|
||||
if (!detail.quantity || detail.quantity <= 0) {
|
||||
message.error(`第 ${i + 1} 行明细移库数量必须大于 0`)
|
||||
return false
|
||||
}
|
||||
if (detail.availableQuantity !== undefined && detail.quantity > detail.availableQuantity) {
|
||||
message.error(`第 ${i + 1} 行明细移库数量不能大于可用库存`)
|
||||
return false
|
||||
}
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
/** 构建提交数据 */
|
||||
const buildSubmitData = () =>
|
||||
({
|
||||
...formData.value,
|
||||
totalQuantity: totalQuantity.value,
|
||||
totalAmount: formData.value.totalAmount,
|
||||
details: formData.value.details || []
|
||||
}) as MovementOrderVO
|
||||
|
||||
const emit = defineEmits(['success'])
|
||||
const submitForm = async () => {
|
||||
await formRef.value.validate()
|
||||
if (!validateDetails(false)) return
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = buildSubmitData()
|
||||
if (formType.value === 'create') {
|
||||
await MovementOrderApi.createMovementOrder(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await MovementOrderApi.updateMovementOrder(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 完成移库：表单修改过则先保存，再完成 */
|
||||
const handleComplete = async () => {
|
||||
await formRef.value.validate()
|
||||
if (!validateDetails(true)) return
|
||||
try {
|
||||
await message.confirm('确认完成移库？完成后将更新库存。')
|
||||
formLoading.value = true
|
||||
const data = buildSubmitData()
|
||||
if (JSON.stringify(data) !== originalFormData.value) {
|
||||
await MovementOrderApi.updateMovementOrder(data)
|
||||
}
|
||||
await MovementOrderApi.completeMovementOrder(formData.value.id!)
|
||||
message.success('移库成功')
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 作废移库单 */
|
||||
const handleCancel = async () => {
|
||||
try {
|
||||
await message.confirm('确认作废该移库单？作废后不可恢复。')
|
||||
formLoading.value = true
|
||||
await MovementOrderApi.cancelMovementOrder(formData.value.id!)
|
||||
message.success('作废成功')
|
||||
dialogVisible.value = false
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
no: generateOrderNo('YK'),
|
||||
status: OrderStatusEnum.PREPARE,
|
||||
sourceWarehouseId: undefined,
|
||||
sourceAreaId: undefined,
|
||||
targetWarehouseId: undefined,
|
||||
targetAreaId: undefined,
|
||||
totalQuantity: 0,
|
||||
totalAmount: 0,
|
||||
remark: undefined,
|
||||
details: []
|
||||
}
|
||||
originalFormData.value = ''
|
||||
nextTick(() => formRef.value?.clearValidate())
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,287 @@
|
|||
<!-- WMS 移库单 -->
|
||||
<template>
|
||||
<ContentWrap>
|
||||
<el-form ref="queryFormRef" :inline="true" :model="queryParams" class="-mb-15px" label-width="90px">
|
||||
<el-form-item label="移库单号" prop="no">
|
||||
<el-input v-model="queryParams.no" class="!w-240px" clearable placeholder="请输入移库单号" @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态" prop="status">
|
||||
<el-select v-model="queryParams.status" class="!w-240px" clearable placeholder="请选择单据状态">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.WMS_ORDER_STATUS)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="来源仓库" prop="sourceWarehouseId">
|
||||
<WarehouseSelect v-model="queryParams.sourceWarehouseId" class="!w-240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="目标仓库" prop="targetWarehouseId">
|
||||
<WarehouseSelect v-model="queryParams.targetWarehouseId" class="!w-240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期" prop="orderDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.orderDate"
|
||||
:shortcuts="defaultShortcuts"
|
||||
class="!w-240px"
|
||||
end-placeholder="结束时间"
|
||||
start-placeholder="开始时间"
|
||||
type="datetimerange"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建用户" prop="creator">
|
||||
<UserSelectV2 v-model="queryParams.creator" class="!w-240px" placeholder="请选择创建用户" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更新用户" prop="updater">
|
||||
<UserSelectV2 v-model="queryParams.updater" class="!w-240px" placeholder="请选择更新用户" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery">
|
||||
<Icon class="mr-5px" icon="ep:search" />
|
||||
搜索
|
||||
</el-button>
|
||||
<el-button @click="resetQuery">
|
||||
<Icon class="mr-5px" icon="ep:refresh" />
|
||||
重置
|
||||
</el-button>
|
||||
<el-button v-hasPermi="['wms:movement-order:create']" plain type="primary" @click="openForm('create')">
|
||||
<Icon class="mr-5px" icon="ep:plus" />
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-hasPermi="['wms:movement-order:export']"
|
||||
:loading="exportLoading"
|
||||
plain
|
||||
type="success"
|
||||
@click="handleExport"
|
||||
>
|
||||
<Icon class="mr-5px" icon="ep:download" />
|
||||
导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<ContentWrap>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
:show-overflow-tooltip="true"
|
||||
border
|
||||
@expand-change="handleExpandChange"
|
||||
>
|
||||
<el-table-column type="expand" width="48">
|
||||
<template #default="{ row }">
|
||||
<el-table :data="detailMap[row.id] || []" border>
|
||||
<el-table-column label="商品信息" min-width="220">
|
||||
<template #default="{ row: detail }">
|
||||
<div>{{ detail.itemName || '-' }}</div>
|
||||
<div v-if="detail.itemCode" class="text-12px text-gray-500">商品编号：{{ detail.itemCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格信息" min-width="220">
|
||||
<template #default="{ row: detail }">
|
||||
<div>{{ detail.skuName || '-' }}</div>
|
||||
<div v-if="detail.skuCode" class="text-12px text-gray-500">规格编号：{{ detail.skuCode }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="BATCH_ENABLE" label="批号" min-width="140" prop="batchNo" />
|
||||
<el-table-column align="right" label="移库数量" width="120">
|
||||
<template #default="{ row: detail }">{{ formatQuantity(detail.quantity) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="金额(元)" width="120">
|
||||
<template #default="{ row: detail }">{{ formatPrice(detail.amount) || '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160" prop="remark" />
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="left" label="单号" width="210">
|
||||
<template #default="{ row }">
|
||||
单号：
|
||||
<el-button link type="primary" @click="openDetail(row.id)">{{ row.no }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" fixed="left" label="移库状态" width="110">
|
||||
<template #default="{ row }">
|
||||
<dict-tag :type="DICT_TYPE.WMS_ORDER_STATUS" :value="row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="AREA_ENABLE ? '来源仓库/库区' : '来源仓库'" min-width="180">
|
||||
<template #default="{ row }">
|
||||
<template v-if="AREA_ENABLE">
|
||||
<div>仓库：{{ row.sourceWarehouseName || '-' }}</div>
|
||||
<div>库区：{{ row.sourceAreaName || '-' }}</div>
|
||||
</template>
|
||||
<template v-else>{{ row.sourceWarehouseName || '-' }}</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="AREA_ENABLE ? '目标仓库/库区' : '目标仓库'" min-width="180">
|
||||
<template #default="{ row }">
|
||||
<template v-if="AREA_ENABLE">
|
||||
<div>仓库：{{ row.targetWarehouseName || '-' }}</div>
|
||||
<div>库区：{{ row.targetAreaName || '-' }}</div>
|
||||
</template>
|
||||
<template v-else>{{ row.targetWarehouseName || '-' }}</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="总数量/总金额(元)" min-width="180">
|
||||
<template #default="{ row }">
|
||||
<div class="flex items-center justify-between">
|
||||
<span>数量：</span>
|
||||
<span>{{ formatQuantity(row.totalQuantity) }}</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<span>金额：</span>
|
||||
<span>{{ formatPrice(row.totalAmount) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作信息" min-width="280">
|
||||
<template #default="{ row }">
|
||||
<div>创建：{{ formatNullableDate(row.createTime) }} / {{ row.creatorName || row.creator || '-' }}</div>
|
||||
<div>更新：{{ formatNullableDate(row.updateTime) }} / {{ row.updaterName || row.updater || '-' }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="160" prop="remark" />
|
||||
<el-table-column align="center" fixed="right" label="操作" width="150">
|
||||
<template #default="{ row }">
|
||||
<el-tooltip :content="getUpdateTip(row.status)" :disabled="canUpdate(row.status)" placement="top">
|
||||
<span>
|
||||
<el-button
|
||||
v-hasPermi="['wms:movement-order:update']"
|
||||
:disabled="!canUpdate(row.status)"
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', row.id)"
|
||||
>
|
||||
修改
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
<el-tooltip :content="getDeleteTip(row.status)" :disabled="canDelete(row.status)" placement="top">
|
||||
<span>
|
||||
<el-button
|
||||
v-hasPermi="['wms:movement-order:delete']"
|
||||
:disabled="!canDelete(row.status)"
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total" @pagination="getList" />
|
||||
</ContentWrap>
|
||||
|
||||
<MovementOrderForm ref="formRef" @success="getList" />
|
||||
<MovementOrderDetail ref="detailRef" />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defaultShortcuts, formatNullableDate } from '@/utils/formatTime'
|
||||
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
||||
import { MovementOrderApi, MovementOrderVO } from '@/api/wms/order/movement'
|
||||
import { MovementOrderDetailVO } from '@/api/wms/order/movement/detail'
|
||||
import WarehouseSelect from '@/views/wms/md/warehouse/components/WarehouseSelect.vue'
|
||||
import { AREA_ENABLE, BATCH_ENABLE } from '@/views/wms/utils/config'
|
||||
import { OrderDeleteStatusList, OrderStatusEnum, OrderUpdateStatusList } from '@/views/wms/utils/constants'
|
||||
import { formatPrice, formatQuantity } from '@/views/wms/utils/format'
|
||||
import UserSelectV2 from '@/views/system/user/components/UserSelectV2.vue'
|
||||
import MovementOrderDetail from './MovementOrderDetail.vue'
|
||||
import MovementOrderForm from './MovementOrderForm.vue'
|
||||
import download from '@/utils/download'
|
||||
|
||||
/** WMS 移库单 */
|
||||
defineOptions({ name: 'WmsMovementOrder' })
|
||||
|
||||
const message = useMessage()
|
||||
const { t } = useI18n()
|
||||
|
||||
const loading = ref(true)
|
||||
const list = ref<MovementOrderVO[]>([])
|
||||
const total = ref(0)
|
||||
const getDefaultQueryParams = () => ({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
no: undefined as string | undefined,
|
||||
status: undefined as number | undefined,
|
||||
sourceWarehouseId: undefined as number | undefined,
|
||||
targetWarehouseId: undefined as number | undefined,
|
||||
orderDate: undefined as string[] | undefined,
|
||||
creator: undefined as number | undefined,
|
||||
updater: undefined as number | undefined
|
||||
})
|
||||
const queryParams = reactive(getDefaultQueryParams())
|
||||
const queryFormRef = ref()
|
||||
const exportLoading = ref(false)
|
||||
const detailMap = reactive<Record<number, MovementOrderDetailVO[]>>({})
|
||||
|
||||
const canUpdate = (status?: number) => status !== undefined && OrderUpdateStatusList.includes(status)
|
||||
const canDelete = (status?: number) => status !== undefined && OrderDeleteStatusList.includes(status)
|
||||
const getUpdateTip = (status?: number) => {
|
||||
if (status === OrderStatusEnum.FINISHED) return '已移库，无法修改'
|
||||
if (status === OrderStatusEnum.CANCELED) return '已作废，无法修改'
|
||||
return '当前状态无法修改'
|
||||
}
|
||||
const getDeleteTip = (status?: number) => {
|
||||
if (status === OrderStatusEnum.FINISHED) return '已移库，无法删除'
|
||||
return '当前状态无法删除'
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await MovementOrderApi.getMovementOrderPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
const resetQuery = () => {
|
||||
Object.assign(queryParams, getDefaultQueryParams())
|
||||
handleQuery()
|
||||
}
|
||||
const handleExpandChange = async (row: MovementOrderVO) => {
|
||||
if (!row.id || detailMap[row.id]) return
|
||||
detailMap[row.id] = await MovementOrderApi.getMovementOrderDetailListByOrderId(row.id)
|
||||
}
|
||||
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => formRef.value.open(type, id)
|
||||
const detailRef = ref()
|
||||
const openDetail = (id: number) => detailRef.value.open(id)
|
||||
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
await message.delConfirm()
|
||||
await MovementOrderApi.deleteMovementOrder(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
await message.exportConfirm()
|
||||
exportLoading.value = true
|
||||
const data = await MovementOrderApi.exportMovementOrder(queryParams)
|
||||
download.excel(data, '移库单.xls')
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => getList())
|
||||
</script>
|
||||
Loading…
Reference in New Issue