<template>
|
<view>
|
<!-- 搜索框 -->
|
<view class="square-1">
|
<view class="searchBox">
|
<view class="searchIcon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view>
|
<view class="searchArea">
|
<input type="text" placeholder=" 库位号 / 托盘码 / 商品编码 "></view>
|
<view class="closeIcon"><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>
|
