|  |  | 
 |  |  |    <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">商品名称: {{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() { | 
 |  |  | 
 |  |  |       }, | 
 |  |  |       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 | 
 |  |  | 
 |  |  |                }, | 
 |  |  |                success(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 ) { | 
 |  |  | 
 |  |  |          }, | 
 |  |  |          showMat(tagId) { | 
 |  |  |             let that = this | 
 |  |  |             that.tagIdNow = tagId | 
 |  |  |             if (tagId == null || tagId == '' || tagId == undefined) { | 
 |  |  |                return; | 
 |  |  |             } | 
 |  |  |             uni.showLoading({}) | 
 |  |  |             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", | 
 |  |  | 
 |  |  |                   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;" | 
 |  |  |                      uni.hideLoading() | 
 |  |  |                      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.hideLoading() | 
 |  |  |                      uni.showToast({title: res.msg, icon: "none", position: 'top'}) | 
 |  |  |                      setTimeout(() => { | 
 |  |  |                         uni.reLaunch({ | 
 |  |  | 
 |  |  |                         }); | 
 |  |  |                      }, 1000); | 
 |  |  |                   } else { | 
 |  |  |                      uni.hideLoading() | 
 |  |  |                      uni.showToast({title: res.msg, icon: "none",position: 'top'}) | 
 |  |  |                   } | 
 |  |  |                    |