|
|
|
|
@ -20,7 +20,7 @@
|
|
|
|
|
:model="queryParams"
|
|
|
|
|
ref="queryFormRef"
|
|
|
|
|
:inline="true"
|
|
|
|
|
label-width="90px"
|
|
|
|
|
label-width="60px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="编码" prop="deviceCode">
|
|
|
|
|
<el-input
|
|
|
|
|
@ -56,6 +56,9 @@
|
|
|
|
|
<el-button type="primary" plain @click="openForm('create')" v-hasPermi="['mes:device-ledger:create']">
|
|
|
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
|
|
|
|
</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
|
|
|
|
|
type="success"
|
|
|
|
|
plain
|
|
|
|
|
@ -70,7 +73,16 @@
|
|
|
|
|
</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">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
{{ (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="deviceModel" />
|
|
|
|
|
<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="factoryEntryDate" :formatter="dateFormatter" width="180px" />
|
|
|
|
|
<el-table-column label="供应商" align="center" prop="supplier" />
|
|
|
|
|
<el-table-column label="所属车间" align="center" prop="workshop" />
|
|
|
|
|
<el-table-column label="供应商" align="center" prop="supplier" width="110px"/>
|
|
|
|
|
<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="useDept" />
|
|
|
|
|
<el-table-column label="责任人" align="center" prop="deviceManager" />
|
|
|
|
|
<el-table-column label="使用部门" align="center" prop="systemOrg" width="110px"/>
|
|
|
|
|
<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="creator" />
|
|
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
|
|
|
|
|
@ -216,6 +227,12 @@ const queryParams = reactive({
|
|
|
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
|
|
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 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 {
|
|
|
|
|
// 删除的二次确认
|
|
|
|
|
await message.delConfirm()
|
|
|
|
|
// 发起删除
|
|
|
|
|
await DeviceLedgerApi.deleteDeviceLedger(id)
|
|
|
|
|
const idsParam = buildIdsParam(ids)
|
|
|
|
|
await DeviceLedgerApi.deleteDeviceLedger(idsParam)
|
|
|
|
|
message.success(t('common.delSuccess'))
|
|
|
|
|
selectedIds.value = []
|
|
|
|
|
tableRef.value?.clearSelection?.()
|
|
|
|
|
// 刷新列表
|
|
|
|
|
await getList()
|
|
|
|
|
} catch {}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleBatchDelete = async () => {
|
|
|
|
|
if (!selectedIds.value.length) {
|
|
|
|
|
message.error('请选择需要删除的数据')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
await handleDelete(selectedIds.value)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
|
const handleExport = async () => {
|
|
|
|
|
if (!selectedIds.value.length) {
|
|
|
|
|
message.error('请选择需要导出的数据')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
try {
|
|
|
|
|
// 导出的二次确认
|
|
|
|
|
await message.exportConfirm()
|
|
|
|
|
// 发起导出
|
|
|
|
|
exportLoading.value = true
|
|
|
|
|
const data = await DeviceLedgerApi.exportDeviceLedger({
|
|
|
|
|
deviceCode: queryParams.deviceCode,
|
|
|
|
|
deviceName: queryParams.deviceName,
|
|
|
|
|
deviceStatus: queryParams.deviceStatus,
|
|
|
|
|
deviceType: queryParams.deviceType
|
|
|
|
|
})
|
|
|
|
|
const data = await DeviceLedgerApi.exportDeviceLedger({ ids: selectedIds.value.join(',') })
|
|
|
|
|
download.excel(data, '设备台账.xls')
|
|
|
|
|
} catch {
|
|
|
|
|
} finally {
|
|
|
|
|
|