dengjunjie
2024-12-24 d24cf3d2604cdf4b02f0f455f1cb0c93c76c46d2
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<template>
    <view style="padding: 5%;">
        <!-- <uni-forms ref="formData" :modelValue="formData" label-width="120"> -->
        <uni-forms label-width="120">
            <uni-forms-item label="打印楼层设置">
                <uni-data-select v-model="printFloor" :localdata="printFloorRange"></uni-data-select>
            </uni-forms-item>
            <uni-forms-item label="出库楼层设置">
                <uni-data-select v-model="outboundFloor" :localdata="outboundFloorRange"></uni-data-select>
            </uni-forms-item>
            <uni-forms-item label="组织设置">
                <uni-data-select v-model="organizeValue" :localdata="organizeRange"></uni-data-select>
            </uni-forms-item>
            <uni-forms-item label="区域">
                <uni-data-select v-model="warehouseArea" :localdata="warehouseRange"></uni-data-select>
            </uni-forms-item>
            <uni-forms-item label="出库区域">
                <uni-data-select v-model="outboundArea" :localdata="outboundAreaRange"></uni-data-select>
            </uni-forms-item>
        </uni-forms>
 
        <button @click="submit" type="primary" size="default" style="margin-top: 2%;">保存</button>
        <u-toast ref="uToast" />
    </view>
</template>
 
<script>
    import {
        config
    } from '../../common/config.js'
    export default {
        data() {
            return {
                printFloor: "",
                outboundFloor: "",
                organizeValue:"",
                warehouseArea:"",
                outboundArea:"",
                printFloorRange:[],
                outboundFloorRange:[],
                organizeRange:[]
            }
        },
        mounted() {
            var print = uni.getStorageSync('printFloor');
            if (print) {
                this.printFloor = print;
                config.printFloor = print;
            }
 
            var outbound = uni.getStorageSync('outboundFloor');
            if (outbound) {
                this.outboundFloor = outbound;
                config.outboundFloor = outbound;
            }
            
            var organize =  uni.getStorageSync('organizeValue');
            if (organize) {
                this.organizeValue = organize;
                config.organizeValue = organize;
            }
            
            var outbound2 =  uni.getStorageSync('outboundArea');
            if (outbound2) {
                this.outboundArea = outbound2;
                config.outboundArea = outbound2;
            }
            
            var warehouse =  uni.getStorageSync('warehouseArea');
            if (warehouse) {
                this.warehouseArea = warehouse;
                config.warehouseArea = warehouse;
            }
        },
        onLoad(res) {
            this.printFloorRange = config.printFloorRange;
            this.outboundFloorRange = config.printFloorRange;
            this.organizeRange = config.organizeRange;
            this.outboundAreaRange = config.outboundAreaRange;
            this.warehouseRange = config.warehouseRange;
        },
        methods: {
            submit() {
                uni.setStorage({
                    key: 'printFloor',
                    data: this.printFloor,
                });
                config.printFloor = this.printFloor;
                uni.setStorage({
                    key: 'outboundFloor',
                    data: this.outboundFloor,
                });
                config.outboundFloor = this.outboundFloor;
                uni.setStorage({
                    key: 'organizeValue',
                    data: this.organizeValue,
                });
                config.organizeValue = this.organizeValue;
                uni.setStorage({
                    key: 'warehouseArea',
                    data: this.warehouseArea,
                });
                config.warehouseArea = this.warehouseArea;
                uni.setStorage({
                    key: 'outboundArea',
                    data: this.outboundArea,
                });
                config.outboundArea = this.outboundArea;
                this.$refs.uToast.show({
                    title: "保存成功",
                    type: "success"
                })
            },
        }
    }
</script>
 
<style lang="scss">
    @import '@/common/uni-ui.scss';
 
    page {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        background-color: #efeff4;
        min-height: 100%;
        height: auto;
    }
 
    .tips {
        color: #67c23a;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        background-color: #f0f9eb;
        height: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 0.3s;
    }
 
    .tips-ani {
        transform: translateY(0);
        height: 40px;
        opacity: 1;
    }
 
    .content {
        width: 100%;
        display: flex;
    }
 
    .list-picture {
        width: 100%;
        height: 145px;
    }
 
    .thumb-image {
        width: 100%;
        height: 100%;
    }
 
    .ellipsis {
        display: flex;
        overflow: hidden;
    }
 
    .uni-ellipsis-1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
 
    .uni-ellipsis-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
</style>