#
whycq
2022-08-03 bdf7c2508711ee78c65a935da518b4a75a70e8e7
#
2个文件已修改
1个文件已添加
150 ■■■■■ 已修改文件
pages/basics/demo.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/basics/putOnSale.vue 114 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
static/css/putOnSale.css 34 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/basics/demo.vue
@@ -59,7 +59,7 @@
        <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 class="title-text"><text>商品列表</text></view>
            </view>
        </view>
        
pages/basics/putOnSale.vue
@@ -8,7 +8,7 @@
            </view>
            <view class="square-content">
                <view class="content-input">
                    <input type="text" v-model="yyds" placeholder="扫码 / 输入" @input="find" :focus="focus">
                    <input type="text" v-model="locno" placeholder="扫码 / 输入" :focus="locnoFocus">
                    <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
                </view>
            </view>
@@ -21,11 +21,37 @@
            </view>
            <view class="square-content">
                <view class="content-input">
                    <input type="text" v-model="yyds" placeholder="扫码 / 输入" @input="find" :focus="focus">
                    <input type="text" v-model="matnr" placeholder="扫码 / 输入" @input="findMat" :focus="matnrFocus">
                    <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>
        <view class="square-none">
            <view class="v-show" v-show="matList.length == 0">暂无更多数据...</view>
        </view>
        <!-- 商品列表 -->
        <checkbox-group >
            <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
                <view class="list-left">
                    <view class="lists-item">No:{{listNum}}</view>
                    <view class="lists-item">商品编码:{{item.matnr}}</view>
                    <view class="lists-item">商品批号:{{item.batch}}</view>
                    <view class="lists-item">上架数量:{{item.anfme}}</view>
                </view>
                <view class="list-right">
                    <uni-icons type="trash" size="20" color="#a5a5a5" @click="remove(item,index)"></uni-icons>
                </view>
            </view>
        </checkbox-group>
        
        <!-- 底部按钮 -->
        <view class="footer flex justify-around">
@@ -43,20 +69,96 @@
                <button class="cu-btn bg-blue " @click="comb()">上架</button>
            </label>
        </view>
    </view>
    
    </view>
</template>
<script>
     export default {
         data() {
        data() {
             return {
                yyds:'',
                focus:true
                locno:null, // 库位号
                matnr:'', // 商品码
                locnoFocus:true,
                matnrFocus:true,
                matList:[], // 商品列表
                listLen:0,
                listNum:1
            }
        },
        mounted(){
            const UIP = uni.getStorageSync('UIP');
            this.baseIP = UIP;
            const UPORT = uni.getStorageSync('UPORT');
            this.basePORT = UPORT
        },
        methods:{
            resst() {
            },
            findMat() {
                let that = this
                uni.request({
                    url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mat/auth',
                    data: {
                        matnr:that.matnr
                    },
                    header: {
                        'token':uni.getStorageSync('token')
                    },
                    success(result) {
                        uni.vibrateShort();
                        let res = result.data
                        if (res.code === 200 && res.data) {
                            that.matData = res.data
                            that.matnr = ''
                            uni.navigateTo({
                                url: "matQuery",
                                events: {
                                    // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
                                    matList: function(data) {
                                        that.matList.push(data.data)
                                        console.log(that.matList)
                                    },
                                },
                                success: function(res) {
                                    // 通过eventChannel向被打开页面传送数据
                                    res.eventChannel.emit('matData', { data: that.matData })
                                },
                            });
                        }
                    }
                });
            },
            // .
            // 上架
            comb() {
                let that = this
                var combList = []
                combList['locno'] = that.locno
                combList['combMats'] = that.matList
                console.log(combList)
                return;
                uni.request({
                    url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mat/auth',
                    data: {
                        combParam:that.matList
                    },
                    header: { 'token':uni.getStorageSync('token') },
                    success(result) {
                        console.log(result)
                    }
                })
            }
        }
     }
</script>
<style>
    @import url(@/static/css/putOnSale.css);
</style>
static/css/putOnSale.css
New file
@@ -0,0 +1,34 @@
.bg-false {
    background-color: #FFFFFF;
}
.bg-true {
    background-color: #ebebeb;
}
.data-list {
    height: 200rpx;
    margin: 15rpx;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 20rpx;
}
.list-left {
    display: inline-block;
    float: left;
    width: 80%;
    height: 100%;
    /* background-color: coral; */
}
.lists-item {
    text-indent: 1em;
    height: 25%;
    line-height: 50rpx;
}
.list-right {
    display: inline-block;
    float: left;
    width: 20%;
    height: 100%;
    /* background-color: cadetblue; */
    line-height: 200rpx;
    text-align: center;
}