| 1 |
- {"version":3,"file":"daixjgk.js","sources":["pages/daixjgk/daixjgk.vue","../../../Program Files/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvZGFpeGpnay9kYWl4amdrLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"page\">\r\n\t <view class=\"filter-icon-container\">\r\n\t\t <!-- <image @click=\"toggle('top')\" src=\"../../static/icons/shaix-ico.png\"></image> -->\r\n\t\t <image @click=\"goFilterPage()\" src=\"../../static/icons/shaix-ico.png\"></image>\r\n\t </view>\r\n <view class=\"warehouse-list\">\r\n <view v-for=\"(warehouse, index) in warehouses\" :key=\"index\" class=\"warehouse-item\">\r\n <view class=\"warehouse-header\">\r\n <view class=\"info-container\">\r\n <view class=\"warehouse-name\">\r\n <image src=\"../../static/icons/warehouse-ico.png\" mode=\"widthFix\"></image>\r\n <text>库区名称：{{ warehouse.name }}</text>\r\n </view>\r\n <view class=\"warehouse-address\">\r\n <image src=\"../../static/icons/location-ico.png\" mode=\"widthFix\"></image>\r\n <text>库区地址：{{ warehouse.address }}</text>\r\n </view>\r\n </view>\r\n <view class=\"select-button\">\r\n <checkbox :checked=\"warehouse.selected\" @change=\"toggleSelection(index)\"></checkbox>\r\n </view>\r\n </view>\r\n <view class=\"warehouse-details\">\r\n <view class=\"detail-row\">\r\n <text>库区空仓仓容: {{ warehouse.capacity }}</text>\r\n <text>仓房数量: {{ warehouse.rooms }}</text>\r\n </view>\r\n <view class=\"detail-row\">\r\n <text>空仓数量: {{ warehouse.emptyRooms }}</text>\r\n <text>已选仓房数量: {{ warehouse.selected ? '1个' : '0个' }}</text>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n\r\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>\r\n\t<view>\r\n\t\t<!-- 普通弹窗 -->\r\n\t\t<uni-popup ref=\"popup\" background-color=\"#fff\" @change=\"change\" border-radius=\"10px 10px 0 0\">\r\n\t\t\t<view class=\"popup-content\" :class=\"{ 'popup-height': type === 'left' || type === 'right' }\"><text\r\n\t\t\t\t\tclass=\"text\">popup 内容1</text></view>\r\n\t\t</uni-popup>\r\n\t</view>\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive } from 'vue';\r\n\r\nconst warehouses = ref([\r\n { name: 'XXXXX', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false },\r\n { name: 'XXXXX', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false },\r\n { name: 'XXXXX', address: 'XXXXXXXXXX', capacity: '1500吨', rooms: '10个', emptyRooms: '5个', selected: false }\r\n]);\r\n\r\nconst toggleSelection = (index) => {\r\n warehouses.value[index].selected = !warehouses.value[index].selected;\r\n};\r\n\r\nconst selectAll = () => {\r\n warehouses.value.forEach(warehouse => {\r\n warehouse.selected = true;\r\n });\r\n};\r\n\r\nconst confirmSelection = () => {\r\n // Implement confirmation logic here\r\n};\r\n// 定义响应式数据\r\nconst state = reactive({\r\n type: 'center',\r\n msgType: 'success',\r\n messageText: '这是一条成功提示',\r\n showClose: true,\r\n});\r\nconst popup = ref(null);\r\nconst toggle = (type) => {\r\n state.type = type;\r\n // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性\r\n popup.value.open(type);\r\n};\r\nconst goFilterPage = () => {\n uni.navigateTo({\n url: '/pages/filter/filter' // 注意路径前的斜杠\n });\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page {\r\n position: relative; // 确保伪元素相对于 .page 定位\r\n}\r\n\r\n.page::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 200rpx; // 设置渐变的高度\r\n background: linear-gradient(180deg, #cfddfc, #eff2f5);\r\n z-index: -1; // 确保它在内容之下\r\n}\r\n\r\n.filter-icon-container {\r\n\tposition: relative;\r\n\tfloat: right;\r\n top: 20rpx;\r\n right: 40rpx;\r\n\r\n image {\r\n width: 40rpx;\r\n height: 40rpx;\r\n }\r\n}\r\n.warehouse-list {\r\n\t padding: 80rpx 40rpx 20rpx;\r\n .warehouse-item {\r\n background: linear-gradient(180deg, #ffffff, #F5F8FF);\r\n border-radius: 10px;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n\r\n .warehouse-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start; // 对齐到顶部\r\n padding-bottom: 30rpx;\r\n\t border-bottom: 1px solid #E7E8EA;\r\n\t font-size: 35rpx;\r\n\t color: #00122F;\r\n\r\n .info-container {\r\n flex-grow: 1;\r\n .warehouse-name,\r\n .warehouse-address {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n image {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 10px;\r\n }\r\n }\r\n }\r\n\r\n .select-button {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-left: 10px;\r\n }\r\n }\r\n\r\n .warehouse-details {\r\n\t\tpadding-top: 30rpx;\r\n\t\tfont-size: 30rpx;\r\n\t\tcolor: #747476;\r\n .detail-row {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n }\r\n }\r\n }\r\n}\r\n\r\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}\r\n \r\n\r\n .select-all,\r\n .confirm {\r\n width: 44%;\r\n height: 70rpx;\r\n\tline-height: 70rpx;\r\n border-radius: 10rpx;\r\n background-color: #1E5FDF;\r\n color: #fff;\r\n font-size: 28rpx;\r\n text-align: center;\r\n }\r\n}\r\n</style>","import MiniProgramPage from 'D:/project/交割库/delivery-depot-uniapp/pages/daixjgk/daixjgk.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref","reactive","uni"],"mappings":";;;;;;;;;;;;;;AAuDA,UAAM,aAAaA,cAAAA,IAAI;AAAA,MACrB,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,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;AAEcC,kBAAAA,SAAS;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,IACb,CAAC;AACD,UAAM,QAAQD,cAAAA,IAAI,IAAI;AAMtB,UAAM,eAAe,MAAM;AACzBE,oBAAAA,MAAI,WAAW;AAAA,QACb,KAAK;AAAA;AAAA,MACT,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1FA,GAAG,WAAW,eAAe;"}
|
