feat:设备台账添加导出/批量删除,修改表单显示字段

liutao_branch
黄伟杰 4 months ago
parent c49e2fed52
commit 68db8c8b70

@ -17,7 +17,6 @@ export interface DeviceLedgerVO {
deviceLocation: string // 设备位置 deviceLocation: string // 设备位置
useDept?: string // 使用部门 useDept?: string // 使用部门
deviceManager: string // 设备负责人 deviceManager: string // 设备负责人
quantity?: number // 数量
productionDate: Date // 设备生产日期 productionDate: Date // 设备生产日期
factoryEntryDate: Date // 设备入厂日期 factoryEntryDate: Date // 设备入厂日期
deviceRemark: string // 设备备注 deviceRemark: string // 设备备注
@ -51,8 +50,8 @@ export const DeviceLedgerApi = {
}, },
// 删除设备类型 // 删除设备类型
deleteDeviceLedger: async (id: number) => { deleteDeviceLedger: async (ids: string) => {
return await request.delete({ url: `/mes/device-ledger/delete?id=` + id }) return await request.delete({ url: `/mes/device-ledger/delete?ids=` + ids })
}, },
// 导出设备类型 Excel // 导出设备类型 Excel

@ -57,12 +57,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24">
<el-form-item label="数量" prop="quantity">
<el-input-number v-model="formData.quantity" :min="1" controls-position="right" class="!w-full" />
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="供应商" prop="supplier"> <el-form-item label="供应商" prop="supplier">
<el-select v-model="formData.supplier" placeholder="请选择供应商" clearable filterable class="!w-full"> <el-select v-model="formData.supplier" placeholder="请选择供应商" clearable filterable class="!w-full">
@ -104,9 +98,9 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="部门" prop="useDept"> <el-form-item label="部门" prop="systemOrg">
<el-tree-select <el-tree-select
v-model="formData.useDept" v-model="formData.systemOrg"
:data="deptTree" :data="deptTree"
:props="treeSelectProps" :props="treeSelectProps"
check-strictly check-strictly
@ -185,9 +179,8 @@ const formData = ref({
supplier: undefined, supplier: undefined,
workshop: undefined, workshop: undefined,
deviceLocation: undefined, deviceLocation: undefined,
useDept: undefined, systemOrg: undefined,
deviceManager: undefined, deviceManager: undefined,
quantity: 1,
productionDate: undefined, productionDate: undefined,
factoryEntryDate: undefined, factoryEntryDate: undefined,
remark: undefined, remark: undefined,
@ -207,6 +200,7 @@ const deviceTypeTree = ref<DeviceTypeTreeVO[]>([])
const deptTree = ref<any[]>([]) const deptTree = ref<any[]>([])
const supplierOptions = ref<string[]>([]) const supplierOptions = ref<string[]>([])
const deptNameMap = ref<Record<number, string>>({}) const deptNameMap = ref<Record<number, string>>({})
const deptIdMap = ref<Record<string, number>>({})
const userPickerVisible = ref(false) const userPickerVisible = ref(false)
const userKeyword = ref('') const userKeyword = ref('')
@ -230,13 +224,25 @@ const selectUser = (user: UserVO) => {
const buildDeptNameMap = (nodes: any[]) => { const buildDeptNameMap = (nodes: any[]) => {
const map: Record<number, string> = {} const map: Record<number, string> = {}
const reverseMap: Record<string, number> = {}
const stack = [...nodes] const stack = [...nodes]
while (stack.length) { while (stack.length) {
const node = stack.pop()! const node = stack.pop()!
if (typeof node.id === 'number') map[node.id] = node.name if (typeof node.id === 'number') {
map[node.id] = node.name
if (node.name) reverseMap[String(node.name)] = node.id
}
if (Array.isArray(node.children) && node.children.length) stack.push(...node.children) if (Array.isArray(node.children) && node.children.length) stack.push(...node.children)
} }
deptNameMap.value = map deptNameMap.value = map
deptIdMap.value = reverseMap
}
const normalizeDeptValue = (value: any) => {
if (value === undefined || value === null || value === '') return undefined
if (typeof value === 'number') return value
const byName = deptIdMap.value[String(value)]
return byName === undefined ? undefined : byName
} }
const ensureOptionsLoaded = async () => { const ensureOptionsLoaded = async () => {
@ -270,6 +276,8 @@ const open = async (type: string, id?: number, defaultDeviceTypeId?: number) =>
formLoading.value = true formLoading.value = true
try { try {
formData.value = await DeviceLedgerApi.getDeviceLedger(id) formData.value = await DeviceLedgerApi.getDeviceLedger(id)
formData.value.workshop = normalizeDeptValue((formData.value as any).workshop)
formData.value.systemOrg = normalizeDeptValue((formData.value as any).systemOrg)
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
@ -286,11 +294,11 @@ const submitForm = async () => {
formLoading.value = true formLoading.value = true
try { try {
const workshopId = formData.value.workshop const workshopId = formData.value.workshop
const useDeptId = formData.value.useDept const systemOrgId = formData.value.systemOrg
const data = { const data = {
...(formData.value as any), ...(formData.value as any),
workshop: typeof workshopId === 'number' ? deptNameMap.value[workshopId] : undefined, workshop: typeof workshopId === 'number' ? deptNameMap.value[workshopId] : undefined,
useDept: typeof useDeptId === 'number' ? deptNameMap.value[useDeptId] : undefined systemOrg: typeof systemOrgId === 'number' ? deptNameMap.value[systemOrgId] : undefined
} as unknown as DeviceLedgerVO } as unknown as DeviceLedgerVO
if (formType.value === 'create') { if (formType.value === 'create') {
await DeviceLedgerApi.createDeviceLedger(data) await DeviceLedgerApi.createDeviceLedger(data)
@ -321,9 +329,8 @@ const resetForm = () => {
supplier: undefined, supplier: undefined,
workshop: undefined, workshop: undefined,
deviceLocation: undefined, deviceLocation: undefined,
useDept: undefined, systemOrg: undefined,
deviceManager: undefined, deviceManager: undefined,
quantity: 1,
productionDate: undefined, productionDate: undefined,
factoryEntryDate: undefined, factoryEntryDate: undefined,
remark: undefined, remark: undefined,

@ -20,7 +20,7 @@
:model="queryParams" :model="queryParams"
ref="queryFormRef" ref="queryFormRef"
:inline="true" :inline="true"
label-width="90px" label-width="60px"
> >
<el-form-item label="编码" prop="deviceCode"> <el-form-item label="编码" prop="deviceCode">
<el-input <el-input
@ -56,6 +56,9 @@
<el-button type="primary" plain @click="openForm('create')" v-hasPermi="['mes:device-ledger:create']"> <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['mes:device-ledger:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增 <Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button> </el-button>
<el-button type="danger" plain @click="handleBatchDelete" v-hasPermi="['mes:device-ledger:delete']">
<Icon icon="ep:delete" class="mr-5px" /> 批量删除
</el-button>
<el-button <el-button
type="success" type="success"
plain plain
@ -70,7 +73,16 @@
</ContentWrap> </ContentWrap>
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> <el-table
ref="tableRef"
v-loading="loading"
:data="list"
:stripe="true"
:show-overflow-tooltip="true"
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" fixed="left" reserve-selection />
<el-table-column label="序号" align="center" width="80" fixed="left"> <el-table-column label="序号" align="center" width="80" fixed="left">
<template #default="scope"> <template #default="scope">
{{ (queryParams.pageNo - 1) * queryParams.pageSize + scope.$index + 1 }} {{ (queryParams.pageNo - 1) * queryParams.pageSize + scope.$index + 1 }}
@ -101,14 +113,13 @@
<el-table-column label="规格" align="center" prop="deviceSpec" /> <el-table-column label="规格" align="center" prop="deviceSpec" />
<el-table-column label="型号" align="center" prop="deviceModel" /> <el-table-column label="型号" align="center" prop="deviceModel" />
<el-table-column label="品牌" align="center" prop="deviceBrand" /> <el-table-column label="品牌" align="center" prop="deviceBrand" />
<el-table-column label="数量" align="center" prop="quantity" />
<el-table-column label="生产日期" align="center" prop="productionDate" :formatter="dateFormatter" width="180px" /> <el-table-column label="生产日期" align="center" prop="productionDate" :formatter="dateFormatter" width="180px" />
<el-table-column label="入厂日期" align="center" prop="factoryEntryDate" :formatter="dateFormatter" width="180px" /> <el-table-column label="入厂日期" align="center" prop="factoryEntryDate" :formatter="dateFormatter" width="180px" />
<el-table-column label="供应商" align="center" prop="supplier" /> <el-table-column label="供应商" align="center" prop="supplier" width="110px"/>
<el-table-column label="所属车间" align="center" prop="workshop" /> <el-table-column label="所属车间" align="center" prop="workshop" width="110px"/>
<el-table-column label="位置" align="center" prop="deviceLocation" /> <el-table-column label="位置" align="center" prop="deviceLocation" />
<el-table-column label="使用部门" align="center" prop="useDept" /> <el-table-column label="使用部门" align="center" prop="systemOrg" width="110px"/>
<el-table-column label="责任人" align="center" prop="deviceManager" /> <el-table-column label="责任人" align="center" prop="deviceManager" width="110px"/>
<el-table-column label="备注" align="center" prop="remark" /> <el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建人" align="center" prop="creator" /> <el-table-column label="创建人" align="center" prop="creator" />
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" /> <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
@ -216,6 +227,12 @@ const queryParams = reactive({
const queryFormRef = ref() // const queryFormRef = ref() //
const exportLoading = ref(false) // const exportLoading = ref(false) //
const tableRef = ref()
const selectedIds = ref<number[]>([])
const handleSelectionChange = (rows: any[]) => {
selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
}
const dictStore = useDictStoreWithOut() const dictStore = useDictStoreWithOut()
const dictReady = ref(false) const dictReady = ref(false)
@ -366,31 +383,45 @@ const openForm = (type: string, id?: number) => {
} }
/** 删除按钮操作 */ /** 删除按钮操作 */
const handleDelete = async (id: number) => { const buildIdsParam = (ids: number | number[]) => {
return Array.isArray(ids) ? ids.join(',') : String(ids)
}
const handleDelete = async (ids: number | number[]) => {
try { try {
// //
await message.delConfirm() await message.delConfirm()
// //
await DeviceLedgerApi.deleteDeviceLedger(id) const idsParam = buildIdsParam(ids)
await DeviceLedgerApi.deleteDeviceLedger(idsParam)
message.success(t('common.delSuccess')) message.success(t('common.delSuccess'))
selectedIds.value = []
tableRef.value?.clearSelection?.()
// //
await getList() await getList()
} catch {} } catch {}
} }
const handleBatchDelete = async () => {
if (!selectedIds.value.length) {
message.error('请选择需要删除的数据')
return
}
await handleDelete(selectedIds.value)
}
/** 导出按钮操作 */ /** 导出按钮操作 */
const handleExport = async () => { const handleExport = async () => {
if (!selectedIds.value.length) {
message.error('请选择需要导出的数据')
return
}
try { try {
// //
await message.exportConfirm() await message.exportConfirm()
// //
exportLoading.value = true exportLoading.value = true
const data = await DeviceLedgerApi.exportDeviceLedger({ const data = await DeviceLedgerApi.exportDeviceLedger({ ids: selectedIds.value.join(',') })
deviceCode: queryParams.deviceCode,
deviceName: queryParams.deviceName,
deviceStatus: queryParams.deviceStatus,
deviceType: queryParams.deviceType
})
download.excel(data, '设备台账.xls') download.excel(data, '设备台账.xls')
} catch { } catch {
} finally { } finally {

Loading…
Cancel
Save