<template> <ContentWrap> <!-- 搜索工作栏 --> <Search :schema="[...ProductreceiptRequestMain.allSchemas.searchSchema,...ProductreceiptRequestDetail.allSchemas.searchSchema]" @search="setSearchParams" @reset="setSearchParams" /> </ContentWrap> <!-- 列表头部 --> <TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :routeName="routeName" @updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick" :allSchemas="ProductreceiptRequestMain.allSchemas" :detailAllSchemas="ProductreceiptRequestDetail.allSchemas" /> <!-- 列表 --> <ContentWrap> <Table :columns="tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{ total: tableObject.total }" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" v-model:sort="tableObject.sort" > <template #number="{row}"> <el-button type="primary" link @click="openDetail(row, '单据号', row.number)"> <span>{{ row.number }}</span> </el-button> </template> <template #action="{ row,$index }"> <ButtonBase :Butttondata="butttondata(row,$index)" @button-base-click="buttonTableClick($event,row)" /> </template> </Table> </ContentWrap> <!-- 表单弹窗:添加/修改 --> <BasicForm ref="formRef" @success="getList" :rules="ProductreceiptRequestMainRules" :formAllSchemas="ProductreceiptRequestMain.allSchemas" :tableAllSchemas="ProductreceiptRequestDetail.allSchemas" :tableFormRules="ProductreceiptRequestDetailRules" :tableData="tableData" :apiUpdate="ProductreceiptRequestMainApi.updateProductreceiptRequestMain" :apiCreate="ProductreceiptRequestMainApi.createProductreceiptRequestMain" :isBusiness="true" @handleAddTable="handleAddTable" @handleDeleteTable="handleDeleteTable" @searchTableSuccess="searchTableSuccess" @submitForm="submitForm" /> <!-- 详情 --> <Detail ref="detailRef" :isBasic="false" :allSchemas="ProductreceiptRequestMain.allSchemas" :detailAllSchemas="ProductreceiptRequestDetail.allSchemas" :detailAllSchemasRules="ProductreceiptRequestDetailRules" :apiCreate="ProductreceiptRequestDetailApi.createProductreceiptRequestDetail" :apiUpdate="ProductreceiptRequestDetailApi.updateProductreceiptRequestDetail" :apiPage="ProductreceiptRequestDetailApi.getProductreceiptRequestDetailPage" :apiDelete="ProductreceiptRequestDetailApi.deleteProductreceiptRequestDetail" @searchTableSuccessDetail="searchTableSuccessDetail" :buttondataTable="buttondataTable" @tableFormButton="tableFormButton" :detailValidate="detailValidate" /> <!-- 创建标签 --> <BasicForm ref="formLabelRef" @success="getList" :tableAllSchemas="detailListTableColumns" :tableFormRules="ProductreceiptRequestLabelRules" :tableData="detatableData.tableList" :isBusiness="true" :isShowButton="false" @handleAddTable="handleAddTable" @handleDeleteTable="handleDeleteTable" @searchTableSuccess="searchTableSuccess" @submitForm="submitFormLabel" /> <!-- bom列表 --> <Dialog :title="DialogTitle" v-model="bomModelVisible" width="80%" :scroll="true" max-height="450px" > <Table :columns="BackflushDetailRequest.allSchemas.tableColumns" :data="detatableDataBom.tableList" :loading="detatableDataBom.loading" :pagination="{ total: detatableDataBom.total }" v-model:pageSize="detatableDataBom.pageSize" v-model:currentPage="detatableDataBom.currentPage" v-model:sort="detatableDataBom.sort" /> </Dialog> <!-- 导入 --> <ImportForm ref="importFormRef" url="/wms/productreceipt-request-main/import" :importTemplateData="importTemplateData" @success="importSuccess" :updateIsDisable="true" :coverIsDisable="true" :mode="2" :extend="'assemble'"/> </template> <script setup lang="ts"> import download from '@/utils/download' import { CACHE_KEY, useCache } from '@/hooks/web/useCache' import { ProductreceiptRequestMain,ProductreceiptRequestMainRules,ProductreceiptRequestDetail, ProductreceiptRequestDetailRules, BackflushDetailRequest, ProductreceiptRequestLabel,ProductreceiptRequestLabelRules } from './productreceiptAssembleRequestMain.data' import * as ProductreceiptRequestMainApi from '@/api/wms/productreceiptRequestMain' import * as ProductreceiptRequestDetailApi from '@/api/wms/productreceiptRequestDetail' import * as BackflushRequestDetailbApi from '@/api/wms/backflushRequestDetailb' import * as defaultButtons from '@/utils/disposition/defaultButtons' import * as ItembasicApi from '@/api/wms/itembasic' import * as PackageApi from '@/api/wms/package' import { formatTime } from '@/utils/index' import { getAccessToken } from '@/utils/auth' // 装配收货申请 defineOptions({ name: 'ProductreceiptRequestMainA' }) const message = useMessage() // 消息弹窗 const { t } = useI18n() // 国际化 const route = useRoute() // 路由信息 const routeName = ref() routeName.value = route.name const tableColumns = ref([...ProductreceiptRequestMain.allSchemas.tableColumns,...ProductreceiptRequestDetail.allSchemas.tableMainColumns]) // 详情 table 操作扩展 按钮 const buttondataTable = ref([{ label: 'Bom', name: 'bom', hide: false, type: 'primary', icon: '', color: '', hasPermi: '', link: true, // 文本展现按钮 }]) //创建标签 const detailListTableColumns = ProductreceiptRequestLabel.allSchemas const isCreateLabel = ref(false) const formLabelRef = ref() const labelType = ref('') // 标签类别 采购还是制造等 const { tableObject: detatableData, tableMethods: detatableMethods } =useTable({ getListApi: ProductreceiptRequestDetailApi.getProductreceiptRequestDetailPage }) const { getList:getDetailList } = detatableMethods // Bom查看 const DialogTitle = ref('Bom信息') const bomModelVisible = ref(false) const { tableObject: detatableDataBom, tableMethods: detatableMethodsBom } =useTable({ getListApi: BackflushRequestDetailbApi.getBackflushRequestDetailbPage }) const { getList:getDetailListBom } = detatableMethodsBom // 字段设置 更新主列表字段 const updataTableColumns = (val) => { tableColumns.value = val } // 查询页面返回 const searchTableSuccess = (formField, searchField, val, formRef, type, row ) => { nextTick(() => { if (type == 'tableForm') { if (formField == 'secondPackUnit') { row['secondPackUnit'] = val[0]['packUnit'] row['secondPackQty'] = val[0]['packQty'] } // 明细查询页赋值 row[formField] = val[0][searchField] } else { const setV = {} setV[formField] = val[0][searchField] formRef.setValues(setV) } }) } // 查询页面返回——详情 const searchTableSuccessDetail = (formField, searchField, val, formRef ) => { nextTick(() => { const setV = {} setV[formField] = val[0][searchField] formRef.setValues(setV) }) } const { tableObject, tableMethods } = useTable({ getListApi: ProductreceiptRequestDetailApi.getProductreceiptRequestDetailPage // 分页接口 }) // 获得表格的各种操作 const { getList, setSearchParams } = tableMethods // 列表头部按钮 const HeadButttondata = [ defaultButtons.defaultAddBtn({hasPermi:'wms:productreceipt-request-main:create'}), // 新增 defaultButtons.defaultImportBtn({hasPermi:'wms:productreceipt-request-main:import'}), // 导入 defaultButtons.defaultExportBtn({hasPermi:'wms:productreceipt-request-main:export'}), // 导出 defaultButtons.defaultFreshBtn(null), // 刷新 defaultButtons.defaultFilterBtn(null), // 筛选 defaultButtons.defaultSetBtn(null), // 设置 // { // label: '自定义扩展按钮', // name: 'zdy', // hide: false, // type: 'primary', // icon: 'Select', // color: '' // }, ] // 头部按钮事件 const buttonBaseClick = (val, item) => { if (val == 'add') { // 新增 openForm('create') } else if (val == 'import') { // 导入 handleImport() } else if (val == 'export') { // 导出 handleExport() } else if (val == 'refresh') { // 刷新 if (tableObject.params.filters && tableObject.params.filters.length > 0 ) { searchFormClick({ filters: tableObject.params.filters }) } else { getList() } } else if (val == 'filtrate') { // 筛选 } else { // 其他按钮 console.log('其他按钮', item) } } // 根据状态返回该按钮是否显示 const isShowMainButton = (row,val) => { if (val.indexOf(row.status) > -1) { return false } else { return true } } // 列表-操作按钮 const butttondata = (row,$index) => { const findIndex = row['masterId']?tableObject.tableList.findIndex(item=>item['masterId'] == row['masterId']):-1 if(findIndex>0&&findIndex<$index){ return [] } return [ defaultButtons.mainListCloseBtn({hide:isShowMainButton(row,['1','2','3','4']), hasPermi:'wms:productreceipt-request-main:close'}), // 关闭 defaultButtons.mainListReAddBtn({hide:isShowMainButton(row,['4','5']), hasPermi:'wms:productreceipt-request-main:reAdd'}), // 重新添加 defaultButtons.mainListSubmitBtn({hide:isShowMainButton(row,['1']), hasPermi:'wms:productreceipt-request-main:submit'}), // 提交审批 defaultButtons.mainListTurnDownBtn({hide:isShowMainButton(row,['2']), hasPermi:'wms:productreceipt-request-main:refused'}), // 驳回 defaultButtons.mainListApproveBtn({hide:isShowMainButton(row,['2']), hasPermi:'wms:productreceipt-request-main:agree'}), // 审批通过 defaultButtons.mainListHandleBtn({hide:isShowMainButton(row,['3']), hasPermi:'wms:productreceipt-request-main:handle'}), // 处理 defaultButtons.mainListEditBtn({hide:isShowMainButton(row,['1']), hasPermi:'wms:productreceipt-request-main:update'}), // 编辑 { label: '创建标签', name: 'cjbq', hide: isShowMainButton(row,['3']), type: 'primary', icon: '', color: '', hasPermi: '', link: true, // 文本展现按钮 }, defaultButtons.mainListPointBtn({hide:isShowMainButton(row,['3','6','8'])}), // 标签打印 // defaultButtons.mainListDeleteBtn({hasPermi:'wms:productreceipt-request-main:delete'}), // 删除 ] } // 列表-操作按钮事件 const buttonTableClick = async (val, row) => { if (val == 'mainClose') { // 关闭 await message.confirm('确认要关闭吗?') tableObject.loading = true ProductreceiptRequestMainApi.close(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { tableObject.loading = false console.log(err) }) } else if (val == 'mainReAdd') { // 重新添加 await message.confirm('确认要重新添加吗?') tableObject.loading = true ProductreceiptRequestMainApi.reAdd(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { tableObject.loading = false console.log(err) }) } else if (val == 'mainSubmit') { // 提交审批 await message.confirm('确认要提交审批吗?') tableObject.loading = true ProductreceiptRequestMainApi.submit(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { tableObject.loading = false console.log(err) }) } else if (val == 'mainTurnDown') { // 驳回 await message.confirm('确认要驳回吗?') tableObject.loading = true ProductreceiptRequestMainApi.refused(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { tableObject.loading = false console.log(err) }) } else if (val == 'mainApprove') { // 审批通过 await message.confirm('确认要审批通过吗?') tableObject.loading = true ProductreceiptRequestMainApi.agree(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { tableObject.loading = false console.log(err) }) } else if (val == 'cjbq') { // 创建标签 // 判断 是否已创建标签 let isCreateLabel = false await PackageApi.getPackagePage({ requestNumber: row.number }).then(res => { if (res) { if (res.list.length > 0) isCreateLabel = true } }) if (isCreateLabel) { message.warning('已创建过标签!!!') return } detatableData.params = { masterId:row.id } await getDetailList() // 打开创建标签页面 // dialogVisible.value = true formLabelRef.value.open('create', row) detatableData.tableList.map((item) => { // 查询物料类型 原料 只能选择 供应商代码 半成品成品其他 只能选择 生产线 ItembasicApi.getItembasicPage({ pageSize: 10, pageNo: 1, code: item.itemCode, sort: '', by: 'ASC', }).then(res => { if (res.list.length > 0) { // 判断物料 可采购 可制造 if (res.list[0].enableMake == "FALSE") { // 修改 tableform 属性 detailListTableColumns.tableFormColumns.map(itemColumns => { if(itemColumns.field == 'productionLineCodePackage') { // itemColumns.tableForm.isInpuFocusShow = false // itemColumns.tableForm.disabled = true ProductreceiptRequestLabelRules.productionLineCodePackage[0].required = false } if(itemColumns.field == 'supplierItemCode') { itemColumns.tableForm.isInpuFocusShow = true itemColumns.tableForm.disabled = false ProductreceiptRequestLabelRules.supplierItemCode[0].required = true } }) } else { // 修改 tableform 属性 detailListTableColumns.tableFormColumns.map(itemColumns => { if(itemColumns.field == 'supplierItemCode') { itemColumns.tableForm.isInpuFocusShow = false itemColumns.tableForm.disabled = true ProductreceiptRequestLabelRules.supplierItemCode[0].required = false } if(itemColumns.field == 'productionLineCodePackage') { item.productionLineCodePackage = item.productionLineCode // itemColumns.tableForm.isInpuFocusShow = true // itemColumns.tableForm.disabled = false ProductreceiptRequestLabelRules.productionLineCodePackage[0].required = true } }) } } else { message.warning('没有查询到物料代码:【' + item.itemCode + '】') return } }) }) } else if (val == 'mainHandle') { // 处理 // 判断 是否已创建标签 let isCreateLabel = false await PackageApi.getPackagePage({ requestNumber: row.number }).then(res => { if (res) { if (res.list.length > 0) isCreateLabel = true } }) if (!isCreateLabel) { message.warning('请先创建标签') return } tableObject.loading = true ProductreceiptRequestMainApi.handle(row.id).then(() => { message.success(t('common.updateSuccess')) tableObject.loading = false getList() }).catch(err => { console.log(err) }) } else if (val == 'edit') { // 编辑 openForm('update', row) } else if (val == 'delete') { // 删除 handleDelete(row.id) } else if (val == 'point') { // 标签打印 handlePoint(row) } } /** 添加/修改操作 */ const formRef = ref() const openForm =async (type: string, row?: number) => { tableData.value = [] // 重置明细数据 // 编辑时 车间代码不可修改 if (type == 'update') { // 修改 tableform 属性 ProductreceiptRequestMain.allSchemas.formSchema.map(itemColumns => { if(itemColumns.field == 'workshopCode') { itemColumns.componentProps.isSearchList = false itemColumns.componentProps.disabled = true } }) } else { // 修改 tableform 属性 ProductreceiptRequestMain.allSchemas.formSchema.map(itemColumns => { if(itemColumns.field == 'workshopCode') { itemColumns.componentProps.isSearchList = true itemColumns.componentProps.disabled = false } }) } formRef.value.open(type, row) } // 获取部门 用于详情 部门回显 const { wsCache } = useCache() /** 详情操作 */ const detailRef = ref() const openDetail = (row: any, titleName: any, titleValue: any) => { const departmentCode = wsCache.get(CACHE_KEY.DEPT).find((account) => account.id == row.departmentCode)?.name if (departmentCode) row.departmentCode = JSON.parse(JSON.stringify(departmentCode)) detailRef.value.openDetail(row, titleName, titleValue,'requestProductreceiptMain') } /** 删除按钮操作 */ const handleDelete = async (id: number) => { try { // 删除的二次确认 await message.delConfirm() tableObject.loading = true // 发起删除 await ProductreceiptRequestMainApi.deleteProductreceiptRequestMain(id) message.success(t('common.delSuccess')) tableObject.loading = false // 刷新列表 await getList() } catch {}finally{ tableObject.loading = false } } /** 导出按钮操作 */ const exportLoading = ref(false) // 导出的加载中 const handleExport = async () => { try { // 导出的二次确认 await message.exportConfirm() // 发起导出 exportLoading.value = true const data = await ProductreceiptRequestMainApi.exportProductreceiptRequestMainAssemble(tableObject.params) download.excel(data, '制品收货申请主.xlsx') } catch { } finally { exportLoading.value = false } } /** * tableForm方法 */ const tableFormKeys = {} ProductreceiptRequestDetail.allSchemas.tableFormColumns.forEach(item => { tableFormKeys[item.field] = item.default ? item.default : '' }) const tableData = ref([]) // 添加明细 const handleAddTable = () => { let tfk = JSON.parse(JSON.stringify(tableFormKeys)) tfk.batch = formatTime(new Date(), 'yyyyMMdd') tableData.value.push(tfk) } // 删除明细 const handleDeleteTable = (item, index) => { tableData.value.splice(index, 1) } // 主子数据 提交 const submitForm = async (formType, data) => { data.type = 'assemble' data.subList = tableData.value // 拼接子表数据参数 if(data.subList.find(item => (item.qty <= 0))) { message.warning('数量必须大于0') formRef.value.formLoading = false return } try { if (formType === 'create') { await ProductreceiptRequestMainApi.createProductreceiptRequestMain(data) message.success(t('common.createSuccess')) } else { await ProductreceiptRequestMainApi.updateProductreceiptRequestMain(data) message.success(t('common.updateSuccess')) } formRef.value.dialogVisible = false // 刷新当前列表 getList() } finally { formRef.value.formLoading = false } } /** 导入 */ const importFormRef = ref() const handleImport = () => { importFormRef.value.open() } // 导入附件弹窗所需的参数 const importTemplateData = reactive({ templateUrl: '', templateTitle: '装配收货申请导入模版.xlsx' }) // 导入成功之后 const importSuccess = () => { getList() } // 筛选提交 const searchFormClick = (searchData) => { tableObject.params = { isSearch: true, filters: searchData.filters } getList() // 刷新当前列表 } // 创建标签 const submitFormLabel = async (formType, data) => { try { detatableData.tableList.forEach(async (item) => { // 创建标签 要物料库区配置表中 入库包装规格 item.packUnit = null item.inOfOut = 'in' await PackageApi.createPackageLabel(item).then(res => { isCreateLabel.value = true message.success('创建标签成功') }).catch(err => { isCreateLabel.value = false console.log(err) message.error('创建标签失败') }) }) } finally { formLabelRef.value.formLoading = false formLabelRef.value.dialogVisible = false } } // 查看 Bom 按钮回调事件 const tableFormButton = async (val , row) => { if (val == 'bom') { // 查看 bom bomModelVisible.value = true DialogTitle.value = '物料代码【' + row.itemCode + '】——Bom信息' detatableDataBom.params = { masterId: row.id } await getDetailListBom() } } // 子表新增/编辑校验 const detailValidate = (data) => { let tag = false; if(data.qty <= 0){ message.warning('数量必须大于0') tag = false; return tag; }else { tag = true; return tag; } } const BASE_URL = import.meta.env.VITE_JMREPORT_BASE_URL // 标签打印 const handlePoint = async (row) => { // 查询是否已创建过标签 await PackageApi.getPackagePage({ requestNumber: row.number }).then((res) => { if(res.list.length > 0) { isCreateLabel.value = true if (res.list[0].productionLineCode != null) { labelType.value = 'zz' } else { labelType.value = 'cg' } } else { isCreateLabel.value = false } }).catch(err => { isCreateLabel.value = false console.log(err) }) // 判断是采购还是制造 if (isCreateLabel.value) { if (labelType.value == 'cg') { const src = ref(BASE_URL + '/jmreport/view/922729953438072832?token=' + getAccessToken()) window.open(src.value+'&request_number='+row.number) } else { const src = ref(BASE_URL + '/jmreport/view/922734157577715712?token=' + getAccessToken()) window.open(src.value+'&request_number='+row.number) } } else { message.warning('请先创建标签') } } /** 初始化 **/ onMounted(async () => { getList() importTemplateData.templateUrl = await ProductreceiptRequestMainApi.importTemplate() }) </script>