New file |
| | |
| | | <template> |
| | | <view> |
| | | <!-- 搜索框 --> |
| | | <view class="search-bar"> |
| | | <uni-search-bar v-model="condition" placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" /> |
| | | </view> |
| | | <view> |
| | | <view class="padding-lr margin-top-sm"> |
| | | <block v-for="(item, index) in matList" :key="index"> |
| | | <view class="cu-list det menu sm-border margin-bottom-sm " :class="[item.selected === true &&'act']" @click="selectedItem(index)"> |
| | | <view class="cu-bar bg-white solid-bottom " > |
| | | <view class="action"> |
| | | <view class="index"> |
| | | {{index+1}} |
| | | </view> |
| | | <view class="text-blue"> |
| | | 编码: |
| | | {{`${item.matnrCode}`}} |
| | | </view> |
| | | </view> |
| | | <view class="action"> |
| | | <text v-if="item.selected" class="cuIcon-check text-green" style="font-size: 24px;"></text> |
| | | <text v-else class="cuIcon-close text-red" style="font-size: 24px;"></text> |
| | | </view> |
| | | </view> |
| | | <view class="cu-item"> |
| | | <view class="content"> |
| | | <text class="text-black">ASN:</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.trackCode}}</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.batch}}</text> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="cu-item"> |
| | | <view class="content"> |
| | | <text class="text-black">平台行号: <text class="text-grey ">{{item.platformId}}</text></text> |
| | | </view> |
| | | <view class="content"> |
| | | <text class="text-black">质检结果: <text class="text-grey ">{{item.inspect}}</text></text> |
| | | </view> |
| | | </view> --> |
| | | |
| | | <view class="cu-item"> |
| | | <view class="content"> |
| | | <text class="text-black">库存单位: <text class="text-grey ">{{item.stockUnit}}</text></text> |
| | | </view> |
| | | <view class="content"> |
| | | <text class="text-black">收货数量: <text class="text-grey ">{{item.anfme}}</text></text> |
| | | </view> |
| | | <view class="content"> |
| | | <text class="text-black">已上架数量: <text |
| | | class="text-grey ">{{item.workQty + item.qty}}</text></text> |
| | | </view> |
| | | </view> |
| | | <view class="cu-item"> |
| | | <view class="content"> |
| | | <text class="text-black">可组盘数量: <text |
| | | class="text-grey ">{{item.anfme - item.workQty}}</text></text> |
| | | </view> |
| | | </view> |
| | | |
| | | </view> |
| | | </block> |
| | | </view> |
| | | </view> |
| | | <!-- <uni-load-more v-show="matList.length != 0" :status="status" :icon-size="16" :content-text="contentText" /> --> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | tagList: [], |
| | | matList: [], |
| | | condition: '', |
| | | reload: false, |
| | | curr:1, |
| | | tag: '分类', |
| | | baColor: "background-color: #0081ff;", |
| | | desc: '商品编号:', |
| | | baseUrl: '', |
| | | token: '', |
| | | status: 'more', |
| | | contentText: { |
| | | contentdown: '上拉加载更多', |
| | | contentrefresh: '加载中', |
| | | contentnomore: '没有更多' |
| | | }, |
| | | // 当前tagId |
| | | tagIdNow: 1, |
| | | itemStyle: { |
| | | border: "1px solid #e54d42", |
| | | }, |
| | | selectedList:[] |
| | | |
| | | } |
| | | }, |
| | | // onReachBottom() { |
| | | // this.status = 'more'; |
| | | // this.showMat(this.tagIdNow); |
| | | // }, |
| | | onLoad() { |
| | | // 没啥用了 |
| | | let that = this |
| | | // const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE |
| | | const eventChannel = this.getOpenerEventChannel(); |
| | | |
| | | // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据 |
| | | eventChannel.on('data', function(data) { |
| | | console.log(data.item) |
| | | that.matList = data.item |
| | | }) |
| | | }, |
| | | onShow() { |
| | | this.baseUrl = uni.getStorageSync('baseUrl'); |
| | | this.token = uni.getStorageSync('token'); |
| | | |
| | | }, |
| | | methods: { |
| | | selectedItem(index){ |
| | | |
| | | if(this.matList[index].selected === '' || this.matList[index].selected === null || this.matList[index].selected === undefined){ |
| | | this.matList[index].selected = true |
| | | }else{ |
| | | this.matList[index].selected = !this.matList[index].selected |
| | | } |
| | | console.log(this.matList[index].selected) |
| | | }, |
| | | search() { |
| | | let that = this |
| | | uni.request({ |
| | | url: that.baseUrl + '/order/search/pda/auth', |
| | | data: { |
| | | condition: that.condition |
| | | }, |
| | | method:"GET", |
| | | header: { |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | success(result) { |
| | | console.log(result); |
| | | var res = result.data |
| | | if (res.code === 200 ) { |
| | | that.matList = res.data |
| | | // that.save() |
| | | } 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'}) |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | showTag(parentId) { |
| | | let that = this |
| | | uni.request({ |
| | | url: that.baseUrl + '/tag/list/pda/auth', |
| | | header: { |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | data: { |
| | | limit: 100000, |
| | | parentId: parentId |
| | | }, |
| | | header: { |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | success(result) { |
| | | that.tagList = null |
| | | that.matList = [] |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | if (res.data != null && res.data.length > 0) { |
| | | that.tagList = res.data |
| | | } else { |
| | | that.showMat(parentId) |
| | | } |
| | | that.baColor = "background-color: #0081ff;" |
| | | } 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'}) |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | showMat(tagId) { |
| | | let that = this |
| | | // wms端 补接口 |
| | | // @RequestMapping(value = "/mat/list/pda/page/auth") |
| | | // @ManagerAuth |
| | | // public R pdaPageList(@RequestParam(required = true)Long tagId, |
| | | // @RequestParam(defaultValue = "1")Integer curr, |
| | | // @RequestParam(defaultValue = "10")Integer limit){ |
| | | // EntityWrapper<Mat> wrapper = new EntityWrapper<>(); |
| | | // wrapper.eq("tag_id", tagId); |
| | | // wrapper.orderBy("create_time", false); |
| | | // return R.ok().add(matService.selectPage(new Page<>(curr, limit), wrapper)); |
| | | // } |
| | | uni.request({ |
| | | url: that.baseUrl + '/order/list/pda/page/auth', |
| | | data: { |
| | | curr:that.curr, |
| | | limit: 100, |
| | | tagId: tagId |
| | | }, |
| | | method:"GET", |
| | | header: { |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | success(result) { |
| | | that.tagList = null |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | if (res.data.records != null && res.data.records.length > 0) { |
| | | let list = res.data.records |
| | | that.matList = that.reload ? list : that.matList.concat(list); |
| | | that.curr = that.curr + 1 |
| | | } |
| | | if (res.data.records.length == 0) { |
| | | that.status = 'noMore' |
| | | } |
| | | that.baColor = "background-color: #1cbbb4;" |
| | | } 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'}) |
| | | } |
| | | |
| | | } |
| | | }); |
| | | }, |
| | | toPrint(item) { |
| | | let that = this |
| | | uni.navigateTo({ |
| | | url: "../order/orderDetlList", |
| | | success: function(res) { |
| | | // 通过eventChannel向被打开页面传送数据 向另外一个页面传递值的 |
| | | res.eventChannel.emit('data', { |
| | | data: item |
| | | }) |
| | | }, |
| | | events: { |
| | | // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 另外一个页面传过来的 |
| | | acceptDataFromOpenedPage: function(data) { |
| | | that.matnr = data.data |
| | | that.findMat(that.matnr) |
| | | }, |
| | | }, |
| | | |
| | | |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | @import url('../../static/css/wms.css/wms.css'); |
| | | .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; |
| | | |
| | | } |
| | | |
| | | .act { |
| | | border: 1px solid #e54d42; |
| | | } |
| | | |
| | | .item { |
| | | position: relative; |
| | | display: flex; |
| | | min-height: 80upx; |
| | | align-items: center; |
| | | } |
| | | </style> |