| | |
| | | <view> |
| | | <!-- 搜索框 --> |
| | | <view class="search-bar"> |
| | | <uni-search-bar placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" /> |
| | | <uni-search-bar v-model="condition" placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" /> |
| | | </view> |
| | | <scroll-view> |
| | | <view class="tag-list" v-for="(item,i) in tagList" :key="i" @click="showTag(item.id)"> |
| | |
| | | <view class="tag-item">{{item.name}}</view> |
| | | </view> |
| | | </scroll-view> |
| | | <scroll-view> |
| | | <view> |
| | | <view class="tag-list" v-for="(item,i) in matList" :key="i" @click="findBySelect(item.matnr)"> |
| | | <view class="tag"> |
| | | <view style="display: flex;"> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="tag-item">商品编号: {{item.matnr}}</view> |
| | | <view class="tag-item">商品名称: {{item.maktx}}</view> |
| | | <view class="tag-item">商品规格: {{item.specs}}</view> |
| | | <view class="tag-item" style="word-break: break-all;width: 90%;">商品名称: {{item.maktx ? item.maktx : '--'}}</view> |
| | | <view class="tag-item">商品规格: {{item.specs ? item.specs : '--'}}</view> |
| | | </view> |
| | | </scroll-view> |
| | | </view> |
| | | <uni-load-more v-show="matList.length != 0" :status="status" :icon-size="16" :content-text="contentText" /> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | data() { |
| | | return { |
| | | tagList: [], |
| | | matList: '', |
| | | matList: [], |
| | | condition: '', |
| | | reload: false, |
| | | curr:1, |
| | | tag: '分类', |
| | | baColor: "background-color: #0081ff;", |
| | | desc: '商品编号:', |
| | | baseUrl: '', |
| | | token: '' |
| | | token: '', |
| | | status: 'more', |
| | | contentText: { |
| | | contentdown: '上拉加载更多', |
| | | contentrefresh: '加载中', |
| | | contentnomore: '没有更多' |
| | | }, |
| | | // 当前tagId |
| | | tagIdNow: 1 |
| | | } |
| | | }, |
| | | onReachBottom() { |
| | | this.status = 'more'; |
| | | if (this.tagList == null) { |
| | | this.showMat(this.tagIdNow); |
| | | } |
| | | }, |
| | | onLoad() { |
| | | // 没啥用了 |
| | | let that = this |
| | | // const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE |
| | | const eventChannel = this.getOpenerEventChannel(); |
| | |
| | | // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据 |
| | | eventChannel.on('commonUrl', function(data) { |
| | | that.commonUrl = data.commonUrl |
| | | that.showTag(1) |
| | | }) |
| | | }, |
| | | onShow() { |
| | | this.baseUrl = uni.getStorageSync('baseUrl'); |
| | | this.token = uni.getStorageSync('token'); |
| | | this.showTag(1) |
| | | this.showTag(10009) |
| | | }, |
| | | methods: { |
| | | search() { |
| | | let that = this |
| | | that.tagList = [] |
| | | that.matList = [] |
| | | uni.request({ |
| | | url: that.baseUrl + '/mat/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 |
| | |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | success(result) { |
| | | console.log(result) |
| | | console.log(result); |
| | | that.tagList = null |
| | | that.matList = 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.tagList = [] |
| | | that.showMat(parentId) |
| | | } |
| | | } else if (res.code === 403 ) { |
| | |
| | | } else { |
| | | uni.showToast({title: res.msg, icon: "none",position: 'top'}) |
| | | } |
| | | uni.hideLoading(); |
| | | } |
| | | }); |
| | | }, |
| | | showMat(tagId) { |
| | | let that = this |
| | | that.tagIdNow = tagId |
| | | if (tagId == null || tagId == '' || tagId == undefined) { |
| | | return; |
| | | } |
| | | uni.request({ |
| | | url: that.baseUrl + '/mat/list/pda/auth', |
| | | url: that.baseUrl + '/mat/list/pda/page/auth', |
| | | data: { |
| | | curr:that.curr, |
| | | limit: 20, |
| | | tagId: tagId |
| | | }, |
| | | method:"GET", |
| | |
| | | 'token':uni.getStorageSync('token'), |
| | | }, |
| | | success(result) { |
| | | console.log(result) |
| | | console.log(result); |
| | | that.tagList = null |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | if (res.data != null && res.data.length > 0) { |
| | | that.matList = res.data |
| | | that.baColor = "background-color: #1cbbb4;" |
| | | } else { |
| | | // that.tagId = parentId |
| | | 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(() => { |