839 lines
24 KiB
Vue
839 lines
24 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<u-navbar back-text="返回" title="销售出货" :background="background"></u-navbar>
|
|||
|
|
<u-form ref="testForm">
|
|||
|
|
<u-form-item :border-bottom="false">
|
|||
|
|
<p>单号:</p>
|
|||
|
|
<u-select v-model="dlistShow" mode="single-column" value-name="id" :list="dlist"
|
|||
|
|
@confirm="selShipRequestName" confirm-text="确认选择" class="single-out" />
|
|||
|
|
<u-input :focus="focusShipRequest" :border="true" v-model="ShipRequestName" placeholder="请输入单号"
|
|||
|
|
@confirm="serachMaterialList" />
|
|||
|
|
<u-button @click="selectShipRequestName" type="primary" size="mini">选择单号</u-button>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item :border-bottom="false">
|
|||
|
|
<p>条码:</p>
|
|||
|
|
<u-input :border="true" v-model="barCode" placeholder="请扫描条码" :focus="focusBarCode"
|
|||
|
|
@confirm="confirmBarcode" />
|
|||
|
|
</u-form-item>
|
|||
|
|
</u-form>
|
|||
|
|
<view>
|
|||
|
|
<uni-table ref="InvoiceList" :border="true">
|
|||
|
|
<uni-tr>
|
|||
|
|
<uni-th width="60" align="center" style="font-size: 12px;">料号</uni-th>
|
|||
|
|
<uni-th width="60" align="center" style="font-size: 12px;">需求</uni-th>
|
|||
|
|
<uni-th width="60" align="center" style="font-size: 12px;">卷数</uni-th>
|
|||
|
|
<uni-th width="120" align="center" style="font-size: 12px;">备货和已出数量</uni-th>
|
|||
|
|
<uni-th width="100" align="center" style="font-size: 12px;">已出数量</uni-th>
|
|||
|
|
<uni-th width="100" align="center" style="font-size: 12px;">物料规格</uni-th>
|
|||
|
|
<uni-th width="100" align="center" style="font-size: 12px;">SDK规格</uni-th>
|
|||
|
|
<uni-th width="60" align="center" style="font-size: 12px;">阶段</uni-th>
|
|||
|
|
<uni-th width="60" align="center" style="font-size: 12px;">单号</uni-th>
|
|||
|
|
<uni-th width="120" align="center" style="font-size: 12px;">生产订单类型</uni-th>
|
|||
|
|
<uni-th width="80" align="center" style="font-size: 12px;">客户编码</uni-th>
|
|||
|
|
<uni-th width="80" align="center" style="font-size: 12px;">是否通用料</uni-th>
|
|||
|
|
<uni-th width="120" align="center" style="font-size: 12px;">最小收卷米数</uni-th>
|
|||
|
|
<!-- <uni-th width="60" align="center" style="font-size: 12px;">行号</uni-th> -->
|
|||
|
|
</uni-tr>
|
|||
|
|
<uni-tr v-for="(item, index) in InvoiceList" :key="index">
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.MATERIALSPECNAME}}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.REQUESTQUANTITY }}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.JS }}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.ASSIGNEDQUANTITY }}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.SALEOUTQUANTITY }}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.DESCRIPTION}}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.SPECNAME}}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.PHASE}}</uni-td>
|
|||
|
|
<uni-td width="40" align="center" style="font-size: 12px; ">{{ item.SHIPREQUESTNAME}}</uni-td>
|
|||
|
|
<uni-td width="120" align="center" style="font-size: 12px;">{{ item.PRODUCTORDERTYPE}}</uni-td>
|
|||
|
|
<uni-td width="80" align="center" style="font-size: 12px;">{{ item.CUSTOMERNO}}</uni-td>
|
|||
|
|
<uni-td width="80" align="center" style="font-size: 12px;">{{ item.COMMONMATERIALFLAG}}</uni-td>
|
|||
|
|
<uni-td width="120" align="center" style="font-size: 12px;">{{ item.SJMS}}</uni-td>
|
|||
|
|
</uni-tr>
|
|||
|
|
</uni-table>
|
|||
|
|
</view>
|
|||
|
|
<br />
|
|||
|
|
<u-card style="border: 1rpx solid #0081ff" :show-head="false" :full="true"
|
|||
|
|
:body-style="{ height: '100rpx' }">
|
|||
|
|
<view slot="body">
|
|||
|
|
<u-row>
|
|||
|
|
<u-col span="6">
|
|||
|
|
<view>累计扫描支数：{{ SUMJS || '0' }}</view>
|
|||
|
|
</u-col>
|
|||
|
|
<u-col span="6">
|
|||
|
|
<view>累计扫描数量：{{ MATERIALQUANTITY || '0' }}</view>
|
|||
|
|
</u-col>
|
|||
|
|
</u-row>
|
|||
|
|
</view>
|
|||
|
|
</u-card>
|
|||
|
|
<br />
|
|||
|
|
<!-- fit 列的宽度是否自撑开 -->
|
|||
|
|
<!-- <view>
|
|||
|
|
<zb-table style="height: 500upx;" ref="zbTable" :show-header="true" :columns="column" :stripe="true"
|
|||
|
|
:fit="true" show-summary :highlight="true" :border="true" :data="BoxInfoList" :cell-style="cellStyleFn"
|
|||
|
|
@dele="dele" @edit="buttonEdit"></zb-table>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="mar-card">
|
|||
|
|
<br />
|
|||
|
|
<view class="search-box">
|
|||
|
|
<input
|
|||
|
|
type="text"
|
|||
|
|
placeholder="请输入搜索批次"
|
|||
|
|
v-model="searchBatch"
|
|||
|
|
class="search-input"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
<view class="container" style="padding-bottom: 180upx;">
|
|||
|
|
<view class="list-item" v-for="(item, index) in BoxInfoList" :key="item.id"
|
|||
|
|
@touchstart="onTouchStart(index, $event)" @touchmove="onTouchMove(index, $event)"
|
|||
|
|
@touchend="onTouchEnd(item,index, $event)" :style="getItemStyle(index)">
|
|||
|
|
<view :class="setVisableCharge( item.CHARGE )">
|
|||
|
|
<view>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 批次: {{ item.CHARGE }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 料号: {{ item.MATERIALSPECNAME }}</text>
|
|||
|
|
<text class="card-description"> 阶段: {{ item.PHASE }}</text>
|
|||
|
|
<text class="card-description"> SDK规格: {{ item.SPECNAME }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 品名: {{ item.DESC_CN }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 实际规格: {{ item.TRUEGG }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 库位: {{ item.ERPLOCATION }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 货架: {{ item.LOCATIONNAME }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 库区: {{ item.AREANAME }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 立体库货架: {{ item.SHELFNAME }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 系统数量: {{ item.MATERIALQUANTITY }} {{ item.UNIT }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 发货数量: {{ item.MATERIALQUANTITY2 }} {{ item.UNIT }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<text class="card-description"> 到货时间: {{ item.RECEIVETIME }} {{ item.UNIT }}</text>
|
|||
|
|
</div>
|
|||
|
|
<div class="button-group" style = "margin: 5rpx; align: center;">
|
|||
|
|
<u-button type="primary" size="mini" @click="deleteItem(item, index)">删除</u-button>
|
|||
|
|
<u-button style="margin-left: 20rpx;" type="primary" size="mini" @click="buttonEdit(index, item)">编辑</u-button>
|
|||
|
|
</div>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="delete-btn" @click="deleteItem(item, index)" >删除</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="tabbar_bottom">
|
|||
|
|
<u-input v-if="false" v-model="opCode" />
|
|||
|
|
<uni-datetime-picker style="align-items: center;" type="date" :clear-icon="false" v-model="commitDate"
|
|||
|
|
@maskClick="maskClick" />
|
|||
|
|
<u-button class="btn-bottom" @click="ConfirmButton" type="primary" :disabled="disableButton">发货确认</u-button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getOpCode
|
|||
|
|
} from '@/common/api.js';
|
|||
|
|
import { cals } from '@/utils/cal'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
SUMJS: 0,
|
|||
|
|
MATERIALQUANTITY: 0,
|
|||
|
|
column: [ //列
|
|||
|
|
{
|
|||
|
|
name: 'MATERIALSPECNAME',
|
|||
|
|
label: '料号'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'CHARGE',
|
|||
|
|
label: '批次',
|
|||
|
|
align: 'center',
|
|||
|
|
// fixed: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'DES_CN',
|
|||
|
|
label: '品名'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
name: 'ERPLOCATION',
|
|||
|
|
label: '库位'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'LOCATIONNAME',
|
|||
|
|
label: '货架'
|
|||
|
|
}, {
|
|||
|
|
name: 'AREANAME',
|
|||
|
|
label: '库区'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'SHELFNAME',
|
|||
|
|
label: '立体库货架'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'MATERIALQUANTITY',
|
|||
|
|
label: '系统数量',
|
|||
|
|
sorter: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'MATERIALQUANTITY2',
|
|||
|
|
label: '发货数量',
|
|||
|
|
sorter: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'RECEIVETIME',
|
|||
|
|
label: '到货时间'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'operation',
|
|||
|
|
type: 'operation',
|
|||
|
|
label: '操作',
|
|||
|
|
renders: [{
|
|||
|
|
name: '编辑',
|
|||
|
|
size: 'mini',
|
|||
|
|
func: 'edit' // func 代表子元素点击的事件 父元素接收的事件 父元素 @edit
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '删除',
|
|||
|
|
size: 'mini',
|
|||
|
|
type: 'warn',
|
|||
|
|
func: "dele"
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
commitDate: '',
|
|||
|
|
opCode: '',
|
|||
|
|
disableButton: false,
|
|||
|
|
pageNum: 1, // 页数
|
|||
|
|
pageSize: 50, // 条数
|
|||
|
|
total: 0, //每页总数
|
|||
|
|
totalAll: 0,
|
|||
|
|
bqts: 0,
|
|||
|
|
bqkcs: 0,
|
|||
|
|
// moreStatus: 'more', // 上拉加载更多 more加载前 loading加载中 no-more没有更多数据
|
|||
|
|
flag: true, // 上拉加载开关 防止一次触底查询多次问题,防止数据查完后触底还调接口问题
|
|||
|
|
dlist: [{
|
|||
|
|
id: '',
|
|||
|
|
label: ''
|
|||
|
|
}], //选择内容
|
|||
|
|
dlistShow: false, //是否显示选择框
|
|||
|
|
BoxInfoList: [], //列表展示明细
|
|||
|
|
boxList: [], //后台过账明细
|
|||
|
|
bindBoxList: [], //已备货明细
|
|||
|
|
preBindBoxList: [], //待备货明细
|
|||
|
|
ShipRequestName: "",
|
|||
|
|
shipRequestType: "",
|
|||
|
|
barCode: "",
|
|||
|
|
userId: "",
|
|||
|
|
siteName: "",
|
|||
|
|
background: {
|
|||
|
|
backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
|
|||
|
|
},
|
|||
|
|
focusBarCode: false, //焦点是否被选中
|
|||
|
|
focusShipRequest: true, //默认焦点在单号
|
|||
|
|
InvoiceList: [],
|
|||
|
|
indexList: [],
|
|||
|
|
startX: 0, // 触摸开始时的X坐标
|
|||
|
|
endX: 0, // 触摸结束时的X坐标
|
|||
|
|
isMoving: false, // 是否正在滑动
|
|||
|
|
showDeleteBtn: null, // 显示删除按钮的索引
|
|||
|
|
isCollapsed: false ,// 默认为展开状态
|
|||
|
|
searchBatch : '',//搜索的批次
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.tabH = this.$GetRemainingHeight(4, 0); //定义表格的高度
|
|||
|
|
let that = this
|
|||
|
|
uni.getStorage({
|
|||
|
|
key: "siteName",
|
|||
|
|
success(res) {
|
|||
|
|
that.siteName = res.data
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
uni.getStorage({
|
|||
|
|
key: "userid",
|
|||
|
|
success(res) {
|
|||
|
|
that.userId = res.data
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// let Things = 20
|
|||
|
|
// for (var i = 0; i < Things; i++) {
|
|||
|
|
// this.BoxListInfo.push({aa:"1"})
|
|||
|
|
// }
|
|||
|
|
this.getTimeData();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//隐藏展示批次
|
|||
|
|
setVisableCharge (iCharge) {
|
|||
|
|
if (this.searchBatch == '') {
|
|||
|
|
return 'card-display'
|
|||
|
|
} else {
|
|||
|
|
if (iCharge.includes(this.searchBatch)) {
|
|||
|
|
return 'card-dispaly'
|
|||
|
|
} else {
|
|||
|
|
return 'card-hidden'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//折叠
|
|||
|
|
toggle() {
|
|||
|
|
this.isCollapsed = !this.isCollapsed;
|
|||
|
|
},
|
|||
|
|
onTouchStart(index, event) {
|
|||
|
|
this.startX = event.touches[0].clientX;
|
|||
|
|
this.isMoving = false;
|
|||
|
|
this.showDeleteBtn = null;
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onTouchMove(index, event) {
|
|||
|
|
this.endX = event.touches[0].clientX;
|
|||
|
|
if (this.startX - this.endX > 50) { // 判断滑动距离，可以根据需要调整
|
|||
|
|
// console.log("222")
|
|||
|
|
this.isMoving = true;
|
|||
|
|
this.showDeleteBtn = index;
|
|||
|
|
} else if (this.endX - this.startX > 50) {
|
|||
|
|
this.isMoving = false;
|
|||
|
|
this.showDeleteBtn = null;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onTouchEnd(row, index, event) {
|
|||
|
|
if (this.isMoving && this.showDeleteBtn === index) {
|
|||
|
|
// this.deleteItem(row, index)
|
|||
|
|
console.log("111")
|
|||
|
|
this.isMoving = false;
|
|||
|
|
this.showDeleteBtn = null;
|
|||
|
|
} else {
|
|||
|
|
this.isMoving = false;
|
|||
|
|
this.showDeleteBtn = null;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
deleteItem(index, row) {
|
|||
|
|
console.log("***********",row , index)
|
|||
|
|
let boxList = []
|
|||
|
|
boxList.push(this.BoxInfoList[row])
|
|||
|
|
this.$MyRequest('/invoice/DessignOrAssign', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
ShipRequestDetailName: this.BoxInfoList[row]?.SHIPREQUESTDETAILNAME,
|
|||
|
|
MATERIALSPECNAME: this.BoxInfoList[row]?.MATERIALSPECNAME,
|
|||
|
|
MATERIALPACKINGNAME: this.BoxInfoList[row]?.MATERIALPACKINGNAME,
|
|||
|
|
MATERIALQUANTITY: this.BoxInfoList[row]?.MATERIALQUANTITY,
|
|||
|
|
MATERIALQUANTITY2: this.BoxInfoList[row]?.MATERIALQUANTITY2,
|
|||
|
|
SDK_ID: this.BoxInfoList[row]?.SDK_ID,
|
|||
|
|
PHASE: this.BoxInfoList[row]?.PHASE,
|
|||
|
|
type: "Dessign",
|
|||
|
|
user: this.userId,
|
|||
|
|
siteName: this.siteName,
|
|||
|
|
}).then(res => {
|
|||
|
|
this.barCode = '';
|
|||
|
|
this.focusBarCode = true
|
|||
|
|
this.focusShipRequest = false
|
|||
|
|
this.$showMessage(res)
|
|||
|
|
this.serachMaterialList()
|
|||
|
|
console.log(22, this.indexList)
|
|||
|
|
this.getStockOutInvoiceInfo()
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.barCode = '';
|
|||
|
|
this.focusBarCode = true
|
|||
|
|
this.focusShipRequest = false
|
|||
|
|
this.$showMessage(res)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getItemStyle(index) {
|
|||
|
|
return {
|
|||
|
|
transform: this.showDeleteBtn === index ? 'translateX(-60px)' : 'translateX(0)', // 根据需要调整位移距离
|
|||
|
|
transition: this.isMoving ? 'none' : 'transform 0.3s', // 滑动时禁用过渡效果
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
/**取消备货
|
|||
|
|
* @param {Object} index
|
|||
|
|
* @param {Object} row
|
|||
|
|
*/
|
|||
|
|
// dele(index, row) {
|
|||
|
|
// let boxList = []
|
|||
|
|
// boxList.push(this.BoxInfoList[row])
|
|||
|
|
// this.$MyRequest('/invoice/DessignOrAssign', {
|
|||
|
|
// ShipRequestName: this.ShipRequestName,
|
|||
|
|
// ShipRequestDetailName: this.BoxInfoList[row].SHIPREQUESTDETAILNAME,
|
|||
|
|
// MATERIALSPECNAME: this.BoxInfoList[row].MATERIALSPECNAME,
|
|||
|
|
// MATERIALPACKINGNAME: this.BoxInfoList[row].MATERIALPACKINGNAME,
|
|||
|
|
// MATERIALQUANTITY: this.BoxInfoList[row].MATERIALQUANTITY,
|
|||
|
|
// MATERIALQUANTITY2: this.BoxInfoList[row].MATERIALQUANTITY2,
|
|||
|
|
// SDK_ID: this.BoxInfoList[row].SDK_ID,
|
|||
|
|
// PHASE: this.BoxInfoList[row].PHASE,
|
|||
|
|
// type: "Dessign",
|
|||
|
|
// user: this.userId,
|
|||
|
|
// siteName: this.siteName,
|
|||
|
|
// }).then(res => {
|
|||
|
|
// this.barCode = '';
|
|||
|
|
// this.focusBarCode = true
|
|||
|
|
// this.focusShipRequest = false
|
|||
|
|
// this.$showMessage(res)
|
|||
|
|
// this.serachMaterialList()
|
|||
|
|
// console.log(22, this.indexList)
|
|||
|
|
// this.getStockOutInvoiceInfo()
|
|||
|
|
// }).catch(err => {
|
|||
|
|
// this.barCode = '';
|
|||
|
|
// this.focusBarCode = true
|
|||
|
|
// this.focusShipRequest = false
|
|||
|
|
// this.$showMessage(res)
|
|||
|
|
// })
|
|||
|
|
// },
|
|||
|
|
getTimeData() {
|
|||
|
|
var year = new Date().getFullYear(); //年
|
|||
|
|
if (year < 1900) year = year + 1900;
|
|||
|
|
var month = new Date().getMonth() + 1; //月
|
|||
|
|
if (month < 10) month = '0' + month;
|
|||
|
|
var day = new Date().getDate(); //日
|
|||
|
|
if (day < 10) day = '0' + day;
|
|||
|
|
const calendar1 = year + '-' + month + '-' + day
|
|||
|
|
this.commitDate = calendar1
|
|||
|
|
},
|
|||
|
|
maskClick(e) {
|
|||
|
|
console.log('maskClick事件:', e);
|
|||
|
|
},
|
|||
|
|
// 编辑发货数量
|
|||
|
|
buttonEdit(index, row) {
|
|||
|
|
console.log(row)
|
|||
|
|
// 打开编辑对话框，或者直接修改 this.tableData[index]
|
|||
|
|
console.log(this.BoxInfoList[row]?.IS_CHECK)
|
|||
|
|
this.showInputDialog(row)
|
|||
|
|
},
|
|||
|
|
// 显示弹窗输入框
|
|||
|
|
showInputDialog(row) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '请完成发货数量填写',
|
|||
|
|
content: '',
|
|||
|
|
editable: true, //是否显示输入框
|
|||
|
|
placeholderText: '请输入数量', //输入框提示内容
|
|||
|
|
confirmText: '确认',
|
|||
|
|
cancelText: '取消',
|
|||
|
|
success: (res) => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
console.log('输入的内容：', res, res.content);
|
|||
|
|
if (Number(row.MATERIALQUANTITY) >= Number(res.content)) {
|
|||
|
|
row.MATERIALQUANTITY2 = res.content;
|
|||
|
|
this.$MyRequest('/SaleOut/updateSalePreOrder', {
|
|||
|
|
...row,
|
|||
|
|
user: this.userId,
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
siteName: this.siteName == "" ? "SDK" : this.siteName,
|
|||
|
|
}).then(res => {
|
|||
|
|
this.$showMessage(res.data.message)
|
|||
|
|
this.getStockOutInvoiceInfo()
|
|||
|
|
}).catch(err => {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage(err)
|
|||
|
|
})
|
|||
|
|
// this.getStockOutInvoiceInfo()
|
|||
|
|
} else {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage("发货数量不能大于标签数量")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 设置是否审核的颜色状态
|
|||
|
|
cellStyleFn({
|
|||
|
|
row,
|
|||
|
|
column,
|
|||
|
|
rowIndex,
|
|||
|
|
columnIndex
|
|||
|
|
}) {
|
|||
|
|
return {
|
|||
|
|
backgroundColor: this.colorFn(row)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
colorFn(row) {},
|
|||
|
|
// 上拉刷新
|
|||
|
|
pullUp(done) {
|
|||
|
|
if (this.flag) {
|
|||
|
|
// this.moreStatus = 'loading' //加载中时的状态 转圈
|
|||
|
|
this.serachMaterialList()
|
|||
|
|
done('')
|
|||
|
|
// this.moreStatus = 'more'
|
|||
|
|
} else {
|
|||
|
|
// this.moreStatus = 'no-more'
|
|||
|
|
done('ok')
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
pullUpLoading() {
|
|||
|
|
// this.$refs.zbTable.pullUpCompleteLoading('ok')
|
|||
|
|
},
|
|||
|
|
selShipRequestName(e) {
|
|||
|
|
this.BoxInfoList = []
|
|||
|
|
this.pageNum = 1
|
|||
|
|
this.ShipRequestName = e[0].value;
|
|||
|
|
this.indexList = []
|
|||
|
|
this.serachMaterialList();
|
|||
|
|
},
|
|||
|
|
serachMaterialList() {
|
|||
|
|
this.InvoiceList = []
|
|||
|
|
//先获取已经备货明细
|
|||
|
|
this.BoxInfoList = []
|
|||
|
|
this.$MyRequest('/invoice/getReservePackingInfo', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
ERPFACTORY: JSON.parse(uni.getStorageSync('orgObject')).ERPFACTORY,
|
|||
|
|
user: this.userId
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data.success) {
|
|||
|
|
this.BoxInfoList = res.data.resultObj
|
|||
|
|
this.getStockOutInvoiceInfo()
|
|||
|
|
} else {
|
|||
|
|
this.$showMessage(res.data.message)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}).catch(err => {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage(err)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
tableRowStyleName({
|
|||
|
|
row
|
|||
|
|
}) {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
selectShipRequestName() {
|
|||
|
|
this.dlist = [];
|
|||
|
|
this.$MyRequest('/invoice/getStockOutInvoiceList', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
ERPFACTORY: JSON.parse(uni.getStorageSync('orgObject')).ERPFACTORY,
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data.success) {
|
|||
|
|
for (var i = 0; i < res.data.resultObj.length; i++) {
|
|||
|
|
// console.log(res.data.resultObj[i].SHIPREQUESTNAME)
|
|||
|
|
this.dlist.push({
|
|||
|
|
id: res.data.resultObj[i].SHIPREQUESTNAME,
|
|||
|
|
label: res.data.resultObj[i].SHIPREQUESTNAME
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
this.dlistShow = true;
|
|||
|
|
} else {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage(res.data.message)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.$showMessage(err)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
getStockOutInvoiceInfo() {
|
|||
|
|
this.SUMJS = 0;
|
|||
|
|
this.MATERIALQUANTITY = 0;
|
|||
|
|
this.BoxInfoList.map(item => {
|
|||
|
|
// 累计数量
|
|||
|
|
this.SUMJS = parseFloat(this.SUMJS) + 1
|
|||
|
|
this.MATERIALQUANTITY = (cals.add(this.MATERIALQUANTITY, item.MATERIALQUANTITY2)).toNumber()
|
|||
|
|
})
|
|||
|
|
this.$MyRequest('/invoice/getStockOutInvoiceSumInfo', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
ERPFACTORY: JSON.parse(uni.getStorageSync('orgObject')).ERPFACTORY,
|
|||
|
|
user: this.userId
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data.success) {
|
|||
|
|
this.InvoiceList = res.data.resultObj
|
|||
|
|
} else {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage(res.data.message)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}).catch(err => {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.$showMessage(err)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
confirmBarcode() {
|
|||
|
|
let list = this.BoxInfoList;
|
|||
|
|
console.log(list)
|
|||
|
|
this.focusBarCode = false;
|
|||
|
|
if (this.BoxInfoList.some(box => box.MATERIALPACKINGNAME === this.MATERIALPACKINGNAME)) {
|
|||
|
|
this.$showMessage("该标签已扫描，请不要重复扫描！");
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.barCode = ""
|
|||
|
|
this.focusBarCode = true
|
|||
|
|
this.focusShipRequest = false
|
|||
|
|
})
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.$MyRequest('/invoice/BOPPDessignOrAssign', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
MATERIALPACKINGNAME: this.barCode,
|
|||
|
|
ERPFACTORY: JSON.parse(uni.getStorageSync('orgObject')).ERPFACTORY,
|
|||
|
|
type: "Assign",
|
|||
|
|
user: this.userId,
|
|||
|
|
siteName: this.siteName
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data.success) {
|
|||
|
|
this.getStockOutInvoiceInfo()
|
|||
|
|
this.serachMaterialList()
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playSuccess()
|
|||
|
|
} catch (e) {}
|
|||
|
|
} else {
|
|||
|
|
this.$showMessage(res.data.message)
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
}
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.barCode = ""
|
|||
|
|
this.focusBarCode = true
|
|||
|
|
this.focusShipRequest = false
|
|||
|
|
})
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.barCode = ""
|
|||
|
|
this.focusBarCode = true
|
|||
|
|
this.focusShipRequest = false
|
|||
|
|
})
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
ConfirmButton() {
|
|||
|
|
this.disableButton = true;
|
|||
|
|
console.log(this.commitDate)
|
|||
|
|
let list = this.BoxInfoList;
|
|||
|
|
if (list <= 0) {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.disableButton = false;
|
|||
|
|
this.$showMessage("不存在需要提交的信息")
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.boxList = [];
|
|||
|
|
// let sumQty2 = 0; // 发货数量
|
|||
|
|
let sumQty = 0;
|
|||
|
|
let sumQty3 = 0; // 总请求数量
|
|||
|
|
for (var i = 0; i < list.length; ++i) {
|
|||
|
|
this.BoxInfoList[i].key = {
|
|||
|
|
SITENAME: "SDK",
|
|||
|
|
MATERIALPACKINGNAME: this.BoxInfoList[i].MATERIALPACKINGNAME
|
|||
|
|
};
|
|||
|
|
this.boxList.push(this.BoxInfoList[i])
|
|||
|
|
// sumQty2 = (cals.add(this.BoxInfoList[i].MATERIALQUANTITY2,sumQty2)).toNumber();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.InvoiceList.map(item => {
|
|||
|
|
sumQty = (cals.add(item.ASSIGNEDQUANTITY,sumQty)).toNumber();
|
|||
|
|
sumQty3 = (cals.add(item.REQUESTQUANTITY,sumQty3)).toNumber();
|
|||
|
|
})
|
|||
|
|
console.log(sumQty3,sumQty)
|
|||
|
|
|
|||
|
|
if(sumQty3 != sumQty) {
|
|||
|
|
this.$showMessage("备货和已出数量与订单数量不相等！")
|
|||
|
|
this.disableButton = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.boxList.length < 1) {
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.disableButton = false;
|
|||
|
|
this.$showMessage("不存在需要出库的信息")
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
getOpCode({
|
|||
|
|
opcode: this.opCode,
|
|||
|
|
user: this.userId
|
|||
|
|
}).then((res) => {
|
|||
|
|
console.log(res.resultObj)
|
|||
|
|
this.opCode = res.resultObj
|
|||
|
|
this.$MyRequest('/invoice/commitShipRequestNameNew', {
|
|||
|
|
ShipRequestName: this.ShipRequestName,
|
|||
|
|
user: this.userId,
|
|||
|
|
siteName: this.siteName,
|
|||
|
|
boxList: this.boxList,
|
|||
|
|
commitDate: this.commitDate,
|
|||
|
|
opcode: this.opCode,
|
|||
|
|
}).then(res => {
|
|||
|
|
this.opCode = "";
|
|||
|
|
this.disableButton = false;
|
|||
|
|
this.$showMessage(res.data.message) //执行出库后返回的消息
|
|||
|
|
this.focusShipRequest = true //获取焦点，好继续扫描
|
|||
|
|
this.focusBarCode = false
|
|||
|
|
this.BoxInfoList = []
|
|||
|
|
this.ShipRequestName = ""
|
|||
|
|
this.indexList = []
|
|||
|
|
this.InvoiceList = []
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.disableButton = false;
|
|||
|
|
try {
|
|||
|
|
Vue.prototype.$playFail()
|
|||
|
|
} catch (e) {}
|
|||
|
|
this.focusShipRequest = true
|
|||
|
|
this.$showMessage(err)
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style>
|
|||
|
|
.single-out {
|
|||
|
|
pointerEvents: "none"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch {
|
|||
|
|
color: #FFCC33;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
u-form-item {
|
|||
|
|
margin: 5rpx;
|
|||
|
|
padding: 5rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 基础样式 */
|
|||
|
|
.picker {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
width: 100%;
|
|||
|
|
/* 根据需要调整宽度 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.row {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
/* 行与行之间的间距 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.col {
|
|||
|
|
flex: 1;
|
|||
|
|
/* 使得每列占据相等的空间 */
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
label {
|
|||
|
|
// font-weight: bold;
|
|||
|
|
/* 标签加粗 */
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
/* 标签和值之间的间距 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.value {
|
|||
|
|
/* 值的样式，可以根据需要调整 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
padding: 10px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list-item {
|
|||
|
|
margin-top: 16px;
|
|||
|
|
/* 卡片之间的间距 */
|
|||
|
|
padding: 12px;
|
|||
|
|
/* 卡片内部的内边距 */
|
|||
|
|
background-color: #aaaa7f;
|
|||
|
|
/* 卡片背景色 */
|
|||
|
|
border-radius: 8px;
|
|||
|
|
/* 卡片边框圆角 */
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 卡片阴影效果 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// .item-content {
|
|||
|
|
// flex: 1;
|
|||
|
|
// padding-left: 10px;
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
.card-display {
|
|||
|
|
flex: 1;
|
|||
|
|
// padding-left: 10px;
|
|||
|
|
display: flex;
|
|||
|
|
// margin-bottom: 16px;
|
|||
|
|
/* 卡片之间的间距 */
|
|||
|
|
// padding: 12px;
|
|||
|
|
/* 卡片内部的内边距 */
|
|||
|
|
background-color: #aaaa7f;
|
|||
|
|
/* 卡片背景色 */
|
|||
|
|
// border-radius: 8px;
|
|||
|
|
/* 卡片边框圆角 */
|
|||
|
|
// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 卡片阴影效果 */
|
|||
|
|
}
|
|||
|
|
.card-description {
|
|||
|
|
margin: 5rpx;
|
|||
|
|
}
|
|||
|
|
.card-hidden {
|
|||
|
|
flex: 1;
|
|||
|
|
// padding-left: 10px;
|
|||
|
|
display: none;
|
|||
|
|
// margin-bottom: 16px;
|
|||
|
|
// /* 卡片之间的间距 */
|
|||
|
|
// padding: 12px;
|
|||
|
|
// /* 卡片内部的内边距 */
|
|||
|
|
// background-color: #aaaa7f;
|
|||
|
|
// /* 卡片背景色 */
|
|||
|
|
// border-radius: 8px;
|
|||
|
|
// /* 卡片边框圆角 */
|
|||
|
|
// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 卡片阴影效果 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// .delete-btn {
|
|||
|
|
// position: absolute;
|
|||
|
|
// right: 120;
|
|||
|
|
// top: 0;
|
|||
|
|
// width: 120px;
|
|||
|
|
// height: 100%;
|
|||
|
|
// background-color: red;
|
|||
|
|
// color: #fff;
|
|||
|
|
// text-align: center;
|
|||
|
|
// line-height: 120px; /* 仅当按钮高度固定为120px时使用 */
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
.collapsed {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
</style>
|