#

whycq

2022-03-31 a77b7e9a6cc29cc90d7f8f83d617fc3170410f20

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<template>
    <view>
        <scroll-view>
            <view class="demo-tab">
                <checkbox-group @change="checkbox">
                    <label v-for="(item,index) in data" :key="index" class="demo-list" :class="item.checked">
                        <view class="demo-list-left"><checkbox :value="index+''" :checked="item.checked" />
                        </view>
                        <view class="demo-list-right">
                            <view><text style="width: 90rpx;">订单  | </text>{{item.orderNo}}<text>序号：{{index+1}}</text></view>
                            <view><text>商品编码：</text>{{item.matnr}}</view>
                            <view><text>应入数量：</text><view class="text-num">{{item.anfme}}</view><text>商品名称：</text>{{item.maktx}}</view>
                            <view><text>已入数量：</text><view class="text-num">{{item.inQty}}</view><text>订单状态：</text>{{item.state$}}</view>
                        </view>
                    </label>
                </checkbox-group>
            </view>
        </scroll-view>
        <view class="foot flex justify-around">
            <button class="cu-btn bg-yellow lg">上架</button>
            <button class="cu-btn bg-yellow lg">撤销上架</button>
        </view>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                data: [],
                background:'unCheck',
                color:''
            }
        },
        mounted() {
            const UIP = uni.getStorageSync('UIP');
            this.baseIP = UIP;
            const UPORT = uni.getStorageSync('UPORT');
            this.basePORT = UPORT;
            this.render()
        },
        methods: {
            // 表格加载
            render(param) {
                let that = this;
                if(param) {
                    that.needData['order_no'] = param;
                    that.getData();
                } else {
                    that.getData();
                }
                
            },
            getData() {
                let that = this
                uni.request({
                    url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/receiveDetl/list/auth",
                    header:{'token':uni.getStorageSync('token')},
                    data: that.needData,
                    success(res) {
                        var res = res.data
                        if (res.code === 200) {
                            that.data = res.data.records
                            that.setCheck()
                            
                        }
                    }
                })
            },
            setCheck() {
                for (var i = 0; i < this.data.length; i++) {
                    var key = 'checked',
                        value = null
                    this.data[i][key] = value
                }
            },
            checkbox: function (e) {
                var val = e.detail.value
                for (var i = 0; i < val.length; i++) {
                    val[i] = parseInt(val[i])
                    this.data[val[i]].checked = 'blue'
                    
                }
                
            },
        }
    }
</script>
 
<style>
    .bg-false {
        background-color: #FFFFFF;
    }
    .bg-true {
        background-color: #55ffff;
    }
    .demo-tab {
    }
    .demo-list {
        
        border-bottom: 1px solid #d8d8d8;
        height: 160rpx;
    }
    .demo-list:last-child {
        margin-bottom: 99rpx;
    }
    label {
        display: block;
    }
    .demo-list-left {
        display: inline-block;
        width: 100rpx;
        text-align: center;
        height: 150rpx;
        line-height: 150rpx;
    }
    .demo-list-right {
        display: inline-block;
        width: 650rpx;
        float: right;
    }
 
    .demo-list-right text {
        display: inline-block;
        width: 150rpx;
    }
    .text-num {
        display: inline-block;
        width: 90rpx;
    }
    
    .foot {
        width: 100%;
        height: 100rpx;
        line-height: 100rpx;
        background-color: #ffffff;
        position: fixed;
        bottom: 0;
        border-top: 1rpx solid #d8d8d8;
    }
    checkbox {
        /* transform:scale(0.7) */
    }
    
</style>