skyouc
2025-08-08 087b9f6cea5b4d2eb1c9fa3959ac0dc5b09cf254
pages/mat/matQuery.vue
@@ -1,8 +1,132 @@
<template>
</template>
<script>
</script>
<style>
<template>
   <view>
      <!-- 搜索框 -->
      <view class="search-bar">
         <uni-search-bar v-model="condition" placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" />
      </view>
      <scroll-view>
         <view class="tag-list" v-for="(item,i) in matList" :key="i">
            <view class="list-left">
               <view class="list-left-item">
                  <view class="desc">物料码:</view>
                  <view class="left-item">
                     <uni-tag :text="item.matnr" type="primary"></uni-tag>
                  </view>
               </view>
               <view class="list-left-item">
                  <view class="desc">品名:</view>
                  <view class="left-item">{{item.maktx}}</view>
               </view>
               <view class="list-left-item">
                  <view class="desc">规格:</view>
                  <view class="left-item">{{item.specs}}</view>
               </view>
               <view class="list-left-item">
                  <view class="desc">型号:</view>
                  <view class="left-item">
                     <uni-tag :text="item.model" type="warning"></uni-tag>
                  </view>
               </view>
               <view class="list-left-item">
                  <view class="desc">品牌:</view>
                  <view class="left-item">{{item.brand}}</view>
               </view>
               <view class="list-left-item">
                  <view class="desc">单位:</view>
                  <view class="left-item">{{item.unit}}</view>
               </view>
               <view class="list-left-item">
                  <view class="desc">等级:</view>
                  <view class="left-item">{{item.level}}</view>
               </view>
            </view>
         </view>
      </scroll-view>
   </view>
</template>
<script>
   export default {
      data() {
         return {
            tagList: [],
            matList: [],
            condition: '',
            reload: false,
            curr:1,
            tag: '分类',
            baColor: "background-color: #0081ff;",
            desc: '商品编号:',
            baseUrl: '',
            token: '',
         }
      },
      onShow() {
         this.baseUrl = uni.getStorageSync('baseUrl');
         this.token = uni.getStorageSync('token');
      },
      methods: {
         search() {
            let that = this
            that.tagList = []
            that.matList = []
            uni.request({
                url: that.baseUrl + '/pda/mats/search/' + that.condition,
               method:"GET",
                header: {
                  'token':uni.getStorageSync('token'),
                },
               success(result) {
                  var res = result.data
                  if (res.code === 200 ) {
                     that.matList = res.data
                  } 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'})
                  }
               }
            });
         },
      }
   }
</script>
<style>
   @import url('../../static/css/wms.css/wms.css');
   .tag-list {
      width: 94%;
      min-height: 160rpx;
      margin: 10px auto;
      background-color: #FFF;
      border-radius: 5px;
      box-shadow: 0 5upx 20upx rgba(0, 0, 0, 0.2);
   }
   .tag {
      display: flex;
      flex-direction: column;
      min-height: 80rpx;
      border-bottom: 1px solid #e2e2e2;
   }
   .wms-tag {
      min-width: 60rpx;
      margin-left: 50rpx;
      margin-top: 30rpx;
      color: #FFF;
      font-size: 14px;
      padding: 4rpx 12rpx;
   }
   .tag-item {
      min-height: 60rpx;
      line-height: 2;
      padding-left: 50rpx;
      color: #606266;
      font-size: 14px;
      word-wrap: break-word;
   }
</style>