From 5e4ba70939a5c223dc3185acfed567844c63dac6 Mon Sep 17 00:00:00 2001 From: Default User Date: Fri, 27 Feb 2026 17:21:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=EF=BC=8C=E6=B7=BB=E5=8A=A0=E8=A7=84=E6=A0=BC=E7=AD=9B?= =?UTF-8?q?=E9=80=89=E5=92=8C=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA=EF=BC=8C?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=90=9C=E7=B4=A2=E7=8A=B6=E6=80=81=E5=9C=A8?= =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=97=B6=E9=87=8D=E7=BD=AE=E7=9A=84=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- supply.html | 121 ++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 113 insertions(+), 8 deletions(-) diff --git a/supply.html b/supply.html index 28b78c8..5e8a607 100644 --- a/supply.html +++ b/supply.html @@ -608,6 +608,25 @@ overscroll-behavior: contain; /* 只允许垂直触摸操作 */ touch-action: pan-y; + padding-bottom: 20px; + } + + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .modal-body { + padding: 15px; + padding-bottom: 30px; + } + + .form-group { + margin-bottom: 15px; + } + + .form-input, + .form-select { + padding: 10px 14px; + font-size: 13px; + } } /* iOS滚动穿透修复 */ @@ -1410,8 +1429,9 @@ background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; - align-items: center; + align-items: flex-start; z-index: 1500; + padding-top: 20px; } .select-modal.active { @@ -1422,13 +1442,30 @@ background-color: white; width: 90%; max-width: 600px; - max-height: 70vh; + max-height: 80vh; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; } + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .select-modal { + align-items: flex-start; + padding-top: 10px; + } + + .select-content { + width: 95%; + max-height: 85vh; + } + + .select-body { + max-height: 60vh; + } + } + .select-header { padding: 20px; border-bottom: 1px solid #f0f0f0; @@ -1442,6 +1479,14 @@ overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; + max-height: 50vh; + } + + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .select-body { + max-height: 40vh; + } } .select-search { @@ -1686,7 +1731,7 @@
- +
@@ -2139,12 +2184,25 @@
当前选择: 未选择
-
+
-
+
+ + +
@@ -5769,7 +5827,16 @@ // 加载更多货源 function loadMoreSupplies(type) { const pagination = supplyData.pagination[type]; - const allSupplies = getSuppliesByType(type); + + // 获取当前显示的货源列表 + let allSupplies; + if (supplyData.searchKeyword) { + // 搜索状态下，使用当前已过滤的货源数据 + allSupplies = getSuppliesByType(type); + } else { + // 非搜索状态下，使用原始数据 + allSupplies = getSuppliesByType(type); + } if (pagination.isLoading || !pagination.hasMore) { return; @@ -5930,6 +5997,13 @@ const region = supply._highlight ? highlightText(supply.region || '', keyword) : (supply.region || ''); const description = supply._highlight ? highlightText(supply.description || '', keyword) : (supply.description || ''); + // 处理规格高亮 + function highlightSpec(spec, keyword) { + if (!keyword || !spec) return spec; + const regex = new RegExp(`(${keyword})`, 'gi'); + return spec.replace(regex, '$1'); + } + // 处理操作按钮 let actionsHTML = ''; if (supply.status === 'published') { @@ -6031,6 +6105,9 @@ const costprice = costprices[i] || '0'; const specStatus = specStatuses[i] || '0'; + // 处理规格高亮 + const highlightedSpec = supply._highlight ? highlightSpec(spec, keyword) : spec; + // 添加售空标识，根据设备类型显示不同样式 const soldOutTag = specStatus === '1' ? (DeviceDetector.isMobile() ? '
已售空
' : @@ -6042,7 +6119,7 @@ 'border: 1px solid #f0f0f0; padding: 10px; border-radius: 10px; background-color: #fafafa; margin-bottom: 6px; text-align: center;' : 'border: 1px solid #f0f0f0; padding: 10px; border-radius: 8px; background-color: #fafafa; margin-bottom: 10px;'; - specQuantityBoxes += `
• ${spec}
${quantity}件 | ¥${costprice}${soldOutTag}
`; + specQuantityBoxes += `
• ${highlightedSpec}
${quantity}件 | ¥${costprice}${soldOutTag}
`; } return ` @@ -6662,7 +6739,34 @@ const result = await response.json(); if (result.success) { // 处理搜索结果，添加高亮标记 - const highlightedSupplies = result.data.list.map(supply => { + let supplies = result.data.list; + + // 前端过滤：如果后端没有返回规格搜索结果，在前端进行过滤 + if (supplyData.searchKeyword) { + const keyword = supplyData.searchKeyword.toLowerCase(); + supplies = supplies.filter(supply => { + // 检查基本字段 + if (supply.productName && supply.productName.toLowerCase().includes(keyword)) return true; + if (supply.region && supply.region.toLowerCase().includes(keyword)) return true; + if (supply.description && supply.description.toLowerCase().includes(keyword)) return true; + + // 检查规格字段 + if (supply.specification) { + if (typeof supply.specification === 'string') { + if (supply.specification.toLowerCase().includes(keyword)) return true; + } else if (Array.isArray(supply.specification)) { + if (supply.specification.some(spec => spec.toLowerCase().includes(keyword))) return true; + } + } else if (supply.spec) { + if (supply.spec.toLowerCase().includes(keyword)) return true; + } + + return false; + }); + } + + // 添加高亮标记 + const highlightedSupplies = supplies.map(supply => { return { ...supply, // 标记需要高亮的字段 @@ -6670,6 +6774,7 @@ _searchKeyword: supplyData.searchKeyword }; }); + processSupplyData(highlightedSupplies); renderSupplyLists(); }