| <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> |