| 1 |
- {"version":3,"file":"warehouseList.js","sources":["pages/warehouseList/warehouseList.vue","../../../Program Files/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvd2FyZWhvdXNlTGlzdC93YXJlaG91c2VMaXN0LnZ1ZQ"],"sourcesContent":["<template>\n <view class=\"page\">\r\n <view class=\"warehouse-list\">\n <view v-for=\"(warehouse, index) in warehouses\" :key=\"index\" class=\"warehouse-item\">\n <view class=\"warehouse-header\">\n <view class=\"info-container\">\n <view class=\"warehouse-name\">\n <image src=\"../../static/icons/warehouse-ico.png\" mode=\"widthFix\"></image>\n <text>仓房名称：{{ warehouse.name }}</text>\n </view>\n </view>\n <view class=\"select-button\">\n <checkbox :checked=\"warehouse.selected\" @change=\"toggleSelection(index)\"></checkbox>\n </view>\n </view>\n <view class=\"warehouse-details\">\r\n\t\t\t<view class=\"detail-row\">\r\n\t\t\t <text>仓库类型: {{ warehouse.emptyRooms }}</text>\r\n\t\t\t <text>仓库状态: {{ warehouse.selected ? '1个' : '0个' }}</text>\r\n\t\t\t</view>\n <view class=\"detail-row\">\n <text>设计仓容: {{ warehouse.capacity }}</text>\n <text>是否空仓: {{ warehouse.rooms }}</text>\n </view>\n <view class=\"detail-row\">\r\n <text>租仓参考价: {{ warehouse.emptyRooms }}</text>\r\n <text>委托保管参考价: {{ warehouse.selected ? '1个' : '0个' }}</text>\r\n </view>\n </view>\n </view>\n </view>\n\n <view class=\"button-container\">\r\n\t\t<view class=\"button-pad\">\r\n\t\t\t<button class=\"select-all\" @click=\"selectAll\">全选</button>\r\n\t\t\t<button class=\"confirm\" @click=\"confirmSelection\">确 认</button>\r\n\t\t</view>\r\n </view>\n </view>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst warehouses = ref([\n { name: '1-1', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false },\n { name: 'XXXXX', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false },\n { name: 'XXXXX', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false }\n]);\n\nconst toggleSelection = (index) => {\n warehouses.value[index].selected = !warehouses.value[index].selected;\n};\n\nconst selectAll = () => {\n warehouses.value.forEach(warehouse => {\n warehouse.selected = true;\n });\n};\n\nconst confirmSelection = () => {\n // Implement confirmation logic here\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.page {\n position: relative; // 确保伪元素相对于 .page 定位\n}\n\n.page::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 200rpx; // 设置渐变的高度\n background: linear-gradient(180deg, #cfddfc, #eff2f5);\n z-index: -1; // 确保它在内容之下\n}\n\r\n.filter-icon-container {\r\n\tposition: relative;\r\n\tfloat: right;\n top: 20rpx;\n right: 40rpx;\r\n\n image {\n width: 40rpx;\n height: 40rpx;\n }\n}\n.warehouse-list {\r\n\t padding: 80rpx 40rpx 20rpx;\n .warehouse-item {\n background: linear-gradient(180deg, #ffffff, #F5F8FF);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n .warehouse-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start; // 对齐到顶部\n padding-bottom: 30rpx;\r\n\t border-bottom: 1px solid #E7E8EA;\r\n\t font-size: 35rpx;\r\n\t color: #00122F;\n\n .info-container {\n flex-grow: 1;\n .warehouse-name,\n .warehouse-address {\n display: flex;\n align-items: center;\n margin-bottom: 5px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n image {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n }\n }\n }\n\n .select-button {\n display: flex;\n align-items: flex-start;\n margin-left: 10px;\n }\n }\n\n .warehouse-details {\r\n\t\tpadding-top: 30rpx;\r\n\t\tfont-size: 30rpx;\r\n\t\tcolor: #747476;\n .detail-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n }\n }\n }\n}\n\n.button-container {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tbackground-color: #ffffff;\r\n\twidth: 100vw;\r\n\tpadding: 40rpx 0;\r\n\t.button-pad{\r\n\t\tpadding: 0 40rpx;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t}\n \n\n .select-all,\n .confirm {\n width: 44%;\n height: 70rpx;\r\n\tline-height: 70rpx;\n border-radius: 10rpx;\n background-color: #1E5FDF;\n color: #fff;\n font-size: 28rpx;\n text-align: center;\n \n }\n}\n</style>","import MiniProgramPage from 'D:/project/交割库/jgk-project/pages/warehouseList/warehouseList.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref"],"mappings":";;;;;;AA4CA,UAAM,aAAaA,cAAAA,IAAI;AAAA,MACrB,EAAE,MAAM,OAAO,SAAS,cAAc,UAAU,SAAS,OAAO,OAAO,YAAY,MAAM,UAAU,MAAO;AAAA,MAC1G,EAAE,MAAM,SAAS,SAAS,cAAc,UAAU,SAAS,OAAO,OAAO,YAAY,MAAM,UAAU,MAAO;AAAA,MAC5G,EAAE,MAAM,SAAS,SAAS,cAAc,UAAU,SAAS,OAAO,OAAO,YAAY,MAAM,UAAU,MAAO;AAAA,IAC9G,CAAC;AAED,UAAM,kBAAkB,CAAC,UAAU;AACjC,iBAAW,MAAM,KAAK,EAAE,WAAW,CAAC,WAAW,MAAM,KAAK,EAAE;AAAA,IAC9D;AAEA,UAAM,YAAY,MAAM;AACtB,iBAAW,MAAM,QAAQ,eAAa;AACpC,kBAAU,WAAW;AAAA,MACzB,CAAG;AAAA,IACH;AAEA,UAAM,mBAAmB,MAAM;AAAA,IAE/B;;;;;;;;;;;;;;;;;;;;;;;;;AC7DA,GAAG,WAAW,eAAe;"}
|
