<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.anfme}}</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="#FFCC33" style="transform:scale(0.7)" /><text></text>
|
</label>
|
</view>
|
</view>
|
<view style="height: 100rpx;"></view>
|
|
<!-- 底部操作按钮 -->
|
<view class="buttom">
|
<button size="mini" @click="reset('warn')">重置</button>
|
<button size="mini" type="primary" @click="combConfirm('warn')">组托</button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
baseUrl: '',
|
token: '',
|
orderId: '',
|
matFocus: true,
|
matnr: '',
|
checck: true,
|
dataList: [],
|
oldDataList: [],
|
newDataList: [],
|
allCheck: false,
|
allCheckBtnTitle: '全选'
|
}
|
},
|
onLoad() {
|
let that = this
|
// const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
|
const eventChannel = this.getOpenerEventChannel();
|
|
// 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
|
eventChannel.on('item', function(data) {
|
console.log(data);
|
that.orderId = data.item.orderId
|
uni.setNavigationBarTitle({
|
title: data.item.orderNo
|
})
|
|
})
|
},
|
onShow() {
|
this.baseUrl = uni.getStorageSync('baseUrl');
|
this.token = uni.getStorageSync('token');
|
if (this.dataList.length > 0) {
|
this.oldDataList = [...this.dataList]
|
}
|
this.getOrderDetl(this.orderId)
|
},
|
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) {
|
_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 {
|
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) {
|
this.$set(item,'checked',true)
|
} else {
|
this.$set(item,'checked',false)
|
}
|
}
|
},
|
clear() {
|
this.matnr = ''
|
this.dataList = [...this.oldDataList]
|
}
|
}
|
}
|
</script>
|
|
<style>
|
@import url('../../../static/css/common/order.css');
|
|
</style>
|
