#

whycq

2022-04-08 c34153297f866ce25445c5dba6d0f22f63c61ece

 pages/basics/matQuery.vue

@@ -1,34 +1,157 @@
<template>
   <view>
      <view class="cu-form-group margin-top">
         <text class="title">产品代号</text>
         <input type="text" placeholder="扫码 / 输入" name="input" autocomplete="off">
   <scroll-view scroll-y>
      <view>
         <view class="container">
            <view class="text-box">
               <view class="text-title"><text>商品编码</text></view>
               <view class="text-title"><text>{{matData.matnr}}</text></view>
            </view>
            <view class="text-box">
               <view class="text-title"><text>商品名称</text></view>
               <view class="text-title">{{matData.maktx}}</view>
            </view>
            <view class="text-box">
               <view class="text-title"><text>规格</text></view>
               <view class="text-title">{{matData.specs}}</view>
            </view>
            <view class="text-box">
               <view class="text-title"><text>批号</text></view>
               <view class="text-title"><input type="text" v-model="matData.batch"></view>
            </view>
            <view class="text-box">
               <view class="text-title"><text>数量</text></view>
               <view class="text-title">
                  <view>
                     <uni-number-box v-model="matData.anfme" :max="9999" color="#747474"  @change="changeValue"/>
                  </view>
               </view>
            </view>
         </view>
      </view>
      <view class="cu-form-group margin-top">
         <text class="title">产品名称</text>
         <input type="text" name="input" autocomplete="off">
      <view class="foot flex justify-center">
         <label>
            <button class="cu-btn bg-blue" @click="back()">提取</button>
         </label>
      </view>
      <view class="cu-form-group margin-top">
         <text class="title">单位</text>
         <input type="text" name="input" autocomplete="off">
      </view>
      <view class="cu-form-group margin-top">
         <text class="title">数量</text>
         <uni-number-box @change="changeValue" />
      </view>
      <button class="cu-btn bg-yellow pda-btn2">提取</button>
   </view>
   </scroll-view>
</template>

<script>
   export default {
      data() {
         return {
            matData: {
               matnr: null,
               maktx: null,
               specs: null,
               batch: null,
               anfme: null,
            },
            baseIP:'',
            basePORT:'',
         }
      },
      onLoad(option) {
         this.baseIP = option.baseIP
         this.basePORT = option.basePORT
         this.matData.matnr = option.matnr
			
      },
      onShow() {
         this.getMat()
      },
      methods: {
         getMat() {
            let that = this
				
            uni.request({
               // url: 'http://localhost:8081/jkwms/mat/auth',
                url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mat/auth',
                data: {
                  matnr: that.matData.matnr
                },
                header: {
                  'token':uni.getStorageSync('token')
                },
               success(res) {
                  var res = res.data;
                  if (res.code === 200) {
                     that.matData = {}
                     that.matData = res.data;
                  }
               }
            });	
         },
         blur() {
				
         },
         focus() {
				
         },
         changeValue() {
				
         },
         back() {
            uni.$emit('matData', this.matData);
            // console.log(this.matData)
            uni.navigateBack({
					
            })
         }
      }
   }
</script>

<style>
   .pda-btn2{
      margin-left:auto;
      margin-right: auto;
      margin-top: 150rpx;
      width: 200rpx;
      height: 80rpx;
   .container {
      width: 100%;
      height: 100%;
      background-color: #ffffff;
   }
   .text-box {
      height: 100rpx;
      line-height: 100rpx;
      margin-top: 20rpx;
      margin-left: 10%;
      width: 80%;
      font-size: 32rpx;
      font-weight: 400;
      color: #434343;
      border-bottom: 1rpx solid #e8e8e8;
   }
   .text-box:last-child {
      border-bottom: none;
   }
   .text-box .text-title {
      width: 30%;
      height: 100rpx;
      float: left;
      display: inline-block;
   }
   .text-box .text-title:last-child {
      display: inline-block;
      margin-left: 5%;
      width: 65%;
      font-size: 30rpx;
      font-weight: 400;
      color: #747474;
      display: flex;
      align-items: center;
   }
   .text-box .text-title:last-child input {
      border-bottom: 1rpx solid #e8e8e8 ;
      width: 100%;
   }
	
	
   .foot {
      width: 100%;
      height: 100rpx;
      line-height: 100rpx;
      background-color: rgba(255,255,255,1);
      position: fixed;
      bottom: 0%;
      border-top: 1px solid #d8d8d8;
      z-index: 1;
   }
</style>