change - add销售订单绑定采购订单功能
yinq
3 months ago
parent
f5d7b210bd
commit
ed972d121b
@ -0,0 +1,347 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
|
||||||
|
<h4 class="form-header h4">销售订单信息</h4>
|
||||||
|
<el-form ref="saleOrderForm" :model="saleOrderForm" label-width="100px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8" :offset="2">
|
||||||
|
<el-form-item label="销售订单编号" prop="saleorderCode">
|
||||||
|
<el-input v-model="saleOrderForm.saleorderCode" disabled/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :offset="2">
|
||||||
|
<el-form-item label="销售物料规格" prop="materialModel">
|
||||||
|
<el-input v-model="saleOrderForm.materialModel" disabled/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8" :offset="2">
|
||||||
|
<el-form-item label="销售物料编号" prop="materialCode">
|
||||||
|
<el-input v-model="saleOrderForm.materialCode" disabled/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :offset="2">
|
||||||
|
<el-form-item label="销售物料名称" prop="materialName">
|
||||||
|
<el-input v-model="saleOrderForm.materialName" disabled/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<h4 class="form-header h4">已选采购订单</h4>
|
||||||
|
<el-form :model="allocatePurchaseOrderQueryParams" ref="allocateMaterialQueryForm" size="small" :inline="true"
|
||||||
|
v-show="showSearch"
|
||||||
|
label-width="68px">
|
||||||
|
<el-form-item label="订单编号" prop="poNo">
|
||||||
|
<el-input
|
||||||
|
v-model="allocatePurchaseOrderQueryParams.poNo"
|
||||||
|
placeholder="请输入物料编码"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleAllocateMaterialQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物料编码" prop="materialCode">
|
||||||
|
<el-input
|
||||||
|
v-model="allocatePurchaseOrderQueryParams.materialCode"
|
||||||
|
placeholder="请输入物料编码"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleAllocateMaterialQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物料名称" prop="materialName">
|
||||||
|
<el-input
|
||||||
|
v-model="allocatePurchaseOrderQueryParams.materialName"
|
||||||
|
placeholder="请输入物料名称"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleAllocateMaterialQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleAllocateMaterialQuery">搜索
|
||||||
|
</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetAllocateMaterialQuery">重置</el-button>
|
||||||
|
<el-button
|
||||||
|
type="danger"
|
||||||
|
plain
|
||||||
|
icon="el-icon-delete"
|
||||||
|
size="mini"
|
||||||
|
@click="handleUnallocateBarCodes"
|
||||||
|
v-hasPermi="['mes:productOrder:bind']"
|
||||||
|
>删除
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table v-loading="allocateLoading" :data="allocatePurchaseOrderList"
|
||||||
|
@selection-change="handleAllocateMaterialSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" align="center"/>
|
||||||
|
<el-table-column label="订单编号" align="center" prop="poNo"/>
|
||||||
|
<el-table-column label="物料编码" align="center" prop="materialCode"/>
|
||||||
|
<el-table-column label="物料名称" align="center" prop="materialName"/>
|
||||||
|
<el-table-column label="物料规格" align="center" prop="materialSpec"/>
|
||||||
|
<el-table-column label="规格参数" align="center" prop="specificationParameter" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="数量" align="center" prop="orderAmount"/>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="allocatePurchaseOrderTotal>0"
|
||||||
|
:total="allocatePurchaseOrderTotal"
|
||||||
|
:page.sync="allocatePurchaseOrderQueryParams.pageNum"
|
||||||
|
:limit.sync="allocatePurchaseOrderQueryParams.pageSize"
|
||||||
|
@pagination="getAllocatePurchaseOrderList"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
|
||||||
|
<el-col :span="12" >
|
||||||
|
<h4 class="form-header h4">可选采购订单</h4>
|
||||||
|
<el-form :model="purchaseOrderQueryParams" ref="materialQueryForm" size="small" :inline="true" v-show="showSearch"
|
||||||
|
label-width="68px">
|
||||||
|
<el-form-item label="订单编号" prop="poNo">
|
||||||
|
<el-input
|
||||||
|
v-model="allocatePurchaseOrderQueryParams.poNo"
|
||||||
|
placeholder="请输入物料编码"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleAllocateMaterialQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物料编码" prop="materialCode">
|
||||||
|
<el-input
|
||||||
|
v-model="purchaseOrderQueryParams.materialCode"
|
||||||
|
placeholder="请输入物料编码"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handlePurchaseOrderQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物料名称" prop="materialName">
|
||||||
|
<el-input
|
||||||
|
v-model="purchaseOrderQueryParams.materialName"
|
||||||
|
placeholder="请输入物料名称"
|
||||||
|
style="width:140px;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handlePurchaseOrderQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handlePurchaseOrderQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetMaterialQuery">重置</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
:disabled="allocateBarCodeBtnDisable"
|
||||||
|
@click="submitForm"
|
||||||
|
v-hasPermi="['mes:productOrder:bind']"
|
||||||
|
>保存
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
|
||||||
|
<el-table v-loading="selectableLoading" :data="purchaseOrderList"
|
||||||
|
@selection-change="handleMaterialSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" align="center"/>
|
||||||
|
<el-table-column label="订单编号" align="center" prop="poNo"/>
|
||||||
|
<el-table-column label="物料编码" align="center" prop="materialCode"/>
|
||||||
|
<el-table-column label="物料名称" align="center" prop="materialName"/>
|
||||||
|
<el-table-column label="物料规格" align="center" prop="materialSpec"/>
|
||||||
|
<el-table-column label="规格参数" align="center" prop="specificationParameter" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="数量" align="center" prop="orderAmount"/>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="purchaseOrderTotal>0"
|
||||||
|
:total="purchaseOrderTotal"
|
||||||
|
:page.sync="purchaseOrderQueryParams.pageNum"
|
||||||
|
:limit.sync="purchaseOrderQueryParams.pageSize"
|
||||||
|
@pagination="getUnbindPurchaseOrderList"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
removeSalesBindPurchase,
|
||||||
|
saleBindPurchaseOrderList,
|
||||||
|
saveSalesBindPurchase,
|
||||||
|
unbindPurchaseOrderList
|
||||||
|
} from "@/api/mes/purchaseOrder";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "BindingPurchase",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 已选采购订单遮罩层
|
||||||
|
allocateLoading: true,
|
||||||
|
// 可选采购订单遮罩层
|
||||||
|
selectableLoading: true,
|
||||||
|
// 已选采购订单选中数组
|
||||||
|
orderBindIds: [],
|
||||||
|
//可选采购订单信息选中数组
|
||||||
|
barcodeInfos: [],
|
||||||
|
//可选采购订单ID选中数组
|
||||||
|
purchaseOrderIds: [],
|
||||||
|
// 已选采购订单非单个禁用
|
||||||
|
allocateMaterialSingle: true,
|
||||||
|
// 已选采购订单非多个禁用
|
||||||
|
allocateMaterialMultiple: true,
|
||||||
|
// 可选采购订单非单个禁用
|
||||||
|
materialSingle: true,
|
||||||
|
// 可选采购订单非多个禁用
|
||||||
|
materialMultiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 已选采购订单总条数
|
||||||
|
allocatePurchaseOrderTotal: 0,
|
||||||
|
//可选采购订单总条数
|
||||||
|
purchaseOrderTotal: 0,
|
||||||
|
// 已选采购订单信息表格数据
|
||||||
|
allocatePurchaseOrderList: [],
|
||||||
|
// 可选采购订单信息表格数据
|
||||||
|
purchaseOrderList: [],
|
||||||
|
// 已选采购订单编号List
|
||||||
|
allocatePoNos: [],
|
||||||
|
//库位信息
|
||||||
|
saleOrderForm: {},
|
||||||
|
allocateBarCodeBtnDisable: true,
|
||||||
|
// 已选采购订单信息查询参数
|
||||||
|
allocatePurchaseOrderQueryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
saleOrderId: null,
|
||||||
|
materialCode: null,
|
||||||
|
materialName: null,
|
||||||
|
poNo: null,
|
||||||
|
},
|
||||||
|
// 可选采购订单信息查询参数
|
||||||
|
purchaseOrderQueryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
saleOrderId: null,
|
||||||
|
materialCode: null,
|
||||||
|
materialName: null,
|
||||||
|
poNo: null
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.allocateBarCodeBtnDisable = false;
|
||||||
|
const saleOrderId = this.$route.params && this.$route.params.saleOrderId;
|
||||||
|
let saleorderCode = this.$route.query && this.$route.query.saleorderCode;
|
||||||
|
this.purchaseOrderQueryParams.saleOrderId = saleOrderId;
|
||||||
|
// this.purchaseOrderQueryParams.saleorderCode = saleorderCode;
|
||||||
|
this.allocatePurchaseOrderQueryParams.saleOrderId = saleOrderId;
|
||||||
|
// this.allocatePurchaseOrderQueryParams.saleorderCode = saleorderCode;
|
||||||
|
|
||||||
|
this.saleOrderForm.saleorderCode = saleorderCode;
|
||||||
|
this.saleOrderForm.saleOrderId = saleOrderId;
|
||||||
|
this.saleOrderForm.materialCode = this.$route.query && this.$route.query.materialCode;
|
||||||
|
this.saleOrderForm.materialName = this.$route.query && this.$route.query.materialName;
|
||||||
|
this.saleOrderForm.materialModel = this.$route.query && this.$route.query.materialModel;
|
||||||
|
this.getAllocatePurchaseOrderList();
|
||||||
|
this.getUnbindPurchaseOrderList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询已选采购订单信息列表 */
|
||||||
|
getAllocatePurchaseOrderList() {
|
||||||
|
this.allocateLoading = true;
|
||||||
|
saleBindPurchaseOrderList(this.allocatePurchaseOrderQueryParams).then(response => {
|
||||||
|
this.allocatePurchaseOrderList = response.rows;
|
||||||
|
this.allocatePurchaseOrderTotal = response.total;
|
||||||
|
this.allocateLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 查询可选采购订单信息列表 */
|
||||||
|
getUnbindPurchaseOrderList() {
|
||||||
|
this.selectableLoading = true;
|
||||||
|
unbindPurchaseOrderList(this.purchaseOrderQueryParams).then(response => {
|
||||||
|
this.purchaseOrderList = response.rows;
|
||||||
|
this.purchaseOrderTotal = response.total;
|
||||||
|
this.selectableLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 已选采购订单搜索按钮操作 */
|
||||||
|
handleAllocateMaterialQuery() {
|
||||||
|
this.allocatePurchaseOrderQueryParams.pageNum = 1;
|
||||||
|
this.getAllocatePurchaseOrderList();
|
||||||
|
},
|
||||||
|
/** 已选采购订单重置按钮操作 */
|
||||||
|
resetAllocateMaterialQuery() {
|
||||||
|
this.resetForm("allocateMaterialQueryForm");
|
||||||
|
this.handleAllocateMaterialQuery();
|
||||||
|
},
|
||||||
|
/** 已选采购订单多选框选中数据 */
|
||||||
|
handleAllocateMaterialSelectionChange(selection) {
|
||||||
|
this.orderBindIds = selection.map(item => item.orderBindId)
|
||||||
|
this.allocatePoNos = selection.map(item => item.poNo)
|
||||||
|
this.single = selection.length !== 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
/** 可选采购订单搜索按钮操作 */
|
||||||
|
handlePurchaseOrderQuery() {
|
||||||
|
this.purchaseOrderQueryParams.pageNum = 1;
|
||||||
|
this.getUnbindPurchaseOrderList();
|
||||||
|
},
|
||||||
|
/** 可选采购订单重置按钮操作 */
|
||||||
|
resetMaterialQuery() {
|
||||||
|
this.resetForm("materialQueryForm");
|
||||||
|
this.handlePurchaseOrderQuery();
|
||||||
|
},
|
||||||
|
// 可选采购订单多选框选中数据
|
||||||
|
handleMaterialSelectionChange(selection) {
|
||||||
|
this.purchaseOrderIds = selection.map(item => item.purchaseOrderId)
|
||||||
|
this.single = selection.length !== 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
|
||||||
|
handleUnallocateBarCodes() {
|
||||||
|
const orderBindIds = this.orderBindIds.join(",");
|
||||||
|
const allocatePoNos = this.allocatePoNos;
|
||||||
|
const params = {
|
||||||
|
orderBindIds: orderBindIds
|
||||||
|
}
|
||||||
|
this.$modal.confirm('是否确认删除采购订单编号为"' + allocatePoNos + '"的数据项？').then(function () {
|
||||||
|
return removeSalesBindPurchase(params);
|
||||||
|
}).then(() => {
|
||||||
|
this.getAllocatePurchaseOrderList();
|
||||||
|
this.getUnbindPurchaseOrderList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
}).catch(() => {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.allocateBarCodeBtnDisable = true;
|
||||||
|
const saleOrderId = this.saleOrderForm.saleOrderId;
|
||||||
|
const purchaseOrderIds = this.purchaseOrderIds.join(",");
|
||||||
|
saveSalesBindPurchase({
|
||||||
|
saleOrderId: saleOrderId,
|
||||||
|
purchaseOrderIds: purchaseOrderIds
|
||||||
|
}).then((response) => {
|
||||||
|
this.$modal.msgSuccess("保存成功");
|
||||||
|
this.selectBarCodeAllocationWarehouse();
|
||||||
|
this.getAllocatePurchaseOrderList();
|
||||||
|
this.allocateBarCodeBtnDisable = false;
|
||||||
|
}).catch(() => {
|
||||||
|
this.getAllocatePurchaseOrderList();
|
||||||
|
this.getUnbindPurchaseOrderList();
|
||||||
|
this.allocateBarCodeBtnDisable = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue