New file |
| | |
| | | <template> |
| | | <view> |
| | | <view class="code"> |
| | | <uni-search-bar :focus="matFocus" v-model="matnr" @input="matInput()" ma |
| | | maxlength="500" ancel="cancel" @clear="clear" placeholder="输入 / 扫描商品"> |
| | | </uni-search-bar> |
| | | <view class="code-title"> |
| | | <view></view> |
| | | <view>商品列表</view> |
| | | <view @click="allChecked">{{allCheckBtnTitle}}</view> |
| | | </view> |
| | | </view> |
| | | <view class="list" v-for="(item,i) in dataList"> |
| | | <view class="list-left"> |
| | | <view>编号:{{item.matnr}}</view> |
| | | <view>名称:{{item.maktx}}</view> |
| | | <view>规格:{{item.specs}}</view> |
| | | <view>批号:{{item.batch}}</view> |
| | | <view class="list-anfme">数量:{{item.anfme}}</view> |
| | | <view class="list-qty-1" v-if="item.anfme > item.qty">作业数量:{{item.qty}}</view> |
| | | <view class="list-qty-2" v-if="item.anfme <= item.qty">作业数量:{{item.qty}}</view> |
| | | <view class="card-id">{{i + 1}}</view> |
| | | </view> |
| | | <view class="list-right" @click="checkboxChange(item)"> |
| | | <label > |
| | | <checkbox :value="item.orderNo" :checked="item.checked" color="" :disabled="item.anfme <= item.qty" style="transform:scale(0.7)" /><text></text> |
| | | </label> |
| | | </view> |
| | | </view> |
| | | <view style="height: 100rpx;"></view> |
| | | |
| | | <!-- 底部操作按钮 --> |
| | | <view class="buttom" v-if="orderType == 'in'"> |
| | | <button size="mini" @click="reset('warn')">重置</button> |
| | | <button size="mini" type="primary" @click="combConfirm('warn')">去组托</button> |
| | | </view> |
| | | |
| | | <!-- 底部操作按钮 --> |
| | | <view class="buttom" v-if="orderType == 'out'"> |
| | | <button size="mini" @click="reset('warn')">重置</button> |
| | | <button size="mini" type="primary" @click="combConfirm2('warn')">去出库</button> |
| | | </view> |
| | | |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | baseUrl: '', |
| | | token: '', |
| | | orderId: '', |
| | | matFocus: true, |
| | | matnr: '', |
| | | checck: true, |
| | | dataList: [], |
| | | oldDataList: [], |
| | | newDataList: [], |
| | | allCheck: false, |
| | | allCheckBtnTitle: '全选', |
| | | orderType: 'in' |
| | | } |
| | | }, |
| | | onLoad() { |
| | | this.baseUrl = uni.getStorageSync('baseUrl'); |
| | | this.token = uni.getStorageSync('token'); |
| | | this.getOrderDetl() |
| | | }, |
| | | onShow() { |
| | | if (this.dataList.length > 0) { |
| | | this.oldDataList = [...this.dataList] |
| | | } |
| | | }, |
| | | methods: { |
| | | // 订单明细 |
| | | getOrderDetl(id) { |
| | | let _this = this |
| | | uni.request({ |
| | | url: `${_this.baseUrl}/orderDetl/list/auth`, |
| | | header: {'token': uni.getStorageSync('token')}, |
| | | data: { |
| | | curr: 1, |
| | | limit: 1000, |
| | | order_id: id |
| | | }, |
| | | method: 'GET', |
| | | success(res) { |
| | | res = res.data |
| | | console.log(res); |
| | | if (res.code === 200) { |
| | | res.data.records |
| | | _this.dataList = res.data.records |
| | | |
| | | _this.oldDataList = [..._this.dataList] |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | matInput() { |
| | | let count = 0 |
| | | let sign = 0 |
| | | if (this.oldDataList.length > 0) { |
| | | this.dataList = [...this.oldDataList] |
| | | } |
| | | this.newDataList = [] |
| | | for (let k in this.dataList) { |
| | | if (!this.dataList[k].matnr.includes(this.matnr)) { |
| | | count++; |
| | | } else { |
| | | this.newDataList.push(this.dataList[k]) |
| | | } |
| | | } |
| | | if (this.matnr != '') { |
| | | for (let j in this.dataList) { |
| | | if (!this.dataList[j].maktx.includes(this.matnr)) { |
| | | } else { |
| | | for (let i in this.newDataList) { |
| | | if (this.newDataList[i].matnr == this.dataList[j].matnr) { |
| | | sign++ |
| | | } |
| | | } |
| | | if (sign == 0) { |
| | | this.newDataList.push(this.dataList[j]) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | this.dataList = this.newDataList |
| | | }, |
| | | checkboxChange(e) { |
| | | let items = this.dataList, |
| | | values = e.orderNo; |
| | | if (e.checked) { |
| | | this.$set(e,'checked',false) |
| | | } else { |
| | | if (e.anfme == e.qty) { |
| | | this.$set(e,'checked',false) |
| | | } else { |
| | | this.$set(e,'checked',true) |
| | | } |
| | | |
| | | } |
| | | }, |
| | | allChecked() { |
| | | if (this.allCheck) { |
| | | this.allCheck = false |
| | | this.allCheckBtnTitle = '全选' |
| | | } else { |
| | | this.allCheck = true |
| | | this.allCheckBtnTitle = '取消' |
| | | } |
| | | for (let item of this.dataList) { |
| | | if (this.allCheck) { |
| | | if (item.anfme == item.qty) { |
| | | this.$set(item,'checked',false) |
| | | } else { |
| | | this.$set(item,'checked',true) |
| | | } |
| | | } else { |
| | | this.$set(item,'checked',false) |
| | | } |
| | | } |
| | | }, |
| | | clear() { |
| | | this.matnr = '' |
| | | this.dataList = [...this.oldDataList] |
| | | }, |
| | | combConfirm(type) { |
| | | let _this = this |
| | | let combList = [] |
| | | for (let k of _this.dataList) { |
| | | k['csocode'] = k.threeCode |
| | | if (k.checked) { |
| | | combList.push(k) |
| | | } |
| | | } |
| | | if (combList.length == 0) { |
| | | uni.showToast({ title: '请选择组托商品', icon: "error", position: 'top'}) |
| | | return |
| | | } |
| | | uni.navigateTo({ |
| | | url: "../AGV/AGVPakin3", |
| | | success: function(res) { |
| | | // 通过eventChannel向被打开页面传送数据 向另外一个页面传递值的 |
| | | res.eventChannel.emit('mats', { |
| | | mats: combList |
| | | }) |
| | | }, |
| | | }); |
| | | }, |
| | | combConfirm2(type) { |
| | | let _this = this |
| | | let combList = [] |
| | | for (let k of _this.dataList) { |
| | | if (k.checked) { |
| | | combList.push(k) |
| | | } |
| | | } |
| | | if (combList.length == 0) { |
| | | uni.showToast({ title: '请选择出库商品', icon: "error", position: 'top'}) |
| | | return |
| | | } |
| | | uni.navigateTo({ |
| | | url: "./preview", |
| | | success: function(res) { |
| | | // 通过eventChannel向被打开页面传送数据 向另外一个页面传递值的 |
| | | res.eventChannel.emit('mats', { |
| | | mats: combList |
| | | }) |
| | | }, |
| | | }); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | @import url('../../../static/css/common/order.css'); |
| | | .list-anfme { |
| | | color: #0082ff; |
| | | font-weight: bold; |
| | | } |
| | | .list-qty-1 { |
| | | color: #33ba43; |
| | | font-weight: bold; |
| | | } |
| | | .list-qty-2 { |
| | | color: #e2231a; |
| | | font-weight: bold; |
| | | } |
| | | </style> |