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.
1086 lines
33 KiB
1086 lines
33 KiB
<template>
|
|
<div class="customer-css" >
|
|
<!-- 查询时间和产品 -->
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
|
|
<el-row>
|
|
<el-col :span="24" style="">
|
|
<el-form-item :label="'BU:'">
|
|
<el-input v-model="searchData.buNo" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'销售出库单号:'">
|
|
<el-input v-model="searchData.orderNo" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'客户编号:'">
|
|
<el-input v-model="searchData.customerId" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'客户名称:'">
|
|
<el-input v-model="searchData.customerName" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'单据状态'">
|
|
<el-select multiple collapse-tags v-model="searchData.orderStatusList" clearable style="width: 160px">
|
|
<el-option label="待包装" value="待包装"></el-option>
|
|
<el-option label="待出库" value="待出库"></el-option>
|
|
<el-option label="已出库" value="已出库"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item :label="' '" >
|
|
<el-button class="customer-bun-min" type="primary" @click="getMainData" style="">查询</el-button>
|
|
<el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
|
|
<el-table
|
|
:height="height"
|
|
:data="mainDataList"
|
|
border
|
|
ref="mainTable"
|
|
highlight-current-row
|
|
@row-click="changeData"
|
|
v-loading="dataListLoading"
|
|
style="margin-top: 0px; width: 100%;">
|
|
<!-- <el-table-column-->
|
|
<!-- fixed="left"-->
|
|
<!-- header-align="center"-->
|
|
<!-- align="center"-->
|
|
<!-- width="220"-->
|
|
<!-- :label="'操作'">-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<el-table-column
|
|
v-for="(item,index) in columnArray1" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed==''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
|
|
style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!-- 分页插件 -->
|
|
<el-pagination style="margin-top: 0px"
|
|
@size-change="sizeChangeHandle"
|
|
@current-change="currentChangeHandle"
|
|
:current-page="pageIndex"
|
|
:page-sizes="[20, 50, 100, 200, 500]"
|
|
:page-size="pageSize"
|
|
:total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper">
|
|
</el-pagination>
|
|
|
|
<el-tabs v-model="activeName" style="margin-top: 0px; width: 99%;" @tab-click="tabClick" class="customer-tab" type="border-card">
|
|
<el-tab-pane label="盒清单" name="cases">
|
|
<el-form label-position="top" style="margin-left: 2px;">
|
|
<el-button type="primary" size="small" @click="openCaseDialog">新增</el-button>
|
|
<el-button type="danger" size="small" @click="deleteCaseRecord">删除</el-button>
|
|
</el-form>
|
|
<el-table
|
|
ref="caseTable"
|
|
:data="casesList"
|
|
:height="height - 30"
|
|
border
|
|
@selection-change="handleCaseSelectionChange"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
type="selection"
|
|
width="55"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="casesNo"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="120"
|
|
label="盒标签">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="rollNo"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="120"
|
|
label="卷标签">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="rollQty"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="100"
|
|
label="卷数量">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partNo"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="120"
|
|
label="物料编码">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partDesc"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="200"
|
|
label="物料名称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="createDate"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="160"
|
|
label="创建时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="createBy"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="100"
|
|
label="创建人">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="箱清单" name="boxing">
|
|
<boxing ref="boxing"></boxing>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="已扫描卷" name="rollDetail">
|
|
<el-table
|
|
:data="rollList"
|
|
:height="height - 20"
|
|
border
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
prop="orderId"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="60"
|
|
label="序号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="boxNo"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="100"
|
|
label="箱号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="finalRollNo"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="100"
|
|
label="卷号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partNo"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="100"
|
|
label="物料编码">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="rollQty"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="100"
|
|
label="数量">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="receivedDate"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="100"
|
|
label="装箱日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="receivedBy"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="100"
|
|
label="装箱人">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="batchNo"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="100"
|
|
label="合约号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="wareHouseID"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="100"
|
|
label="仓库">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="locationId"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="100"
|
|
label="库位">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<!-- 盒清单新增对话框 -->
|
|
<el-dialog title="装盒扫描" :visible.sync="caseDialogVisible" width="70%" :close-on-click-modal="false" @close="closeCaseDialog">
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="盒标签">
|
|
<el-input ref="caseNoInput" v-model="caseForm.casesNo" @keyup.enter.native="focusRollNoInput" placeholder="请扫描盒标签" style="width: 200px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="卷标签">
|
|
<el-input ref="rollNoInput" v-model="caseForm.rollNo" @keyup.enter.native="scanCaseRoll" placeholder="请扫描卷标签" style="width: 200px"></el-input>
|
|
</el-form-item>
|
|
<span style="margin-left: 20px; font-size: 14px; display: inline-block; margin-top: 20px;">
|
|
<span style="color: #606266;">盒数量：</span>
|
|
<span style="color: rgb(38, 92, 147); font-weight: bold;">{{caseStatistics.casesCount}}</span>
|
|
</span>
|
|
<span style="margin-left: 20px; font-size: 14px; display: inline-block; margin-top: 20px;">
|
|
<span style="color: #606266;">卷数量：</span>
|
|
<span style="color: rgb(38, 92, 147); font-weight: bold;">{{caseStatistics.rollCount}}</span>
|
|
</span>
|
|
<span style="margin-left: 20px; font-size: 14px; display: inline-block; margin-top: 20px;">
|
|
<span style="color: #606266;">物料总数：</span>
|
|
<span style="color: rgb(38, 92, 147); font-weight: bold;">{{caseStatistics.totalQty}}</span>
|
|
</span>
|
|
</el-form>
|
|
<!-- 中部分：扫描列表 -->
|
|
<el-table
|
|
:data="caseRollList"
|
|
border
|
|
height="300"
|
|
style="width: 100%; margin-top: 10px;">
|
|
<el-table-column
|
|
type="index"
|
|
label="序号"
|
|
width="50"
|
|
header-align="center"
|
|
align="right">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="casesNo"
|
|
label="盒标签"
|
|
min-width="120"
|
|
header-align="center"
|
|
align="left">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="rollNo"
|
|
label="卷标签"
|
|
min-width="120"
|
|
header-align="center"
|
|
align="left">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="rollQty"
|
|
label="卷数量"
|
|
min-width="100"
|
|
header-align="center"
|
|
align="right">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partNo"
|
|
label="物料编码"
|
|
min-width="120"
|
|
header-align="center"
|
|
align="left">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partDesc"
|
|
label="物料名称"
|
|
min-width="200"
|
|
header-align="center"
|
|
align="left">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="batchNo"
|
|
label="合约号"
|
|
min-width="120"
|
|
header-align="center"
|
|
align="left">
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="操作"
|
|
width="80"
|
|
header-align="center"
|
|
align="center">
|
|
<template slot-scope="scope">
|
|
<el-link style="cursor: pointer" @click="deleteRollFromList(scope.$index)">删除</el-link>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-footer style="height:35px;margin-top: 15px;text-align:center">
|
|
<el-button type="primary" @click="applyCaseScan">应用</el-button>
|
|
<el-button type="success" @click="saveCaseScan">保存</el-button>
|
|
<el-button @click="closeCaseDialog">关闭</el-button>
|
|
</el-footer>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
/*组件*/
|
|
|
|
|
|
import excel from "@/utils/excel-util.js";
|
|
import boxing from "./com_saleBoxManage_boxing.vue"
|
|
import {
|
|
searchRollForOrderNo,
|
|
searchSoReceiveCasesData,
|
|
deleteSoReceiveCasesData,
|
|
validateAndScanCaseRoll,
|
|
saveCaseRollList,
|
|
searchOutboundNotificationWithDetail
|
|
} from '../../../api/boxManage/boxManage'
|
|
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
functionId: this.$route.meta.menuId,
|
|
height: 200,
|
|
currentRow: {},
|
|
searchData:{
|
|
orderNo:'',
|
|
customerId:'',
|
|
orderType:'销售出库',
|
|
orderStatus: '',
|
|
orderStatusList: ['待包装'],
|
|
buNo:'',
|
|
customerName:'',
|
|
site:this.$store.state.user.site,
|
|
userName:this.$store.state.user.name,
|
|
page: 1,
|
|
limit: 10,
|
|
},
|
|
pageIndex: 1,
|
|
pageSize: 50,
|
|
totalPage: 0,
|
|
tagNo:'',
|
|
rollList:[],
|
|
mainDataList:[],
|
|
dataListLoading: false,
|
|
activeName: 'cases',
|
|
// 盒清单相关数据
|
|
casesList: [],
|
|
caseDialogVisible: false,
|
|
caseForm: {
|
|
casesNo: '',
|
|
rollNo: '',
|
|
site: this.$store.state.user.site,
|
|
buNo: '',
|
|
notifyNo: '',
|
|
partNo: ''
|
|
},
|
|
caseRollList: [],
|
|
caseStatistics: {
|
|
casesCount: 0,
|
|
rollCount: 0,
|
|
totalQty: 0
|
|
},
|
|
selectedCaseRecords: [],
|
|
columnArray1: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1BU',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "buNo",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "BU",
|
|
columnWidth: '60',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1OrderNo',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "orderNo",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "销售出库单号",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1OrderStatus',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "orderStatus",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "通知单状态",
|
|
columnWidth: '80',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1CustomerId',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "customerId",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "客户编号",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1CustomerName',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "customerName",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "客户编号",
|
|
columnWidth: '240',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1RequiredOutboundDate',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "requiredOutboundDate",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "要求发货日期",
|
|
columnWidth: '120',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1RelatedOrderNo',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "relatedOrderNo",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "销售订单号",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1RelatedOrderLineNo',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "relatedOrderLineNo",
|
|
headerAlign: "center",
|
|
align: "right",
|
|
columnLabel: "销售订单行号",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1PartNo',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "partNo",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "物料编码",
|
|
columnWidth: '120',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1PartDesc',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "partDesc",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "物料名称",
|
|
columnWidth: '200',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1OutBatchNo',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "outBatchNo",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "合约号",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1OrderQty',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "orderQty",
|
|
headerAlign: "center",
|
|
align: "right",
|
|
columnLabel: "销售订单数量",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1RequiredQty',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "requiredQty",
|
|
headerAlign: "center",
|
|
align: "right",
|
|
columnLabel: "要求发货数量",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1RollQty',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "rollQty",
|
|
headerAlign: "center",
|
|
align: "right",
|
|
columnLabel: "已扫描数量",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1UnScanQty',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "unScanQty",
|
|
headerAlign: "center",
|
|
align: "right",
|
|
columnLabel: "未扫描数量",
|
|
columnWidth: '100',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.functionId,
|
|
serialNumber: '750001Table1Unit',
|
|
tableId: "750001Table1",
|
|
tableName: "销售发货清单",
|
|
columnProp: "unit",
|
|
headerAlign: "center",
|
|
align: "left",
|
|
columnLabel: "单位",
|
|
columnWidth: '80',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: false
|
|
},
|
|
],
|
|
exportName: '销售出库单'+this.dayjs().format('YYYYMMDDHHmmss'),
|
|
}
|
|
},
|
|
/*组件*/
|
|
components: {
|
|
boxing,
|
|
},
|
|
|
|
mounted() {
|
|
this.$nextTick(() => {
|
|
this.height = ( window.innerHeight - 220)/2;
|
|
})
|
|
},
|
|
methods: {
|
|
|
|
getMainData(){
|
|
this.searchData.limit = this.pageSize
|
|
this.searchData.page = this.pageIndex
|
|
this.searchData.orderStatus = this.searchData.orderStatusList.join(',')
|
|
searchOutboundNotificationWithDetail(this.searchData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.mainDataList = data.rows
|
|
this.totalPage = this.mainDataList.length
|
|
//判断是否全部存在数据
|
|
if (this.totalPage > 0) {
|
|
//设置选中行
|
|
this.$refs.mainTable.setCurrentRow(this.mainDataList[0])
|
|
this.changeData(this.mainDataList[0])
|
|
|
|
}else {
|
|
this.changeData(null)
|
|
}
|
|
}
|
|
this.dataListLoading = false
|
|
})
|
|
},
|
|
tabClick(tab, event){
|
|
this.refreshCurrentTabTable()
|
|
},
|
|
// 每页数
|
|
sizeChangeHandle (val) {
|
|
this.pageSize = val
|
|
this.pageIndex = 1
|
|
this.getMainData()
|
|
},
|
|
|
|
// 当前页
|
|
currentChangeHandle (val) {
|
|
this.pageIndex = val
|
|
this.getMainData()
|
|
},
|
|
changeData(row){
|
|
this.currentRow=JSON.parse(JSON.stringify(row))
|
|
this.refreshCurrentTabTable ();
|
|
},
|
|
refreshCurrentTabTable(){
|
|
if (this.currentRow === '' || this.currentRow === null) {
|
|
this.currentRow = {
|
|
site: '',
|
|
buNo: '',
|
|
supplierNo: ''
|
|
}
|
|
}
|
|
if(this.activeName==='boxing'){
|
|
this.refreshBoxingTable();
|
|
}
|
|
if(this.activeName==='rollDetail'){
|
|
this.refreshRollsTable();
|
|
}
|
|
if(this.activeName==='cases'){
|
|
this.refreshCasesTable();
|
|
}
|
|
},
|
|
async exportExcel() {
|
|
this.searchData.limit = -1
|
|
this.searchData.page = 1
|
|
excel.exportTable({
|
|
url: "/boxForNotification/searchOutboundNotificationWithDetail",
|
|
columnMapping: this.columnArray1,//可以直接用table，不需要的列就剔除
|
|
mergeSetting: [],//需要合并的列
|
|
params: this.searchData,
|
|
fileName: this.exportName+".xlsx",
|
|
rowFetcher: res => res.data.rows,
|
|
columnFormatter: [],
|
|
dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列
|
|
});
|
|
},
|
|
refreshBoxingTable(){
|
|
let inData={
|
|
site: this.currentRow.site,
|
|
buNo: this.currentRow.buNo,
|
|
orderNo: this.currentRow.orderNo,
|
|
boxType: this.currentRow.orderType,
|
|
height:Number(this.height)-25
|
|
}
|
|
this.$refs.boxing.init(inData)
|
|
},
|
|
refreshRollsTable(){
|
|
let templateData = {
|
|
site: this.currentRow.site,
|
|
buNo: this.currentRow.buNo,
|
|
orderNo: this.currentRow.orderNo,
|
|
}
|
|
searchRollForOrderNo(templateData).then(({data}) => {
|
|
this.rollList = data.rows
|
|
})
|
|
},
|
|
|
|
// ===== 盒清单相关方法 =====
|
|
refreshCasesTable(){
|
|
let templateData = {
|
|
site: this.currentRow.site,
|
|
buNo: this.currentRow.buNo,
|
|
notifyNo: this.currentRow.orderNo,
|
|
}
|
|
searchSoReceiveCasesData(templateData).then(({data}) => {
|
|
this.casesList = data.rows || []
|
|
})
|
|
},
|
|
|
|
openCaseDialog(){
|
|
if(!this.currentRow || !this.currentRow.orderNo){
|
|
this.$message.warning('请先选择一条出库单记录')
|
|
return
|
|
}
|
|
this.caseDialogVisible = true
|
|
this.resetCaseForm()
|
|
// 对话框打开后自动聚焦到盒标签输入框
|
|
this.$nextTick(() => {
|
|
this.$refs.caseNoInput.focus()
|
|
})
|
|
},
|
|
|
|
resetCaseForm(){
|
|
this.caseForm = {
|
|
casesNo: '',
|
|
rollNo: '',
|
|
site: this.currentRow.site,
|
|
buNo: this.currentRow.buNo,
|
|
notifyNo: this.currentRow.orderNo,
|
|
partNo: ''
|
|
}
|
|
this.caseRollList = []
|
|
this.updateCaseStatistics()
|
|
},
|
|
|
|
focusRollNoInput(){
|
|
if(!this.caseForm.casesNo){
|
|
this.$message.warning('请先扫描盒标签')
|
|
return
|
|
}
|
|
this.$refs.rollNoInput.focus()
|
|
},
|
|
|
|
async scanCaseRoll(){
|
|
// 校验必填项
|
|
if(!this.caseForm.casesNo){
|
|
this.$message.warning('请先扫描盒标签')
|
|
this.$refs.caseNoInput.focus()
|
|
return
|
|
}
|
|
if(!this.caseForm.rollNo){
|
|
this.$message.warning('请扫描卷标签')
|
|
return
|
|
}
|
|
|
|
// 从当前行获取物料编码
|
|
let partNo = this.currentRow.partNo || ''
|
|
this.caseForm.partNo = partNo
|
|
|
|
try {
|
|
const {data} = await validateAndScanCaseRoll(this.caseForm)
|
|
if(data && data.code === 0){
|
|
// 后端现在返回的是集合，需要遍历所有记录
|
|
const rollList = data.rollInfo || []
|
|
|
|
if(rollList.length === 0){
|
|
this.$message.warning('未查询到卷数据')
|
|
this.caseForm.rollNo = ''
|
|
this.$refs.rollNoInput.focus()
|
|
return
|
|
}
|
|
|
|
// 将所有查询到的卷信息添加到列表最前面（后扫描的在上面）
|
|
rollList.forEach(rollInfo => {
|
|
this.caseRollList.unshift({
|
|
casesNo: this.caseForm.casesNo,
|
|
rollNo: rollInfo.rollNo,
|
|
rollQty: rollInfo.rollQty,
|
|
partNo: rollInfo.partNo,
|
|
partDesc: rollInfo.partDesc,
|
|
batchNo: rollInfo.batchNo,
|
|
notifyNo: this.caseForm.notifyNo,
|
|
site: this.caseForm.site,
|
|
buNo: this.caseForm.buNo
|
|
})
|
|
})
|
|
|
|
// 更新统计信息
|
|
this.updateCaseStatistics()
|
|
|
|
// 重置两个输入框，准备下一次扫描
|
|
this.caseForm.casesNo = ''
|
|
this.caseForm.rollNo = ''
|
|
|
|
// 光标回到盒标签输入框，继续按照规定顺序扫描
|
|
this.$nextTick(() => {
|
|
this.$refs.caseNoInput.focus()
|
|
})
|
|
|
|
this.$message.success(`扫描成功，添加了 ${rollList.length} 条记录`)
|
|
} else {
|
|
this.$message.error(data.msg || '扫描失败')
|
|
}
|
|
} catch (error) {
|
|
this.$message.error(error.msg || '扫描失败，请检查')
|
|
// 清空卷标签输入框
|
|
this.caseForm.rollNo = ''
|
|
this.$refs.rollNoInput.focus()
|
|
}
|
|
},
|
|
|
|
updateCaseStatistics(){
|
|
// 盒数量 = 去重的盒标签数量
|
|
const uniqueCases = new Set(this.caseRollList.map(item => item.casesNo))
|
|
this.caseStatistics.casesCount = uniqueCases.size
|
|
|
|
// 卷数量 = 列表行数
|
|
this.caseStatistics.rollCount = this.caseRollList.length
|
|
|
|
// 物料总数 = 所有行的卷数量求和
|
|
this.caseStatistics.totalQty = this.caseRollList.reduce((sum, item) => {
|
|
return sum + (parseFloat(item.rollQty) || 0)
|
|
}, 0)
|
|
},
|
|
|
|
// 从扫描列表中删除某一行
|
|
deleteRollFromList(index){
|
|
this.$confirm('确定删除这条扫描记录吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
this.caseRollList.splice(index, 1)
|
|
this.updateCaseStatistics()
|
|
this.$message.success('删除成功')
|
|
}).catch(() => {})
|
|
},
|
|
|
|
async applyCaseScan(){
|
|
if(this.caseRollList.length === 0){
|
|
this.$message.warning('请先扫描卷标签')
|
|
return
|
|
}
|
|
|
|
// 校验数量
|
|
if(!await this.validateCaseQty()){
|
|
return
|
|
}
|
|
|
|
// 应用：保存但不关闭对话框，重置输入框、计数和列表
|
|
this.saveCaseData(false)
|
|
},
|
|
|
|
async saveCaseScan(){
|
|
if(this.caseRollList.length === 0){
|
|
this.$message.warning('请先扫描卷标签')
|
|
return
|
|
}
|
|
|
|
// 校验数量
|
|
if(!await this.validateCaseQty()){
|
|
return
|
|
}
|
|
|
|
// 保存：保存后关闭对话框
|
|
this.saveCaseData(true)
|
|
},
|
|
|
|
// 校验盒清单数量不能超过要求发货数量
|
|
async validateCaseQty(){
|
|
// 获取当前主信息行的要求发货数量
|
|
const requiredQty = parseFloat(this.currentRow.requiredQty) || 0
|
|
if(requiredQty === 0){
|
|
this.$message.warning('要求发货数量为0，无需装箱')
|
|
return false
|
|
}
|
|
|
|
// 计算新扫描的数据总量
|
|
const newScanQty = this.caseRollList.reduce((sum, item) => {
|
|
return sum + (parseFloat(item.rollQty) || 0)
|
|
}, 0)
|
|
|
|
// 查询已保存的盒清单数据，计算已装箱的总数量
|
|
try {
|
|
let templateData = {
|
|
site: this.currentRow.site,
|
|
buNo: this.currentRow.buNo,
|
|
notifyNo: this.currentRow.orderNo,
|
|
}
|
|
const {data} = await searchSoReceiveCasesData(templateData)
|
|
const existingQty = (data.rows || []).reduce((sum, item) => {
|
|
// 只统计相同物料的数量
|
|
if(item.partNo === this.currentRow.partNo){
|
|
return sum + (parseFloat(item.rollQty) || 0)
|
|
}
|
|
return sum
|
|
}, 0)
|
|
|
|
// 总数量 = 已装箱数量 + 新扫描数量
|
|
const totalQty = existingQty + newScanQty
|
|
|
|
if(totalQty > requiredQty){
|
|
this.$message.error(`装箱数量超出限制！要求发货数量：${requiredQty}，已装箱：${existingQty}，本次扫描：${newScanQty}，总计：${totalQty}`)
|
|
return false
|
|
}
|
|
|
|
return true
|
|
} catch (error) {
|
|
this.$message.error('校验数量失败，请重试')
|
|
return false
|
|
}
|
|
},
|
|
|
|
async saveCaseData(closeDialog){
|
|
try {
|
|
const {data} = await saveCaseRollList(this.caseRollList)
|
|
if(data && data.code === 0){
|
|
this.$message.success('保存成功')
|
|
|
|
if(closeDialog){
|
|
// 关闭对话框
|
|
this.closeCaseDialog()
|
|
} else {
|
|
// 应用：重置表单继续扫描
|
|
this.resetCaseForm()
|
|
this.$nextTick(() => {
|
|
this.$refs.caseNoInput.focus()
|
|
})
|
|
}
|
|
|
|
// 刷新盒清单列表
|
|
this.refreshCasesTable()
|
|
} else {
|
|
this.$message.error(data.msg || '保存失败')
|
|
}
|
|
} catch (error) {
|
|
this.$message.error(error.msg || '保存失败')
|
|
}
|
|
},
|
|
|
|
closeCaseDialog(){
|
|
this.caseDialogVisible = false
|
|
this.resetCaseForm()
|
|
},
|
|
|
|
handleCaseSelectionChange(selection){
|
|
this.selectedCaseRecords = selection
|
|
},
|
|
|
|
async deleteCaseRecord(){
|
|
if(this.selectedCaseRecords.length === 0){
|
|
this.$message.warning('请先选择要删除的记录')
|
|
return
|
|
}
|
|
|
|
this.$confirm('确定删除选中的记录吗？删除后将恢复库存卷的装盒状态', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(async () => {
|
|
try {
|
|
for(let record of this.selectedCaseRecords){
|
|
await deleteSoReceiveCasesData({
|
|
id: record.id,
|
|
site: record.site,
|
|
buNo: record.buNo
|
|
})
|
|
}
|
|
this.$message.success('删除成功')
|
|
this.refreshCasesTable()
|
|
} catch (error) {
|
|
this.$message.error(error.msg || '删除失败')
|
|
}
|
|
}).catch(() => {})
|
|
},
|
|
},
|
|
created() {
|
|
//查询报表的类型
|
|
this.getMainData();
|
|
},
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
<!--当前页面的标签样式-->
|
|
<style scoped lang="scss">
|
|
|
|
/deep/ .customer-tab .el-tabs__content {
|
|
padding: 5px !important;
|
|
}
|
|
|
|
|
|
</style>
|