<template>
|
<view class="has-foot">
|
<form>
|
<view class="cu-form-group margin-top">
|
<view class="title">托盘码</view>
|
<input placeholder="请扫描托盘码" v-model="container" focus></input>
|
<text class='cuIcon-search text-blue' </text>
|
</view>
|
|
<view class="cu-form-group ">
|
<view class="title">物料标签</view>
|
<input placeholder="请扫描物料标签" v-model="barcode"></input>
|
<text class='cuIcon-search text-blue' @click="search"></text>
|
</view>
|
</form>
|
|
<view class="cu-list det menu sm-border padding">
|
<block v-for="(item, index) in list" :key="index">
|
<view class="cu-bar bg-white solid-bottom margin-top-sm">
|
<view class="action">
|
<!-- <view class="index">
|
{{index+1}}
|
</view> -->
|
<view class="text-blue">
|
{{`${item.maktx}`}}
|
</view>
|
</view>
|
|
<view class="action">
|
<view class='cu-tag radius bg-red'>不合格</view>
|
</view>
|
|
|
<!-- <view class="action" v-if="!isconfirm">
|
<text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>
|
</view> -->
|
</view>
|
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-black">物料编码:</text>
|
</view>
|
<view class="action">
|
<text class="text-grey ">{{item.maktxCode}}</text>
|
</view>
|
</view>
|
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-black">单号:</text>
|
</view>
|
<view class="action">
|
<text class="text-grey ">{{item.asnCode}}</text>
|
</view>
|
</view>
|
|
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-black">供应商批次:</text>
|
</view>
|
<view class="action">
|
<text class="text-grey ">{{item.splrBatch}}</text>
|
</view>
|
</view>
|
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-black">库存单位:</text>
|
</view>
|
<view class="action">
|
<text class="text-grey ">{{item.stockUnit}}</text>
|
</view>
|
</view>
|
|
|
<view class="cu-item">
|
<view class="content">
|
<view class="cu-form-group padding-lr-0">
|
<view class="title text-blue">数量:</view>
|
<input class="text-right" type="number" placeholder="请输入数量" v-model="item.receiptQty"
|
focus></input>
|
</view>
|
</view>
|
</view>
|
|
<view class="margin-top-sm flex">
|
<uni-data-checkbox mode="tag" v-model="item.status" :localdata="types"></uni-data-checkbox>
|
</view>
|
</block>
|
</view>
|
|
<view class="cu-bar btn-group foot">
|
<button class="cu-btn bg-blue shadow-blur" @click="confirm">提交</button>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
request
|
} from '../../common/request.js'
|
|
export default {
|
data() {
|
return {
|
barcode: '',
|
container: '',
|
list: [],
|
range: [],
|
isconfirm: false,
|
types: [{
|
text: '待返修',
|
value: 1
|
},
|
{
|
text: '待报废',
|
value: 2
|
},
|
{
|
text: '降级使用',
|
value: 3
|
},
|
{
|
text: '待定',
|
value: 4
|
},
|
],
|
}
|
},
|
computed: {
|
|
},
|
mounted() {},
|
methods: {
|
async search() {
|
// const {
|
// code,
|
// data,
|
// msg
|
// } = await request('/asnOrderItem/trackCode/' + this.barcode, {}, "get")
|
// if (code === 200) {
|
// const find = this.list.find(el => el.id === data.id);
|
// !find && this.list.push(data)
|
// } else {
|
// uni.showToast({
|
// title: msg,
|
// icon: "none",
|
// position: 'top'
|
// })
|
// }
|
this.list = [{
|
id: 1,
|
maktx: '拉杆箱',
|
maktxCode: '312312312',
|
asnCode: 'asn123412',
|
splrBatch: '3123123',
|
stockUnit: '个',
|
receiptQty: null
|
}]
|
},
|
async confirm() {
|
// const {
|
// code,
|
// data,
|
// msg
|
// } = await request('/waitPakin/unbind', {
|
// items: this.list,
|
// barcode: this.container
|
// })
|
// if (code === 200) {
|
// uni.showToast({
|
// title: '提交成功'
|
// })
|
// this.list = []
|
// this.barcode = ''
|
// this.isconfirm = false
|
// } else {
|
// uni.showToast({
|
// title: msg,
|
// icon: "none",
|
// position: 'top'
|
// })
|
// }
|
|
},
|
|
}
|
}
|
</script>
|
|
<style>
|
.index {
|
border: 1px solid #e54d42;
|
color: #e54d42;
|
border-radius: 50%;
|
display: block;
|
width: 50rpx;
|
height: 50rpx;
|
line-height: 48rpx;
|
text-align: center;
|
margin-right: 20rpx;
|
font-size: 30rpx;
|
}
|
|
.text-blue {
|
color: #0081ff !important;
|
|
}
|
|
.item {
|
position: relative;
|
display: flex;
|
min-height: 80upx;
|
align-items: center;
|
}
|
</style>
|
