feat: add bit sample warehouse web pages
ck-chenkang
1 month ago
parent
62d26cdc12
commit
86058e36d1
@ -0,0 +1,62 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export interface BitWmsInboundReqVO {
|
||||||
|
productId: number
|
||||||
|
warehouseId: number
|
||||||
|
areaId?: number
|
||||||
|
count: number
|
||||||
|
supplierId?: number
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BitWmsOutboundReqVO {
|
||||||
|
productId: number
|
||||||
|
warehouseId: number
|
||||||
|
areaId?: number
|
||||||
|
count: number
|
||||||
|
outReason: string
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BitWmsMoveReqVO {
|
||||||
|
productId: number
|
||||||
|
fromWarehouseId: number
|
||||||
|
fromAreaId?: number
|
||||||
|
toWarehouseId: number
|
||||||
|
toAreaId?: number
|
||||||
|
count: number
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BitWmsLabelRespVO {
|
||||||
|
title?: string
|
||||||
|
printData: Record<string, any>
|
||||||
|
templateJson?: Record<string, any>
|
||||||
|
}
|
||||||
|
|
||||||
|
export const BitWmsApi = {
|
||||||
|
getSamplePage: async (params: any) => {
|
||||||
|
return await request.get({ url: '/erp/product/sample-page', params })
|
||||||
|
},
|
||||||
|
getSampleSimpleList: async (params?: any) => {
|
||||||
|
return await request.get({ url: '/erp/product/sample-simple-list', params })
|
||||||
|
},
|
||||||
|
inbound: async (data: BitWmsInboundReqVO) => {
|
||||||
|
return await request.post({ url: '/erp/bit-wms/inbound', data })
|
||||||
|
},
|
||||||
|
outbound: async (data: BitWmsOutboundReqVO) => {
|
||||||
|
return await request.post({ url: '/erp/bit-wms/outbound', data })
|
||||||
|
},
|
||||||
|
move: async (data: BitWmsMoveReqVO) => {
|
||||||
|
return await request.post({ url: '/erp/bit-wms/move', data })
|
||||||
|
},
|
||||||
|
scan: async (code: string) => {
|
||||||
|
return await request.get({ url: '/erp/bit-wms/scan', params: { code } })
|
||||||
|
},
|
||||||
|
getSampleLabel: async (productId: number) => {
|
||||||
|
return await request.get({ url: '/erp/bit-wms/sample-label', params: { productId } })
|
||||||
|
},
|
||||||
|
getLocationLabel: async (locationId: number) => {
|
||||||
|
return await request.get({ url: '/erp/bit-wms/location-label', params: { locationId } })
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<el-button size="small" type="primary" :loading="loading" @click="openPrint">
|
||||||
|
<Icon icon="ep:printer" class="mr-4px" />
|
||||||
|
{{ buttonText }}
|
||||||
|
</el-button>
|
||||||
|
<HiprintPreviewDialog ref="printDialogRef" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import HiprintPreviewDialog from '@/components/HiprintPreviewDialog/index.vue'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
title: string
|
||||||
|
buttonText?: string
|
||||||
|
printData?: Record<string, any>
|
||||||
|
templateJson?: Record<string, any>
|
||||||
|
loadLabel?: () => Promise<{ printData: Record<string, any>; templateJson?: Record<string, any> }>
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
buttonText: '打印'
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
const printDialogRef = ref()
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
const openPrint = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const label = props.loadLabel ? await props.loadLabel() : undefined
|
||||||
|
const printData = label?.printData || props.printData || {}
|
||||||
|
const templateJson = label?.templateJson || props.templateJson
|
||||||
|
printDialogRef.value?.open({
|
||||||
|
title: props.title,
|
||||||
|
printData,
|
||||||
|
templateJson,
|
||||||
|
withDefaultQrcodeLayout: !templateJson,
|
||||||
|
paperSize: { width: 80, height: 60 }
|
||||||
|
})
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,119 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="110px" class="bit-wms-form">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="样品" prop="productId">
|
||||||
|
<el-select v-model="formData.productId" placeholder="请选择样品" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in sampleList" :key="item.id" :label="formatSampleLabel(item)" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="供应商" prop="supplierId">
|
||||||
|
<el-select v-model="formData.supplierId" placeholder="请选择供应商" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in supplierList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="仓库" prop="warehouseId">
|
||||||
|
<el-select v-model="formData.warehouseId" placeholder="请选择仓库" filterable class="!w-full" @change="handleWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="库区" prop="areaId">
|
||||||
|
<el-select v-model="formData.areaId" placeholder="请选择库区" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in filteredAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="数量" prop="count">
|
||||||
|
<el-input-number v-model="formData.count" :min="1" :precision="0" class="!w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="formData.remark" type="textarea" :rows="3" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" :loading="submitLoading" v-hasPermi="['erp:bit-wms-in:create']" @click="submitForm">
|
||||||
|
<Icon icon="ep:check" class="mr-5px" />确认入库
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="resetForm"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
import { SupplierApi } from '@/api/erp/purchase/supplier'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsIn' })
|
||||||
|
|
||||||
|
const message = useMessage()
|
||||||
|
const formRef = ref()
|
||||||
|
const submitLoading = ref(false)
|
||||||
|
const sampleList = ref<any[]>([])
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const supplierList = ref<any[]>([])
|
||||||
|
const formData = reactive<any>({
|
||||||
|
productId: undefined,
|
||||||
|
warehouseId: undefined,
|
||||||
|
areaId: undefined,
|
||||||
|
count: 1,
|
||||||
|
supplierId: undefined,
|
||||||
|
remark: undefined
|
||||||
|
})
|
||||||
|
const formRules = reactive({
|
||||||
|
productId: [{ required: true, message: '请选择样品', trigger: 'change' }],
|
||||||
|
warehouseId: [{ required: true, message: '请选择仓库', trigger: 'change' }],
|
||||||
|
count: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||||||
|
})
|
||||||
|
const filteredAreaList = computed(() => {
|
||||||
|
if (!formData.warehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === formData.warehouseId)
|
||||||
|
})
|
||||||
|
|
||||||
|
const formatSampleLabel = (item: any) => `${item.barCode || item.code || '-'} / ${item.name || '-'}`
|
||||||
|
const handleWarehouseChange = () => {
|
||||||
|
formData.areaId = undefined
|
||||||
|
}
|
||||||
|
const resetForm = () => {
|
||||||
|
formRef.value?.resetFields()
|
||||||
|
formData.count = 1
|
||||||
|
}
|
||||||
|
const submitForm = async () => {
|
||||||
|
await formRef.value.validate()
|
||||||
|
submitLoading.value = true
|
||||||
|
try {
|
||||||
|
await BitWmsApi.inbound(formData)
|
||||||
|
message.success('入库成功')
|
||||||
|
resetForm()
|
||||||
|
} finally {
|
||||||
|
submitLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const [samples, warehouses, areas, suppliers] = await Promise.all([
|
||||||
|
BitWmsApi.getSampleSimpleList(),
|
||||||
|
WarehouseApi.getWarehouseSimpleList(),
|
||||||
|
WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 }),
|
||||||
|
SupplierApi.getSupplierSimpleList()
|
||||||
|
])
|
||||||
|
sampleList.value = samples || []
|
||||||
|
warehouseList.value = warehouses || []
|
||||||
|
areaList.value = areas.list || []
|
||||||
|
supplierList.value = suppliers || []
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@ -0,0 +1,150 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<template v-if="!formVisible">
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
||||||
|
<el-form-item label="仓库" prop="warehouseId">
|
||||||
|
<el-select v-model="queryParams.warehouseId" placeholder="请选择仓库" clearable filterable class="!w-220px" @change="handleWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库区" prop="areaId">
|
||||||
|
<el-select v-model="queryParams.areaId" placeholder="请选择库区" clearable filterable class="!w-220px">
|
||||||
|
<el-option v-for="item in filteredAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库位码" prop="code">
|
||||||
|
<el-input v-model="queryParams.code" placeholder="请输入库位码" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库位名称" prop="name">
|
||||||
|
<el-input v-model="queryParams.name" placeholder="请输入库位名称" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />查询</el-button>
|
||||||
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
<el-button type="primary" plain v-hasPermi="['erp:bit-wms-location:create']" @click="openForm('create')">
|
||||||
|
<Icon icon="ep:plus" class="mr-5px" />新增库位
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap>
|
||||||
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
|
||||||
|
<el-table-column label="仓库" align="center" min-width="140">
|
||||||
|
<template #default="{ row }">{{ getWarehouseName(row.warehouseId) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="库区" align="center" min-width="120">
|
||||||
|
<template #default="{ row }">{{ getAreaName(row.areaId) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="库位码" align="center" prop="code" min-width="140" />
|
||||||
|
<el-table-column label="库位名称" align="center" prop="name" min-width="140" />
|
||||||
|
<el-table-column label="面积" align="center" prop="areaSize" width="100" />
|
||||||
|
<el-table-column label="最大承重" align="center" prop="maxLoadWeight" width="110" />
|
||||||
|
<el-table-column label="状态" align="center" prop="status" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="row.status" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="210" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button link type="primary" v-hasPermi="['erp:bit-wms-location:update']" @click="openForm('update', row.id)">编辑</el-button>
|
||||||
|
<BitWmsPrintButton
|
||||||
|
v-hasPermi="['erp:bit-wms-location:print']"
|
||||||
|
title="库位标签"
|
||||||
|
:load-label="() => loadLocationLabel(row.id)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<WarehouseLocationForm v-else ref="formRef" @success="getList" @closed="formVisible = false" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { DICT_TYPE } from '@/utils/dict'
|
||||||
|
import { WarehouseLocationApi } from '@/api/erp/stock/warehouselocation'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import WarehouseLocationForm from '@/views/erp/warehouselocation/WarehouseLocationForm.vue'
|
||||||
|
import BitWmsPrintButton from '../components/BitWmsPrintButton.vue'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsLocation' })
|
||||||
|
|
||||||
|
const loading = ref(true)
|
||||||
|
const list = ref<any[]>([])
|
||||||
|
const total = ref(0)
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const formRef = ref()
|
||||||
|
const formVisible = ref(false)
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const queryParams = reactive({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
warehouseId: undefined,
|
||||||
|
areaId: undefined,
|
||||||
|
code: undefined,
|
||||||
|
name: undefined
|
||||||
|
})
|
||||||
|
|
||||||
|
const filteredAreaList = computed(() => {
|
||||||
|
if (!queryParams.warehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === queryParams.warehouseId)
|
||||||
|
})
|
||||||
|
|
||||||
|
const buildQueryParams = () =>
|
||||||
|
Object.fromEntries(Object.entries(queryParams).filter(([, value]) => value !== undefined && value !== null && value !== ''))
|
||||||
|
|
||||||
|
const getWarehouseName = (warehouseId: number) => warehouseList.value.find((item) => item.id === warehouseId)?.name || '-'
|
||||||
|
const getAreaName = (areaId: number) => areaList.value.find((item) => item.id === areaId)?.areaName || '-'
|
||||||
|
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await WarehouseLocationApi.getWarehouseLocationPage(buildQueryParams())
|
||||||
|
list.value = data.list || []
|
||||||
|
total.value = data.total || 0
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadBaseData = async () => {
|
||||||
|
warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
|
||||||
|
const areaData = await WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 })
|
||||||
|
areaList.value = areaData.list || []
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleWarehouseChange = () => {
|
||||||
|
queryParams.areaId = undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetQuery = () => {
|
||||||
|
queryFormRef.value.resetFields()
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
const openForm = async (type: string, id?: number) => {
|
||||||
|
formVisible.value = true
|
||||||
|
await nextTick()
|
||||||
|
formRef.value.open(type, id)
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadLocationLabel = async (id: number) => await BitWmsApi.getLocationLabel(id)
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await loadBaseData()
|
||||||
|
await getList()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="bit-wms-form">
|
||||||
|
<el-form-item label="样品" prop="productId">
|
||||||
|
<el-select v-model="formData.productId" placeholder="请选择样品" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in sampleList" :key="item.id" :label="formatSampleLabel(item)" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="来源仓库" prop="fromWarehouseId">
|
||||||
|
<el-select v-model="formData.fromWarehouseId" placeholder="请选择来源仓库" filterable class="!w-full" @change="handleFromWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="来源库区" prop="fromAreaId">
|
||||||
|
<el-select v-model="formData.fromAreaId" placeholder="请选择来源库区" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in fromAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="目标仓库" prop="toWarehouseId">
|
||||||
|
<el-select v-model="formData.toWarehouseId" placeholder="请选择目标仓库" filterable class="!w-full" @change="handleToWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="目标库区" prop="toAreaId">
|
||||||
|
<el-select v-model="formData.toAreaId" placeholder="请选择目标库区" filterable clearable class="!w-full">
|
||||||
|
<el-option v-for="item in toAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item label="数量" prop="count">
|
||||||
|
<el-input-number v-model="formData.count" :min="1" :precision="0" class="!w-240px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="formData.remark" type="textarea" :rows="3" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" :loading="submitLoading" v-hasPermi="['erp:bit-wms-move:create']" @click="submitForm">
|
||||||
|
<Icon icon="ep:check" class="mr-5px" />确认移库
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="resetForm"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsMove' })
|
||||||
|
|
||||||
|
const message = useMessage()
|
||||||
|
const formRef = ref()
|
||||||
|
const submitLoading = ref(false)
|
||||||
|
const sampleList = ref<any[]>([])
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const formData = reactive<any>({
|
||||||
|
productId: undefined,
|
||||||
|
fromWarehouseId: undefined,
|
||||||
|
fromAreaId: undefined,
|
||||||
|
toWarehouseId: undefined,
|
||||||
|
toAreaId: undefined,
|
||||||
|
count: 1,
|
||||||
|
remark: undefined
|
||||||
|
})
|
||||||
|
const formRules = reactive({
|
||||||
|
productId: [{ required: true, message: '请选择样品', trigger: 'change' }],
|
||||||
|
fromWarehouseId: [{ required: true, message: '请选择来源仓库', trigger: 'change' }],
|
||||||
|
toWarehouseId: [{ required: true, message: '请选择目标仓库', trigger: 'change' }],
|
||||||
|
count: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||||||
|
})
|
||||||
|
const fromAreaList = computed(() => {
|
||||||
|
if (!formData.fromWarehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === formData.fromWarehouseId)
|
||||||
|
})
|
||||||
|
const toAreaList = computed(() => {
|
||||||
|
if (!formData.toWarehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === formData.toWarehouseId)
|
||||||
|
})
|
||||||
|
|
||||||
|
const formatSampleLabel = (item: any) => `${item.barCode || item.code || '-'} / ${item.name || '-'}`
|
||||||
|
const handleFromWarehouseChange = () => {
|
||||||
|
formData.fromAreaId = undefined
|
||||||
|
}
|
||||||
|
const handleToWarehouseChange = () => {
|
||||||
|
formData.toAreaId = undefined
|
||||||
|
}
|
||||||
|
const resetForm = () => {
|
||||||
|
formRef.value?.resetFields()
|
||||||
|
formData.count = 1
|
||||||
|
}
|
||||||
|
const submitForm = async () => {
|
||||||
|
await formRef.value.validate()
|
||||||
|
submitLoading.value = true
|
||||||
|
try {
|
||||||
|
await BitWmsApi.move(formData)
|
||||||
|
message.success('移库成功')
|
||||||
|
resetForm()
|
||||||
|
} finally {
|
||||||
|
submitLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const [samples, warehouses, areas] = await Promise.all([
|
||||||
|
BitWmsApi.getSampleSimpleList(),
|
||||||
|
WarehouseApi.getWarehouseSimpleList(),
|
||||||
|
WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 })
|
||||||
|
])
|
||||||
|
sampleList.value = samples || []
|
||||||
|
warehouseList.value = warehouses || []
|
||||||
|
areaList.value = areas.list || []
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@ -0,0 +1,142 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="110px" class="bit-wms-form">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="样品" prop="productId">
|
||||||
|
<el-select v-model="formData.productId" placeholder="请选择样品" filterable clearable class="!w-full" @change="loadCurrentStock">
|
||||||
|
<el-option v-for="item in sampleList" :key="item.id" :label="formatSampleLabel(item)" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="当前库存">
|
||||||
|
<el-input :model-value="currentStockText" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="仓库" prop="warehouseId">
|
||||||
|
<el-select v-model="formData.warehouseId" placeholder="请选择仓库" filterable class="!w-full" @change="handleWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="库区" prop="areaId">
|
||||||
|
<el-select v-model="formData.areaId" placeholder="请选择库区" filterable clearable class="!w-full" @change="loadCurrentStock">
|
||||||
|
<el-option v-for="item in filteredAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="数量" prop="count">
|
||||||
|
<el-input-number v-model="formData.count" :min="1" :precision="0" class="!w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item label="出库原因" prop="outReason">
|
||||||
|
<el-select v-model="formData.outReason" placeholder="请选择出库原因" class="!w-full">
|
||||||
|
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.BIT_SAMPLE_OUT_REASON)" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="formData.remark" type="textarea" :rows="3" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" :loading="submitLoading" v-hasPermi="['erp:bit-wms-out:create']" @click="submitForm">
|
||||||
|
<Icon icon="ep:check" class="mr-5px" />确认出库
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="resetForm"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
import { StockApi } from '@/api/erp/stock/stock'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsOut' })
|
||||||
|
|
||||||
|
const message = useMessage()
|
||||||
|
const formRef = ref()
|
||||||
|
const submitLoading = ref(false)
|
||||||
|
const stockLoading = ref(false)
|
||||||
|
const currentStock = ref<number | undefined>(undefined)
|
||||||
|
const sampleList = ref<any[]>([])
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const formData = reactive<any>({
|
||||||
|
productId: undefined,
|
||||||
|
warehouseId: undefined,
|
||||||
|
areaId: undefined,
|
||||||
|
count: 1,
|
||||||
|
outReason: undefined,
|
||||||
|
remark: undefined
|
||||||
|
})
|
||||||
|
const formRules = reactive({
|
||||||
|
productId: [{ required: true, message: '请选择样品', trigger: 'change' }],
|
||||||
|
warehouseId: [{ required: true, message: '请选择仓库', trigger: 'change' }],
|
||||||
|
count: [{ required: true, message: '请输入数量', trigger: 'blur' }],
|
||||||
|
outReason: [{ required: true, message: '请选择出库原因', trigger: 'change' }]
|
||||||
|
})
|
||||||
|
const filteredAreaList = computed(() => {
|
||||||
|
if (!formData.warehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === formData.warehouseId)
|
||||||
|
})
|
||||||
|
const currentStockText = computed(() => {
|
||||||
|
if (stockLoading.value) return '查询中...'
|
||||||
|
return currentStock.value === undefined ? '-' : `${currentStock.value}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const formatSampleLabel = (item: any) => `${item.barCode || item.code || '-'} / ${item.name || '-'}`
|
||||||
|
const handleWarehouseChange = () => {
|
||||||
|
formData.areaId = undefined
|
||||||
|
loadCurrentStock()
|
||||||
|
}
|
||||||
|
const loadCurrentStock = async () => {
|
||||||
|
if (!formData.productId || !formData.warehouseId) {
|
||||||
|
currentStock.value = undefined
|
||||||
|
return
|
||||||
|
}
|
||||||
|
stockLoading.value = true
|
||||||
|
try {
|
||||||
|
const data = await StockApi.getStock2(formData.productId, formData.warehouseId, formData.areaId)
|
||||||
|
currentStock.value = data?.count || 0
|
||||||
|
} finally {
|
||||||
|
stockLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const resetForm = () => {
|
||||||
|
formRef.value?.resetFields()
|
||||||
|
formData.count = 1
|
||||||
|
currentStock.value = undefined
|
||||||
|
}
|
||||||
|
const submitForm = async () => {
|
||||||
|
await formRef.value.validate()
|
||||||
|
submitLoading.value = true
|
||||||
|
try {
|
||||||
|
await BitWmsApi.outbound(formData)
|
||||||
|
message.success('出库成功')
|
||||||
|
await loadCurrentStock()
|
||||||
|
} finally {
|
||||||
|
submitLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const [samples, warehouses, areas] = await Promise.all([
|
||||||
|
BitWmsApi.getSampleSimpleList(),
|
||||||
|
WarehouseApi.getWarehouseSimpleList(),
|
||||||
|
WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 })
|
||||||
|
])
|
||||||
|
sampleList.value = samples || []
|
||||||
|
warehouseList.value = warehouses || []
|
||||||
|
areaList.value = areas.list || []
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@ -0,0 +1,163 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
||||||
|
<el-form-item label="样品" prop="productId">
|
||||||
|
<el-select v-model="queryParams.productId" placeholder="请选择样品" clearable filterable class="!w-240px">
|
||||||
|
<el-option v-for="item in sampleList" :key="item.id" :label="formatSampleLabel(item)" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="仓库" prop="warehouseId">
|
||||||
|
<el-select v-model="queryParams.warehouseId" placeholder="请选择仓库" clearable filterable class="!w-220px" @change="handleWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库区" prop="areaId">
|
||||||
|
<el-select v-model="queryParams.areaId" placeholder="请选择库区" clearable filterable class="!w-220px">
|
||||||
|
<el-option v-for="item in filteredAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="业务单号" prop="bizNo">
|
||||||
|
<el-input v-model="queryParams.bizNo" placeholder="请输入业务单号" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />查询</el-button>
|
||||||
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap>
|
||||||
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
|
||||||
|
<el-table-column label="业务单号" align="center" prop="bizNo" min-width="170" />
|
||||||
|
<el-table-column label="方向" align="center" prop="bizDirection" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag v-if="row.bizDirection" :type="getDirectionTagType(row.bizDirection)">{{ row.bizDirection }}</el-tag>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="样品名称" align="left" prop="productName" min-width="180" />
|
||||||
|
<el-table-column label="分类" align="center" prop="categoryName" min-width="120" />
|
||||||
|
<el-table-column label="仓库" align="center" prop="warehouseName" min-width="140" />
|
||||||
|
<el-table-column label="库区" align="center" prop="areaName" min-width="120" />
|
||||||
|
<el-table-column label="变动数量" align="center" prop="count" min-width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<span :class="getDirectionClass(row.bizDirection)">{{ formatCount(row.count, row.unitName, true, row.bizDirection) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="结存" align="center" prop="totalCount" min-width="120">
|
||||||
|
<template #default="{ row }">{{ formatCount(row.totalCount, row.unitName) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作人" align="center" prop="creatorName" min-width="110" />
|
||||||
|
<el-table-column label="操作时间" align="center" prop="recordTime" :formatter="dateFormatter" width="180" />
|
||||||
|
</el-table>
|
||||||
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { dateFormatter } from '@/utils/formatTime'
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import { StockRecordApi } from '@/api/erp/stock/record'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsRecord' })
|
||||||
|
|
||||||
|
const loading = ref(true)
|
||||||
|
const list = ref<any[]>([])
|
||||||
|
const total = ref(0)
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const sampleList = ref<any[]>([])
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const queryParams = reactive<any>({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
productId: undefined,
|
||||||
|
warehouseId: undefined,
|
||||||
|
areaId: undefined,
|
||||||
|
bizNo: undefined,
|
||||||
|
isSample: true,
|
||||||
|
bizUnit: 'BIT'
|
||||||
|
})
|
||||||
|
const filteredAreaList = computed(() => {
|
||||||
|
if (!queryParams.warehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === queryParams.warehouseId)
|
||||||
|
})
|
||||||
|
|
||||||
|
const formatSampleLabel = (item: any) => `${item.barCode || item.code || '-'} / ${item.name || '-'}`
|
||||||
|
const isStockIn = (direction?: string) => direction === '入库'
|
||||||
|
const isStockOut = (direction?: string) => direction === '出库'
|
||||||
|
const getDirectionTagType = (direction?: string) => {
|
||||||
|
if (isStockIn(direction)) return 'success'
|
||||||
|
if (isStockOut(direction)) return 'danger'
|
||||||
|
return 'info'
|
||||||
|
}
|
||||||
|
const getDirectionClass = (direction?: string) => {
|
||||||
|
if (isStockIn(direction)) return 'bit-wms-record-in'
|
||||||
|
if (isStockOut(direction)) return 'bit-wms-record-out'
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
const formatNumber = (value: number | string | undefined) => {
|
||||||
|
if (value === undefined || value === null || value === '') return '-'
|
||||||
|
const num = Number(value)
|
||||||
|
return Number.isFinite(num) ? num.toLocaleString() : String(value)
|
||||||
|
}
|
||||||
|
const formatCount = (value: number | string | undefined, unit?: string, withSign = false, direction?: string) => {
|
||||||
|
const unitText = unit ? ` ${unit}` : ''
|
||||||
|
if (!withSign) return `${formatNumber(value)}${unitText}`
|
||||||
|
const num = Number(value)
|
||||||
|
if (!Number.isFinite(num)) return `${value ?? '-'}${unitText}`
|
||||||
|
const absValue = Math.abs(num).toLocaleString()
|
||||||
|
if (isStockIn(direction)) return `+${absValue}${unitText}`
|
||||||
|
if (isStockOut(direction)) return `-${absValue}${unitText}`
|
||||||
|
return `${formatNumber(value)}${unitText}`
|
||||||
|
}
|
||||||
|
const buildQueryParams = () =>
|
||||||
|
Object.fromEntries(Object.entries(queryParams).filter(([, value]) => value !== undefined && value !== null && value !== ''))
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await StockRecordApi.getStockRecordPage(buildQueryParams())
|
||||||
|
list.value = data.list || []
|
||||||
|
total.value = data.total || 0
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const handleWarehouseChange = () => {
|
||||||
|
queryParams.areaId = undefined
|
||||||
|
}
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const resetQuery = () => {
|
||||||
|
queryFormRef.value.resetFields()
|
||||||
|
queryParams.isSample = true
|
||||||
|
queryParams.bizUnit = 'BIT'
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const [samples, warehouses, areas] = await Promise.all([
|
||||||
|
BitWmsApi.getSampleSimpleList(),
|
||||||
|
WarehouseApi.getWarehouseSimpleList(),
|
||||||
|
WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 })
|
||||||
|
])
|
||||||
|
sampleList.value = samples || []
|
||||||
|
warehouseList.value = warehouses || []
|
||||||
|
areaList.value = areas.list || []
|
||||||
|
await getList()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.bit-wms-record-in {
|
||||||
|
color: var(--el-color-success);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bit-wms-record-out {
|
||||||
|
color: var(--el-color-danger);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
||||||
|
<el-form-item label="样品码" prop="barCode">
|
||||||
|
<el-input v-model="queryParams.barCode" placeholder="请输入样品码" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="样品名称" prop="name">
|
||||||
|
<el-input v-model="queryParams.name" placeholder="请输入样品名称" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="样品类型" prop="categoryType">
|
||||||
|
<el-select v-model="queryParams.categoryType" placeholder="请选择样品类型" clearable class="!w-180px">
|
||||||
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.MATERIAL_CLASSIFICATION_TYPE)" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="样品分类" prop="sampleCategory">
|
||||||
|
<el-select v-model="queryParams.sampleCategory" placeholder="请选择样品分类" clearable class="!w-180px">
|
||||||
|
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.BIT_SAMPLE_CATEGORY)" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="客户名称" prop="customerName">
|
||||||
|
<el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable class="!w-220px" @keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />查询</el-button>
|
||||||
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
<el-button type="primary" plain v-hasPermi="['erp:bit-wms-sample:create']" @click="openProductCreate">
|
||||||
|
<Icon icon="ep:plus" class="mr-5px" />新增样品
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap>
|
||||||
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
|
||||||
|
<el-table-column label="样品码" align="center" prop="barCode" min-width="160" />
|
||||||
|
<el-table-column label="样品名称" align="left" prop="name" min-width="180" />
|
||||||
|
<el-table-column label="样品类型" align="center" prop="categoryType" min-width="110">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<dict-tag :type="DICT_TYPE.MATERIAL_CLASSIFICATION_TYPE" :value="row.categoryType" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="样品分类" align="center" prop="sampleCategory" min-width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<dict-tag :type="DICT_TYPE.BIT_SAMPLE_CATEGORY" :value="row.sampleCategory" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="规格" align="center" prop="standard" min-width="140" />
|
||||||
|
<el-table-column label="客户名称" align="center" prop="customerName" min-width="140" />
|
||||||
|
<el-table-column label="默认仓库" align="center" min-width="160">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.defaultWarehouseName || row.warehouseName || '-' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" align="center" prop="status" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="row.status" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="210" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button link type="primary" @click="openProductDetail(row.id)">详情</el-button>
|
||||||
|
<el-button link type="primary" v-hasPermi="['erp:bit-wms-sample:update']" @click="openProductEdit(row.id)">编辑</el-button>
|
||||||
|
<BitWmsPrintButton
|
||||||
|
v-hasPermi="['erp:bit-wms-sample:print']"
|
||||||
|
title="样品标签"
|
||||||
|
:load-label="() => loadSampleLabel(row.id)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import BitWmsPrintButton from '../components/BitWmsPrintButton.vue'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsSample' })
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const loading = ref(true)
|
||||||
|
const list = ref<any[]>([])
|
||||||
|
const total = ref(0)
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const queryParams = reactive({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
barCode: undefined,
|
||||||
|
name: undefined,
|
||||||
|
categoryType: undefined,
|
||||||
|
sampleCategory: undefined,
|
||||||
|
customerName: undefined
|
||||||
|
})
|
||||||
|
|
||||||
|
const buildQueryParams = () =>
|
||||||
|
Object.fromEntries(Object.entries(queryParams).filter(([, value]) => value !== undefined && value !== null && value !== ''))
|
||||||
|
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await BitWmsApi.getSamplePage(buildQueryParams())
|
||||||
|
list.value = data.list || []
|
||||||
|
total.value = data.total || 0
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetQuery = () => {
|
||||||
|
queryFormRef.value.resetFields()
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadSampleLabel = async (id: number) => await BitWmsApi.getSampleLabel(id)
|
||||||
|
const openProductCreate = () => router.push({ path: '/erp/product/product' })
|
||||||
|
const openProductEdit = (id: number) => router.push({ path: '/erp/product/product', query: { id, type: 'update' } })
|
||||||
|
const openProductDetail = (id: number) => router.push({ path: '/erp/product/product', query: { id, type: 'detail' } })
|
||||||
|
|
||||||
|
onMounted(getList)
|
||||||
|
</script>
|
||||||
@ -0,0 +1,119 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
||||||
|
<el-form-item label="样品" prop="productId">
|
||||||
|
<el-select v-model="queryParams.productId" placeholder="请选择样品" clearable filterable class="!w-240px">
|
||||||
|
<el-option v-for="item in sampleList" :key="item.id" :label="formatSampleLabel(item)" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="仓库" prop="warehouseId">
|
||||||
|
<el-select v-model="queryParams.warehouseId" placeholder="请选择仓库" clearable filterable class="!w-220px" @change="handleWarehouseChange">
|
||||||
|
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库区" prop="areaId">
|
||||||
|
<el-select v-model="queryParams.areaId" placeholder="请选择库区" clearable filterable class="!w-220px">
|
||||||
|
<el-option v-for="item in filteredAreaList" :key="item.id" :label="item.areaName" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />查询</el-button>
|
||||||
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap>
|
||||||
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
|
||||||
|
<el-table-column label="样品码" align="center" prop="barCode" min-width="150" />
|
||||||
|
<el-table-column label="样品名称" align="left" min-width="180">
|
||||||
|
<template #default="{ row }">{{ row.name || row.productName || '-' }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="样品分类" align="center" prop="categoryName" min-width="130" />
|
||||||
|
<el-table-column label="仓库" align="center" prop="warehouseName" min-width="140" />
|
||||||
|
<el-table-column label="库区" align="center" prop="areaName" min-width="120" />
|
||||||
|
<el-table-column label="库存" align="center" prop="count" min-width="120">
|
||||||
|
<template #default="{ row }">{{ formatCount(row.count) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" align="center" prop="unitName" width="90" />
|
||||||
|
<el-table-column label="库存展示" align="center" prop="stockDisplay" min-width="200">
|
||||||
|
<template #default="{ row }">{{ row.stockDisplay || '-' }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { BitWmsApi } from '@/api/erp/bitwms'
|
||||||
|
import { StockApi } from '@/api/erp/stock/stock'
|
||||||
|
import { WarehouseApi } from '@/api/erp/stock/warehouse'
|
||||||
|
import { WarehouseAreaApi } from '@/api/erp/stock/warehousearea'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ErpBitWmsStock' })
|
||||||
|
|
||||||
|
const loading = ref(true)
|
||||||
|
const list = ref<any[]>([])
|
||||||
|
const total = ref(0)
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const sampleList = ref<any[]>([])
|
||||||
|
const warehouseList = ref<any[]>([])
|
||||||
|
const areaList = ref<any[]>([])
|
||||||
|
const queryParams = reactive<any>({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
productId: undefined,
|
||||||
|
warehouseId: undefined,
|
||||||
|
areaId: undefined,
|
||||||
|
isSample: true,
|
||||||
|
bizUnit: 'BIT'
|
||||||
|
})
|
||||||
|
const filteredAreaList = computed(() => {
|
||||||
|
if (!queryParams.warehouseId) return areaList.value
|
||||||
|
return areaList.value.filter((item) => item.warehouseId === queryParams.warehouseId)
|
||||||
|
})
|
||||||
|
|
||||||
|
const formatSampleLabel = (item: any) => `${item.barCode || item.code || '-'} / ${item.name || '-'}`
|
||||||
|
const formatCount = (value: number | string | undefined) => {
|
||||||
|
if (value === undefined || value === null || value === '') return '-'
|
||||||
|
const num = Number(value)
|
||||||
|
return Number.isFinite(num) ? num.toLocaleString() : String(value)
|
||||||
|
}
|
||||||
|
const buildQueryParams = () =>
|
||||||
|
Object.fromEntries(Object.entries(queryParams).filter(([, value]) => value !== undefined && value !== null && value !== ''))
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await StockApi.getStockPage(buildQueryParams())
|
||||||
|
list.value = data.list || []
|
||||||
|
total.value = data.total || 0
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const handleWarehouseChange = () => {
|
||||||
|
queryParams.areaId = undefined
|
||||||
|
}
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const resetQuery = () => {
|
||||||
|
queryFormRef.value.resetFields()
|
||||||
|
queryParams.isSample = true
|
||||||
|
queryParams.bizUnit = 'BIT'
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const [samples, warehouses, areas] = await Promise.all([
|
||||||
|
BitWmsApi.getSampleSimpleList(),
|
||||||
|
WarehouseApi.getWarehouseSimpleList(),
|
||||||
|
WarehouseAreaApi.getWarehouseAreaPage({ pageNo: 1, pageSize: 100 })
|
||||||
|
])
|
||||||
|
sampleList.value = samples || []
|
||||||
|
warehouseList.value = warehouses || []
|
||||||
|
areaList.value = areas.list || []
|
||||||
|
await getList()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue