| | |
| | | <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('/defect/' + this.barcode, {}, "post")
|
| | | 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;
|
| | | }
|
| | | <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('/defect/' + this.barcode, {}, "post") |
| | | 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> |