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.
 
 
 

334 lines
9.8 KiB

<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="DeliverJobMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="DeliverJobMain.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 }">
<ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<BasicForm
ref="formRef"
@success="getList"
:rules="DeliverJobMainRules"
:formAllSchemas="DeliverJobMain.allSchemas"
:searchTableParams="searchTableParams"
:tableAllSchemas="DeliverJobDetail.allSchemas"
:tableFormRules="DeliverJobDetailRules"
:apiUpdate="DeliverJobMainApi.updateDeliverJobMain"
:apiCreate="DeliverJobMainApi.createDeliverJobMain"
:isBusiness="true"
@searchTableSuccess="searchTableSuccess"
/>
<!-- 详情 -->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="DeliverJobMain.allSchemas"
:detailAllSchemas="DeliverJobDetail.allSchemas"
:detailAllSchemasRules="DeliverJobDetailRules"
:searchTableParams="searchTableParams"
:apiPage="DeliverJobDetailApi.getDeliverJobDetailPage"
/>
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { DeliverJobMain,DeliverJobMainRules,DeliverJobDetail,DeliverJobDetailRules } from './deliverJobMain.data'
import * as DeliverJobMainApi from '@/api/wms/deliverJobMain'
import * as DeliverJobDetailApi from '@/api/wms/deliverJobDetail'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
// 发货任务主
defineOptions({ name: 'DeliverJobMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(DeliverJobMain.allSchemas.tableColumns)
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询列表页面参数设置
const searchTableParams = ref([
//{
// formField: 'productItemCode',
// searchTableTitle: '物料信息',
// searchTableAllSchemas: Itembasic.allSchemas,
// searchTablePage: ItembasicApi.getItembasicPage
//}
])
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef, type, row ) => {
nextTick(() => {
if (type == 'tableForm') {
// 明细查询页赋值
//row[formField] = val[0][searchField]
//row['poLine'] = val[0]['poLine']
//row['batch'] = val[0]['toBatch']
//row['altBatch'] = val[0]['altBatch']
//row['itemCode'] = val[0]['itemCode']
//row['itemName'] = val[0]['itemName']
//row['itemDesc1'] = val[0]['itemDesc1']
//row['itemDesc2'] = val[0]['itemDesc2']
//row['projectCode'] = val[0]['projectCode']
//row['qty'] = val[0]['qty']
//row['uom'] = val[0]['uom']
} else {
const setV = {}
setV[formField] = val[0][searchField]
//setV['ppNumber'] = val[0]['ppNumber']
//setV['supplierCode'] = val[0]['supplierCode']
formRef.setValues(setV)
}
})
}
// 子表新增的时候选择表格之后需要会显得字段
// const Echo = ['ppNumber','poLine', 'batch', 'altBatch', 'itemCode', 'itemName', 'itemDesc1', 'itemDesc2', 'projectCode', 'qty', 'uom']
const Echo = []
const { tableObject, tableMethods } = useTable({
getListApi: DeliverJobMainApi.getDeliverJobMainPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultExportBtn({hasPermi:'wms:deliver-job-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 == 'export') { // 导出
handleExport()
} else if (val == 'refresh') { // 刷新
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) => {
return [
defaultButtons.mainListJobAccBtn({hide:isShowMainButton(row,['1'])}), // 承接
defaultButtons.mainListJobCloBtn({hide:isShowMainButton(row,['1'])}), // 关闭
defaultButtons.mainListJobAbaBtn({hide:isShowMainButton(row,['2'])}), // 放弃
defaultButtons.mainListJobExeBtn({hide:isShowMainButton(row,['2'])}), // 执行
]
}
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
 if (val == 'mainJobExe') { // 执行
    let aaa = {
"id": "1809200001805505477",
"requestNumber": "REQ1820231206-0001",
"deliverRecordNumber": "JOB2420231206-0005",
"deliverPlanNumber": "DP20231205-0002",
"customerCode": "CF",
"customerDockCode": "CFCKYT",
"receiptDock": null,
"carrierCode": "cys-001",
"transferMode": "LOAD",
"vehiclePlateNumber": "车牌号",
"fromWarehouseCode": null,
"toWarehouseCode": null,
"requestTime": 1701826510000,
"requestDueTime": 1704470400000,
"status": "2",
"expiredTime": null,
"updateTime": 1701827786000,
"updater": "1",
"jobStageStatus": null,
"priority": null,
"priorityincrement": null,
"departmentCode": "研发部门",
"acceptUserId": "1",
"acceptTime": 1701742448000,
"completeUserId": null,
"completeTime": null,
"fromLocationTypes": "FG",
"toLocationTypes": "CUST",
"number": "JOB2420231205-0001",
"businessType": "DeliverJob",
"remark": "主表备注",
"createTime": 1701740969000,
"creator": "1",
"fromAreaCodes": "采购在途库",
"toAreaCodes": "采购在途库",
"fromDockCode": null,
"autoComplete": "FALSE",
"allowModifyLocation": "FALSE",
"allowModifyQty": "TRUE",
"allowBiggerQty": "TRUE",
"allowSmallerQty": "TRUE",
"allowModifyInventoryStatus": "TRUE",
"allowContinuousScanning": "TRUE",
"allowPartialComplete": "TRUE",
"allowModifyBatch": "FALSE",
"allowModifyPackingNumber": "FALSE",
"subList": [{
"id": "1809190001245559377",
"soNumber": null,
"soLine": null,
"packingNumber": null,
"batch": "20231130",
"inventoryStatus": "OK",
"ownerCode": null,
"containerNumber": null,
"fromLocationCode": "Loc_testCF",
"toLocationCode": "CUST",
"itemCode": "testCF",
"itemName": "陈放测试物品",
"itemDesc1": "测试用",
"itemDesc2": "测试用",
"projectCode": "5",
"qty": 1,
"uom": "EA",
"number": "JOB2420231205-0001",
"remark": "子表备注",
"createTime": 1701740970000,
"creator": "1",
"toPackingNumber": null,
"toContainerNumber": null,
"toBatch": null,
"toInventoryStatus": null,
recordList: [{
handleQty: 10,
toPackingNumber: '12',
toContainerNumber: '001',
toBatch: '21',
toInventoryStatus: 'OK',
toLocationCode: 'H03',
supplierCode: '31213',
},{
handleQty: 22,
toPackingNumber: 'M20230421000005',
toContainerNumber: '001',
toBatch: '20230808',
toInventoryStatus: 'OK',
toLocationCode: 'SFG',
supplierCode: '31213',
}]
}]
}
handleHandle(aaa)
console.log('列表-操作按钮事件-执行')
} else if (val == 'mainJobAba') { // 放弃
DeliverJobMainApi.abandonDeliverJobMain(row.id)
} else if (val == 'mainJobClo') { // 关闭
DeliverJobMainApi.closeDeliverJobMain(row.id)
} else if (val == 'mainJobAcc') { // 承接
DeliverJobMainApi.acceptDeliverJobMain(row.id)
}
}
/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue)
}
const handleHandle = async (data) => {
try {
await message.confirm(t('common.confirmHandle'))
await DeliverJobMainApi.executeDeliverJobMain(data)
message.success(t('common.handleSuccess'))
await getList()
} catch {}
}
/** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await DeliverJobMainApi.exportDeliverJobMain(setSearchParams)
download.excel(data, '发货任务主.xlsx')
} catch {
} finally {
exportLoading.value = false
}
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters
}
getList() // 刷新当前列表
}
/** 初始化 **/
onMounted(async () => {
getList()
})
</script>