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.
 
 
 

632 lines
22 KiB

<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="[...PurchasePlanMain.allSchemas.searchSchema,...PurchasePlanDetail.allSchemas.searchSchema]" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :routeName="routeName"
@updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick"
:allSchemas="PurchasePlanMain.allSchemas" :detailAllSchemas="PurchasePlanDetail.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" @success="getList"
:isOpenSearchTable="true"
fieldTableColumn="poNumber"
:rules="PurchasePlanMainRules"
:formAllSchemas="PurchasePlanMain.allSchemas"
:tableAllSchemas="PurchasePlanDetail.allSchemas"
:tableFormRules="PurchasePlanDetailRules"
:tableData="tableData"
:apiUpdate="PurchasePlanMainApi.updatePurchasePlanMain"
:apiCreate="PurchasePlanMainApi.createPurchasePlanMain"
:isBusiness="true"
@handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable"
@searchTableSuccess="searchTableSuccess"
@submitForm="submitForm" />
<!-- 详情 -->
<!-- 隐藏子表编辑和删除是因为要货计划以后是接口发过来的而且我们的计划数量是放入到采购订单已计划数量里无法再次编辑数量-->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="PurchasePlanMain.allSchemas"
:detailAllSchemas="PurchasePlanDetail.allSchemas"
:detailAllSchemasRules="PurchasePlanDetailRules"
:apiCreate="PurchasePlanDetailApi.createPurchasePlanDetail"
:apiUpdate="PurchasePlanDetailApi.updatePurchasePlanDetail"
:apiPage="PurchasePlanDetailApi.getPurchasePlanDetailPage"
:apiDelete="PurchasePlanDetailApi.deletePurchasePlanDetail"
@searchTableSuccessDetail="searchTableSuccessDetail"
:detailValidate="detailValidate"
:detailButtonIsShowDelete="false"
:detailButtonIsShowEdit="false"
/>
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/purchase-plan-main/import" :importTemplateData="importTemplateData"
@success="importSuccess" :updateIsDisable="true" :coverIsDisable="true" :mode="2" />
<!-- 创建供应商发货申请 -->
<supplierdeliverBasicForm ref="supplierdeliverFormRef" @getList="getList" ></supplierdeliverBasicForm>
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { PurchasePlanMain, PurchasePlanMainRules, PurchasePlanDetail, PurchasePlanDetailRules } from './purchasePlanMain.data'
import * as PurchasePlanMainApi from '@/api/wms/purchasePlanMain'
import * as PurchasePlanDetailApi from '@/api/wms/purchasePlanDetail'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import * as PurchaseDetailApi from '@/api/wms/purchaseDetail'
import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
import { PurchaseDetail } from '../purchaseMain/purchaseMain.data'
import dayjs from 'dayjs'
import supplierdeliverBasicForm from '../supplierdeliverRequestMain/supplierdeliverBasicForm.vue'
// 要货计划
defineOptions({ name: 'PurchasePlanMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref([...PurchasePlanMain.allSchemas.tableColumns,...PurchasePlanDetail.allSchemas.tableMainColumns])
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef, type, row) => {
console.log('searchTableSuccess', formField, searchField, val, formRef, type, row)
nextTick(async () => {
if (type == 'tableForm') {
// 明细查询页赋值
val.forEach(item=>{
if(tableData.value.find(item1=>item1['id'] == item['id'])) return
const newRow = JSON.parse(JSON.stringify({...tableFormKeys,...row}))
newRow[formField] = item[searchField]
newRow['itemCode'] = item['code']
newRow['poNumber'] = item['number']
newRow['poLine'] = item['lineNumber']
if (formField == 'poLine') {
//添加费用明细--点击确定
newRow['itemCode'] = item['itemCode']
newRow['uom'] = item['uom']
newRow['orderQty'] = item['orderQty']
newRow['planQty'] = item['orderQty']-item['plannedQty']
newRow['available'] = item['available']
}
tableData.value.push(newRow)
})
} else {
const setV = {}
setV[formField] = val[0][searchField]
setV['itemCode'] = val[0]['code']
setV['poNumber'] = val[0]['number']
setV['poLine'] = val[0]['lineNumber']
if(formField == 'supplierCode'){
setV['supplierCode'] = val[0]['code']
await PurchasePlanMainApi.queryPurchasePlan(val[0]['code']).then(res => {
let beginTime = res.beginTime
var ms = beginTime.substring(0, 2)
var me = beginTime.substring(3)
setV['beginTime'] = new Date(2024, 1, 1, Number(ms), Number(me))
let endTime = res.endTime
var ms = endTime.substring(0, 2)
var me = endTime.substring(3)
setV['endTime'] = new Date(2024, 1, 1, Number(ms), Number(me))
setV['contacts'] = res.contacts
setV['phone'] = res.phone
})
tableData.value = []
}
if (formField == 'poLine') {
setV['itemCode'] = val[0]['itemCode']
setV['uom'] = val[0]['uom']
setV['orderQty'] = val[0]['orderQty']
setV['planQty'] = val[0]['orderQty']-val[0]['plannedQty']
setV['available'] = val[0]['available']
}
formRef.setValues(setV)
console.log('formModel',formRef.formModel)
if(formField == 'poNumber') {
//新增--采购订单--
// 请求明细数据
getSearchTableData(val[0]['number'],formField,searchField)
}
}
})
}
const getSearchTableData = async (number,formField,searchField)=>{
const {tableObject ,tableMethods} = useTable({
defaultParams:{number},
getListApi: PurchaseDetailApi.getPurchaseDetailPagePoNumber // 分页接口
})
// 获得表格的各种操作
const { getList:getList1 } = tableMethods
await getList1()
const tableColumns = PurchaseDetail.allSchemas.tableFormColumns
tableColumns.forEach((item) => {
item.width = item.table?.width || 150
})
tableData.value = []
tableObject.tableList.forEach(row=>{
const newRow = JSON.parse(JSON.stringify({...tableFormKeys,...row}))
// 明细查询页赋值
newRow[formField] = row[searchField]
newRow['itemCode'] = row['itemCode']
newRow['poNumber'] = row['number']
newRow['poLine'] = row['lineNumber']
if (formField == 'poLine') {
newRow['itemCode'] = row['itemCode']
newRow['uom'] = row['uom']
newRow['orderQty'] = row['orderQty']
newRow['planQty'] = row['orderQty']-row['plannedQty']
newRow['available'] = row['available']
}
tableData.value.push(newRow)
})
}
// 查询页面返回——详情
const searchTableSuccessDetail = (formField, searchField, val, formRef) => {
nextTick(async () => {
const setV = {}
setV[formField] = val[0][searchField]
setV['poNumber'] = val[0]['number']
setV['poLine'] = val[0]['lineNumber']
if (formField == 'poLine') {
setV['itemCode'] = val[0]['itemCode']
setV['uom'] = val[0]['uom']
setV['orderQty'] = val[0]['orderQty']
setV['planQty'] = val[0]['orderQty']-val[0]['plannedQty']
setV['available'] = val[0]['available']
}
// await PurchaseDetailApi.getPurchaseDetailPage({
// number: setV['poNumber'],
// lineNumber: setV['poLine'],
// }).then(res => {
// if (res.list.length == 1) {
// // 叶佳兴
// setV['itemCode'] = res.list[0].itemCode
// }
// })
formRef.setValues(setV)
})
}
const { tableObject, tableMethods } = useTable({
getListApi: PurchasePlanDetailApi.getPurchasePlanDetailPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn({ hasPermi: 'wms:purchase-plan-main:create' }), // 新增
defaultButtons.defaultImportBtn({ hasPermi: 'wms:purchase-plan-main:import' }), // 导入
defaultButtons.defaultExportBtn({ hasPermi: 'wms:purchase-plan-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.mainListPurchasePlanOpeBtn({ hide: isShowMainButton(row, ['2']) }), // 打开
defaultButtons.mainListPurchasePlanCloBtn({ hide: isShowMainButton(row, ['1']) }), // 关闭
defaultButtons.mainListPurchasePlanPubBtn({ hide: isShowMainButton(row, ['1']) }), // 发布
defaultButtons.mainListPurchasePlanAccBtn({ hide: isShowMainButton(row, ['3']) }), // 接受
defaultButtons.mainListPurchasePlanRejBtn({ hide: isShowMainButton(row, ['3']) }), // 不接受
defaultButtons.mainListPurchasePlanWitBtn({ hide: isShowMainButton(row, ['3']) }), // 下架
defaultButtons.mainListPurchasePlanModBtn({ hide: isShowMainButton(row, ['5']) }), // 修改
// defaultButtons.mainListEditBtn({ hide: isShowMainButton(row, ['1']), hasPermi: 'wms:purchase-plan-main:update' }), // 编辑
// defaultButtons.mainListDeleteBtn({hide:isShowMainButton(row,['1']),hasPermi:'wms:purchase-plan-main:delete'}), // 删除
{
label: '创建供应商发货申请',
name: 'supplierdeliver',
hide: isShowMainButton(row, ['1']),
type: 'primary',
icon: '',
color: '',
hasPermi: '',
link: true // 文本展现按钮
}
]
}
const supplierdeliverFormRef = ref()
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'mainPurPlanOpe') { // 打开
handleOpen(row.masterId)
} else if (val == 'mainPurPlanClo') {// 关闭
handleClose(row.masterId)
} else if (val == 'mainPurPlanPub') { // 发布
handlePublish(row.masterId)
} else if (val == 'mainPurPlanAcc') { // 接受
handleAcc(row.masterId)
} else if (val == 'mainPurPlanRej') { // 不接受
handleRej(row.masterId)
} else if (val == 'mainPurPlanWit') { // 下架
handleWit(row.masterId)
} else if(val == 'mainPurPlanMod'){ // 修改
handleReOpen(row.masterId)
}else if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.masterId)
} else if (val == 'supplierdeliver') { // 创建供应商发货申请
supplierdeliverFormRef.value.openFormByCreate({
number:row.number, //要货单号
supplierCode:row.supplierCode, //供应商代码
endTime:row.endTime, //结束时间
deliveryDate:row.deliveryDate // 送达日期
})
}
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = async (type : string, row ?: number) => {
tableData.value = [] // 重置明细数据
formRef.value.open(type, row)
if('create'==type){
nextTick(async () => {
formRef.value.formRef.setValues({deliveryDate:dayjs().format('YYYY-MM-DD')})
})
}
}
// 获取部门 用于详情 部门回显
const { wsCache } = useCache()
/** 详情操作 */
const detailRef = ref()
const openDetail = (row : any, titleName : any, titleValue : any) => {
detailRef.value.openDetail(row, titleName, titleValue,'planPurchaseMain')
const departmentCode = wsCache.get(CACHE_KEY.DEPT).find((account) => account.id == row.departmentCode)?.name
if (departmentCode) row.departmentCode = JSON.parse(JSON.stringify(departmentCode))
}
/** 删除按钮操作 */
const handleDelete = async (id : number) => {
try {
// 删除的二次确认
await message.delConfirm()
tableObject.loading = true
// 发起删除
await PurchasePlanMainApi.deletePurchasePlanMain(id)
message.success(t('common.delSuccess'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 关闭按钮操作 */
const handleClose = async (id : number) => {
try {
// 关闭的二次确认
await message.confirm(t('ts.是否关闭所选中数据?'))
// 发起关闭
await PurchasePlanMainApi.closePurchasePlanMain(id)
message.success(t('ts.关闭成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 打开按钮操作 */
const handleOpen = async (id : number) => {
try {
// 打开的二次确认
await message.confirm(t('ts.是否打开所选中数据?'))
tableObject.loading = true
// 发起打开
await PurchasePlanMainApi.openPurchasePlanMain(id)
message.success(t('ts.打开成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 打开按钮操作 */
const handleReOpen = async (id : number) => {
try {
// 打开的二次确认
await message.confirm('是否重新打开所选中数据?')
tableObject.loading = true
// 发起打开
await PurchasePlanMainApi.openPurchasePlanMain(id)
message.success(t('ts.打开成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 发布按钮操作 */
const handlePublish = async (id : number) => {
try {
// 发布的二次确认
await message.confirm(t('ts.是否发布所选中数据?'))
tableObject.loading = true
// 发起发布
await PurchasePlanMainApi.publishPurchasePlanMain(id)
message.success(t('ts.发布成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 下架按钮操作 */
const handleWit = async (id : number) => {
try {
// 下架的二次确认
await message.confirm(t('ts.是否下架所选中数据?'))
tableObject.loading = true
// 发起下架
await PurchasePlanMainApi.witPurchasePlanMain(id)
message.success(t('ts.下架成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 接受按钮操作 */
const handleAcc = async (id : number) => {
try {
// 接受的二次确认
await message.confirm(t('ts.是否接受所选中数据?'))
tableObject.loading = true
// 发起接受
await PurchasePlanMainApi.accPurchasePlanMain(id)
message.success(t('ts.接受成功!'))
tableObject.loading = false
// 刷新列表
await getList()
} catch { }finally{
tableObject.loading = false
}
}
/** 驳回按钮操作 */
const handleRej = async (id : number) => {
try {
// 驳回的二次确认
await message.confirm(t('ts.是否驳回所选中数据?'))
tableObject.loading = true
// 发起驳回
await PurchasePlanMainApi.rejPurchasePlanMain(id)
message.success(t('ts.驳回成功!'))
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 PurchasePlanMainApi.exportPurchasePlanMain(tableObject.params)
download.excel(data, `${t('ts.要货计划主')}.xlsx`)
} catch {
} finally {
exportLoading.value = false
}
}
/**
* tableForm方法
*/
const tableFormKeys = {}
PurchasePlanDetail.allSchemas.tableFormColumns.forEach(item => {
tableFormKeys[item.field] = item.default ? item.default : ''
})
const tableData = ref([])
// 添加明细
const handleAddTable = () => {
tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
}
// 删除明细
const handleDeleteTable = (item, index) => {
tableData.value.splice(index, 1)
}
// 主子数据 提交
const submitForm = async (formType, data) => {
data.subList = []
let flag = false
for (let item of tableData.value) {
await PurchaseDetailApi.getPurchaseDetailPageCheckData({
number: item.poNumber,
lineNumber: item.poLine,
}).then(res => {
console.log("【要货计划】-每条数据结果",item)
if(res.list[0].type == 'DISCRETE'){//只有离散单需要这个校验
if (item.planQty > res.list[0].orderQty - res.list[0].plannedQty) {
flag = true;
message.error('要货计划数量不得大于订单数量-已计划数量')
return
}else{
data.subList.push(item) // 拼接子表数据参数
}
}else{
data.subList.push(item) // 拼接子表数据参数
}
})
}
if(flag){
formRef.value.formLoading = false
return;
}
if (data.subList.length == tableData.value.length) {
try {
if (formType === 'create') {
if(data.subList.length == 0){
message.error('子列表数量不能空')
return
}
await PurchasePlanMainApi.createPurchasePlanMain(data)
message.success(t('common.createSuccess'))
} else {
await PurchasePlanMainApi.updatePurchasePlanMain(data)
message.success(t('common.updateSuccess'))
}
formRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
formRef.value.formLoading = false
}
}
formRef.value.formLoading = false
}
// 子表新增/编辑校验
const detailValidate = async (data) => {
let tag = false
await PurchaseDetailApi.getPurchaseDetailPageCheckData({
number: data.poNumber,
lineNumber: data.poLine
}).then(res => {
if(res.list[0].type == 'DISCRETE'){//只有离散单需要这个校验
if (data.planQty > res.list[0].orderQty - res.list[0].plannedQty) {
message.error('要货计划数量不得大于订单数量-已计划数量')
tag = false
} else {
tag = true
}
}else{
tag = true
}
}).catch(err =>{
console.log(err);
})
return tag
}
/** 导入 */
const importFormRef = ref()
const handleImport = () => {
importFormRef.value.open()
}
// 导入附件弹窗所需的参数
const importTemplateData = reactive({
templateUrl: '',
templateTitle: `${t('ts.要货计划主导入模版')}.xlsx`
})
// 导入成功之后
const importSuccess = () => {
getList()
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters
}
getList() // 刷新当前列表
}
/** 初始化 **/
onMounted(async () => {
getList()
importTemplateData.templateUrl = await PurchasePlanMainApi.importTemplate()
})
</script>