| | |
| | | <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 class="title-text"><text>Штрих-код поддона</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="10" |
| | | :focus="barcodeFocus" placeholder-style="line-height: 85rpx;"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入" |
| | | :focus="barcodeFocus" @confirm="barcodeInput()" placeholder-style="line-height: 85rpx;"> |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons> |
| | | </view> |
| | | </view> |
| | |
| | | <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 class="title-text"><text>Поиск товара</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input-btn"> |
| | |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeMatnr()"></uni-icons> |
| | | </view> |
| | | <view class="content-btn"> |
| | | <button class="cu-btn bg-blue pda-btn" @click="selectMat()">+提取</button> |
| | | <button class="cu-btn bg-blue pda-btn" @click="selectMat()">Извлечь товар</button> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | |
| | | <view class="square-none" v-show="matList.length === 0"> |
| | | <view class="v-show">暂无更多数据...</view> |
| | | <view class="v-show">Нет дополнительных данных...</view> |
| | | </view> |
| | | |
| | | <checkbox-group @change="checkbox"> |
| | |
| | | <!-- <view> |
| | | <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" /> |
| | | </view> --> |
| | | <view class="matnr"><text style="width: 400rpx;">编码:{{item.matnr}}</text></view> |
| | | <view><text style="width: 400rpx;">品名:{{item.maktx}}</text></view> |
| | | <view><text style="width: 400rpx;">批号:{{item.batch}}</text></view> |
| | | <view class="matnr"><text style="width: 400rpx;">Код товара:{{item.matnr}}</text></view> |
| | | <view><text style="width: 400rpx;">Наименование товара:{{item.maktx}}</text></view> |
| | | <view><text style="width: 400rpx;">Номер партии:{{item.batch}}</text></view> |
| | | <view> |
| | | <text style="width: 400rpx;">数量:{{item.anfme}}</text> |
| | | <text style="width: 400rpx;">Количество:{{item.anfme}}</text> |
| | | </view> |
| | | </view> |
| | | <view class="data-list-right"> |
| | |
| | | </label> --> |
| | | |
| | | <label class="label-btn" style="width: 150rpx;"> |
| | | <button class="cu-btn" @click="resst()">重置</button> |
| | | <button class="cu-btn" @click="resst()">Сброс</button> |
| | | </label> |
| | | <label class="label-btn"> |
| | | <button class="cu-btn bg-blue " @click="comb()">组托</button> |
| | | <button class="cu-btn bg-blue " @click="comb()">Группировка поддонов</button> |
| | | </label> |
| | | </view> |
| | | |
| | | <!-- 弹窗 --> |
| | | <!-- 修改数量 --> |
| | | <uni-popup ref="revise" background-color="#fff" @change="change"> |
| | | <view class="revise-box"> |
| | | <uni-popup ref="revise" background-color="#fff"> |
| | | <view class="revise-box "> |
| | | <view class="revise-box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">组托数量</text> |
| | | <text class="title">Изменить партию/количество</text> |
| | | </view> |
| | | <view class="text-box"> |
| | | <text>可组数量:{{enableQty}}</text> |
| | | <view class="" style="position: relative;left: 50px;margin-bottom: 20px;"> |
| | | <text style="display: inline-block;float: left;width: 60px;">Номер партии:</text> |
| | | <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="batch"> |
| | | </view> |
| | | <view class="changeBox"> |
| | | <view class="num-box"> |
| | | <uni-number-box v-model="count" :min="minCount" :max="maxCount" color="#747474" @change="changeValue"/> |
| | | <text style="display: inline-block;float: left;width: 60px;">Количество:</text> |
| | | <uni-number-box :value="count" :max="99999999" color="#747474" @change="changeValue"/> |
| | | </view> |
| | | </view> |
| | | <view class="revise-box-buttom"> |
| | | <view> |
| | | <button class="cu-btn bg-blue" @click="confirm()">确认</button> |
| | | <button class="cu-btn bg-blue" @click="confirm()">Сохранить</button> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | check:false, |
| | | checkText:'全选', |
| | | checkedData:[], |
| | | batch:'' |
| | | } |
| | | }, |
| | | onShow() { |
| | |
| | | }, |
| | | // barcode input 事件 |
| | | barcodeInput() { |
| | | var len = this.barcode.length |
| | | if (len != 8) { |
| | | uni.showToast({title: '托盘码有误请重试', icon: "none", position: 'top'}); |
| | | this.barcodeFocuss() |
| | | return; |
| | | } |
| | | if (len == 8) { |
| | | // 不设置定时器 会出现扫入的字符串不全 |
| | | setTimeout(()=>{ |
| | | var len = this.barcode.length |
| | | if (len != 8) { |
| | | uni.showToast({title: '托盘码有误请重试', icon: "none", position: 'top'}); |
| | | this.barcodeFocuss() |
| | | return; |
| | | } |
| | | this.focuss() |
| | | } |
| | | },200) |
| | | }, |
| | | // 托盘码有误重置 |
| | | barcodeFocuss() { |
| | | // #ifdef APP |
| | | let that = this; |
| | | that.barcodeFocus = false; |
| | | setTimeout(()=>{ |
| | | that.barcode = ''; |
| | | that.barcodeFocus = true; |
| | | }, 100); |
| | | // #endif |
| | | }, |
| | | // 商品光标清空重置 |
| | | focuss() { |
| | |
| | | this.focus = true; |
| | | }); |
| | | }, |
| | | remove() { |
| | | // this.matList.splice(index,1) |
| | | for (var i = 0; i < this.matList.length; i++) { |
| | | if (this.matList[i].checked == true) { |
| | | this.matList.splice(i,1) |
| | | } |
| | | } |
| | | this.checkList(); |
| | | // 列表删除按钮 |
| | | remove(item,index) { |
| | | this.matList.splice(index,1) |
| | | uni.vibrateShort(); |
| | | }, |
| | | comb() { |
| | |
| | | if (that.matList.length === 0) { |
| | | uni.showToast({title: '请添加商品列表', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | for (var i = 0; i < that.matList.length; i++) { |
| | | if (that.matList[i].anfme == 0 || that.matList[i].anfme == '') { |
| | | uni.showToast({title: that.matList[i].matnr + '组托数量不能为0', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | } |
| | | uni.showLoading(); |
| | | uni.request({ |
| | |
| | | }, |
| | | success: function(res) { |
| | | // 通过eventChannel向被打开页面传送数据 向另外一个页面传递值的 |
| | | res.eventChannel.emit('acceptDataFromOpenerPage', {commonUrl:that.commonUrl }) |
| | | res.eventChannel.emit('commonUrl', {commonUrl:that.commonUrl }) |
| | | }, |
| | | |
| | | }); |
| | |
| | | events: { |
| | | // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 |
| | | matList: function(data) { |
| | | that.matList.push(data.data) |
| | | console.log(that.matList) |
| | | that.checkMat(data.data) |
| | | // that.matList.push(data.data) |
| | | }, |
| | | }, |
| | | success: function(res) { |
| | |
| | | res.eventChannel.emit('matData', { data: that.matData }) |
| | | }, |
| | | }); |
| | | } else if (res.code == 403) { |
| | | uni.showToast({title: res.msg, icon: "none", position: 'top'}) |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | uni.showToast({title: res.msg, icon: "none",position: 'top'}) |
| | | } |
| | | |
| | | } |
| | |
| | | |
| | | }, |
| | | |
| | | // 添加商品 |
| | | addMat(mat) { |
| | | this.matList.unshift(mat) |
| | | }, |
| | | checkMat(mat) { |
| | | var len = this.matList.length |
| | | var add = true |
| | | for (var i = 0; i < len; i++) { |
| | | if (mat.matnr == this.matList[i].matnr) { |
| | | this.matList[i].anfme += mat.anfme |
| | | this.$forceUpdate() // 强制刷新 |
| | | add = false |
| | | } |
| | | } |
| | | if (add) { |
| | | this.matList.unshift(mat) |
| | | } |
| | | }, |
| | | change(e) { |
| | | console.log('当前模式:' + e.type + ',状态:' + e.show); |
| | | }, |
| | |
| | | uni.vibrateShort(); |
| | | }, |
| | | revise(item,index) { |
| | | var maxCount = this.matList[index].maxCount |
| | | if (maxCount == undefined ) { |
| | | this.matList[index]["maxCount"] = item.enableQty |
| | | } |
| | | this.enableQty = item.enableQty |
| | | this.count = this.minCount |
| | | this.maxCount = item.maxCount |
| | | this.count = this.matList[index].anfme |
| | | // var maxCount = this.matList[index].maxCount |
| | | // if (maxCount == undefined ) { |
| | | // this.matList[index]["maxCount"] = item.enableQty |
| | | // } |
| | | // this.enableQty = item.enableQty |
| | | // this.count = this.minCount |
| | | // this.maxCount = item.maxCount |
| | | this.rowNum = index |
| | | this.eject() |
| | | }, |
| | |
| | | // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性 |
| | | this.$refs.revise.open(type) |
| | | }, |
| | | changeValue() { |
| | | |
| | | changeValue(value) { |
| | | this.count = value |
| | | }, |
| | | confirm() { |
| | | this.matList[this.rowNum].anfme = this.count |
| | | this.matList[this.rowNum].batch = this.batch |
| | | this.$refs.revise.close() |
| | | this.$forceUpdate() // 强制刷新 |
| | | }, |
| | | // 列表反选 |
| | | reChecked() { |
| | |
| | | } |
| | | uni.vibrateShort(); |
| | | }, |
| | | // 检验列表长度 等于0 显示全选 |
| | | checkList() { |
| | | if (this.matList.length == 0) { |
| | | this.check = false |
| | | this.checkText = "全选" |
| | | return; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <style> |
| | | /* @import "../../colorui/main.css"; |
| | | @import "../../colorui/icon.css"; */ |
| | | |
| | | .title-text { |
| | | width: 270px; /* 或你需要的宽度值 */ |
| | | } |
| | | .revise-box { |
| | | position: relative; |
| | | width: 500rpx; |
| | | height: 400rpx; |
| | | border-radius: 25px; |
| | | } |
| | | .revise-box-top { |
| | | width: 400rpx; |
| | | height: 120rpx; |
| | | border-radius: 25px; |
| | | } |
| | | .changeBox { |
| | | width: 400rpx; |
| | | height: 100rpx; |
| | | } |
| | | .num-box { |
| | | margin-left: 100rpx; |
| | | } |
| | | .revise-box-buttom{ |
| | | margin-left: 190rpx; |
| | | } |
| | | .pak-seach-box { |
| | | background-color: #FFFFFF; |
| | | margin: 15rpx 15rpx 0rpx 15rpx; |