#

whycq

2022-06-21 9143091884149a5f74b2f26df99f37bb3ebb22d5

 pages/basics/stockQuery.vue

New file
@@ -0,0 +1,59 @@
<template>
   <view>
      <!-- 搜索框 -->
      <view class="square-1">
         <view class="search-box">
            <view class="search-icon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view>
            <view class="search-area">
               <input type="text" placeholder=" 库位号 / 托盘码 / 商品编码 "></view>
            <view class="close-icon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view>
         </view>
      </view>
      <!-- 列表头 -->
      <view class="square-1">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>商品列表</text></view>
         </view>
      </view>
      <!-- 商品列表 -->
      <checkbox-group @change="checkbox">
         <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
            <view class="data-list-left">
               <view class="matnr"><text style="width: 400rpx;">编码：{{item.matnr}}</text></view>
               <view><text style="width: 400rpx;">品名：{{item.maktx}}</text></view>
               <view><text style="width: 400rpx;">批号：{{item.batch}}</text></view>
               <view>
                  <text style="width: 400rpx;">数量：{{item.anfme}}</text>
               </view>
            </view>
            <view class="data-list-right">
               <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label>
               <label><uni-icons type="trash" size="25" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label>
            </view>
         </view>
      </checkbox-group>
      <!-- 无数据显示 -->
      <view class="square-none"  v-show="matList.length === 0">
         <view class="v-show">暂无更多数据...</view>
      </view>
   </view>
</template>

<script>
   export default {
      data () {
         return {
            matList:[],
         }
      },
      methods: {
         checkbox: function () {
				
         },
      },
   }
</script>

<style>
</style>