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

738 lines
27 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="p-2">
<el-card shadow="never">
<el-form label-width="120px" label-position="right" :inline="true" :model="queryForm" class="demo-form-inline">
<el-form-item label="订单编号" prop="poNo">
<el-input v-model="queryForm.poNo" placeholder="请输入订单编号" clearable/>
</el-form-item>
<el-form-item label="订单状态" prop="poStatus">
<el-select v-model="queryForm.poStatus" placeholder="请选择订单状态" clearable >
<el-option v-for="dict in wms_po_status" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="poType">
<el-select v-model="queryForm.poType" placeholder="请选择订单类型" clearable >
<el-option v-for="dict in wms_po_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="queryForm.materialCategories" placeholder="请选择物料大类" clearable >
<el-option v-for="dict in material_mategories" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="审核状态" prop="auditStatus">
<el-select v-model="queryForm.auditStatus" placeholder="请选择审核状态" clearable >
<el-option v-for="dict in wms_audit_status" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item>
<el-button :loading="parentTableLoad" type="primary" @click="query">查询</el-button>
<el-button @click="reset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-top: 8px" shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="parentTableAdd">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="ids.length !== 1" @click="parentTableUpdate()">修改
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="ids.length < 1" @click="parentTableDelete()">删除
</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>-->
<!-- </el-col>-->
<right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true"
@queryTable="getParentTable"></right-toolbar>
</el-row>
</template>
<el-table v-loading="parentTableLoad" :data="parentTableData" style="width: 100%" highlight-current-row
@current-change="parentTableCellClick"
@selection-change="selectionChange" ref="parentTableRef">
<el-table-column type="selection" width="55"/>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="订单编号" align="center" prop="poNo"/>
<el-table-column label="订单状态" align="center" prop="poStatus">
<template #default="scope">
<dict-tag :options="wms_po_status" :value="scope.row.poStatus"/>
</template>
</el-table-column>
<el-table-column label="计划交货日期" align="center" prop="planDeliveryDate" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.planDeliveryDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="供应商" align="center" prop="supplierCode"/>
<el-table-column label="订单类型" align="center" prop="poType">
<template #default="scope">
<dict-tag :options="wms_po_type" :value="scope.row.poType"/>
</template>
</el-table-column>
<!-- <el-table-column label="单据的ID" align="center" prop="erpId"/> -->
<el-table-column label="备注" align="center" prop="remark"/>
<!-- <el-table-column label="租户号" align="center" prop="tenantId"/> -->
<!-- <el-table-column label="创建人" align="center" prop="createBy"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> -->
<!-- <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateBy"/>
<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column> -->
<el-table-column label="物料大类" align="center" prop="materialCategories">
<template #default="scope">
<dict-tag :options="material_mategories" :value="scope.row.materialCategories"/>
</template>
</el-table-column>
<el-table-column label="审核人" align="center" prop="auditBy"/>
<el-table-column label="审核时间" align="center" prop="auditTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.auditTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="审核状态" align="center" prop="auditStatus">
<template #default="scope">
<dict-tag :options="wms_audit_status" :value="scope.row.auditStatus"/>
</template>
</el-table-column>
<el-table-column label="审核意见" align="center" prop="auditComments"/>
<!-- <el-table-column label="入库方式" align="center" prop="inMethod">
<template #default="scope">
<dict-tag :options="wms_allocate_way" :value="scope.row.inMethod"/>
</template>
</el-table-column> -->
<el-table-column label="操作" fixed="right" width="200">
<template #default="scope">
<!-- <el-button size="small" @click.stop="viewDetails(scope.row)">-->
<!-- 查看-->
<!-- </el-button>-->
<el-button size="small" @click.stop="parentTableUpdate(scope.row)">
修改
</el-button>
<el-button
size="small"
type="danger"
@click.stop="parentTableDelete(scope.row)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="parentTableTotal > 0" :total="parentTableTotal" v-model:page="queryForm.pageNum"
v-model:limit="queryForm.pageSize" @pagination="getParentTable"/>
</el-card>
<el-card style="margin-top: 8px" shadow="never">
<el-table :data="childrenTableData" style="width: 100%" v-loading="childrenTableLoad">
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="物料编码" align="center" prop="materialCode"/>
<el-table-column label="物料名称" align="center" prop="materialName"/>
<el-table-column label="采购订单编号" align="center" prop="poNo"/>
<el-table-column label="含税单价" align="center" prop="taxPrice"/>
<el-table-column label="采购数量" align="center" prop="purchaseQty"/>
<el-table-column label="物料规格" align="center" prop="materialSpe"/>
<el-table-column label="计量单位名称" align="center" prop="unitName"/>
<el-table-column label="送货数量" align="center" prop="deliveryQty"/>
<el-table-column label="操作" fixed="right" width="200">
<template #default="scope">
<!-- <el-button size="small" @click="childrenTableUpdate( scope.row)">
打印
</el-button> -->
<el-button
size="small"
type="danger"
@click="childrenTableUDelete(scope.row)"
>
删除
</el-button>
<!-- <el-tooltip content="打印" placement="top">
<el-button type="primary" @click="handlePrint(scope.row)">打印</el-button>
</el-tooltip> -->
</template>
</el-table-column>
</el-table>
</el-card>
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="80%">
<el-card shadow="never">
<el-form :model="dialogForm" :inline="true" label-width="120px" :disabled="isView">
<!-- <el-form-item label="订单编号" prop="poNo">
<el-input v-model="dialogForm.poNo" placeholder="请输入订单编号" />
</el-form-item>
<el-form-item label="订单状态" prop="poStatus">
<el-select v-model="dialogForm.poStatus" placeholder="请选择订单状态">
<el-option
v-for="dict in wms_po_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="计划交货日期" prop="planDeliveryDate">
<el-date-picker clearable
v-model="dialogForm.planDeliveryDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择计划交货日期">
</el-date-picker>
</el-form-item>
<el-form-item label="供应商" prop="supplierId">
<!-- <el-input v-model="form.supplierId" placeholder="请输入供应商ID" />-->
<el-select v-model="dialogForm.supplierId" placeholder="请选择供应商">
<el-option
v-for="item in supplierList"
:key="item.supplierId"
:label="item.supplierName"
:value="item.supplierId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="poType">
<el-select v-model="dialogForm.poType" placeholder="请选择订单类型">
<el-option
v-for="dict in wms_po_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="单据的ID连表扩充" prop="erpId">
<el-input v-model="form.erpId" placeholder="请输入单据的ID连表扩充" />
</el-form-item>-->
<el-form-item label="备注" prop="remark">
<el-input v-model="dialogForm.remark" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="dialogForm.materialCategories" placeholder="请选择物料大类" @change="setMaterialList">
<el-option
v-for="dict in material_mategories"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="审核人" prop="auditBy">
<el-select v-model="dialogForm.auditBy" placeholder="请选择审核人">
<el-option
v-for="item in userList"
:key="item.userId"
:label="item.userName"
:value="item.userName"
/>
</el-select>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-top: 8px" shadow="never">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="addDialogTableCell">新增</el-button>
</el-col>
</el-row>
<el-table :data="dialogtable" style="width: 100%">
<el-table-column label="物料编码" prop="materialId">
<template #default="scope">
<el-select
v-model="scope.row.materialId"
placeholder="选择物料"
style="width: 240px"
>
<el-option
v-for="i in materialList"
:label="i.materialCode+'('+i.materialName+')'"
:value="i.materialId"
:key="i.materialId"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="物料">
<template #default="scope">
<el-select
v-model="scope.row.materialId"
placeholder="选择物料"
style="width: 240px"
:disabled="true"
>
<el-option
v-for="i in materialList"
:label="i.materialName"
:value="i.materialId"
:key="i.materialId"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="含税单价" prop="taxPrice" >
<template #default="scope">
<el-input v-model="scope.row.taxPrice" placeholder="请输入含税单价" style="width: 240px"/>
</template>
</el-table-column>
<el-table-column label="采购数量" prop="purchaseQty" >
<template #default="scope">
<el-input v-model="scope.row.purchaseQty" placeholder="请输入采购数量" style="width: 240px"/>
</template>
</el-table-column>
<el-table-column label="送货数量" prop="deliveryQty" >
<template #default="scope">
<el-input v-model="scope.row.deliveryQty" placeholder="请输入送货数量" style="width: 240px"/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="200">
<template #default="scope">
<el-button
size="small"
type="danger"
@click="tableUDelete(scope.row)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<template #footer>
<div class="dialog-footer">
<el-button @click="dialogVisible = false">关闭</el-button>
<el-button type="primary" @click="dialogSubmit">
确定
</el-button>
</div>
</template>
</el-dialog>
<el-dialog v-model="parentTableInfoVisible" title="修改父表格" width="40%">
<el-form :model="parentTableInfoForm" label-width="120px">
<el-form-item label="供应商" prop="supplierId">
<el-select v-model="parentTableInfoForm.supplierId" placeholder="请选择供应商">
<el-option
v-for="item in supplierList"
:key="item.supplierId"
:label="item.supplierCode"
:value="item.supplierId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="poType">
<el-select v-model="parentTableInfoForm.poType" placeholder="请选择订单类型">
<el-option
v-for="dict in wms_po_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="parentTableInfoForm.materialCategories" placeholder="请选择物料大类" >
<el-option
v-for="dict in material_mategories"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="审核人" prop="auditBy">
<el-select v-model="parentTableInfoForm.auditBy" placeholder="请选择审核人">
<el-option
v-for="item in userList"
:key="item.userId"
:label="item.userName"
:value="item.userName"
/>
</el-select>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="parentTableInfoVisible = false">关闭</el-button>
<el-button type="primary" @click="parentTableInfoSubmit">
确定
</el-button>
</div>
</template>
</el-dialog>
<el-dialog v-model="childrenTableInfoVisible" title="条码生成" width="40%">
<el-form :model="childrenTableInfoForm" label-width="120px">
<el-form-item label="物料" prop="materialCode">
<el-select v-model="childrenTableInfoForm.materialId" placeholder="请选择物料" :disabled="true">
<el-option
v-for="item in materialList"
:key="item.materialId"
:label="item.materialCode"
:value="item.materialId"
/>
</el-select>
</el-form-item>
<el-form-item label="入库数量" prop="instockQty">
<el-input v-model="childrenTableInfoForm.instockQty" placeholder="请输入入库数量" :disabled="true"/>
</el-form-item>
<el-form-item label="有无条码" prop="codeYesNo">
<el-radio-group v-model="childrenTableInfoForm.codeYesNo" :disabled="true">
<el-radio
v-for="dict in wms_barcode_if"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="已包数量" prop="printedNum">
<el-input v-model="childrenTableInfoForm.printedNum" placeholder="" :disabled="true"/>
</el-form-item>
<el-form-item label="分包数量" prop="printNum">
<el-input v-model="childrenTableInfoForm.printNum" placeholder="请输入分包数量" />
</el-form-item>
<el-form-item label="打印数量" prop="barcodeNum">
<el-input v-model="childrenTableInfoForm.barcodeNum" placeholder="请输入打印条码数量" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="childrenTableInfoVisible = false">关闭</el-button>
<el-button type="primary" @click="submitForm">
确定
</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Linkage" lang="ts">
import { listWmsPurchaseOrder, getWmsPurchaseOrder, delWmsPurchaseOrder, addWmsPurchaseOrder, updateWmsPurchaseOrder } from '@/api/wms/wmsPurchaseOrder';
import { WmsPurchaseOrderVO, WmsPurchaseOrderQuery, WmsPurchaseOrderForm } from '@/api/wms/wmsPurchaseOrder/types';
import {reactive} from 'vue'
import {ElMessage, ElMessageBox} from 'element-plus'
import {getBaseWarehouseList} from "@/api/wms/baseWarehouse";
import {UserVO} from "@/api/system/user/types";
import {listUser} from "@/api/system/user";
import { getBaseSupplierInfoList } from '@/api/mes/baseSupplierInfo'
import { listWmsPurchaseOrderDetail, getWmsPurchaseOrderDetail, delWmsPurchaseOrderDetail, addWmsPurchaseOrderDetail, updateWmsPurchaseOrderDetail } from '@/api/wms/wmsPurchaseOrderDetail';
import { WmsPurchaseOrderDetailVO, WmsPurchaseOrderDetailQuery, WmsPurchaseOrderDetailForm } from '@/api/wms/wmsPurchaseOrderDetail/types';
import {
getMaterialList, getInstockMaterialList
} from '@/api/wms/linkage'
const {proxy} = getCurrentInstance() as ComponentInternalInstance;
const {
wms_barcode_if,
wms_po_status,
wms_po_type,
wms_audit_status,
material_mategories,
} = toRefs<any>(proxy?.useDict('wms_barcode_if', 'wms_po_status', 'wms_po_type', 'wms_audit_status', 'material_mategories'));
interface User {
date: string
name: string
address: string
}
let supplierList = ref([])
const parentTableTotal = ref(0)
const dialogVisible = ref(false)
const parentTableInfoVisible = ref(false)
const childrenTableInfoVisible = ref(false)
// const childrenTableInfoSubmit = ref(false)
const updateDialog = ref(false)
const dialogTitle = ref('添加')
const dialogForm = ref({})
const parentTableInfoForm = ref({})
const childrenTableInfoForm = ref({})
const getListSelect = async () => {
let res = await getBaseSupplierInfoList(null);
supplierList.value = res.data;
}
const queryForm = ref({
poNo: '',
poStatus: '',
poType: '',
materialCategories: '',
auditStatus: '',
pageNum: 1,
pageSize: 10
})
const parentTableRef = ref()
const parentTableData = ref([])
const ids = ref([])
const childrenTableData = ref([])
const dialogtable = ref([])
const baseStoreList = ref([]);
const userList = ref([]);
const materialList = ref([]);
const parentTableLoad = ref(false)
const childrenTableLoad = ref(false)
const isView = ref(false)
const partntTableSelectCell = ref({})
// 获取仓库
getBaseWarehouseList().then(e => {
baseStoreList.value = e.data
})
const getUserList = () => {
listUser().then(e => {
userList.value = e.rows;
})
}
/** 提交按钮 */
const submitForm = () => {
updateWmsPurchaseOrderDetail(childrenTableInfoForm.value).finally(() => childrenTableInfoVisible.value = false);
getChildrenTable({poNo: partntTableSelectCell.value.poNo})
}
// 获取父表格数据
const getParentTable = async () => {
parentTableLoad.value = true
await listWmsPurchaseOrder(queryForm.value).then(async (e) => {
parentTableLoad.value = false
parentTableData.value = e.rows
console.log(e.total)
parentTableTotal.value = e.total
if (e.rows.length > 0) {
parentTableRef.value.setCurrentRow(e.rows[0])
await getChildrenTable({poNo: e.rows[0].poNo})
} else {
childrenTableData.value = []
}
})
}
// 获取子表格数据
const getChildrenTable = async (form) => {
childrenTableLoad.value = true
console.log(form)
await listWmsPurchaseOrderDetail(form).then(e => {
childrenTableLoad.value = false
childrenTableData.value = e.rows
// parentTableTotal.value = e.total
})
}
getParentTable()
/** 打印按钮操作 */
// const handlePrint = async (row?: InstockDetailVO) => {
// reset();
// const _instockDetailId = row?.instockDetailId || ids.value[0]
// const res = await getInstockDetail(_instockDetailId);
// Object.assign(childrenTableInfoForm.value, res.data);
// }
// 查询
const query = async () => {
ids.value = []
parentTableRef.value?.clearSelection()
await getParentTable()
}
const reset = () => {
queryForm.value = {
poNo: ''
}
getParentTable();
}
// 父表格行点击
const parentTableCellClick = async (e) => {
partntTableSelectCell.value = e
await getChildrenTable({poNo: e.poNo})
}
// 表格多选
const selectionChange = (e) => {
ids.value = e.map(v => v.poId)
}
// 查看
const viewDetails = (e) => {
isView.value = true
dialogVisible.value = true
viewAllocateOrder(e.aoId).then(v => {
dialogForm.value = v.data
})
}
// 父表格新增
const parentTableAdd = () => {
getUserList();
getListSelect();
dialogVisible.value = true
dialogForm.value = {}
dialogtable.value = []
}
// 父表格修改
const parentTableUpdate = async (e) => {
let id = ref(null)
if (e) {
id.value = e.poId
} else {
id.value = ids.value?.[0]
}
if (!id.value) return
parentTableInfoForm.value = (await getWmsPurchaseOrder(id.value)).data
parentTableInfoForm.value.createBy = ''
parentTableInfoVisible.value = true
updateDialog.value = true
}
// 父表格删除
const parentTableDelete = async (e) => {
const delList = ref([])
if (e) {
delList.value = [e.poId]
} else {
delList.value = ids.value
}
ElMessageBox.confirm(
'确定要删除这些数据吗?',
'Warning',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(async () => {
await delWmsPurchaseOrder(delList.value.toString()).then(e => {
ElMessage({
type: 'success',
message: '删除完成',
})
getParentTable()
})
})
.catch(() => {
ElMessage({
type: 'info',
message: '取消',
})
})
}
// 获取物料列表
const setMaterialList = (materialCategories) => {
getInstockMaterialList({materialCategories}).then(e => {
materialList.value = e.data
})
}
// 添加子表格行
const addDialogTableCell = () => {
dialogtable.value.push({})
}
// 新增提交
const dialogSubmit = () => {
addWmsPurchaseOrder(dialogForm.value).then(e => {
addWmsPurchaseOrderDetail(dialogtable.value.map(item => {
return {...item, poNo: e.data.poNo}
}
)
).then(v => {
dialogVisible.value = false
getParentTable()
})
})
}
const parentTableInfoSubmit = () =>{
updateWmsPurchaseOrder(parentTableInfoForm.value).then(e=>{
ElMessage({
type: 'success',
message: '修改完成',
})
parentTableInfoVisible.value = false
getParentTable()
})
}
// 子表格修改
const childrenTableUpdate = async (e) => {
childrenTableInfoForm.value = (await getInstockDetail(e.instockDetailId)).data
childrenTableInfoVisible.value = true
}
// 子表格数据新增删除
const tableUDelete = (row) => {
ElMessageBox.confirm(
'确定要删除这些数据吗?',
'Warning',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(async () => {
const index = dialogtable.value.indexOf(row);
console.log(index)
dialogtable.value.splice(index,1)
})
}
// 子表格删除
const childrenTableUDelete = (e) => {
ElMessageBox.confirm(
'确定要删除这些数据吗?',
'Warning',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(async () => {
await delWmsPurchaseOrderDetail(e.poDId).then(async (e) => {
ElMessage({
type: 'success',
message: '删除完成',
})
await getChildrenTable({poNo: partntTableSelectCell.value.poNo})
})
})
.catch(() => {
ElMessage({
type: 'info',
message: '取消',
})
})
}
</script>
<style>
.demo-form-inline .el-input {
--el-input-width: 220px;
}
.demo-form-inline .el-select {
--el-select-width: 220px;
}
</style>