<template>
|
<view>
|
<scroll-view scroll-y>
|
|
<!-- 托盘条码 -->
|
<view class="square-2">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>托盘条码</text></view>
|
</view>
|
<view class="square-content">
|
<view class="content-input">
|
<input
|
v-model="barcode"
|
placeholder="扫码 / 输入托盘码"
|
maxlength="10"
|
:focus="barcodeFocus"
|
@input="barcodeInput"
|
/>
|
<uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode" />
|
</view>
|
</view>
|
</view>
|
|
<!-- 标题 -->
|
<view class="square-1">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>拣料/盘点列表</text></view>
|
</view>
|
</view>
|
|
<!-- 无数据 -->
|
<view class="square-none" v-if="matList.length === 0">
|
<view class="v-show">暂无数据</view>
|
</view>
|
|
<!-- 列表 -->
|
<view
|
v-for="(item, index) in matList"
|
:key="index"
|
class="data-list"
|
:class="item.confirmed ? 'bg-true' : 'bg-false'"
|
>
|
<view class="data-list-left">
|
<view>
|
<text>编码：{{ item.matnr }}</text>
|
<text style="margin-left: 40rpx;">名称：{{ item.maknx }}</text>
|
</view>
|
<view>
|
<text>采购单号：{{ item.boxType3 }}</text>
|
</view>
|
<view>
|
<text>PO：{{ item.standby1 }}</text>
|
<text style="margin-left: 40rpx;">SKU：{{ item.standby3 }}</text>
|
</view>
|
<view>
|
<text>UPC：{{ item.standby2 }}</text>
|
</view>
|
<view>
|
<text>拣/盘数量：{{ item.count }}</text><text style="margin-left: 40rpx;">总数量： {{ item.total }}</text>
|
</view>
|
</view>
|
|
<!-- 右侧确认 -->
|
<view class="data-list-right">
|
<button
|
v-if="!item.confirmed"
|
class="confirm-btn"
|
@click="confirmRow(index)"
|
>
|
确认
|
</button>
|
<text v-else class="confirmed-text">已确认</text>
|
</view>
|
</view>
|
|
</scroll-view>
|
|
<!-- 底部按钮 -->
|
<view class="footer">
|
<button class="cu-btn bg-blue" @click="callAgv">
|
呼叫小车
|
</button>
|
</view>
|
</view>
|
</template>
|
|
|
<script>
|
export default {
|
data() {
|
return {
|
barcode: "",
|
barcodeFocus: true,
|
matList: [],
|
commonUrl: "",
|
baseIP: "",
|
basePORT: "",
|
baseUrl: "",
|
};
|
},
|
|
mounted() {
|
const UIP = uni.getStorageSync("UIP");
|
this.baseIP = UIP;
|
const UPORT = uni.getStorageSync("UPORT");
|
this.basePORT = UPORT;
|
const PROJ = uni.getStorageSync("UPROJ");
|
this.baseUrl = PROJ;
|
this.getUrl();
|
},
|
|
methods: {
|
getUrl() {
|
this.commonUrl = this.baseHttp + this.baseIP + ":" + this.basePORT + "/" + this.baseUrl;
|
},
|
/* 扫码托盘码 */
|
barcodeInput() {
|
if (this.barcode.length !== 6) return;
|
this.getPickList();
|
},
|
|
/* 调接口 */
|
getPickList() {
|
uni.showLoading();
|
|
uni.request({
|
url: this.commonUrl + "/open/asrs/pick/v1/getPickList",
|
method: "POST",
|
data: {
|
barcode: this.barcode,
|
},
|
header: { token: uni.getStorageSync("token") },
|
success: res => {
|
uni.hideLoading();
|
const r = res.data;
|
if (r.code === 200) {
|
this.matList = (r.data || []).map(item => ({
|
...item,
|
confirmed: false,
|
}));
|
} else {
|
uni.showToast({ title: r.msg || "获取失败", icon: "none" });
|
}
|
},
|
fail() {
|
uni.hideLoading();
|
uni.showToast({ title: "请求失败", icon: "none" });
|
},
|
});
|
},
|
|
/* 单行确认 */
|
confirmRow(index) {
|
const item = this.matList[index];
|
if (item.count <= 0 || item.count > item.total) {
|
uni.showToast({
|
title: "拣/盘数量不合法",
|
icon: "none",
|
});
|
return;
|
}
|
this.$set(this.matList[index], "confirmed", true);
|
uni.vibrateShort();
|
},
|
|
/* 呼叫小车 */
|
callAgv() {
|
if (!this.matList.length) {
|
uni.showToast({ title: "暂无拣料数据", icon: "none" });
|
return;
|
}
|
|
const hasUnConfirm = this.matList.some(i => !i.confirmed);
|
if (hasUnConfirm) {
|
uni.showToast({
|
title: "请先确认所有拣料",
|
icon: "none",
|
});
|
return;
|
}
|
|
uni.navigateTo({
|
url: "/pages/agv/againIn",
|
});
|
},
|
|
removeBarcode() {
|
this.barcode = "";
|
this.barcodeFocus = false;
|
this.matList = [];
|
this.$nextTick(() => (this.barcodeFocus = true));
|
},
|
},
|
};
|
|
</script>
|
|
<style>
|
.data-list {
|
background-color: #fff;
|
margin: 15rpx;
|
padding: 20rpx;
|
border-radius: 20rpx;
|
display: flex;
|
}
|
|
.bg-true {
|
background-color: #f0f9eb;
|
}
|
|
.data-list-left {
|
flex: 1;
|
font-size: 24rpx;
|
color: #666;
|
}
|
|
.data-list-right {
|
width: 120rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.confirm-btn {
|
background-color: #1e9fff;
|
color: #fff;
|
font-size: 24rpx;
|
border-radius: 10rpx;
|
width: 150rpx;
|
height: 50rpx;
|
line-height: 50rpx;
|
}
|
|
.confirmed-text {
|
color: #67c23a;
|
font-size: 26rpx;
|
}
|
|
.footer {
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
background: #fff;
|
padding: 20rpx;
|
|
display: flex;
|
justify-content: center; /* 水平居中 */
|
align-items: center; /* 垂直居中 */
|
}
|
|
|
</style>
|
