You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

707 lines
23 KiB

<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="[...ProductrepairRequestMain.allSchemas.searchSchema,...ProductrepairRequestDetaila.allSchemas.searchSchema]" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="ProductrepairRequestMain.allSchemas"
:detailAllSchemas="ProductrepairRequestDetaila.allSchemas"
/>
<!-- 列表 -->
<ContentWrap>
<Table v-clientTable
: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"
:isOpenSearchTable="true"
fieldTableColumn="workStationCode"
@success="getList"
:rules="ProductrepairRequestMainRules"
:formAllSchemas="ProductrepairRequestMain.allSchemas"
:tableAllSchemas="ProductrepairRequestDetaila.allSchemas"
:tableFormRules="ProductrepairRequestDetailaRules"
:tableData="tableData"
:apiUpdate="ProductrepairRequestMainApi.updateProductrepairRequestMain"
:apiCreate="ProductrepairRequestMainApi.createProductrepairRequestMain"
:isBusiness="true"
@handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable"
@searchTableSuccess="searchTableSuccess"
@submitForm="submitForm"
@buttonOperationClick="buttonOperationClick"
:isShowReduceButtonSelection="true"
@tableSelectionDelete="tableSelectionDelete"
/>
<!-- 详情 -->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="ProductrepairRequestMain.allSchemas"
:detailAllSchemas="ProductrepairRequestDetaila.allSchemas"
:detailAllSchemasRules="ProductrepairRequestDetailaRules"
:apiCreate="ProductrepairRequestDetailApi.createProductrepairRequestDetaila"
:apiUpdate="ProductrepairRequestDetailApi.updateProductrepairRequestDetaila"
:apiPage="ProductrepairRequestDetailApi.getProductrepairRequestDetailaPage"
:apiDelete="ProductrepairRequestDetailApi.deleteProductrepairRequestDetaila"
@searchTableSuccessDetail="searchTableSuccessDetail"
:buttondataTable="buttondataTable"
@tableFormButton="tableFormButton"
:detailValidate="detailValidate"
/>
<!-- bom列表 -->
<Dialog
:title="DialogTitle"
v-model="bomModelVisible"
width="80%"
:scroll="true"
max-height="450px"
>
<TableForm
ref="tableFormRef"
class="w-[100%]"
:tableFields="BomDismantle.allSchemas.tableColumns"
:tableData="detatableDataBom.tableList"
:tableFormRules="ProductrepairBomDismantleRules"
:isShowButton="false"
:isShowReduceButton="false"
/>
<template #footer>
<ButtonBase :Butttondata="ButttondataBom" @button-base-click="buttonBaseClickBom" />
</template>
</Dialog>
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/productrepair-request-main/import" :importTemplateData="importTemplateData"
@success="importSuccess" :updateIsDisable="true" :coverIsDisable="true" :mode="2" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
import { ProductrepairRequestMain,ProductrepairRequestMainRules,ProductrepairRequestDetaila,ProductrepairRequestDetailaRules, ConsumereRequestDetailb, BomDismantle,ProductrepairBomDismantleRules } from './productrepairRequestMain.data'
import * as ProductrepairRequestMainApi from '@/api/wms/productrepairRequestMain'
import * as ProductrepairRequestDetailApi from '@/api/wms/productrepairRequestDetaila'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import * as BomDismantleApi from '@/api/wms/bomDismantle'
import * as dismantleRequestDetailbApi from "@/api/wms/dismantleRequestDetailb";
import {updateProductscrapDetailRequestBom} from "@/api/wms/productrepairRequestMain";
// 制品返修申请
defineOptions({ name: 'ProductrepairRequestMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref([...ProductrepairRequestMain.allSchemas.tableColumns,...ProductrepairRequestDetaila.allSchemas.tableMainColumns])
// 详情 table 操作扩展 按钮
const buttondataTable = ref([{
label: 'Bom',
name: 'bom',
hide: false,
type: 'primary',
icon: '',
color: '',
hasPermi: '',
link: true, // 文本展现按钮
}])
// Bom 窗口
const DialogTitle = ref('Bom信息')
const bomModelVisible = ref(false)
const tableListBom = ref()
const lsBomSave = ref()
const detailQty = ref()
const rowId = ref()
const { tableObject: detatableDataBom, tableMethods: detatableMethodsBom } =useTable({
getListApi: BomDismantleApi.getBomDismantlePage
})
const { getList:getDetailListBom } = detatableMethodsBom
/** bom 列表 表单 按钮 */
const ButttondataBom = ref([
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null) // 关闭
])
// bom 列表 表单 按钮
const buttonBaseClickBom = (val) => {
// 保存
if (val == 'save') {
// 根据 填写的数量 为基准 不填写数量的忽略
let flag = false;
let bomQty = 0;
detatableDataBom.tableList.forEach((item) => {
if(item.qty!=0 && (item.bomQty * detailQty.value < item.qty)){
flag = true;
bomQty = item.bomQty * detailQty.value;
return;
}
})
if(flag){
message.warning('数量需要小于'+bomQty+'(子表数量乘以Bom数量的值)!')
return
}
tableListBom.value = detatableDataBom.tableList.filter(item => (item.qty!=0 && (item.bomQty * detailQty.value >= item.qty)))
if(lsBomSave.value){
tableData.value.forEach((item, index) => {
if(tableListBom.value[0].rowId == index) {
item.childList = tableListBom.value
}
})
}else {
if(tableListBom.value.length > 0){
// 详情下的 bom编辑功能 调用接口 保存数据
ProductrepairRequestMainApi.updateProductscrapDetailRequestBom(rowId.value, tableListBom.value)
message.success(t('common.updateSuccess'))
}else{
message.warning('数量不能为0!')
return
}
}
bomModelVisible.value = false
}
// 关闭
else if (val == 'close') {
bomModelVisible.value = false
}
}
// 新增 tableform 按钮
const buttonOperationClick = async (row, label, index)=> {
if (row.itemCode == '') {
message.warning('请选择物料代码!')
return
}
detatableDataBom.params.itemCode = row.itemCode
detatableDataBom.params.bomVersion = row.bomVersion
DialogTitle.value = '物料代码:【' + row.itemCode + '】 Bom 信息'
detailQty.value = row.qty
bomModelVisible.value = true
await getDetailListBom()
detatableDataBom.tableList.map(item => {
item.rowId = index
if(tableData.value[index].childList > 0) {
tableData.value[index].childList.forEach(itemChild => {
if (itemChild.itemCode == item.itemCode) {
item.qty = itemChild.qty
}
})
}else {
item.qty = item.bomQty * row.qty
}
})
}
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef, type, row ) => {
nextTick(() => {
if (type == 'tableForm') {
// 明细查询页赋值
if(formField == 'itemCode'){
row['containerNumber'] = val[0]['containerNumber']
row['itemCode'] = val[0]['itemCode']
row['packingNumber'] = val[0]['packingNumber']
row['batch'] = val[0]['batch']
row['uom'] = val[0]['uom']
row['inventoryStatus'] = val[0]['inventoryStatus']
row['fgFromLocationCode'] = val[0]['locationCode']
row['bomVersion'] = ''
row['childList'] = []
} else if(formField == 'productionLineCode'){
row['productionLineCode'] = val[0]['code']
} else if(formField == 'workStationCode'){
val.forEach(item=>{
const newRow = JSON.parse(JSON.stringify({...tableFormKeys,...item}))
newRow['fromLocationCode'] = item['rawLocationCode']
newRow['workStationCode'] =item['code']
tableData.value.push(newRow)
})
} else if(formField == 'formField'){
row['workStationCode'] = val[0]['code']
} else if(formField == 'bomVersion'){
row['bomVersion'] = val[0]['version']
} else {
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]
if(formField == 'packingNumber'){
setV['containerNumber'] = val[0]['containerNumber']
setV['itemCode'] = val[0]['itemCode']
setV['packingNumber'] = val[0]['packingNumber']
setV['batch'] = val[0]['batch']
setV['uom'] = val[0]['uom']
setV['inventoryStatus'] = val[0]['inventoryStatus']
setV['fgFromLocationCode'] = val[0]['locationCode']
// setV['fromLocationCode'] = val[0]['locationCode']
setV['bomVersion'] = ''
setV['childList'] = []
} else if(formField == 'productionLineCode'){
setV['productionLineCode'] = val[0]['code']
} else if(formField == 'workStationCode'){
setV['fromLocationCode'] = val[0]['rawLocationCode']
setV['workStationCode'] = val[0]['code']
} else if(formField == 'formField'){
setV['workStationCode'] = val[0]['code']
} else if(formField == 'bomVersion'){
setV['bomVersion'] = val[0]['version']
}
formRef.setValues(setV)
})
}
const { tableObject, tableMethods } = useTable({
getListApi: ProductrepairRequestDetailApi.getProductrepairRequestDetailaPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn({hasPermi:'wms:productrepair-request-main:create'}), // 新增
// defaultButtons.defaultImportBtn({hasPermi:'wms:productrepair-request-main:import'}), // 导入 暂时不做主子子表结构
defaultButtons.defaultExportBtn({hasPermi:'wms:productrepair-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>-1&&findIndex<$index){
return []
}
return [
defaultButtons.mainListCloseBtn({hide:isShowMainButton(row,['1','2','3','4']), hasPermi:'wms:productrepair-request-main:close'}), // 关闭
defaultButtons.mainListReAddBtn({hide:isShowMainButton(row,['4','5']), hasPermi:'wms:productrepair-request-main:reAdd'}), // 重新添加
defaultButtons.mainListSubmitBtn({hide:isShowMainButton(row,['1']), hasPermi:'wms:productrepair-request-main:submit'}), // 提交审批
defaultButtons.mainListTurnDownBtn({hide:isShowMainButton(row,['2']), hasPermi:'wms:productrepair-request-main:refused'}), // 驳回
defaultButtons.mainListApproveBtn({hide:isShowMainButton(row,['2']), hasPermi:'wms:productrepair-request-main:handle'}), // 审批通过
defaultButtons.mainListHandleBtn({hide:isShowMainButton(row,['3']), hasPermi:'wms:productrepair-request-main:update'}), // 处理
defaultButtons.mainListEditBtn({hide:isShowMainButton(row,['1']), hasPermi:'wms:productrepair-request-main:update'}), // 编辑
// defaultButtons.mainListDeleteBtn({hasPermi:'wms:issue-request-main:delete'}), // 删除
]
}
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'mainClose') { // 关闭
console.log('列表-操作按钮事件-关闭')
handleClose(row.masterId)
} else if (val == 'mainReAdd') { // 重新添加
console.log('列表-操作按钮事件-重新添加')
handleReAdd(row.masterId)
} else if (val == 'mainSubmit') { // 提交审批
console.log('列表-操作按钮事件-提交审批')
handleSubmit(row.masterId)
} else if (val == 'mainTurnDown') { // 驳回
console.log('列表-操作按钮事件-驳回')
handleRefused(row.masterId)
} else if (val == 'mainApprove') { // 审批通过
console.log('列表-操作按钮事件-审批通过')
handleAgree(row.masterId)
} else if (val == 'mainHandle') { // 处理
console.log('列表-操作按钮事件-处理')
handleHandle(row.masterId)
} else if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.masterId)
}
}
/** 关闭按钮操作 */
const handleClose = async (id: number) => {
try{
await message.confirm(t('common.confirmColse'))
tableObject.loading = true
await ProductrepairRequestMainApi.closeProductrepairRequestMain(id)
message.success(t('common.closeSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 重新添加按钮操作 */
const handleReAdd = async (id: number) => {
try{
await message.confirm(t('common.confirmReAdd'))
tableObject.loading = true
await ProductrepairRequestMainApi.reAddProductrepairRequestMain(id)
message.success(t('common.reAddSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 提交按钮操作 */
const handleSubmit = async (id: number) => {
try{
await message.confirm(t('common.confirmSubmit'))
tableObject.loading = true
await ProductrepairRequestMainApi.submitProductrepairRequestMain(id)
message.success(t('common.submitSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 审批驳回按钮操作 */
const handleRefused = async (id: number) => {
try{
await message.confirm(t('common.confirmRefused'))
tableObject.loading = true
await ProductrepairRequestMainApi.refusedProductrepairRequestMain(id)
message.success(t('common.refusedSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 审批通过按钮操作 */
const handleAgree = async (id: number) => {
try{
await message.confirm(t('common.confirmAgree'))
tableObject.loading = true
await ProductrepairRequestMainApi.agreeProductrepairRequestMain(id)
message.success(t('common.agreeSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 处理按钮操作 */
const handleHandle = async (id: number) => {
try{
await message.confirm(t('common.confirmHandle'))
tableObject.loading = true
await ProductrepairRequestMainApi.handleProductrepairRequestMain(id)
message.success(t('common.handleSuccess'))
tableObject.loading = false
await getList()
}catch{}finally{
tableObject.loading = false
}
}
/** 添加/修改操作 */
const formRef = ref()
const openForm =async (type: string, row?: number) => {
tableData.value = [] // 重置明细数据
detatableDataBom.params = []; // 重置Bom请求参数
lsBomSave.value = true
mainStatus.value = '1'
ButttondataBom.value = [
defaultButtons.formSaveBtn({ hide : mainStatus.value != 1 }), // 保存
defaultButtons.formCloseBtn(null) // 关闭
]
if(type == 'create'){
ProductrepairRequestMain.allSchemas.formSchema.forEach((item) => {
if (item.field == 'workshopCode') {
item.componentProps.disabled = true
item.componentProps.isSearchList = true
}
})
}
if(type == 'update'){
ProductrepairRequestMain.allSchemas.formSchema.forEach((item) => {
if (item.field == 'workshopCode') {
item.componentProps.disabled = true
item.componentProps.isSearchList = false
}
})
}
formRef.value.open(type, row)
}
// 获取部门 用于详情 部门回显
const { wsCache } = useCache()
/** 详情操作 */
const detailRef = ref()
const mainStatus = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
mainStatus.value = row.status;
console.log("mainStatus.value:",mainStatus.value)
// 弹窗按钮是否展示控制
ButttondataBom.value = [
defaultButtons.formSaveBtn({ hide : mainStatus.value != 1 }), // 保存
defaultButtons.formCloseBtn(null) // 关闭
]
lsBomSave.value = false
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,'requestProductrepairMain')
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
tableObject.loading = true
// 发起删除
await ProductrepairRequestMainApi.deleteProductrepairRequestMain(id)
message.success(t('common.delSuccess'))
tableObject.loading = false
// 刷新列表
await getList()
} catch {}
}
/** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await ProductrepairRequestMainApi.exportProductrepairRequestMain(tableObject.params)
download.excel(data, '制品返修申请主.xlsx')
} catch {
} finally {
exportLoading.value = false
}
}
/**
* tableForm方法
*/
const tableFormKeys = {}
ProductrepairRequestDetaila.allSchemas.tableFormColumns.forEach(item => {
tableFormKeys[item.field] = item.default ? item.default : ''
})
const tableData = ref([])
// 添加明细
const handleAddTable = () => {
if(formRef.value.formRef.formModel.workshopCode === ''){
message.warning("请选择车间代码");
return;
}
tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
}
// 删除明细
const handleDeleteTable = (item, index) => {
tableData.value.splice(index, 1)
}
// 主子数据 提交
const submitForm = async (formType, submitData) => {
let data = {...submitData}
if(data.masterId){
data.id = data.masterId
}
data.subList = tableData.value // 拼接子表数据参数
// 判断 bom 是否添加
let childListRs = true
// 根据 填写的数量 为基准 不填写数量的忽略
tableData.value.forEach((item) => {
if (!item.childList) {
childListRs = false
}
item.productionLineCode = data.productionLineCode
})
if (!childListRs) {
message.warning('请填写Bom信息!')
formRef.value.formLoading = false
return
}
try {
if (formType === 'create') {
if(data.subList.length == 0){
message.warning("请添加子列表数据")
return;
}
let flag = false;
data.subList.forEach((item) => {
if(item.qty == 0){
message.warning("数量不能为0")
flag = true;
return;
}
})
if(flag){
formRef.value.formLoading = false
return
}
await ProductrepairRequestMainApi.createProductrepairRequestMain(data)
message.success(t('common.createSuccess'))
} else {
await ProductrepairRequestMainApi.updateProductrepairRequestMain(data)
message.success(t('common.updateSuccess'))
}
formRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
formRef.value.formLoading = false
}
}
// 子表新增/编辑校验
const detailValidate = (data) => {
let tag = false;
if(data.qty <= 0){
message.warning('数量必须大于0')
tag = false;
return tag;
}else {
tag = true;
return tag;
}
}
/** 导入 */
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() // 刷新当前列表
}
// 查看 Bom 按钮回调事件
const tableFormButton = async (val , row) => {
if (val == 'bom') { // 查看 bom
bomModelVisible.value = true
DialogTitle.value = '物料代码【' + row.itemCode + '】——Bom信息'
detatableDataBom.params = {
itemCode: row.itemCode,
bomVersion: row.bomVersion,
masterId: row.masterId
}
detailQty.value = row.qty
rowId.value = row.masterId
await getDetailListBom()
}
}
const tableSelectionDelete = (selection) => {
tableData.value = tableData.value.filter(item => !selection.includes(item))
}
/** 初始化 **/
onMounted(async () => {
getList()
importTemplateData.templateUrl = await ProductrepairRequestMainApi.importTemplate()
})
</script>