From e9ab05cdd7b281baf79efb7b7f8eca77196fbd79 Mon Sep 17 00:00:00 2001
From: Default User <user@example.com>
Date: Thu, 5 Mar 2026 14:03:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9C=B0=E5=8C=BA=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E7=9B=B8=E5=85=B3=E9=97=AE=E9=A2=98=E5=92=8C=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E8=B4=A7=E6=BA=90=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 supply.html  |   858 ++++-
 supply2.html | 10240 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 11008 insertions(+), 90 deletions(-)
 create mode 100644 supply2.html

diff --git a/supply.html b/supply.html
index b33327d..d6f35c0 100644
--- a/supply.html
+++ b/supply.html
@@ -2064,6 +2064,12 @@
                         </div>
                     </div>
                     
+                    <!-- 详细地址（选填） -->
+                    <div class="form-group">
+                        <label class="form-label">详细地址（选填）</label>
+                        <input type="text" class="form-input" id="detailAddress" placeholder="请输入详细地址" style="width: 100%; padding: 12px 16px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+                    </div>
+                    
                     <!-- 规格和件数 -->
                     <div class="form-group">
                         <label class="form-label">规格件数和采购价格 <span style="color: red;">*</span></label>
@@ -2306,22 +2312,30 @@
                 <input type="text" id="regionSearchInput" placeholder="搜索地区" oninput="filterRegionOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
                 <div id="currentRegion" style="margin-top: 10px; padding: 8px 12px; background-color: #f0f8ff; border: 1px solid #91d5ff; border-radius: 4px; font-size: 12px; color: #1890ff;">当前选择: 未选择</div>
             </div>
-            <div class="select-body" style="max-height: 50vh;">
-                <div id="regionOptionsList" style="padding: 10px; height: 100%;">
-                    <!-- 省份选择将通过JavaScript动态生成 -->
-                    <div id="provinceList" style="overflow-y: auto; max-height: 40vh;"></div>
+            <div class="select-body" style="height: 400px;">
+                <div id="regionOptionsList" style="display: flex; gap: 10px; padding: 10px; height: 100%;">
+                    <!-- 省市选择将通过JavaScript动态生成 -->
+                    <div id="provinceList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="cityList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="districtList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
                 </div>
             </div>
             
             <!-- 响应式调整 - 手机端 -->
             <style>
                 @media (max-width: 768px) {
-                    #regionOptionsList .select-body {
-                        max-height: 40vh;
+                    .select-body {
+                        height: 300px !important;
                     }
                     
-                    #provinceList {
-                        max-height: 30vh;
+                    #regionOptionsList {
+                        height: 100% !important;
+                    }
+                    
+                    #provinceList,
+                    #cityList,
+                    #districtList {
+                        height: 250px !important;
                     }
                 }
             </style>
@@ -2502,6 +2516,12 @@
                         </div>
                     </div>
                     
+                    <!-- 详细地址（选填） -->
+                    <div class="form-group">
+                        <label class="form-label">详细地址（选填）</label>
+                        <input type="text" class="form-input" id="editDetailAddress" placeholder="请输入详细地址" style="width: 100%; padding: 12px 16px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+                    </div>
+                    
                     <!-- 规格和件数 -->
                     <div class="form-group">
                         <label class="form-label">规格件数和采购价格 <span style="color: red;">*</span></label>
@@ -2760,11 +2780,32 @@
                 <div id="editCurrentRegion" style="margin-top: 10px; padding: 8px 12px; background-color: #f0f8ff; border: 1px solid #91d5ff; border-radius: 4px; font-size: 12px; color: #1890ff;">当前选择: 未选择</div>
             </div>
             <div class="select-body" style="height: 400px;">
-                <div id="editRegionOptionsList" style="padding: 10px; height: 100%;">
-                    <!-- 省份选择将通过JavaScript动态生成 -->
-                    <div id="editProvinceList" style="overflow-y: auto; height: 350px;"></div>
+                <div id="editRegionOptionsList" style="display: flex; gap: 10px; padding: 10px; height: 100%;">
+                    <!-- 省市选择将通过JavaScript动态生成 -->
+                    <div id="editProvinceList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="editCityList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="editDistrictList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
                 </div>
             </div>
+            
+            <!-- 响应式调整 - 手机端 -->
+            <style>
+                @media (max-width: 768px) {
+                    .select-body {
+                        height: 300px !important;
+                    }
+                    
+                    #editRegionOptionsList {
+                        height: 100% !important;
+                    }
+                    
+                    #editProvinceList,
+                    #editCityList,
+                    #editDistrictList {
+                        height: 250px !important;
+                    }
+                }
+            </style>
             <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
                 <button onclick="hideEditRegionSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
                 <button onclick="confirmEditRegionSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
@@ -3193,6 +3234,7 @@
         let editSelectedSpec = [];
         let editSelectedProvince = '';
         let editSelectedCity = '';
+        let editSelectedDistrict = '';
         let editAllSourceTypes = ['平台货源', '鸡场直销', '第三方货源'];
         let editFilteredSourceTypes = [...editAllSourceTypes];
         let editSelectedSourceType = '';
@@ -5527,6 +5569,7 @@
         
         let selectedProvince = '';
         let selectedCity = '';
+        let selectedDistrict = '';
         let filteredProvinces = [...allRegionOptions];
         
         // 显示地区选择弹窗
@@ -5535,8 +5578,26 @@
             regionSelectModal.classList.add('active');
             // 重置搜索输入
             document.getElementById('regionSearchInput').value = '';
+            // 重置过滤条件，保持当前选择
             filteredProvinces = [...allRegionOptions];
+            // 生成地区选项
             generateRegionOptions();
+            // 更新显示
+            updateRegionDisplay();
+            
+            // 如果有选中的省份，生成城市和区县选项
+            if (selectedProvince) {
+                const province = allRegionOptions.find(p => p.province === selectedProvince);
+                if (province) {
+                    generateCityOptions(province.cities);
+                    if (selectedCity) {
+                        const city = province.cities.find(c => c.city === selectedCity);
+                        if (city) {
+                            generateDistrictOptions(city.districts || []);
+                        }
+                    }
+                }
+            }
         }
         
         // 隐藏地区选择弹窗
@@ -5548,6 +5609,8 @@
         // 生成地区选项
         function generateRegionOptions() {
             const provinceList = document.getElementById('provinceList');
+            const cityList = document.getElementById('cityList');
+            const districtList = document.getElementById('districtList');
             
             // 使用文档片段减少DOM重绘
             const provinceFragment = document.createDocumentFragment();
@@ -5556,17 +5619,23 @@
             filteredProvinces.forEach(province => {
                 const option = document.createElement('div');
                 option.className = 'select-item';
+                if (province.province === selectedProvince) {
+                    option.classList.add('selected');
+                }
                 option.textContent = province.province;
                 option.onclick = () => {
                     selectedProvince = province.province;
                     selectedCity = '';
+                    selectedDistrict = '';
                     updateRegionDisplay();
-                    // 直接确认选择
-                    const regionString = selectedProvince;
-                    document.getElementById('regionDisplayText').textContent = regionString;
-                    document.getElementById('regionValue').value = regionString;
-                    hideRegionSelectModal();
-                    saveFormData();
+                    // 生成城市选项
+                    generateCityOptions(province.cities);
+                    // 清空区县选项
+                    districtList.innerHTML = '';
+                    // 直接滚动城市列表到顶部
+                    setTimeout(() => {
+                        cityList.scrollTop = 0;
+                    }, 100);
                 };
                 provinceFragment.appendChild(option);
             });
@@ -5577,14 +5646,118 @@
         }
         
         // 生成城市选项
-
-
+        function generateCityOptions(cities) {
+            const cityList = document.getElementById('cityList');
+            const districtList = document.getElementById('districtList');
+            const searchInput = document.getElementById('regionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 对城市进行排序：匹配的城市排在前面
+            const sortedCities = [...cities].sort((a, b) => {
+                const aMatch = a.city.toLowerCase().includes(searchKeyword);
+                const bMatch = b.city.toLowerCase().includes(searchKeyword);
+                
+                if (aMatch && !bMatch) return -1;
+                if (!aMatch && bMatch) return 1;
+                
+                // 如果都匹配或都不匹配，按城市名称排序
+                return a.city.localeCompare(b.city);
+            });
+            
+            // 使用文档片段减少DOM重绘
+            const cityFragment = document.createDocumentFragment();
+            
+            sortedCities.forEach(city => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                if (city.city === selectedCity) {
+                    option.classList.add('selected');
+                }
+                option.textContent = city.city;
+                option.onclick = () => {
+                    selectedCity = city.city;
+                    selectedDistrict = '';
+                    updateRegionDisplay();
+                    // 生成区县选项
+                    generateDistrictOptions(city.districts || []);
+                    // 直接滚动区县列表到顶部
+                    setTimeout(() => {
+                        districtList.scrollTop = 0;
+                    }, 100);
+                };
+                cityFragment.appendChild(option);
+            });
+            
+            // 一次性添加到DOM，减少重绘
+            cityList.innerHTML = '';
+            cityList.appendChild(cityFragment);
+            
+            // 使用scrollIntoView滚动到第一个城市
+            setTimeout(() => {
+                const firstCity = cityList.querySelector('.select-item');
+                if (firstCity) {
+                    firstCity.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
+        
+        // 生成区县选项
+        function generateDistrictOptions(districts) {
+            const districtList = document.getElementById('districtList');
+            const searchInput = document.getElementById('regionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 对区县进行排序：匹配的区县排在前面
+            const sortedDistricts = [...districts].sort((a, b) => {
+                const aMatch = a.toLowerCase().includes(searchKeyword);
+                const bMatch = b.toLowerCase().includes(searchKeyword);
+                
+                if (aMatch && !bMatch) return -1;
+                if (!aMatch && bMatch) return 1;
+                
+                // 如果都匹配或都不匹配，按区县名称排序
+                return a.localeCompare(b);
+            });
+            
+            // 使用文档片段减少DOM重绘
+            const districtFragment = document.createDocumentFragment();
+            
+            sortedDistricts.forEach(district => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                if (district === selectedDistrict) {
+                    option.classList.add('selected');
+                }
+                option.textContent = district;
+                option.onclick = () => {
+                    selectedDistrict = district;
+                    updateRegionDisplay();
+                };
+                districtFragment.appendChild(option);
+            });
+            
+            // 一次性添加到DOM，减少重绘
+            districtList.innerHTML = '';
+            districtList.appendChild(districtFragment);
+            
+            // 使用scrollIntoView滚动到第一个区县
+            setTimeout(() => {
+                const firstDistrict = districtList.querySelector('.select-item');
+                if (firstDistrict) {
+                    firstDistrict.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
         
         // 更新地区显示
         function updateRegionDisplay() {
             const currentRegion = document.getElementById('currentRegion');
             let displayText = '当前选择: ';
-            if (selectedProvince) {
+            if (selectedProvince && selectedCity && selectedDistrict) {
+                displayText += `${selectedProvince} ${selectedCity} ${selectedDistrict}`;
+            } else if (selectedProvince && selectedCity) {
+                displayText += `${selectedProvince} ${selectedCity}`;
+            } else if (selectedProvince) {
                 displayText += selectedProvince;
             } else {
                 displayText += '未选择';
@@ -5592,7 +5765,7 @@
             currentRegion.textContent = displayText;
         }
         
-        // 过滤地区选项
+        // 过滤地区选项并自动填充
         function filterRegionOptions() {
             const searchInput = document.getElementById('regionSearchInput');
             const searchKeyword = searchInput.value.toLowerCase();
@@ -5600,21 +5773,152 @@
             // 重置选择
             selectedProvince = '';
             selectedCity = '';
-            
-            if (!searchKeyword) {
-                // 如果搜索关键词为空，显示所有省份
-                filteredProvinces = [...allRegionOptions];
-                generateRegionOptions();
-                updateRegionDisplay();
-                return;
+            selectedDistrict = '';
+            
+            // 先尝试直接查找区县
+            let foundDistrict = false;
+            for (let i = 0; i < allRegionOptions.length; i++) {
+                const province = allRegionOptions[i];
+                for (let j = 0; j < province.cities.length; j++) {
+                    const city = province.cities[j];
+                    if (city.districts) {
+                        for (let k = 0; k < city.districts.length; k++) {
+                            const district = city.districts[k];
+                            if (district.toLowerCase().includes(searchKeyword)) {
+                                // 找到匹配的区县，自动填充省市区
+                                selectedProvince = province.province;
+                                selectedCity = city.city;
+                                selectedDistrict = district;
+                                foundDistrict = true;
+                                break;
+                            }
+                        }
+                    }
+                    if (foundDistrict) break;
+                }
+                if (foundDistrict) break;
+            }
+            
+            if (!foundDistrict) {
+                // 尝试查找城市
+                let foundCity = false;
+                for (let i = 0; i < allRegionOptions.length; i++) {
+                    const province = allRegionOptions[i];
+                    for (let j = 0; j < province.cities.length; j++) {
+                        const city = province.cities[j];
+                        if (city.city.toLowerCase().includes(searchKeyword)) {
+                            // 找到匹配的城市，自动填充省市
+                            selectedProvince = province.province;
+                            selectedCity = city.city;
+                            foundCity = true;
+                            break;
+                        }
+                    }
+                    if (foundCity) break;
+                }
             }
             
-            // 只根据省份名称过滤
+            if (selectedProvince) {
+                // 如果找到匹配项，只显示对应的省份
+                filteredProvinces = allRegionOptions.filter(province => province.province === selectedProvince);
+                generateRegionOptions();
+                
+                // 自动生成城市选项
+                const cityList = document.getElementById('cityList');
+                cityList.innerHTML = '';
+                const province = allRegionOptions.find(p => p.province === selectedProvince);
+                if (province) {
+                    province.cities.forEach(city => {
+                        const option = document.createElement('div');
+                        option.className = 'select-item';
+                        option.textContent = city.city;
+                        if (city.city === selectedCity) {
+                            option.classList.add('selected');
+                        }
+                        option.onclick = () => {
+                            selectedCity = city.city;
+                            selectedDistrict = '';
+                            updateRegionDisplay();
+                            generateDistrictOptions(city.districts || []);
+                        };
+                        cityList.appendChild(option);
+                    });
+                    
+                    // 如果有选中的城市，生成区县选项
+                    if (selectedCity) {
+                        const selectedCityObj = province.cities.find(c => c.city === selectedCity);
+                        if (selectedCityObj) {
+                            // 生成区县选项并高亮显示匹配的区县
+                            const districtList = document.getElementById('districtList');
+                            districtList.innerHTML = '';
+                            selectedCityObj.districts.forEach(district => {
+                                const option = document.createElement('div');
+                                option.className = 'select-item';
+                                option.textContent = district;
+                                if (district === selectedDistrict) {
+                                    option.classList.add('selected');
+                                }
+                                option.onclick = () => {
+                                    selectedDistrict = district;
+                                    updateRegionDisplay();
+                                };
+                                districtList.appendChild(option);
+                            });
+                            
+                            // 使用scrollIntoView滚动到第一个区县
+                            setTimeout(() => {
+                                const firstDistrict = districtList.querySelector('.select-item');
+                                if (firstDistrict) {
+                                    firstDistrict.scrollIntoView({ behavior: 'auto', block: 'start' });
+                                }
+                            }, 50);
+                        }
+                    } else {
+                        document.getElementById('districtList').innerHTML = '';
+                    }
+                }
+            } else {
+                // 否则按原逻辑过滤并排序
             filteredProvinces = allRegionOptions.filter(province => {
-                return province.province.toLowerCase().includes(searchKeyword);
+                return province.province.toLowerCase().includes(searchKeyword) || 
+                       province.cities.some(city => {
+                           return city.city.toLowerCase().includes(searchKeyword) ||
+                                  (city.districts && city.districts.some(district => 
+                                      district.toLowerCase().includes(searchKeyword)
+                                  ));
+                       });
+            }).sort((a, b) => {
+                // 优先排序：省份名称匹配 > 城市名称匹配 > 区县名称匹配
+                const aProvinceMatch = a.province.toLowerCase().includes(searchKeyword);
+                const bProvinceMatch = b.province.toLowerCase().includes(searchKeyword);
+                
+                if (aProvinceMatch && !bProvinceMatch) return -1;
+                if (!aProvinceMatch && bProvinceMatch) return 1;
+                
+                // 如果省份匹配情况相同，比较城市匹配
+                const aCityMatch = a.cities.some(city => city.city.toLowerCase().includes(searchKeyword));
+                const bCityMatch = b.cities.some(city => city.city.toLowerCase().includes(searchKeyword));
+                
+                if (aCityMatch && !bCityMatch) return -1;
+                if (!aCityMatch && bCityMatch) return 1;
+                
+                // 如果城市匹配情况相同，比较区县匹配
+                const aDistrictMatch = a.cities.some(city => city.districts && city.districts.some(district => district.toLowerCase().includes(searchKeyword)));
+                const bDistrictMatch = b.cities.some(city => city.districts && city.districts.some(district => district.toLowerCase().includes(searchKeyword)));
+                
+                if (aDistrictMatch && !bDistrictMatch) return -1;
+                if (!aDistrictMatch && bDistrictMatch) return 1;
+                
+                // 如果都匹配或都不匹配，保持原有顺序
+                return 0;
             });
+                
+                generateRegionOptions();
+                // 清空城市和区县选项
+                document.getElementById('cityList').innerHTML = '';
+                document.getElementById('districtList').innerHTML = '';
+            }
             
-            generateRegionOptions();
             updateRegionDisplay();
         }
         
@@ -5623,11 +5927,28 @@
             if (selectedProvince) {
                 const regionDisplayText = document.getElementById('regionDisplayText');
                 const regionValue = document.getElementById('regionValue');
-                regionDisplayText.textContent = selectedProvince;
-                regionValue.value = selectedProvince;
+                const detailAddress = document.getElementById('detailAddress').value;
+                
+                let regionText = selectedProvince;
+                if (selectedCity) {
+                    regionText += ` ${selectedCity}`;
+                    if (selectedDistrict) {
+                        regionText += ` ${selectedDistrict}`;
+                    }
+                }
+                
+                // 添加详细地址
+                if (detailAddress) {
+                    regionText += ` ${detailAddress}`;
+                }
+                
+                regionDisplayText.textContent = regionText;
+                regionValue.value = regionText;
                 saveFormData();
+                hideRegionSelectModal();
+            } else {
+                alert('请选择省份');
             }
-            hideRegionSelectModal();
         }
         
         // 加载联系人数据
@@ -7651,6 +7972,9 @@
                     description: description ? description.value : '',
                     region: regionValue ? regionValue.value : '',
                     regionDisplay: regionDisplayText ? regionDisplayText.textContent : '请选择地区',
+                    selectedProvince: selectedProvince || '',
+                    selectedCity: selectedCity || '',
+                    selectedDistrict: selectedDistrict || '',
                     contactId: contactId ? contactId.value : '',
                     // 保存其他自定义下拉框显示文本
                     sourceTypeDisplay: sourceTypeDisplayText ? sourceTypeDisplayText.textContent : '请选择货源类型',
@@ -7663,7 +7987,6 @@
                     imageUrls: Array.isArray(supplyData.uploadedImages) ? [...supplyData.uploadedImages] : [],
                     // 保存自定义选择状态
                     selectedSpec: selectedSpec || '',
-                    selectedProvince: selectedProvince || '',
                     selectedCity: selectedCity || '',
                     selectedSourceType: selectedSourceType || '',
                     selectedProductName: selectedProductName || '',
@@ -7862,6 +8185,7 @@
                             regionDisplayElement.textContent = formData.regionDisplay || '请选择地区';
                             selectedProvince = formData.selectedProvince || '';
                             selectedCity = formData.selectedCity || '';
+                            selectedDistrict = formData.selectedDistrict || '';
                         }
                     }
                     
@@ -7976,7 +8300,21 @@
                 supplyStatus: document.getElementById('supplyStatus').value,
                 sourceType: document.getElementById('sourceType').value,
                 description: document.getElementById('description').value,
-                region: document.getElementById('regionValue').value,
+                region: (function() {
+                    // 重新计算包含最新详细地址的region值
+                    const regionValue = document.getElementById('regionValue').value;
+                    const detailAddress = document.getElementById('detailAddress').value;
+                    
+                    // 提取省市区部分（前三个部分）
+                    const parts = regionValue.split(' ');
+                    const provinceCityDistrict = parts.slice(0, 3).join(' ');
+                    
+                    // 重新组合region值，包含最新的详细地址
+                    if (detailAddress) {
+                        return `${provinceCityDistrict} ${detailAddress}`;
+                    }
+                    return provinceCityDistrict;
+                })(),
                 contactId: document.getElementById('contactId').value,
                 freshness: document.getElementById('freshness').value,
                 imageUrls: supplyData.uploadedImages,
@@ -8063,6 +8401,7 @@
                 submitBtn.disabled = true;
                 submitBtn.textContent = '创建中...';
                 
+                // 只等待创建货源的核心操作
                 const response = await fetch('/api/supplies/create', {
                     method: 'POST',
                     headers: {
@@ -8076,18 +8415,23 @@
                     // 创建成功，清除保存的表单数据
                     localStorage.removeItem('supplyFormDraft');
                     console.log('创建成功，已清除保存的表单数据');
+                    
+                    // 重置表单状态，确保下次打开时是空白状态
+                    resetForm();
+                    hideAddSupplyModal();
+                    
+                    // 显示成功提示
                     alert('货源创建成功');
                     
+                    // 非阻塞式处理后续操作
                     // 记录创建货源日志
                     const userInfo = checkLogin();
                     if (userInfo) {
-                        await logSupplyOperation('创建', result.data.id, null, result.data);
+                        logSupplyOperation('创建', result.data.id, null, result.data).catch(error => {
+                            console.error('记录日志失败:', error);
+                        });
                     }
                     
-                    // 重置表单状态，确保下次打开时是空白状态
-                    resetForm();
-                    hideAddSupplyModal();
-                    
                     // 向WebSocket服务器发送消息，通知其他客户端有新的货源创建
                     sendWebSocketMessage({
                         type: 'supply_create',
@@ -8096,7 +8440,10 @@
                         data: result.data
                     });
                     
-                    loadSupplies(true); // 强制刷新，跳过缓存
+                    // 延迟刷新数据，避免阻塞UI
+                    setTimeout(() => {
+                        loadSupplies(true); // 强制刷新，跳过缓存
+                    }, 500);
                 } else {
                     // 创建失败，保持保存的数据
                     alert('创建失败: ' + (result.message || '未知错误'));
@@ -9548,19 +9895,78 @@
         }
         
         // 编辑地区选择功能
+        // 从地区字符串解析省市区信息
+        function parseRegionString(regionStr) {
+            if (!regionStr) return { province: '', city: '', district: '' };
+            
+            // 移除详细地址部分（如果有）
+            let regionParts = regionStr.split(' ');
+            let province = '';
+            let city = '';
+            let district = '';
+            
+            // 遍历地区数据，尝试匹配
+            for (let i = 0; i < allRegionOptions.length; i++) {
+                const p = allRegionOptions[i];
+                if (regionStr.includes(p.province)) {
+                    province = p.province;
+                    // 查找城市
+                    for (let j = 0; j < p.cities.length; j++) {
+                        const c = p.cities[j];
+                        if (regionStr.includes(c.city)) {
+                            city = c.city;
+                            // 查找区县
+                            if (c.districts) {
+                                for (let k = 0; k < c.districts.length; k++) {
+                                    const d = c.districts[k];
+                                    if (regionStr.includes(d)) {
+                                        district = d;
+                                        break;
+                                    }
+                                }
+                            }
+                            break;
+                        }
+                    }
+                    break;
+                }
+            }
+            
+            return { province, city, district };
+        }
+
         // 显示编辑地区选择弹窗
         function showEditRegionSelectModal() {
             const regionSelectModal = document.getElementById('editRegionSelectModal');
             regionSelectModal.classList.add('active');
             // 重置搜索输入
             document.getElementById('editRegionSearchInput').value = '';
-            // 重置选择
-            editSelectedProvince = '';
-            editSelectedCity = '';
+            
+            // 从现有地区值解析省市区信息
+            const regionValue = document.getElementById('editRegionValue').value;
+            const parsedRegion = parseRegionString(regionValue);
+            editSelectedProvince = parsedRegion.province;
+            editSelectedCity = parsedRegion.city;
+            editSelectedDistrict = parsedRegion.district;
+            
             // 更新显示
             updateEditRegionDisplay();
             // 生成地区选项
             generateEditRegionOptions();
+            
+            // 如果有选中的省份，生成城市和区县选项
+            if (editSelectedProvince) {
+                const province = allRegionOptions.find(p => p.province === editSelectedProvince);
+                if (province) {
+                    generateEditCityOptions(province.cities);
+                    if (editSelectedCity) {
+                        const city = province.cities.find(c => c.city === editSelectedCity);
+                        if (city) {
+                            generateEditDistrictOptions(city.districts || []);
+                        }
+                    }
+                }
+            }
         }
         
         // 隐藏编辑地区选择弹窗
@@ -9572,38 +9978,139 @@
         // 生成编辑地区选项
         function generateEditRegionOptions() {
             const provinceList = document.getElementById('editProvinceList');
+            const cityList = document.getElementById('editCityList');
+            const districtList = document.getElementById('editDistrictList');
             
             // 生成省份选项
             provinceList.innerHTML = '';
             allRegionOptions.forEach(province => {
                 const option = document.createElement('div');
                 option.className = 'select-item';
-                option.textContent = province.province;
                 if (province.province === editSelectedProvince) {
                     option.classList.add('selected');
                 }
+                option.textContent = province.province;
                 option.onclick = () => {
                     editSelectedProvince = province.province;
                     editSelectedCity = '';
+                    editSelectedDistrict = '';
                     updateEditRegionDisplay();
-                    // 直接确认选择
-                    const regionString = editSelectedProvince;
-                    document.getElementById('editRegionDisplayText').textContent = regionString;
-                    document.getElementById('editRegionValue').value = regionString;
-                    hideEditRegionSelectModal();
-                    saveFormData();
+                    // 生成城市选项
+                    generateEditCityOptions(province.cities);
+                    // 清空区县选项
+                    districtList.innerHTML = '';
+                    // 直接滚动城市列表到顶部
+                    setTimeout(() => {
+                        cityList.scrollTop = 0;
+                    }, 100);
                 };
                 provinceList.appendChild(option);
             });
         }
         
         // 生成编辑城市选项
+        function generateEditCityOptions(cities) {
+            const cityList = document.getElementById('editCityList');
+            const districtList = document.getElementById('editDistrictList');
+            const searchInput = document.getElementById('editRegionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 对城市进行排序：匹配的城市排在前面
+            const sortedCities = [...cities].sort((a, b) => {
+                const aMatch = a.city.toLowerCase().includes(searchKeyword);
+                const bMatch = b.city.toLowerCase().includes(searchKeyword);
+                
+                if (aMatch && !bMatch) return -1;
+                if (!aMatch && bMatch) return 1;
+                
+                // 如果都匹配或都不匹配，按城市名称排序
+                return a.city.localeCompare(b.city);
+            });
+            
+            // 生成城市选项
+            cityList.innerHTML = '';
+            sortedCities.forEach(city => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                if (city.city === editSelectedCity) {
+                    option.classList.add('selected');
+                }
+                option.textContent = city.city;
+                option.onclick = () => {
+                    editSelectedCity = city.city;
+                    editSelectedDistrict = '';
+                    updateEditRegionDisplay();
+                    // 生成区县选项
+                    generateEditDistrictOptions(city.districts || []);
+                    // 直接滚动区县列表到顶部
+                    setTimeout(() => {
+                        districtList.scrollTop = 0;
+                    }, 100);
+                };
+                cityList.appendChild(option);
+            });
+            
+            // 使用scrollIntoView滚动到第一个城市
+            setTimeout(() => {
+                const firstCity = cityList.querySelector('.select-item');
+                if (firstCity) {
+                    firstCity.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
+        
+        // 生成编辑区县选项
+        function generateEditDistrictOptions(districts) {
+            const districtList = document.getElementById('editDistrictList');
+            const searchInput = document.getElementById('editRegionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 对区县进行排序：匹配的区县排在前面
+            const sortedDistricts = [...districts].sort((a, b) => {
+                const aMatch = a.toLowerCase().includes(searchKeyword);
+                const bMatch = b.toLowerCase().includes(searchKeyword);
+                
+                if (aMatch && !bMatch) return -1;
+                if (!aMatch && bMatch) return 1;
+                
+                // 如果都匹配或都不匹配，按区县名称排序
+                return a.localeCompare(b);
+            });
+            
+            // 生成区县选项
+            districtList.innerHTML = '';
+            sortedDistricts.forEach(district => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                if (district === editSelectedDistrict) {
+                    option.classList.add('selected');
+                }
+                option.textContent = district;
+                option.onclick = () => {
+                    editSelectedDistrict = district;
+                    updateEditRegionDisplay();
+                };
+                districtList.appendChild(option);
+            });
+            
+            // 使用scrollIntoView滚动到第一个区县
+            setTimeout(() => {
+                const firstDistrict = districtList.querySelector('.select-item');
+                if (firstDistrict) {
+                    firstDistrict.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
         
         // 更新编辑地区显示
         function updateEditRegionDisplay() {
             const currentRegion = document.getElementById('editCurrentRegion');
             let displayText = '当前选择: ';
-            if (editSelectedProvince) {
+            if (editSelectedProvince && editSelectedCity && editSelectedDistrict) {
+                displayText += `${editSelectedProvince} ${editSelectedCity} ${editSelectedDistrict}`;
+            } else if (editSelectedProvince && editSelectedCity) {
+                displayText += `${editSelectedProvince} ${editSelectedCity}`;
+            } else if (editSelectedProvince) {
                 displayText += editSelectedProvince;
             } else {
                 displayText += '未选择';
@@ -9619,43 +10126,185 @@
             // 重置选择
             editSelectedProvince = '';
             editSelectedCity = '';
-            
-            if (!searchKeyword) {
-                // 如果搜索关键词为空，显示所有省份
-                generateEditRegionOptions();
-                updateEditRegionDisplay();
-                return;
+            editSelectedDistrict = '';
+            
+            // 先尝试直接查找区县
+            let foundDistrict = false;
+            for (let i = 0; i < allRegionOptions.length; i++) {
+                const province = allRegionOptions[i];
+                for (let j = 0; j < province.cities.length; j++) {
+                    const city = province.cities[j];
+                    if (city.districts) {
+                        for (let k = 0; k < city.districts.length; k++) {
+                            const district = city.districts[k];
+                            if (district.toLowerCase().includes(searchKeyword)) {
+                                // 找到匹配的区县，自动填充省市区
+                                editSelectedProvince = province.province;
+                                editSelectedCity = city.city;
+                                editSelectedDistrict = district;
+                                foundDistrict = true;
+                                break;
+                            }
+                        }
+                    }
+                    if (foundDistrict) break;
+                }
+                if (foundDistrict) break;
+            }
+            
+            if (!foundDistrict) {
+                // 尝试查找城市
+                let foundCity = false;
+                for (let i = 0; i < allRegionOptions.length; i++) {
+                    const province = allRegionOptions[i];
+                    for (let j = 0; j < province.cities.length; j++) {
+                        const city = province.cities[j];
+                        if (city.city.toLowerCase().includes(searchKeyword)) {
+                            // 找到匹配的城市，自动填充省市
+                            editSelectedProvince = province.province;
+                            editSelectedCity = city.city;
+                            foundCity = true;
+                            break;
+                        }
+                    }
+                    if (foundCity) break;
+                }
             }
             
-            // 过滤省份
-            const filteredProvinces = allRegionOptions.filter(province => {
-                // 检查省份名称是否匹配
-                return province.province.toLowerCase().includes(searchKeyword);
-            });
-            
-            // 生成省份选项
-            const provinceList = document.getElementById('editProvinceList');
-            provinceList.innerHTML = '';
-            filteredProvinces.forEach(province => {
-                const option = document.createElement('div');
-                option.className = 'select-item';
-                option.textContent = province.province;
-                if (province.province === editSelectedProvince) {
-                    option.classList.add('selected');
+            if (editSelectedProvince) {
+                // 如果找到匹配项，只显示对应的省份
+                const provinceList = document.getElementById('editProvinceList');
+                provinceList.innerHTML = '';
+                const province = allRegionOptions.find(p => p.province === editSelectedProvince);
+                if (province) {
+                    const option = document.createElement('div');
+                    option.className = 'select-item selected';
+                    option.textContent = province.province;
+                    option.onclick = () => {
+                        editSelectedProvince = province.province;
+                        editSelectedCity = '';
+                        editSelectedDistrict = '';
+                        updateEditRegionDisplay();
+                        generateEditCityOptions(province.cities);
+                        document.getElementById('editDistrictList').innerHTML = '';
+                    };
+                    provinceList.appendChild(option);
+                    
+                    // 自动生成城市选项
+                    const cityList = document.getElementById('editCityList');
+                    cityList.innerHTML = '';
+                    province.cities.forEach(city => {
+                        const cityOption = document.createElement('div');
+                        cityOption.className = 'select-item';
+                        cityOption.textContent = city.city;
+                        if (city.city === editSelectedCity) {
+                            cityOption.classList.add('selected');
+                        }
+                        cityOption.onclick = () => {
+                            editSelectedCity = city.city;
+                            editSelectedDistrict = '';
+                            updateEditRegionDisplay();
+                            generateEditDistrictOptions(city.districts || []);
+                        };
+                        cityList.appendChild(cityOption);
+                    });
+                    
+                    // 如果有选中的城市，生成区县选项
+                    if (editSelectedCity) {
+                        const selectedCityObj = province.cities.find(c => c.city === editSelectedCity);
+                        if (selectedCityObj) {
+                            // 生成区县选项并高亮显示匹配的区县
+                            const districtList = document.getElementById('editDistrictList');
+                            districtList.innerHTML = '';
+                            selectedCityObj.districts.forEach(district => {
+                                const option = document.createElement('div');
+                                option.className = 'select-item';
+                                option.textContent = district;
+                                if (district === editSelectedDistrict) {
+                                    option.classList.add('selected');
+                                }
+                                option.onclick = () => {
+                                    editSelectedDistrict = district;
+                                    updateEditRegionDisplay();
+                                };
+                                districtList.appendChild(option);
+                            });
+                            
+                            // 使用scrollIntoView滚动到第一个区县
+                            setTimeout(() => {
+                                const firstDistrict = districtList.querySelector('.select-item');
+                                if (firstDistrict) {
+                                    firstDistrict.scrollIntoView({ behavior: 'auto', block: 'start' });
+                                }
+                            }, 50);
+                        }
+                    } else {
+                        document.getElementById('editDistrictList').innerHTML = '';
+                    }
                 }
-                option.onclick = () => {
-                    editSelectedProvince = province.province;
-                    editSelectedCity = '';
-                    updateEditRegionDisplay();
-                    // 直接确认选择
-                    const regionString = editSelectedProvince;
-                    document.getElementById('editRegionDisplayText').textContent = regionString;
-                    document.getElementById('editRegionValue').value = regionString;
-                    hideEditRegionSelectModal();
-                    saveFormData();
-                };
-                provinceList.appendChild(option);
-            });
+            } else {
+                // 否则按原逻辑过滤并排序
+                const filteredProvinces = allRegionOptions.filter(province => {
+                    return province.province.toLowerCase().includes(searchKeyword) || 
+                           province.cities.some(city => {
+                               return city.city.toLowerCase().includes(searchKeyword) ||
+                                      (city.districts && city.districts.some(district => 
+                                          district.toLowerCase().includes(searchKeyword)
+                                      ));
+                           });
+                }).sort((a, b) => {
+                    // 优先排序：省份名称匹配 > 城市名称匹配 > 区县名称匹配
+                    const aProvinceMatch = a.province.toLowerCase().includes(searchKeyword);
+                    const bProvinceMatch = b.province.toLowerCase().includes(searchKeyword);
+                    
+                    if (aProvinceMatch && !bProvinceMatch) return -1;
+                    if (!aProvinceMatch && bProvinceMatch) return 1;
+                    
+                    // 如果省份匹配情况相同，比较城市匹配
+                    const aCityMatch = a.cities.some(city => city.city.toLowerCase().includes(searchKeyword));
+                    const bCityMatch = b.cities.some(city => city.city.toLowerCase().includes(searchKeyword));
+                    
+                    if (aCityMatch && !bCityMatch) return -1;
+                    if (!aCityMatch && bCityMatch) return 1;
+                    
+                    // 如果城市匹配情况相同，比较区县匹配
+                    const aDistrictMatch = a.cities.some(city => city.districts && city.districts.some(district => district.toLowerCase().includes(searchKeyword)));
+                    const bDistrictMatch = b.cities.some(city => city.districts && city.districts.some(district => district.toLowerCase().includes(searchKeyword)));
+                    
+                    if (aDistrictMatch && !bDistrictMatch) return -1;
+                    if (!aDistrictMatch && bDistrictMatch) return 1;
+                    
+                    // 如果都匹配或都不匹配，保持原有顺序
+                    return 0;
+                });
+                
+                // 生成省份选项
+                const provinceList = document.getElementById('editProvinceList');
+                provinceList.innerHTML = '';
+                filteredProvinces.forEach(province => {
+                    const option = document.createElement('div');
+                    option.className = 'select-item';
+                    option.textContent = province.province;
+                    if (province.province === editSelectedProvince) {
+                        option.classList.add('selected');
+                    }
+                    option.onclick = () => {
+                        editSelectedProvince = province.province;
+                        editSelectedCity = '';
+                        editSelectedDistrict = '';
+                        updateEditRegionDisplay();
+                        generateEditCityOptions(province.cities);
+                        document.getElementById('editDistrictList').innerHTML = '';
+                    };
+                    provinceList.appendChild(option);
+                });
+                
+                // 清空城市和区县选项
+                document.getElementById('editCityList').innerHTML = '';
+                document.getElementById('editDistrictList').innerHTML = '';
+            }
+            
+            updateEditRegionDisplay();
         }
         
         // 确认编辑地区选择
@@ -9663,8 +10312,23 @@
             if (editSelectedProvince) {
                 const regionDisplayText = document.getElementById('editRegionDisplayText');
                 const regionValue = document.getElementById('editRegionValue');
-                regionDisplayText.textContent = editSelectedProvince;
-                regionValue.value = editSelectedProvince;
+                const detailAddress = document.getElementById('editDetailAddress').value;
+                
+                let regionText = editSelectedProvince;
+                if (editSelectedCity) {
+                    regionText += ` ${editSelectedCity}`;
+                    if (editSelectedDistrict) {
+                        regionText += ` ${editSelectedDistrict}`;
+                    }
+                }
+                
+                // 添加详细地址
+                if (detailAddress) {
+                    regionText += ` ${detailAddress}`;
+                }
+                
+                regionDisplayText.textContent = regionText;
+                regionValue.value = regionText;
                 saveFormData();
                 hideEditRegionSelectModal();
             } else {
@@ -10129,7 +10793,21 @@
                     producting: document.getElementById('editProductingValue').value,
                     supplyStatus: document.getElementById('editSupplyStatus').value,
                     description: document.getElementById('editDescription').value,
-                    region: document.getElementById('editRegionValue').value,
+                    region: (function() {
+                        // 重新计算包含最新详细地址的region值
+                        const regionValue = document.getElementById('editRegionValue').value;
+                        const detailAddress = document.getElementById('editDetailAddress').value;
+                        
+                        // 提取省市区部分（前三个部分）
+                        const parts = regionValue.split(' ');
+                        const provinceCityDistrict = parts.slice(0, 3).join(' ');
+                        
+                        // 重新组合region值，包含最新的详细地址
+                        if (detailAddress) {
+                            return `${provinceCityDistrict} ${detailAddress}`;
+                        }
+                        return provinceCityDistrict;
+                    })(),
                     contactId: document.getElementById('editContactId').value,
                     freshness: document.getElementById('editFreshness').value,
                     imageUrls: editCurrentImages, // 添加编辑后的图片列表
diff --git a/supply2.html b/supply2.html
new file mode 100644
index 0000000..568f80a
--- /dev/null
+++ b/supply2.html
@@ -0,0 +1,10240 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
+    <title>货源管理</title>
+    <style>
+        html, body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #fff;
+            color: #333;
+            height: 100%;
+            min-height: 100vh;
+        }
+        
+        .container {
+            width: 100%;
+            background-color: #fff;
+            padding: 20px;
+            min-height: calc(100vh - 80px);
+            box-sizing: border-box;
+        }
+        
+        /* 顶部标题栏样式优化 */
+        .title-bar {
+            background-color: #1677ff;
+            color: white;
+            padding: 15px;
+            position: sticky;
+            top: 0;
+            z-index: 100;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        
+        .title-bar-top {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        
+        .title-bar h1 {
+            margin: 0;
+            font-size: 18px;
+            font-weight: 500;
+        }
+        
+        .title-bar-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: nowrap;
+            gap: 10px;
+        }
+        
+        .title-bar-left {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .title-bar-right {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        /* 按钮悬停效果 */
+        .title-bar button:hover {
+            background-color: rgba(255, 255, 255, 0.3);
+        }
+        
+        /* 登录用户信息样式 */
+        #currentUserInfo {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #666;
+            text-align: left;
+            padding: 10px 12px;
+            background-color: #f5f9ff;
+            border-radius: 8px;
+            border: 1px solid #e6f7ff;
+            line-height: 1.3;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+        }
+        
+        #currentUserInfo div {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        
+        /* 登录信息在移动端的优化 */
+        @media (max-width: 768px) {
+            #currentUserInfo {
+                font-size: 10px;
+                padding: 8px 10px;
+                line-height: 1.2;
+            }
+        }
+        
+        /* 搜索框样式优化 */
+        .search-container {
+            padding: 15px;
+            background-color: white;
+            border-bottom: 1px solid #f0f0f0;
+        }
+        
+        /* 创建货源按钮样式优化 */
+        .create-supply-btn {
+            margin: 20px 15px;
+            text-align: center;
+        }
+        
+        .create-supply-btn button {
+            background-color: #07c160;
+            color: white;
+            border: none;
+            padding: 14px 40px;
+            border-radius: 25px;
+            font-size: 16px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+            width: 100%;
+            max-width: 300px;
+        }
+        
+        /* 货源列表样式优化 */
+        .supply-section {
+            margin: 15px;
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+        }
+        
+        /* 响应式样式 */
+        @media (max-width: 768px) {
+            /* 调整标题栏 */
+            .title-bar {
+                padding: 12px 10px;
+            }
+            
+            .title-bar h1 {
+                font-size: 16px;
+            }
+            
+            .title-bar-actions button {
+                padding: 6px 10px;
+                font-size: 12px;
+            }
+            
+            /* 调整搜索框 */
+            .search-container {
+                padding: 10px;
+            }
+            
+            /* 调整创建货源按钮 */
+            .create-supply-btn {
+                margin: 15px 10px;
+            }
+            
+            .create-supply-btn button {
+                padding: 12px 30px;
+                font-size: 15px;
+            }
+            
+            /* 调整货源列表 */
+            .supply-section {
+                margin: 10px;
+            }
+            
+            .section-header {
+                padding: 12px 15px;
+            }
+            
+            .supply-item {
+                padding: 15px;
+                flex-direction: column;
+                gap: 15px;
+            }
+            
+            .supply-images {
+                width: 100%;
+                height: 150px;
+            }
+        }
+        
+        /* 小屏幕手机的额外调整 */
+        @media (max-width: 480px) {
+            .title-bar {
+                flex-direction: column;
+                align-items: stretch;
+                gap: 8px;
+            }
+            
+            .title-bar h1 {
+                order: -1;
+                text-align: center;
+            }
+            
+            .title-bar-actions {
+                justify-content: space-around;
+            }
+        }
+        
+        /* 设备特定样式 - 电脑端 */
+        @media (min-width: 769px) {
+            /* 电脑端货源项目样式 */
+            .supply-item {
+                display: flex;
+                gap: 20px;
+                margin-bottom: 20px;
+                padding: 20px;
+                border-radius: 12px;
+                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+                transition: all 0.3s ease;
+            }
+            
+            .supply-item:hover {
+                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+                transform: translateY(-2px);
+            }
+            
+            .supply-images {
+                flex: 0 0 150px;
+            }
+            
+            .supply-info {
+                flex: 1;
+            }
+            
+            /* 电脑端规格数量框样式 */
+            .spec-quantity-box {
+                border: 1px solid #f0f0f0;
+                padding: 10px;
+                border-radius: 8px;
+                background-color: #fafafa;
+                margin-bottom: 10px;
+                transition: all 0.3s ease;
+            }
+            
+            .spec-quantity-box:hover {
+                border-color: #1890ff;
+                background-color: #f0f8ff;
+            }
+        }
+        
+        /* 设备特定样式 - 手机端 */
+        @media (max-width: 768px) {
+            /* 手机端货源项目样式 */
+            .supply-item {
+                display: flex;
+                flex-direction: column;
+                gap: 15px;
+                margin-bottom: 15px;
+                padding: 15px;
+                border-radius: 10px;
+                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+                transition: all 0.3s ease;
+            }
+            
+            .supply-item:hover {
+                box-shadow: 0 3px 12px rgba(0, 0, 0, 0.09);
+            }
+            
+            .supply-images {
+                width: 100%;
+                max-height: 200px;
+            }
+            
+            .supply-info {
+                width: 100%;
+            }
+            
+            /* 手机端规格数量框样式 */
+            .spec-quantity-box {
+                border: 1px solid #f0f0f0;
+                padding: 12px;
+                border-radius: 10px;
+                background-color: #fafafa;
+                margin-bottom: 12px;
+                text-align: center;
+                transition: all 0.3s ease;
+            }
+            
+            .spec-quantity-box:hover {
+                border-color: #1890ff;
+                background-color: #f0f8ff;
+            }
+            
+            /* 手机端操作按钮样式 */
+            .supply-actions {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 10px;
+                justify-content: center;
+            }
+            
+            .supply-actions button {
+                flex: 1;
+                min-width: 120px;
+                padding: 10px;
+                font-size: 14px;
+            }
+        }
+        
+        /* 搜索框 */
+        .search-box {
+            position: relative;
+            background-color: #f5f5f5;
+            border-radius: 20px;
+            padding: 0 15px;
+        }
+        
+        .search-input {
+            width: 100%;
+            height: 40px;
+            border: none;
+            background: transparent;
+            font-size: 14px;
+            padding-right: 30px;
+        }
+        
+        .search-input:focus {
+            outline: none;
+        }
+        
+        .clear-icon {
+            position: absolute;
+            right: 15px;
+            top: 50%;
+            transform: translateY(-50%);
+            color: #999;
+            cursor: pointer;
+        }
+        
+        .section-header {
+            padding: 16px 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #f0f0f0;
+            cursor: pointer;
+            background-color: #fafafa;
+            transition: background-color 0.3s;
+        }
+        
+        .section-header:hover {
+            background-color: #f5f5f5;
+        }
+        
+        .section-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #333;
+        }
+        
+        .section-toggle {
+            font-size: 18px;
+            color: #999;
+            transition: transform 0.3s;
+        }
+        
+        .section-toggle.expanded {
+            transform: rotate(180deg);
+            color: #1677ff;
+        }
+        
+        .supply-list {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+        }
+        
+        .supply-list.expanded {
+            max-height: none;
+            overflow: visible;
+        }
+        
+        .supply-item {
+            padding: 20px;
+            border-bottom: 1px solid #f0f0f0;
+            display: flex;
+            gap: 20px;
+            align-items: flex-start;
+            transition: all 0.3s;
+        }
+        
+        .supply-item:hover {
+            background-color: #fafafa;
+        }
+        
+        .supply-item:last-child {
+            border-bottom: none;
+        }
+        
+        /* 图片区域 */
+        .supply-images {
+            width: 120px;
+            height: 120px;
+            position: relative;
+            background-color: #f5f5f5;
+            border-radius: 8px;
+            overflow: hidden;
+            flex-shrink: 0;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        }
+        
+        .image-slider {
+            width: 100%;
+            height: 100%;
+            position: relative;
+        }
+        
+        .image-slider img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            transition: transform 0.3s;
+        }
+        
+        .supply-images:hover .image-slider img {
+            transform: scale(1.05);
+        }
+        
+        .image-indicator {
+            position: absolute;
+            bottom: 6px;
+            right: 6px;
+            background-color: rgba(0, 0, 0, 0.6);
+            color: white;
+            padding: 4px 8px;
+            border-radius: 12px;
+            font-size: 11px;
+        }
+        
+        /* 信息区域 */
+        .supply-info {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+        }
+        
+        .supply-name {
+            font-size: 16px;
+            font-weight: 600;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            color: #333;
+        }
+        
+        .supply-status {
+            font-size: 12px;
+            padding: 4px 12px;
+            border-radius: 12px;
+            color: white;
+            font-weight: 500;
+        }
+        
+        .status-published {
+            background-color: #52c41a;
+        }
+        
+        .status-pending {
+            background-color: #faad14;
+        }
+        
+        .status-rejected {
+            background-color: #f5222d;
+        }
+        
+        .status-draft {
+            background-color: #8c8c8c;
+        }
+        
+        .copy-supply-btn {
+            display: inline-block;
+            padding: 4px 12px;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            font-size: 12px;
+            background-color: #fff;
+            color: #333;
+            cursor: pointer;
+            margin-left: 8px;
+        }
+        
+        .copy-supply-btn:hover {
+            border-color: #1677ff;
+            color: #1677ff;
+        }
+        
+        .supply-details {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 10px;
+        }
+        
+        .detail-item {
+            font-size: 14px;
+            color: #666;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+        
+        .detail-item::before {
+            content: "•";
+            color: #1677ff;
+            font-size: 16px;
+        }
+        
+        .supply-actions {
+            display: flex;
+            gap: 10px;
+        }
+        
+        .supply-actions button {
+            padding: 6px 15px;
+            border: none;
+            border-radius: 4px;
+            font-size: 12px;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        
+        .btn-primary {
+            background-color: #1677ff;
+            color: white;
+        }
+        
+        .btn-warning {
+            background-color: #faad14;
+            color: white;
+        }
+        
+        .btn-danger {
+            background-color: #f5222d;
+            color: white;
+        }
+        
+        .btn-success {
+            background-color: #52c41a;
+            color: white;
+        }
+        
+        /* 模态框 - 改为全屏样式 */
+        .modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: white;
+            display: none;
+            flex-direction: column;
+            z-index: 1000;
+            overflow: hidden;
+            /* 防止iOS滚动穿透和模态框拖动，只允许垂直滑动 */
+            touch-action: pan-y;
+            /* 防止拖动 */
+            user-select: none;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+        }
+        
+        .modal.active {
+            display: flex;
+        }
+        
+        .modal-content {
+            background-color: white;
+            width: 100%;
+            height: 100%;
+            max-width: 100%;
+            max-height: none;
+            border-radius: 0;
+            overflow: hidden;
+            overflow-x: hidden;
+            box-shadow: none;
+            display: flex;
+            flex-direction: column;
+            /* 启用iOS原生滚动 */
+            -webkit-overflow-scrolling: touch;
+            overscroll-behavior: contain;
+            /* 只允许垂直触摸操作 */
+            touch-action: pan-y;
+            /* 允许内容选择 */
+            user-select: auto;
+            -webkit-user-select: auto;
+            -moz-user-select: auto;
+            -ms-user-select: auto;
+        }
+        
+        .modal-body {
+            flex: 1;
+            overflow-y: auto;
+            overflow-x: hidden;
+            /* 启用iOS原生滚动 */
+            -webkit-overflow-scrolling: touch;
+            overscroll-behavior: contain;
+            /* 只允许垂直触摸操作 */
+            touch-action: pan-y;
+        }
+        
+        /* iOS滚动穿透修复 */
+        body.modal-open {
+            position: fixed;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+        
+        .modal-header {
+            padding: 20px;
+            border-bottom: 1px solid #f0f0f0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-color: white;
+        }
+        
+        .modal-title {
+            margin: 0;
+            font-size: 18px;
+            font-weight: 500;
+            color: #333;
+        }
+        
+        .close-btn {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #999;
+            transition: color 0.3s;
+        }
+        
+        .close-btn:hover {
+            color: #333;
+        }
+        
+        .modal-body {
+            padding: 20px;
+            overflow-y: auto;
+            max-height: none;
+            flex: 1;
+        }
+        
+        /* 修复select下拉框向上显示问题 */
+        select.form-select {
+            position: relative;
+            z-index: 1;
+        }
+        
+        /* 表单样式 */
+        .form-group {
+            margin-bottom: 20px;
+        }
+        
+        .form-label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 500;
+            font-size: 14px;
+            color: #333;
+        }
+        
+        .form-input,
+        .form-select {
+            width: 100%;
+            padding: 12px 16px;
+            border: 1px solid #d9d9d9;
+            border-radius: 8px;
+            font-size: 14px;
+            box-sizing: border-box;
+            transition: all 0.3s;
+            background-color: #fafafa;
+            caret-color: #333;
+        }
+        
+        .form-input:hover,
+        .form-select:hover {
+            border-color: #1677ff;
+        }
+        
+        .form-input:focus,
+        .form-input:active,
+        .form-select:focus,
+        .form-select:active {
+            outline: none;
+            border-color: #1677ff;
+            box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
+            background-color: #fafafa;
+            caret-color: #333;
+        }
+        
+        /* 日历图标样式 */
+        .calendar-icon {
+            position: absolute;
+            right: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 16px;
+            cursor: pointer;
+            color: #999;
+        }
+        
+        /* 日期时间选择器容器 */
+        .datetime-picker {
+            position: absolute;
+            background-color: white;
+            border: 1px solid #d9d9d9;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+            padding: 16px;
+            z-index: 1000;
+            width: 300px;
+        }
+        
+        /* 日期时间选择器头部 */
+        .datetime-picker-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 16px;
+        }
+        
+        /* 日期时间选择器按钮 */
+        .datetime-picker-btn {
+            padding: 4px 12px;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            background-color: white;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        
+        .datetime-picker-btn:hover {
+            border-color: #1677ff;
+            color: #1677ff;
+        }
+        
+        /* 日期时间选择器内容 */
+        .datetime-picker-content {
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+        }
+        
+        /* 日期时间选择器输入组 */
+        .datetime-picker-group {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+        }
+        
+        .datetime-picker-group label {
+            font-size: 12px;
+            color: #666;
+        }
+        
+        .datetime-picker-group input {
+            padding: 8px 12px;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            font-size: 14px;
+            cursor: pointer;
+            width: 100%;
+            box-sizing: border-box;
+            /* 确保点击区域覆盖整个输入框 */
+            position: relative;
+            z-index: 1;
+        }
+        
+        /* 确保日期输入框的日历图标覆盖整个输入框 */
+        .datetime-picker-group input[type="date"] {
+            /* 针对不同浏览器的样式调整 */
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+        }
+        
+        /* 针对WebKit浏览器（Chrome, Safari） */
+        .datetime-picker-group input[type="date"]::-webkit-calendar-picker-indicator {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100%;
+            cursor: pointer;
+            opacity: 0;
+            z-index: 2;
+        }
+        
+        /* 针对Firefox浏览器 */
+        .datetime-picker-group input[type="date"]::-moz-calendar-picker-indicator {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100%;
+            cursor: pointer;
+            opacity: 0;
+            z-index: 2;
+        }
+        
+        /* 确保时间输入框的时钟图标覆盖整个输入框 */
+        .datetime-picker-group input[type="time"] {
+            /* 针对不同浏览器的样式调整 */
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+        }
+        
+        /* 针对WebKit浏览器（Chrome, Safari） */
+        .datetime-picker-group input[type="time"]::-webkit-calendar-picker-indicator {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100%;
+            cursor: pointer;
+            opacity: 0;
+            z-index: 2;
+        }
+        
+        /* 针对Firefox浏览器 */
+        .datetime-picker-group input[type="time"]::-moz-calendar-picker-indicator {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100%;
+            cursor: pointer;
+            opacity: 0;
+            z-index: 2;
+        }
+        
+        /* 日期时间选择器底部 */
+        .datetime-picker-footer {
+            display: flex;
+            justify-content: flex-end;
+            gap: 8px;
+            margin-top: 16px;
+        }
+        
+        /* 图片上传 */
+        .upload-area {
+            border: 2px dashed #d9d9d9;
+            border-radius: 8px;
+            padding: 20px;
+            text-align: center;
+            transition: all 0.3s;
+        }
+        
+        .upload-area:hover {
+            border-color: #1677ff;
+            background-color: #f0f8ff;
+        }
+        
+        .upload-images {
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+            margin-bottom: 15px;
+        }
+        
+        .upload-image {
+            position: relative;
+            width: 100px;
+            height: 100px;
+            border-radius: 8px;
+            overflow: hidden;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            transition: all 0.3s;
+        }
+        
+        .delete-image-btn {
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            width: 24px;
+            height: 24px;
+            background-color: rgba(245, 34, 45, 0.9);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            font-size: 16px;
+            line-height: 20px;
+            text-align: center;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .delete-image-btn:hover {
+            background-color: #f5222d;
+        }
+        
+        .upload-image:hover {
+            transform: scale(1.05);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        }
+        
+        .upload-image img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            outline: none;
+        }
+        
+        /* 移除可能导致红点的伪元素 */
+        .upload-image::before,
+        .upload-image::after,
+        .upload-area::before,
+        .upload-area::after,
+        .add-image::before,
+        .add-image::after {
+            content: none !important;
+        }
+        
+        /* 确保没有意外的背景或边框 */
+        .upload-image,
+        .upload-area,
+        .add-image {
+            outline: none !important;
+            box-shadow: none !important;
+        }
+        
+        /* 隐藏删除按钮，移除红色背景 */
+        .delete-image {
+            position: absolute;
+            top: 8px;
+            right: 8px;
+            width: 24px;
+            height: 24px;
+            background-color: rgba(0, 0, 0, 0.6);
+            color: white;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: bold;
+            transition: background-color 0.3s;
+        }
+        
+        .delete-image:hover {
+            background-color: rgba(255, 0, 0, 0.8);
+        }
+        
+        .delete-image::before {
+            content: '×';
+        }
+        
+        .upload-image {
+            position: relative;
+            display: inline-block;
+            margin: 10px;
+        }
+        
+        .upload-image img {
+            width: 100px;
+            height: 100px;
+            object-fit: cover;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: transform 0.3s;
+        }
+        
+        .upload-image img:hover {
+            transform: scale(1.05);
+        }
+        
+        .add-image {
+            width: 100px;
+            height: 100px;
+            border: 2px dashed #1677ff;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f0f8ff;
+            color: #1677ff;
+            cursor: pointer;
+            font-size: 30px;
+            transition: all 0.3s;
+        }
+        
+        .add-image:hover {
+            background-color: #e6f7ff;
+            transform: scale(1.05);
+        }
+        
+        /* 模态框底部按钮 */
+        .modal-footer {
+            padding: 16px 20px;
+            border-top: 1px solid #f0f0f0;
+            display: flex;
+            justify-content: flex-end;
+            gap: 10px;
+            background-color: #fafafa;
+        }
+        
+        /* 按钮样式优化 */
+        .supply-actions button {
+            padding: 8px 16px;
+            border: none;
+            border-radius: 6px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        
+        .supply-actions button:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+        }
+        
+        .btn-primary {
+            background-color: #1677ff;
+            color: white;
+        }
+        
+        .btn-primary:hover {
+            background-color: #4096ff;
+        }
+        
+        .btn-success {
+            background-color: #52c41a;
+            color: white;
+        }
+        
+        .btn-success:hover {
+            background-color: #73d13d;
+        }
+        
+        .btn-warning {
+            background-color: #faad14;
+            color: white;
+        }
+        
+        .btn-warning:hover {
+            background-color: #ffc53d;
+        }
+        
+        .btn-danger {
+            background-color: #f5222d;
+            color: white;
+        }
+        
+        .btn-danger:hover {
+            background-color: #ff4d4f;
+        }
+        
+        /* 禁用按钮样式 */
+        .btn-disabled {
+            background-color: #d9d9d9;
+            color: #999;
+            cursor: not-allowed;
+            pointer-events: none;
+        }
+        
+        .btn-disabled:hover {
+            background-color: #d9d9d9;
+        }
+        
+        /* 模态框按钮样式 */
+        .modal-btn {
+            padding: 10px 24px;
+            border: none;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s;
+            min-width: 80px;
+            text-align: center;
+        }
+        
+        .modal-btn-cancel {
+            background-color: #f5f5f5;
+            color: #666;
+            border: 1px solid #d9d9d9;
+        }
+        
+        .modal-btn-cancel:hover {
+            background-color: #e8e8e8;
+            border-color: #bfbfbf;
+        }
+        
+        .modal-btn-primary {
+            background-color: #1890ff;
+            color: white;
+        }
+        
+        .modal-btn-primary:hover {
+            background-color: #40a9ff;
+            box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+        }
+        
+        /* 确保模态框底部按钮区域不会被遮挡 */
+        .modal-footer {
+            position: sticky;
+            bottom: 0;
+            background-color: white;
+            z-index: 10;
+            border-top: 1px solid #f0f0f0;
+        }
+        
+        /* 搜索结果为空 */
+        .empty-state {
+            padding: 40px;
+            text-align: center;
+            color: #999;
+        }
+        
+        /* 加载更多 */
+        .load-more {
+            padding: 15px;
+            text-align: center;
+            color: #999;
+            cursor: pointer;
+        }
+        
+        .loading-text {
+            color: #1677ff;
+        }
+        
+        /* 图片预览 */
+        .image-preview {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: rgba(0, 0, 0, 0.9);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 2000;
+        }
+        
+        .image-preview.active {
+            display: flex;
+        }
+        
+        .preview-content {
+            position: relative;
+            max-width: 90%;
+            max-height: 90%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        
+        .preview-image {
+            max-width: 100%;
+            max-height: 75vh;
+            object-fit: contain;
+        }
+        
+        .zoom-controls {
+            position: absolute;
+            bottom: -50px;
+            display: flex;
+            gap: 10px;
+            margin-top: 10px;
+        }
+        
+        .zoom-btn {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            border: none;
+            background-color: #1677ff;
+            color: white;
+            font-size: 18px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background-color 0.3s;
+        }
+        
+        .zoom-btn:hover {
+            background-color: #4096ff;
+        }
+        
+        .zoom-btn:nth-child(3) {
+            border-radius: 4px;
+            width: 60px;
+            font-size: 14px;
+        }
+        
+        .close-preview {
+            position: absolute;
+            top: -40px;
+            right: -40px;
+            background-color: rgba(255, 255, 255, 0.2);
+            color: white;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            font-size: 18px;
+        }
+        
+        /* 图片查看器样式 - 适配手机端 */
+        .image-viewer {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: rgba(0, 0, 0, 0.9);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 2000;
+            cursor: pointer;
+            overflow: hidden;
+        }
+        
+        .image-viewer.active {
+            display: flex;
+        }
+        
+        .image-viewer-content {
+            position: relative;
+            width: 90%;
+            height: 90%;
+            max-width: 100vw;
+            max-height: 100vh;
+            cursor: default;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        
+        .image-viewer-close {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+            width: 30px;
+            height: 30px;
+            background-color: rgba(255, 255, 255, 0.2);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            font-size: 20px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background-color 0.3s;
+            z-index: 20;
+        }
+        
+        .image-viewer-close:hover {
+            background-color: rgba(255, 255, 255, 0.3);
+        }
+        
+        /* 图片导航按钮 */
+        .image-viewer-nav {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 40px;
+            height: 40px;
+            background-color: rgba(0, 0, 0, 0.6);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            font-size: 24px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background-color 0.3s;
+            z-index: 10;
+        }
+        
+        .image-viewer-nav:hover {
+            background-color: rgba(0, 0, 0, 0.8);
+        }
+        
+        .prev-btn {
+            left: 10px;
+        }
+        
+        .next-btn {
+            right: 10px;
+        }
+        
+        /* 图片计数器 */
+        .image-viewer-counter {
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            background-color: rgba(0, 0, 0, 0.6);
+            color: white;
+            padding: 4px 12px;
+            border-radius: 15px;
+            font-size: 14px;
+            font-weight: 500;
+            z-index: 10;
+        }
+        
+        /* 预览图片样式 */
+        .preview-image, .preview-video {
+            max-width: 100%;
+            max-height: 100%;
+            width: auto;
+            height: auto;
+            object-fit: contain;
+        }
+        
+        /* 响应式设计 */
+        @media (max-width: 768px) {
+            .image-viewer-content {
+                width: 95%;
+                height: 95%;
+            }
+            
+            .image-viewer-nav {
+                width: 35px;
+                height: 35px;
+                font-size: 20px;
+            }
+            
+            .image-viewer-close {
+                top: 15px;
+                right: 15px;
+                width: 28px;
+                height: 28px;
+                font-size: 18px;
+            }
+            
+            .image-viewer-counter {
+                bottom: 15px;
+                font-size: 13px;
+            }
+        }
+        
+        /* iOS设备优化 */
+        @media screen and (max-width: 768px) {
+            /* 防止iOS设备上的页面拖动 */
+            body {
+                -webkit-overflow-scrolling: touch;
+                overflow-x: hidden;
+            }
+            
+            /* 确保容器不会溢出 */
+            .container {
+                overflow-x: hidden;
+                position: relative;
+            }
+            
+            /* 优化标题栏在iOS上的显示 */
+            .title-bar {
+                position: relative;
+                z-index: 100;
+            }
+            
+            /* 优化按钮布局在iOS上的显示 */
+            .supply-actions {
+                flex-wrap: wrap;
+                gap: 8px;
+            }
+            
+            .supply-actions button {
+                flex: 1;
+                min-width: 80px;
+                text-align: center;
+            }
+        }
+        
+        /* 选择弹窗 */
+        .select-modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: rgba(0, 0, 0, 0.5);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 1500;
+        }
+        
+        .select-modal.active {
+            display: flex;
+        }
+        
+        .select-content {
+            background-color: white;
+            width: 90%;
+            max-width: 600px;
+            max-height: 70vh;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .select-header {
+            padding: 20px;
+            border-bottom: 1px solid #f0f0f0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .select-body {
+            flex: 1;
+            overflow-y: auto;
+        }
+        
+        .select-search {
+            padding: 15px 20px;
+            border-bottom: 1px solid #f0f0f0;
+        }
+        
+        .select-list {
+            padding: 0;
+        }
+        
+        .select-item {
+            padding: 15px 20px;
+            border-bottom: 1px solid #f0f0f0;
+            cursor: pointer;
+            text-align: center;
+            transition: background-color 0.3s;
+        }
+        
+        .select-item:hover {
+            background-color: #f5f5f5;
+        }
+        
+        .select-item.selected {
+            background-color: #e6f7ff;
+            color: #1677ff;
+        }
+        
+        /* 适配移动端 */
+        @media (max-width: 768px) {
+            .supply-item {
+                flex-direction: column;
+            }
+            
+            .supply-images,
+            .supply-info {
+                width: 100%;
+            }
+            
+            .supply-info {
+                padding-left: 0;
+                margin-top: 15px;
+            }
+            
+            .image-slider {
+                height: 150px;
+            }
+            
+            /* 调整手机端规格-件数-价格对的布局 */
+            .spec-quantity-pair {
+                flex-wrap: wrap;
+                align-items: stretch;
+            }
+            
+            .spec-value {
+                width: 100%;
+                margin-bottom: 10px;
+            }
+            
+            /* 件数和采购价在手机端显示为一行 */
+            .quantity-input,
+            .costprice-input {
+                flex: 1;
+                width: calc(50% - 5px);
+                margin-bottom: 0;
+            }
+            
+            /* 创建件数和采购价的容器，让它们在手机端水平排列 */
+            .spec-quantity-pair {
+                position: relative;
+            }
+            
+            /* 调整件数和采购价的排列 */
+            .spec-quantity-pair {
+                display: flex;
+                flex-direction: column;
+            }
+            
+            /* 创建一个容器来容纳件数和采购价输入框 */
+            .quantity-costprice-container {
+                display: flex;
+                gap: 10px;
+                margin-bottom: 10px;
+            }
+            
+            .remove-quantity-btn {
+                align-self: flex-end;
+                margin-bottom: 0;
+            }
+        }
+        
+        /* 件数输入样式 */
+        #quantityContainer {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        
+        .quantity-item {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .quantity-input {
+            flex: 1;
+        }
+        
+        .costprice-input {
+            flex: 1;
+        }
+        
+        .remove-quantity-btn {
+            width: 32px;
+            height: 32px;
+            border: none;
+            background-color: #ff4d4f;
+            color: white;
+            border-radius: 50%;
+            font-size: 16px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .add-quantity-btn {
+            align-self: flex-start;
+            padding: 8px 16px;
+            border: 1px dashed #1677ff;
+            background-color: white;
+            color: #1677ff;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        
+        .add-quantity-btn:hover {
+            background-color: #e6f7ff;
+        }
+        
+        /* 规格和件数对样式 */
+        #specQuantityContainer,
+        #editSpecQuantityContainer {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        
+        .spec-quantity-pair {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+            background-color: #fafafa;
+            padding: 10px;
+            border-radius: 8px;
+            border: 1px solid #f0f0f0;
+        }
+        
+        .spec-value {
+            flex: 1;
+            min-width: 100%;
+        }
+        
+        /* 件数和采购价的容器 */
+        .quantity-cost-container {
+            display: flex;
+            gap: 10px;
+            width: 100%;
+        }
+        
+        .quantity-input,
+        .costprice-input {
+            flex: 1;
+            width: 50%;
+        }
+        
+        .spec-value {
+            flex: 1;
+            padding: 10px;
+            border: 1px solid #d9d9d9;
+            border-radius: 8px;
+            font-size: 14px;
+            box-sizing: border-box;
+            background-color: white;
+            cursor: pointer;
+        }
+        
+        .quantity-input,
+        .costprice-input {
+            width: calc(50% - 5px);
+            background-color: white;
+            height: 40px;
+            box-sizing: border-box;
+        }
+        
+        .add-spec-quantity-btn {
+            align-self: flex-start;
+            padding: 8px 16px;
+            border: 1px dashed #1677ff;
+            background-color: white;
+            color: #1677ff;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            margin-top: 5px;
+        }
+        
+        .add-spec-quantity-btn:hover {
+            background-color: #e6f7ff;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <!-- 标题栏 -->
+        <div class="title-bar">
+            <!-- 顶部标题 -->
+            <div class="title-bar-top">
+                <h1>我的货源</h1>
+            </div>
+            <!-- 底部按钮栏 -->
+            <div class="title-bar-bottom">
+                <!-- 左侧：返回按钮 -->
+                <div class="title-bar-left">
+                    <button onclick="window.location.href='SupplierReview.html'" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+                        返回审核
+                    </button>
+                </div>
+                <!-- 右侧：联系客服、刷新和用户信息 -->
+                <div class="title-bar-right">
+                    <button onclick="contactCustomerService()" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+                        联系客服
+                    </button>
+                    <button class="apply-settlement-btn" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+                        已入驻
+                    </button>
+                </div>
+            </div>
+        </div>
+        
+        <!-- 搜索框 -->
+        <div class="search-container">
+            <div class="search-box">
+                <input type="text" class="search-input" placeholder="搜索货源名称或地区" id="searchInput" oninput="onSearchInput(event)" onkeypress="onSearchConfirm(event)">
+                <div id="clearSearch" class="clear-icon" style="display: none;" onclick="clearSearch()">✕</div>
+            </div>
+            <!-- 当前登录用户信息提示 -->
+            <div id="currentUserInfo" style="margin-top: 10px; font-size: 12px; color: #666; text-align: left;"></div>
+        </div>
+        
+        <!-- 创建新货源按钮 -->
+        <div class="create-supply-btn">
+            <button onclick="showAddSupplyModal()">创建新货源</button>
+        </div>
+        
+        <!-- 已上架货源 -->
+        <div class="supply-section">
+            <div class="section-header" onclick="toggleSection('published')">
+                <div class="section-title">已上架货源 (0)</div>
+                <div id="publishedToggle" class="section-toggle">▼</div>
+            </div>
+            <div id="publishedList" class="supply-list">
+                <div class="empty-state">暂无已上架的货源</div>
+            </div>
+        </div>
+        
+        <!-- 审核中的货源 -->
+        <div class="supply-section" style="display: none;">
+            <div class="section-header" onclick="toggleSection('pending')">
+                <div class="section-title">审核中的货源 (0)</div>
+                <div id="pendingToggle" class="section-toggle">▼</div>
+            </div>
+            <div id="pendingList" class="supply-list">
+                <div class="empty-state">暂无审核中的货源</div>
+            </div>
+        </div>
+        
+        <!-- 审核失败的货源 -->
+        <div class="supply-section" style="display: none;">
+            <div class="section-header" onclick="toggleSection('rejected')">
+                <div class="section-title">审核失败的货源 (0)</div>
+                <div id="rejectedToggle" class="section-toggle">▼</div>
+            </div>
+            <div id="rejectedList" class="supply-list">
+                <div class="empty-state">暂无审核失败的货源</div>
+            </div>
+        </div>
+        
+        <!-- 下架状态货源 -->
+        <div class="supply-section">
+            <div class="section-header" onclick="toggleSection('draft')">
+                <div class="section-title">下架状态货源 (0)</div>
+                <div id="draftToggle" class="section-toggle">▼</div>
+            </div>
+            <div id="draftList" class="supply-list">
+                <div class="empty-state">暂无下架状态的货源</div>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 新鲜程度选择弹窗 -->
+    <div id="freshnessSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择新鲜程度</h3>
+                <button class="close-btn" onclick="hideFreshnessSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="freshnessSearchInput" placeholder="搜索新鲜程度" oninput="filterFreshnessOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="freshnessOptionsList" class="select-list">
+                    <!-- 新鲜程度选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideFreshnessSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmFreshnessSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑新鲜程度选择弹窗 -->
+    <div id="editFreshnessSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择新鲜程度</h3>
+                <button class="close-btn" onclick="hideEditFreshnessSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editFreshnessSearchInput" placeholder="搜索新鲜程度" oninput="filterEditFreshnessOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editFreshnessOptionsList" class="select-list">
+                    <!-- 新鲜程度选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditFreshnessSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmEditFreshnessSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 创建货源模态框 -->
+    <div id="createSupplyModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title">创建货源</h2>
+                <button class="close-btn" onclick="hideAddSupplyModal()">×</button>
+            </div>
+            <div class="modal-body">
+                <form id="createSupplyForm">
+                    <!-- 货源状态选择 (预售/现货) -->
+                    <div class="form-group">
+                        <label class="form-label">货源状态 <span style="color: red;">*</span></label>
+                        <div style="display: flex; gap: 10px;">
+                            <button type="button" id="preSaleBtn" class="status-button" onclick="setSupplyStatus('预售')" style="padding: 8px 20px; border: 2px solid #d9d9d9; background-color: white; color: #666; border-radius: 6px; cursor: pointer;">预售</button>
+                            <button type="button" id="inStockBtn" class="status-button" onclick="setSupplyStatus('现货')" style="padding: 8px 20px; border: 2px solid #d9d9d9; background-color: white; color: #666; border-radius: 6px; cursor: pointer;">现货</button>
+                            <input type="hidden" id="supplyStatus" value="">
+                        </div>
+                        <div style="margin-top: 10px; padding: 8px; background-color: #f5f5f5; border-radius: 4px; font-size: 12px; color: #666; text-align: left;">
+                            预售(没有现货,销售未来的货), 现货(当日可用于销售的货源)
+                        </div>
+                    </div>
+                    
+                    <!-- 商品图片 -->
+                    <div class="form-group">
+                        <label class="form-label">商品图片 <span style="color: red;">*</span></label>
+                        <div class="upload-area">
+                            <div id="uploadImages" class="upload-images"></div>
+                            <div class="add-image" onclick="triggerImageUpload()">+</div>
+                            <input type="file" id="imageUpload" multiple accept="image/*,video/mp4,video/mov,video/avi,video/wmv,video/flv" style="display: none;" onchange="handleImageUpload(event)">
+                            <div style="font-size: 12px; color: #666; margin-top: 10px; text-align: left; padding: 8px; background-color: #f5f5f5; border-radius: 4px;">
+                                <div>图片要求：</div>
+                                <div>1. 箱子堆头图（不得出现地址、电话及货源信息，直营包场除外）；</div>
+                                <div>2. 鸡蛋外观图；</div>
+                                <div>3. 敲开鸡蛋后清晰显示蛋清、蛋黄状态，以体现新鲜度；</div>
+                                <div>4. 其他能佐证蛋重、品种的辅助图片。</div>
+                            </div>
+                            <div style="font-size: 12px; color: #999; margin-top: 10px; text-align: left;">最多上传2张图片或视频</div>
+                        </div>
+                    </div>
+                    
+                    <!-- 货源类型 -->
+                    <div class="form-group">
+                        <label class="form-label">货源类型 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="sourceTypeSelect" onclick="showSourceTypeSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="sourceTypeDisplayText">请选择货源类型</span>
+                            <input type="hidden" id="sourceType" name="sourceType">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 种类 -->
+                    <div class="form-group">
+                        <label class="form-label">种类 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="categorySelect" onclick="showCategorySelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="categoryDisplayText">请选择种类</span>
+                            <input type="hidden" id="category" name="category">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 商品名称 -->
+                    <div class="form-group">
+                        <label class="form-label">商品名称 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="productNameSelect" onclick="showProductNameSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="productNameDisplayText">请选择商品名称</span>
+                            <input type="hidden" id="productName" name="productName">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 蛋黄类型 -->
+                    <div class="form-group">
+                        <label class="form-label">蛋黄类型 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="yolkSelect" onclick="showYolkSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="yolkDisplayText">请选择蛋黄类型</span>
+                            <input type="hidden" id="yolk" name="yolk">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 产品包装 -->
+                    <div class="form-group">
+                        <label class="form-label">产品包装 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="producting" onclick="showProductingSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="productingDisplayText">请选择产品包装</span>
+                            <input type="hidden" id="productingValue" name="producting">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 新鲜程度 -->
+                    <div class="form-group">
+                        <label class="form-label">新鲜程度 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="freshnessSelect" onclick="showFreshnessSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="freshnessDisplayText">请选择新鲜程度</span>
+                            <input type="hidden" id="freshness" name="freshness">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 地区 -->
+                    <div class="form-group">
+                        <label class="form-label">地区 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="region" onclick="showRegionSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="regionDisplayText">请选择地区</span>
+                            <input type="hidden" id="regionValue" name="region">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 规格和件数 -->
+                    <div class="form-group">
+                        <label class="form-label">规格件数和采购价格 <span style="color: red;">*</span></label>
+                        <div id="specQuantityContainer">
+                            <!-- 规格-件数对列表 -->
+                            <div id="specQuantityPairs"></div>
+                            <!-- 添加规格-件数对的按钮 -->
+                            <button type="button" class="add-spec-quantity-btn" onclick="addSpecQuantityPair()">+ 添加规格-件数-价格</button>
+                        </div>
+                        <input type="hidden" id="specValue" name="spec">
+                        <input type="hidden" id="quantityValue" name="quantity">
+                    </div>
+                    
+                    <!-- 分配联系人 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">分配联系人</label>
+                        <div class="form-select" id="contactIdSelect" onclick="showContactIdSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="contactIdDisplayText">请选择联系人</span>
+                            <input type="hidden" id="contactId" name="contactId">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 斤重 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">斤重</label>
+                        <input type="text" class="form-input" id="grossWeight" placeholder="请输入斤重">
+                    </div>
+                    
+                    <!-- 价格 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">价格（销售价）</label>
+                        <input type="text" class="form-input" id="price" placeholder="请输入价格" onwheel="this.blur()">
+                    </div>
+                    
+                    <!-- 采购价 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">采购价</label>
+                        <input type="text" class="form-input" id="costprice" placeholder="请输入采购价" onwheel="this.blur()">
+                    </div>
+                    
+                    <!-- 货源描述 -->
+                    <div class="form-group">
+                        <label class="form-label">货源描述 <span style="color: red;">*</span></label>
+                        <input type="text" class="form-input" id="description" placeholder="请输入货源描述" required>
+                    </div>
+                    
+                    <!-- 自动下架时间 -->
+                    <div class="form-group">
+                        <label class="form-label">自动下架时间 <span style="color: red;">*</span></label>
+                        <select class="form-select" id="autoOfflineMinutes">
+                            <option value="1">1分钟</option>
+                            <option value="5">5分钟</option>
+                            <option value="10">10分钟</option>
+                            <option value="30">30分钟</option>
+                            <option value="60">60分钟 (1小时)</option>
+                            <option value="120">120分钟 (2小时)</option>
+                            <option value="180">180分钟 (3小时)</option>
+                            <option value="360">360分钟 (6小时)</option>
+                            <option value="720" selected>720分钟 (12小时)</option>
+                            <option value="1440">1440分钟 (1天)</option>
+                            <option value="2880">2880分钟 (2天)</option>
+                            <option value="4320">4320分钟 (3天)</option>
+                            <option value="5760">5760分钟 (4天)</option>
+                            <option value="7200">7200分钟 (5天)</option>
+                            <option value="8640">8640分钟 (6天)</option>
+                            <option value="10080">10080分钟 (7天)</option>
+                        </select>
+                    </div>
+                    
+                    <!-- 预创建时间 -->
+                    <div class="form-group">
+                        <label class="form-label">预创建时间</label>
+                        <div style="position: relative;">
+                            <input type="text" class="form-input" id="preCreateTime" placeholder="选择预计创建时间" onclick="showDateTimePicker('preCreateTime')" readonly>
+                            <span class="calendar-icon" onclick="showDateTimePicker('preCreateTime')">📅</span>
+                        </div>
+                        <div style="font-size: 12px; color: #999; margin-top: 5px;">设置预创建时间后，系统将在指定时间自动创建货源</div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="modal-btn modal-btn-cancel" onclick="hideAddSupplyModal()">取消</button>
+                <button class="modal-btn" onclick="clearFormMemory()">清除</button>
+                <button class="modal-btn modal-btn-primary" onclick="addSupply()">创建</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 图片预览 -->
+    <div id="imagePreview" class="image-viewer">
+        <div class="image-viewer-content">
+            <!-- 上一张按钮 -->
+            <button class="image-viewer-nav prev-btn" onclick="prevPreviewImage()">‹</button>
+            <!-- 图片显示 -->
+            <img id="previewImage" class="preview-image" src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%22100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23f5f5f5%22/%3E%3Ctext x=%2250%22 y=%2250%22 font-family=%22Arial%22 font-size=%2212%22 fill=%22%23999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22%3E暂无图片%3C/text%3E%3C/svg%3E" style="transform: scale(1); transition: transform 0.1s ease;">
+            <!-- 视频显示 -->
+            <video id="previewVideo" class="preview-image" src="" controls style="transform: scale(1); transition: transform 0.1s ease;"></video>
+            <!-- 下一张按钮 -->
+            <button class="image-viewer-nav next-btn" onclick="nextPreviewImage()">›</button>
+            <!-- 关闭按钮 -->
+            <button class="image-viewer-close" onclick="closeImagePreview()">×</button>
+            <!-- 图片计数器 -->
+            <div id="previewCounter" class="image-viewer-counter"></div>
+        </div>
+    </div>
+    
+    <!-- 货源类型选择弹窗 -->
+    <div id="sourceTypeSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择货源类型</h3>
+                <button class="close-btn" onclick="hideSourceTypeSelectModal()">×</button>
+            </div>
+            <div style="padding: 10px 20px; background-color: #f0f8ff; border-radius: 4px; margin: 0 20px; font-size: 12px; color: #1890ff;">
+                <div>平台货源: 直接包场货源</div>
+                <div>鸡场直销: 鸡场直销货源</div>
+                <div>第三方货源: 贸易商货源</div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="sourceTypeSearchInput" placeholder="搜索货源类型" oninput="filterSourceTypeOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="sourceTypeOptionsList" class="select-list">
+                    <!-- 货源类型选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideSourceTypeSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmSourceTypeSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 商品名称选择弹窗 -->
+    <div id="productNameSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择商品名称</h3>
+                <button class="close-btn" onclick="hideProductNameSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="productNameSearchInput" placeholder="搜索商品名称" oninput="filterProductNameOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="productNameOptionsList" class="select-list">
+                    <!-- 商品名称选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideProductNameSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmProductNameSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 蛋黄类型选择弹窗 -->
+    <div id="yolkSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择蛋黄类型</h3>
+                <button class="close-btn" onclick="hideYolkSelectModal()">×</button>
+            </div>
+            <div style="padding: 10px 20px; background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 4px; margin: 0 20px; font-size: 12px; color: #856404;">
+                <div>请按实际情况选择蛋黄颜色,对于脏次或者冻库蛋不知道蛋黄颜色的情况下可以填写未知</div>
+                <div>(如果有色卡可以在货源描述里面填写色度)</div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="yolkSearchInput" placeholder="搜索蛋黄类型" oninput="filterYolkOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="yolkOptionsList" class="select-list">
+                    <!-- 蛋黄类型选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideYolkSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmYolkSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 联系人选择弹窗 -->
+    <div id="contactIdSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择联系人</h3>
+                <button class="close-btn" onclick="hideContactIdSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="contactIdSearchInput" placeholder="搜索联系人" oninput="filterContactIdOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="contactIdOptionsList" class="select-list">
+                    <!-- 联系人选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideContactIdSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmContactIdSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 规格选择弹窗 -->
+    <div id="specSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择规格</h3>
+                <button class="close-btn" onclick="hideSpecSelectModal()">×</button>
+            </div>
+            <div style="padding: 0 20px 10px 20px;">
+                <div style="padding: 8px; background-color: #f5f5f5; border-radius: 4px; font-size: 12px; color: #666; text-align: left;">
+                    按重量选择该批次货最多的重量区间
+                </div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="specSearchInput" placeholder="搜索规格" oninput="filterSpecOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="specOptionsList" class="select-list">
+                    <!-- 规格选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideSpecSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmSpecSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 地区选择弹窗 -->
+    <div id="regionSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择地区</h3>
+                <button class="close-btn" onclick="hideRegionSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="regionSearchInput" placeholder="搜索地区" oninput="filterRegionOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+                <div id="currentRegion" style="margin-top: 10px; padding: 8px 12px; background-color: #f0f8ff; border: 1px solid #91d5ff; border-radius: 4px; font-size: 12px; color: #1890ff;">当前选择: 未选择</div>
+            </div>
+            <div class="select-body" style="height: 400px;">
+                <div id="regionOptionsList" style="display: flex; gap: 10px; padding: 10px; height: 100%;">
+                    <!-- 省市选择将通过JavaScript动态生成 -->
+                    <div id="provinceList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="cityList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideRegionSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmRegionSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 种类选择弹窗 -->
+    <div id="categorySelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择种类</h3>
+                <button class="close-btn" onclick="hideCategorySelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="categorySearchInput" placeholder="搜索种类" oninput="filterCategoryOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="categoryOptionsList" class="select-list">
+                    <!-- 种类选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideCategorySelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmCategorySelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 产品包装选择弹窗 -->
+    <div id="productingSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择产品包装</h3>
+                <button class="close-btn" onclick="hideProductingSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="productingSearchInput" placeholder="搜索产品包装" oninput="filterProductingOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="productingOptionsList" class="select-list">
+                    <!-- 产品包装选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideProductingSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmProductingSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- 审核失败原因弹窗 -->
+    <div id="rejectReasonModal" class="modal">
+        <div class="modal-content" style="max-width: 500px; max-height: 500px; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+            <div class="modal-header">
+                <h2 class="modal-title">审核失败原因</h2>
+                <button class="close-btn" onclick="closeRejectReasonModal()">×</button>
+            </div>
+            <div class="modal-body">
+                <div id="rejectReasonContent" style="min-height: 100px; padding: 15px; background-color: #f8f9fa; border-radius: 4px; white-space: pre-wrap; font-size: 14px;"></div>
+            </div>
+            <div class="modal-footer">
+                <button class="supply-actions button btn-success" onclick="resubmitRejectedSupply()" style="padding: 8px 20px;">重新提交</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑货源模态框 -->
+    <div id="editSupplyModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title">编辑货源</h2>
+                <button class="close-btn" onclick="hideEditSupplyModal()">×</button>
+            </div>
+            <div class="modal-body">
+                <form id="editSupplyForm">
+
+                    <div class="form-group">
+                        <label class="form-label">货源状态 <span style="color: red;">*</span></label>
+                        <div style="display: flex; gap: 10px;">
+                            <button type="button" id="editPreSaleBtn" class="status-button" onclick="setEditSupplyStatus('预售')" style="padding: 8px 20px; border: 2px solid #d9d9d9; background-color: white; color: #666; border-radius: 6px; cursor: pointer;">预售</button>
+                            <button type="button" id="editInStockBtn" class="status-button" onclick="setEditSupplyStatus('现货')" style="padding: 8px 20px; border: 2px solid #d9d9d9; background-color: white; color: #666; border-radius: 6px; cursor: pointer;">现货</button>
+                            <input type="hidden" id="editSupplyStatus" value="">
+                        </div>
+                        <div style="margin-top: 10px; padding: 8px; background-color: #f5f5f5; border-radius: 4px; font-size: 12px; color: #666; text-align: left;">
+                            预售(没有现货,销售未来的货), 现货(当日可用于销售的货源)
+                        </div>
+                    </div>
+                    
+                    <!-- 商品图片 -->
+                    <div class="form-group">
+                        <label class="form-label">商品图片 <span style="color: red;">*</span></label>
+                        <div class="upload-area">
+                            <div id="editUploadImages" class="upload-images" style="display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 15px;">
+                                <!-- 图片将通过JavaScript动态加载 -->
+                            </div>
+                            <div class="add-image" onclick="triggerEditImageUpload()">+</div>
+
+                            <div style="font-size: 12px; color: #999; margin-top: 10px; text-align: left;">最多上传2张图片或视频</div>
+                        </div>
+                        <div style="font-size: 12px; color: #999; margin-top: 10px;">最多上传2张图片或视频</div>
+                        <input type="file" id="editImageUpload" multiple accept="image/*,video/mp4,video/mov,video/avi,video/wmv,video/flv" style="display: none;" onchange="handleEditImageUpload(event)">
+                        <button type="button" onclick="triggerEditImageUpload()" style="margin-top: 10px; padding: 8px 16px; background-color: #f0f0f0; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; cursor: pointer;">
+                            添加图片或视频
+                        </button>
+                    </div>
+                    
+                    <!-- 货源类型 -->
+                    <div class="form-group">
+                        <label class="form-label">货源类型 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editSourceTypeSelect" onclick="showEditSourceTypeSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editSourceTypeDisplayText">请选择货源类型</span>
+                            <input type="hidden" id="editSourceType" name="sourceType">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 种类 -->
+                    <div class="form-group">
+                        <label class="form-label">种类 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editCategorySelect" onclick="showEditCategorySelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editCategoryDisplayText">请选择种类</span>
+                            <input type="hidden" id="editCategory" name="category">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 商品名称 -->
+                    <div class="form-group">
+                        <label class="form-label">商品名称 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editProductNameSelect" onclick="showEditProductNameSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editProductNameDisplayText">请选择商品名称</span>
+                            <input type="hidden" id="editProductName" name="productName">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 蛋黄类型 -->
+                    <div class="form-group">
+                        <label class="form-label">蛋黄类型 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editYolkSelect" onclick="showEditYolkSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editYolkDisplayText">请选择蛋黄类型</span>
+                            <input type="hidden" id="editYolk" name="yolk">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 产品包装 -->
+                    <div class="form-group">
+                        <label class="form-label">产品包装 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editProducting" onclick="showEditProductingSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editProductingDisplayText">请选择产品包装</span>
+                            <input type="hidden" id="editProductingValue" name="producting">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 新鲜程度 -->
+                    <div class="form-group">
+                        <label class="form-label">新鲜程度 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editFreshnessSelect" onclick="showEditFreshnessSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editFreshnessDisplayText">请选择新鲜程度</span>
+                            <input type="hidden" id="editFreshness" name="freshness">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+
+                    <!-- 地区 -->
+                    <div class="form-group">
+                        <label class="form-label">地区 <span style="color: red;">*</span></label>
+                        <div class="form-select" id="editRegion" onclick="showEditRegionSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editRegionDisplayText">请选择地区</span>
+                            <input type="hidden" id="editRegionValue" name="region">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 规格和件数 -->
+                    <div class="form-group">
+                        <label class="form-label">规格件数和采购价格 <span style="color: red;">*</span></label>
+                        <div id="editSpecQuantityContainer">
+                            <!-- 规格-件数对列表 -->
+                            <div id="editSpecQuantityPairs"></div>
+                            <!-- 添加规格-件数对的按钮 -->
+                            <button type="button" class="add-spec-quantity-btn" onclick="addEditSpecQuantityPair()">+ 添加规格-件数-价格</button>
+                        </div>
+                        <input type="hidden" id="editSpecValue" name="spec">
+                        <input type="hidden" id="editQuantityValue" name="quantity">
+                    </div>
+                    
+                    <!-- 分配联系人 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">分配联系人</label>
+                        <div class="form-select" id="editContactIdSelect" onclick="showEditContactIdSelectModal()" style="cursor: pointer; position: relative; padding-right: 30px;">
+                            <span id="editContactIdDisplayText">请选择联系人</span>
+                            <input type="hidden" id="editContactId" name="contactId">
+                            <span style="position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999;">▼</span>
+                        </div>
+                    </div>
+                    
+                    <!-- 斤重 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">斤重</label>
+                        <input type="text" class="form-input" id="editGrossWeight" placeholder="请输入斤重">
+                    </div>
+                    
+                    <!-- 价格 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">价格（销售价）</label>
+                        <input type="text" class="form-input" id="editPrice" placeholder="请输入价格" onwheel="this.blur()">
+                    </div>
+                    
+                    <!-- 采购价 -->
+                    <div class="form-group" style="display: none;">
+                        <label class="form-label">采购价</label>
+                        <input type="text" class="form-input" id="editCostprice" placeholder="请输入采购价" onwheel="this.blur()">
+                    </div>
+                    
+                    <!-- 货源描述 -->
+                    <div class="form-group">
+                        <label class="form-label">货源描述 <span style="color: red;">*</span></label>
+                        <input type="text" class="form-input" id="editDescription" placeholder="请输入货源描述" required>
+                    </div>
+                    
+                    <!-- 自动下架时间 -->
+                    <div class="form-group">
+                        <label class="form-label">自动下架时间 <span style="color: red;">*</span></label>
+                        <select class="form-select" id="editAutoOfflineMinutes">
+                            <option value="1">1分钟</option>
+                            <option value="5">5分钟</option>
+                            <option value="10">10分钟</option>
+                            <option value="30">30分钟</option>
+                            <option value="60">60分钟 (1小时)</option>
+                            <option value="120">120分钟 (2小时)</option>
+                            <option value="180">180分钟 (3小时)</option>
+                            <option value="360">360分钟 (6小时)</option>
+                            <option value="720" selected>720分钟 (12小时)</option>
+                            <option value="1440">1440分钟 (1天)</option>
+                            <option value="2880">2880分钟 (2天)</option>
+                            <option value="4320">4320分钟 (3天)</option>
+                            <option value="5760">5760分钟 (4天)</option>
+                            <option value="7200">7200分钟 (5天)</option>
+                            <option value="8640">8640分钟 (6天)</option>
+                            <option value="10080">10080分钟 (7天)</option>
+                        </select>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="modal-btn modal-btn-cancel" onclick="hideEditSupplyModal()">取消</button>
+                <button class="modal-btn modal-btn-primary" onclick="saveEditSupply()">保存</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑规格选择弹窗 -->
+    <div id="editSpecSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择规格</h3>
+                <button class="close-btn" onclick="hideEditSpecSelectModal()">×</button>
+            </div>
+            <div style="padding: 0 20px 10px 20px;">
+                <div style="padding: 8px; background-color: #f5f5f5; border-radius: 4px; font-size: 12px; color: #666; text-align: left;">
+                    按重量选择该批次货最多的重量区间
+                </div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editSpecSearchInput" placeholder="搜索规格" oninput="filterEditSpecOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editSpecOptionsList" class="select-list">
+                    <!-- 规格选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditSpecSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditSpecSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑货源类型选择弹窗 -->
+    <div id="editSourceTypeSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择货源类型</h3>
+                <button class="close-btn" onclick="hideEditSourceTypeSelectModal()">×</button>
+            </div>
+            <div style="padding: 10px 20px; background-color: #f0f8ff; border-radius: 4px; margin: 0 20px; font-size: 12px; color: #1890ff;">
+                <div>平台货源: 直接包场货源</div>
+                <div>鸡场直销: 鸡场直销货源</div>
+                <div>第三方货源: 贸易商货源</div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editSourceTypeSearchInput" placeholder="搜索货源类型" oninput="filterEditSourceTypeOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editSourceTypeOptionsList" class="select-list">
+                    <!-- 货源类型选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditSourceTypeSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditSourceTypeSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑种类选择弹窗 -->
+    <div id="editCategorySelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择种类</h3>
+                <button class="close-btn" onclick="hideEditCategorySelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editCategorySearchInput" placeholder="搜索种类" oninput="filterEditCategoryOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editCategoryOptionsList" class="select-list">
+                    <!-- 种类选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditCategorySelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditCategorySelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑商品名称选择弹窗 -->
+    <div id="editProductNameSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择商品名称</h3>
+                <button class="close-btn" onclick="hideEditProductNameSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editProductNameSearchInput" placeholder="搜索商品名称" oninput="filterEditProductNameOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editProductNameOptionsList" class="select-list">
+                    <!-- 商品名称选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditProductNameSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditProductNameSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑蛋黄类型选择弹窗 -->
+    <div id="editYolkSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择蛋黄类型</h3>
+                <button class="close-btn" onclick="hideEditYolkSelectModal()">×</button>
+            </div>
+            <div style="padding: 10px 20px; background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 4px; margin: 0 20px; font-size: 12px; color: #856404;">
+                <div>请按实际情况选择蛋黄颜色,对于脏次或者冻库蛋不知道蛋黄颜色的情况下可以填写未知</div>
+                <div>(如果有色卡可以在货源描述里面填写色度)</div>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editYolkSearchInput" placeholder="搜索蛋黄类型" oninput="filterEditYolkOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editYolkOptionsList" class="select-list">
+                    <!-- 蛋黄类型选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditYolkSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditYolkSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑联系人选择弹窗 -->
+    <div id="editContactIdSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择联系人</h3>
+                <button class="close-btn" onclick="hideEditContactIdSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editContactIdSearchInput" placeholder="搜索联系人" oninput="filterEditContactIdOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editContactIdOptionsList" class="select-list">
+                    <!-- 联系人选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditContactIdSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditContactIdSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑产品包装选择弹窗 -->
+    <div id="editProductingSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择产品包装</h3>
+                <button class="close-btn" onclick="hideEditProductingSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editProductingSearchInput" placeholder="搜索产品包装" oninput="filterEditProductingOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+            </div>
+            <div class="select-body">
+                <div id="editProductingOptionsList" class="select-list">
+                    <!-- 产品包装选项将通过JavaScript动态生成 -->
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditProductingSelectModal()" style="padding: 8px 20px; background-color: #f5f5f5; color: #666; border: none; border-radius: 6px; cursor: pointer;">取消</button>
+                <button onclick="confirmEditProductingSelection()" style="padding: 8px 20px; background-color: #1677ff; color: white; border: none; border-radius: 6px; cursor: pointer;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 编辑地区选择弹窗 -->
+    <div id="editRegionSelectModal" class="select-modal">
+        <div class="select-content">
+            <div class="select-header">
+                <h3>选择地区</h3>
+                <button class="close-btn" onclick="hideEditRegionSelectModal()">×</button>
+            </div>
+            <div class="select-search">
+                <input type="text" id="editRegionSearchInput" placeholder="搜索地区" oninput="filterEditRegionOptions()" style="width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; box-sizing: border-box;">
+                <div id="editCurrentRegion" style="margin-top: 10px; padding: 8px 12px; background-color: #f0f8ff; border: 1px solid #91d5ff; border-radius: 4px; font-size: 12px; color: #1890ff;">当前选择: 未选择</div>
+            </div>
+            <div class="select-body" style="height: 400px;">
+                <div id="editRegionOptionsList" style="display: flex; gap: 10px; padding: 10px; height: 100%;">
+                    <!-- 省市选择将通过JavaScript动态生成 -->
+                    <div id="editProvinceList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                    <div id="editCityList" style="flex: 1; overflow-y: auto; height: 350px;"></div>
+                </div>
+            </div>
+            <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                <button onclick="hideEditRegionSelectModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                <button onclick="confirmEditRegionSelection()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+            </div>
+        </div>
+    </div>
+    
+    <script>
+        // 日期时间选择器函数
+        function showDateTimePicker(inputId) {
+            // 移除已存在的选择器
+            const existingPicker = document.getElementById('datetimePicker');
+            if (existingPicker) {
+                existingPicker.remove();
+            }
+            
+            // 创建选择器容器
+            const picker = document.createElement('div');
+            picker.id = 'datetimePicker';
+            picker.className = 'datetime-picker';
+            
+            // 获取输入框位置
+            const input = document.getElementById(inputId);
+            const rect = input.getBoundingClientRect();
+            const container = input.parentElement;
+            
+            // 设置选择器位置（默认朝上）
+            picker.style.position = 'absolute';
+            picker.style.bottom = '100%';
+            picker.style.left = '0';
+            picker.style.marginBottom = '8px';
+            
+            // 创建选择器内容
+            picker.innerHTML = `
+                <div class="datetime-picker-header">
+                    <h3 style="margin: 0; font-size: 14px; font-weight: 500;">选择日期时间</h3>
+                    <button class="datetime-picker-btn" onclick="document.getElementById('datetimePicker').remove()">×</button>
+                </div>
+                <div class="datetime-picker-content">
+                    <div class="datetime-picker-group">
+                        <label>日期</label>
+                        <input type="date" id="pickerDate">
+                    </div>
+                    <div class="datetime-picker-group">
+                        <label>时间</label>
+                        <input type="time" id="pickerTime">
+                    </div>
+                </div>
+                <div class="datetime-picker-footer">
+                    <button class="datetime-picker-btn" onclick="document.getElementById('datetimePicker').remove()">取消</button>
+                    <button class="datetime-picker-btn" style="background-color: #1677ff; color: white; border-color: #1677ff;" onclick="confirmDateTime('${inputId}')">确定</button>
+                </div>
+            `;
+            
+            // 添加到容器中
+            container.appendChild(picker);
+            
+            // 为日期和时间输入框添加点击事件，确保点击整个输入框都能触发选择器
+            setTimeout(() => {
+                const dateInput = document.getElementById('pickerDate');
+                const timeInput = document.getElementById('pickerTime');
+                
+                if (dateInput) {
+                    dateInput.style.cursor = 'pointer';
+                    dateInput.addEventListener('click', function(e) {
+                        // 阻止事件冒泡，防止关闭选择器
+                        e.stopPropagation();
+                    });
+                }
+                
+                if (timeInput) {
+                    timeInput.style.cursor = 'pointer';
+                    timeInput.addEventListener('click', function(e) {
+                        // 阻止事件冒泡，防止关闭选择器
+                        e.stopPropagation();
+                    });
+                }
+            }, 0);
+            
+            // 点击其他地方关闭选择器
+            document.addEventListener('click', function closePicker(e) {
+                if (!picker.contains(e.target) && e.target !== input && e.target !== input.nextElementSibling) {
+                    picker.remove();
+                    document.removeEventListener('click', closePicker);
+                }
+            });
+        }
+        
+        // 确认日期时间选择
+        function confirmDateTime(inputId) {
+            const dateInput = document.getElementById('pickerDate');
+            const timeInput = document.getElementById('pickerTime');
+            const input = document.getElementById(inputId);
+            
+            if (dateInput.value && timeInput.value) {
+                const datetime = dateInput.value + ' ' + timeInput.value;
+                input.value = datetime;
+            }
+            
+            // 关闭选择器
+            document.getElementById('datetimePicker').remove();
+        }
+        
+        // 缓存管理器
+        class CacheManager {
+            constructor() {
+                this.cache = new Map();
+                this.defaultTTL = 5 * 60 * 1000; // 默认缓存5分钟
+                this.maxLocalStorageSize = 4 * 1024 * 1024; // 本地存储最大4MB
+                this.cacheVersion = 'v2'; // 缓存版本号
+                this.initialize();
+            }
+            
+            // 初始化
+            initialize() {
+                this.migrateCache();
+            }
+            
+            // 缓存迁移
+            migrateCache() {
+                const oldVersion = localStorage.getItem('cache_version');
+                if (oldVersion !== this.cacheVersion) {
+                    // 清理旧版本缓存
+                    for (let key in localStorage) {
+                        if (key.startsWith('cache_') && !key.startsWith(`cache_${this.cacheVersion}_`)) {
+                            localStorage.removeItem(key);
+                        }
+                    }
+                    localStorage.setItem('cache_version', this.cacheVersion);
+                }
+            }
+            
+            // 获取带版本的缓存键
+            getVersionedKey(key) {
+                return `${this.cacheVersion}_${key}`;
+            }
+            
+            // 设置缓存
+            set(key, value, ttl = this.defaultTTL) {
+                const versionedKey = this.getVersionedKey(key);
+                const item = {
+                    value,
+                    expiry: Date.now() + ttl,
+                    _timestamp: Date.now() // 添加时间戳用于排序
+                };
+                
+                // 更新内存缓存
+                this.cache.set(key, item);
+                
+                // 更新本地存储缓存
+                try {
+                    this.ensureStorageSpace();
+                    localStorage.setItem(`cache_${versionedKey}`, JSON.stringify(item));
+                } catch (error) {
+                    console.error('存储缓存数据失败:', error);
+                    // 存储失败时清理部分缓存
+                    this.clearOldCache();
+                    try {
+                        localStorage.setItem(`cache_${versionedKey}`, JSON.stringify(item));
+                    } catch (e) {
+                        console.error('清理缓存后仍无法存储:', e);
+                    }
+                }
+            }
+            
+            // 获取缓存
+            get(key) {
+                // 先从内存缓存获取
+                let item = this.cache.get(key);
+                
+                // 如果内存缓存不存在，从localStorage获取
+                if (!item) {
+                    const versionedKey = this.getVersionedKey(key);
+                    const stored = localStorage.getItem(`cache_${versionedKey}`);
+                    if (stored) {
+                        try {
+                            item = JSON.parse(stored);
+                            this.cache.set(key, item);
+                        } catch (e) {
+                            console.error('解析缓存失败:', e);
+                            localStorage.removeItem(`cache_${versionedKey}`);
+                        }
+                    }
+                }
+                
+                // 检查缓存是否过期
+                if (item && Date.now() < item.expiry) {
+                    return item.value;
+                }
+                
+                // 缓存过期，清除缓存
+                this.delete(key);
+                return null;
+            }
+            
+            // 删除缓存
+            delete(key) {
+                this.cache.delete(key);
+                const versionedKey = this.getVersionedKey(key);
+                localStorage.removeItem(`cache_${versionedKey}`);
+            }
+            
+            // 清除所有缓存
+            clear() {
+                this.cache.clear();
+                // 清除所有以cache_开头的localStorage项
+                for (let key in localStorage) {
+                    if (key.startsWith('cache_')) {
+                        localStorage.removeItem(key);
+                    }
+                }
+            }
+            
+            // 清除指定前缀的缓存
+            clearByPrefix(prefix) {
+                for (let key of this.cache.keys()) {
+                    if (key.startsWith(prefix)) {
+                        this.cache.delete(key);
+                    }
+                }
+                const versionedPrefix = this.getVersionedKey(prefix);
+                for (let key in localStorage) {
+                    if (key.startsWith(`cache_${versionedPrefix}`)) {
+                        localStorage.removeItem(key);
+                    }
+                }
+            }
+            
+            // 确保存储空间
+            ensureStorageSpace() {
+                if (this.getLocalStorageSize() > this.maxLocalStorageSize) {
+                    this.clearOldCache();
+                }
+            }
+            
+            // 获取本地存储大小
+            getLocalStorageSize() {
+                let size = 0;
+                for (let key in localStorage) {
+                    if (localStorage.hasOwnProperty(key)) {
+                        size += localStorage[key].length;
+                    }
+                }
+                return size;
+            }
+            
+            // 清理旧缓存
+            clearOldCache() {
+                const cacheKeys = [];
+                
+                // 收集所有缓存键和时间戳
+                for (let key in localStorage) {
+                    if (key.startsWith('cache_')) {
+                        try {
+                            const stored = localStorage.getItem(key);
+                            const item = JSON.parse(stored);
+                            cacheKeys.push({
+                                key,
+                                timestamp: item._timestamp || 0
+                            });
+                        } catch (error) {
+                            // 解析失败的缓存直接删除
+                            localStorage.removeItem(key);
+                        }
+                    }
+                }
+                
+                // 按时间戳排序，删除最旧的缓存
+                cacheKeys.sort((a, b) => a.timestamp - b.timestamp);
+                
+                // 删除一半最旧的缓存
+                const deleteCount = Math.ceil(cacheKeys.length / 2);
+                for (let i = 0; i < deleteCount; i++) {
+                    if (cacheKeys[i]) {
+                        localStorage.removeItem(cacheKeys[i].key);
+                    }
+                }
+            }
+        }
+        
+        // 实例化缓存管理器
+        const cacheManager = new CacheManager();
+        
+        // 防抖函数
+        function debounce(func, wait) {
+            let timeout;
+            return function executedFunction(...args) {
+                const later = () => {
+                    clearTimeout(timeout);
+                    func(...args);
+                };
+                clearTimeout(timeout);
+                timeout = setTimeout(later, wait);
+            };
+        }
+        
+        // 节流函数
+        function throttle(func, limit) {
+            let inThrottle;
+            return function executedFunction(...args) {
+                if (!inThrottle) {
+                    func.apply(this, args);
+                    inThrottle = true;
+                    setTimeout(() => inThrottle = false, limit);
+                }
+            };
+        }
+        
+        // 设备检测模块
+        const DeviceDetector = {
+            // 检测是否为移动设备
+            isMobile() {
+                return window.innerWidth <= 768;
+            },
+            
+            // 检测是否为电脑端
+            isDesktop() {
+                return window.innerWidth > 768;
+            },
+            
+            // 检测是否为小屏幕手机
+            isSmallMobile() {
+                return window.innerWidth <= 480;
+            },
+            
+            // 获取设备类型
+            getDeviceType() {
+                if (this.isSmallMobile()) {
+                    return 'small-mobile';
+                } else if (this.isMobile()) {
+                    return 'mobile';
+                } else {
+                    return 'desktop';
+                }
+            },
+            
+            // 监听窗口大小变化
+            onResize(callback) {
+                window.addEventListener('resize', throttle(callback, 100));
+            }
+        };
+        
+        // 应用防抖和节流到搜索输入
+        const debouncedSearch = debounce(function(keyword) {
+            console.log('执行搜索:', keyword);
+            // 这里可以添加搜索逻辑
+        }, 300);
+        
+        // 应用节流到滚动事件
+        const throttledScroll = throttle(function() {
+            console.log('滚动事件触发');
+            // 触发图片懒加载检查
+            checkLazyLoadImages();
+        }, 100);
+        
+        // 图片懒加载实现
+        function initLazyLoad() {
+            // 添加滚动事件监听器
+            window.addEventListener('scroll', throttledScroll);
+            
+            // 初始检查
+            checkLazyLoadImages();
+        }
+        
+        // 检查需要懒加载的图片
+        function checkLazyLoadImages() {
+            const lazyImages = document.querySelectorAll('img[data-src]');
+            
+            lazyImages.forEach(img => {
+                const rect = img.getBoundingClientRect();
+                const isVisible = (
+                    rect.top >= 0 &&
+                    rect.left >= 0 &&
+                    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+                    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+                );
+                
+                if (isVisible) {
+                    loadLazyImage(img);
+                }
+            });
+        }
+        
+        // 加载懒加载图片
+        function loadLazyImage(img) {
+            const src = img.getAttribute('data-src');
+            if (src) {
+                img.src = src;
+                img.removeAttribute('data-src');
+                img.classList.add('lazy-loaded');
+                console.log('加载懒加载图片:', src);
+            }
+        }
+        
+        // 全局变量
+        let supplyData = {
+            supplies: [],
+            publishedSupplies: [],
+            pendingSupplies: [],
+            rejectedSupplies: [],
+            draftSupplies: [],
+            searchKeyword: '',
+            partnerstatus: 'approved',
+            uploadedImages: [],
+            // 分页相关属性
+            pagination: {
+                published: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                pending: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                rejected: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                draft: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false }
+            },
+            // 分状态存储分页数据
+            paginatedSupplies: {
+                published: [],
+                pending: [],
+                rejected: [],
+                draft: []
+            }
+        };
+        
+        // 操作状态跟踪，防止重复点击
+        let isOperating = false;
+        
+        // 编辑相关全局变量
+        let currentEditSupplyId = null;
+        let editSelectedSpec = [];
+        let editSelectedProvince = '';
+        let editSelectedCity = '';
+        let editAllSourceTypes = ['平台货源', '鸡场直销', '第三方货源'];
+        let editFilteredSourceTypes = [...editAllSourceTypes];
+        let editSelectedSourceType = '';
+        let editAllCategories = ['粉壳', '褐壳', '绿壳', '白壳', '土鸡蛋'];
+        let editFilteredCategories = [...editAllCategories];
+        let editSelectedCategory = '';
+        let editAllProductNames = ['罗曼粉', '伊莎粉', '罗曼灰', '海蓝灰', '海蓝褐', '绿壳', '粉一', '粉三', '粉六', '粉八', '京粉1号', '京红', '京粉6号', '京粉3号', '农二', '农三', '农五', '农六', '黑鸡土蛋', '大午金凤', '黑凤'];
+        let editFilteredProductNames = [...editAllProductNames];
+        let editSelectedProductName = '';
+        let editAllYolkTypes = ['红心', '黄心', '双色', '未知'];
+        let editFilteredYolkTypes = [...editAllYolkTypes];
+        let editSelectedYolk = '';
+        let editAllProductingOptions = ['1*360枚新包装', '1*360枚旧包新拖', '1*360枚旧包旧拖', '1*420枚新包装', '1*480枚新包装', '30枚蛋托散装', '360枚散托'];
+        let editFilteredProductingOptions = [...editAllProductingOptions];
+        let editSelectedProducting = '';
+        let editFilteredContacts = [];
+        let editCurrentImages = []; // 编辑时当前的图片列表
+        let editSelectedContactId = '';
+        
+        // 联系人数据
+        let contacts = [];
+        let isLoadingContacts = false; // 标记联系人是否正在加载中
+        
+        // 登录检查
+        function checkLogin() {
+            const userInfo = localStorage.getItem('userInfo');
+            const token = localStorage.getItem('token');
+            
+            if (!userInfo || !token) {
+                // 未登录，跳转到登录页面
+                window.location.href = 'login.html';
+                return false;
+            }
+            
+            // 已登录，解析用户信息
+            const parsedUserInfo = JSON.parse(userInfo);
+            
+            // 展示登录信息
+            const applySettlementBtn = document.querySelector('.apply-settlement-btn');
+            if (applySettlementBtn) {
+                applySettlementBtn.innerHTML = `${parsedUserInfo.name} (${parsedUserInfo.phoneNumber})`;
+                applySettlementBtn.style.cursor = 'pointer';
+                // 添加点击事件，显示用户信息详情
+                applySettlementBtn.onclick = () => {
+                    alert(`当前登录用户：${parsedUserInfo.name}\n职位：${parsedUserInfo.projectName}\n手机号：${parsedUserInfo.phoneNumber}\n用户ID：${parsedUserInfo.userId || parsedUserInfo.id || '未获取到'}`);
+                };
+            }
+            
+            // 更新页面上的当前用户信息提示
+            const currentUserInfoEl = document.getElementById('currentUserInfo');
+            if (currentUserInfoEl) {
+                const userId = parsedUserInfo.userId || parsedUserInfo.id || '未获取到';
+                currentUserInfoEl.innerHTML = `
+                    <div style="margin-bottom: 4px;">当前登录用户：${parsedUserInfo.name} | 职位：${parsedUserInfo.projectName}</div>
+                    <div>用户ID：${userId}</div>
+                `;
+            }
+            
+            // 返回解析后的用户信息
+            return parsedUserInfo;
+        }
+        
+        // WebSocket连接管理
+        let ws = null;
+        let wsReconnectAttempts = 0;
+        const maxReconnectAttempts = 5;
+        const initialReconnectDelay = 1000; // 初始重连延迟1秒
+        const maxReconnectDelay = 30000; // 最大重连延迟30秒
+        
+        // 保存定时器引用，方便后续清理
+        let timers = {
+            loadSupplies: null,
+            updateCountdowns: null,
+            checkAutoOffline: null,
+            heartbeat: null,
+            heartbeatTimeout: null
+        };
+        
+        // WebSocket心跳配置
+        const heartbeatInterval = 30000; // 心跳间隔30秒
+        const heartbeatTimeout = 15000; // 心跳超时时间15秒
+        let lastHeartbeatTime = 0; // 最后一次心跳时间
+        
+        // 防止loadSupplies并发执行的标志
+        let isLoadingSupplies = false;
+        
+        // 比较两个对象的差异，返回变更的字段列表
+        function getChangedFields(oldObj, newObj) {
+            if (!oldObj || !newObj) return [];
+            
+            const changedFields = [];
+            const allKeys = new Set([...Object.keys(oldObj), ...Object.keys(newObj)]);
+            
+            allKeys.forEach(key => {
+                const oldValue = oldObj[key];
+                const newValue = newObj[key];
+                
+                // 优化比较逻辑，减少不必要的JSON.stringify调用
+                // 先比较基本类型
+                if (oldValue !== newValue) {
+                    // 如果基本类型不同，直接添加到变更字段
+                    // 如果是引用类型，再使用JSON.stringify比较
+                    if (typeof oldValue !== 'object' || typeof newValue !== 'object' || 
+                        oldValue === null || newValue === null || 
+                        Array.isArray(oldValue) !== Array.isArray(newValue)) {
+                        changedFields.push(key);
+                    } else {
+                        // 都是对象或都是数组，使用JSON.stringify比较
+                        if (JSON.stringify(oldValue) !== JSON.stringify(newValue)) {
+                            changedFields.push(key);
+                        }
+                    }
+                }
+            });
+            
+            return changedFields;
+        }
+        
+        // 记录货源操作日志
+        async function logSupplyOperation(operationType, productId, originalData = null, modifiedData = null, changedFields = null) {
+            try {
+                console.log('开始记录货源操作日志:', operationType, productId);
+                // 获取当前登录用户信息
+                const userInfo = checkLogin();
+                console.log('获取到的用户信息:', userInfo);
+                if (!userInfo) {
+                    console.log('没有用户信息，跳过日志记录');
+                    return;
+                }
+                
+                // 如果没有提供changedFields，自动计算
+                if (operationType === '修改' && originalData && modifiedData && !changedFields) {
+                    changedFields = getChangedFields(originalData, modifiedData);
+                }
+                
+                // 准备日志数据
+                const logData = {
+                    phoneNumber: userInfo.phoneNumber,
+                    projectName: userInfo.projectName,
+                    userId: userInfo.userId || userInfo.id, // 确保使用正确的userId
+                    operationEvent: `审核系统-${operationType === '创建' ? '创建货源' : operationType === '修改' ? '编辑货源' : operationType === '下架' ? '下架货源' : operationType === '删除' ? '删除货源' : operationType}`,
+                    productId: productId,
+                    originalData: originalData,
+                    modifiedData: modifiedData,
+                    changedFields: changedFields
+                };
+                
+                console.log('准备发送的日志数据:', logData);
+                // 调用后端API记录日志
+                const response = await fetch('/api/supplies/log', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(logData)
+                });
+                
+                const result = await response.json();
+                console.log('日志API返回结果:', result);
+                if (!result.success) {
+                    console.warn('记录日志失败:', result.message);
+                } else {
+                    console.log('日志记录成功:', result.data.logId);
+                }
+            } catch (error) {
+                console.error('记录日志出错:', error);
+            }
+        }
+        
+        // 初始化WebSocket连接
+        function initWebSocket() {
+            // 获取当前页面的协议和主机
+            const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const host = window.location.host;
+            const wsUrl = `${protocol}//${host}/ws`;
+            
+            console.log('正在尝试连接WebSocket服务器:', wsUrl);
+            
+            // 关闭现有的WebSocket连接，避免连接泄漏
+            if (ws) {
+                try {
+                    // 关闭码1000表示正常关闭
+                    ws.close(1000, '重新连接');
+                    ws = null;
+                } catch (error) {
+                    console.error('关闭旧WebSocket连接失败:', error);
+                    ws = null;
+                }
+            }
+            
+            try {
+                ws = new WebSocket(wsUrl);
+                
+                // 连接打开事件
+                ws.onopen = function() {
+                    console.log('WebSocket连接已打开');
+                    wsReconnectAttempts = 0;
+                    // 发送登录用户信息
+                    const userInfo = JSON.parse(localStorage.getItem('userInfo'));
+                    if (userInfo) {
+                        ws.send(JSON.stringify({
+                            type: 'login',
+                            userId: userInfo.userId || userInfo.id
+                        }));
+                    }
+                    // 启动心跳机制
+                    startHeartbeat();
+                };
+                
+                // 消息接收事件
+                ws.onmessage = function(event) {
+                    console.log('收到WebSocket消息:', event.data);
+                    try {
+                        handleWebSocketMessage(event.data);
+                    } catch (error) {
+                        console.error('处理WebSocket消息失败:', error);
+                    }
+                };
+                
+                // 连接关闭事件
+                ws.onclose = function(event) {
+                    console.log('WebSocket连接已关闭:', event.code, event.reason);
+                    // 停止心跳机制
+                    stopHeartbeat();
+                    // 只有在非正常关闭时才重连
+                    // 正常关闭码1000表示主动关闭，不需要重连
+                    if (event.code !== 1000) {
+                        attemptReconnect();
+                    }
+                };
+                
+                // 连接错误事件
+                ws.onerror = function(error) {
+                    console.error('WebSocket错误:', error);
+                    console.error('WebSocket错误详情:', error.message);
+                    // 错误发生后，onclose事件会被触发，由onclose处理重连
+                };
+            } catch (error) {
+                console.error('WebSocket连接失败:', error);
+                attemptReconnect();
+            }
+        }
+        
+        // 尝试重新连接
+        function attemptReconnect() {
+            if (wsReconnectAttempts < maxReconnectAttempts) {
+                wsReconnectAttempts++;
+                // 计算指数退避延迟：初始延迟 * 2^(重连次数-1)，但不超过最大延迟
+                const delay = Math.min(initialReconnectDelay * Math.pow(2, wsReconnectAttempts - 1), maxReconnectDelay);
+                console.log(`尝试重新连接WebSocket (${wsReconnectAttempts}/${maxReconnectAttempts})，延迟 ${delay}ms...`);
+                setTimeout(initWebSocket, delay);
+            } else {
+                console.error('WebSocket重连失败，已达到最大重试次数');
+                // 30秒后重置重连计数，允许再次尝试
+                setTimeout(() => {
+                    wsReconnectAttempts = 0;
+                    console.log('WebSocket重连计数已重置，可再次尝试连接');
+                }, 30000);
+            }
+        }
+        
+        // 获取当前用户的基础缓存键
+        function getBaseCacheKey() {
+            const userInfo = checkLogin();
+            if (!userInfo) return null;
+            return `supplies_${userInfo.projectName === '管理员' ? 'admin' : userInfo.userId}`;
+        }
+        
+        // 获取完整货源列表的缓存键
+        function getSuppliesListCacheKey() {
+            const baseKey = getBaseCacheKey();
+            return baseKey ? `${baseKey}_list` : null;
+        }
+        
+        // 获取单个货源的缓存键
+        function getSupplyCacheKey(supplyId) {
+            const baseKey = getBaseCacheKey();
+            return baseKey ? `${baseKey}_supply_${supplyId}` : null;
+        }
+        
+        // 获取特定状态货源的缓存键
+        function getSuppliesByStatusCacheKey(status) {
+            const baseKey = getBaseCacheKey();
+            return baseKey ? `${baseKey}_status_${status}` : null;
+        }
+        
+        // 获取搜索结果的缓存键
+        function getSearchCacheKey(keyword) {
+            const baseKey = getBaseCacheKey();
+            return baseKey ? `${baseKey}_search_${encodeURIComponent(keyword)}` : null;
+        }
+        
+        // 更新缓存中的单个货源数据
+        function updateSupplyInCache(supplyId, updatedData) {
+            try {
+                // 获取完整列表缓存键
+                const listCacheKey = getSuppliesListCacheKey();
+                if (!listCacheKey) {
+                    console.error('无法获取缓存键，用户未登录');
+                    return null;
+                }
+                
+                // 获取单个货源缓存键
+                const supplyCacheKey = getSupplyCacheKey(supplyId);
+                
+                // 1. 更新完整列表缓存
+                const cachedSupplies = cacheManager.get(listCacheKey);
+                
+                if (cachedSupplies && Array.isArray(cachedSupplies)) {
+                    const supplyIndex = cachedSupplies.findIndex(supply => String(supply.id) === String(supplyId));
+                    
+                    if (supplyIndex !== -1) {
+                        // 创建更新后的货源数据
+                        const updatedSupply = { ...cachedSupplies[supplyIndex], ...updatedData };
+                        // 创建新的货源数组，避免直接修改原数组
+                        const updatedSupplies = [...cachedSupplies];
+                        updatedSupplies[supplyIndex] = updatedSupply;
+                        
+                        // 更新完整列表缓存
+                        cacheManager.set(listCacheKey, updatedSupplies, 60 * 60 * 1000);
+                        
+                        // 2. 更新单个货源缓存
+                        if (supplyCacheKey) {
+                            cacheManager.set(supplyCacheKey, updatedSupply, 60 * 60 * 1000);
+                        }
+                        
+                        // 3. 如果状态发生变化，清除状态相关的缓存
+                        if (updatedData.status) {
+                            const oldStatus = cachedSupplies[supplyIndex].status;
+                            if (oldStatus !== updatedData.status) {
+                                // 清除旧状态和新状态的缓存
+                                const oldStatusCacheKey = getSuppliesByStatusCacheKey(oldStatus);
+                                const newStatusCacheKey = getSuppliesByStatusCacheKey(updatedData.status);
+                                if (oldStatusCacheKey) cacheManager.delete(oldStatusCacheKey);
+                                if (newStatusCacheKey) cacheManager.delete(newStatusCacheKey);
+                                // 清除搜索结果缓存，因为状态变化可能影响搜索
+                                clearSearchCache();
+                            }
+                        }
+                        
+                        console.log('缓存中的货源数据已更新:', supplyId, '更新字段:', Object.keys(updatedData));
+                        return updatedSupplies;
+                    } else {
+                        console.warn('在缓存中未找到货源:', supplyId);
+                        return null;
+                    }
+                } else {
+                    console.warn('缓存中无货源数据或数据格式不正确');
+                    return null;
+                }
+            } catch (error) {
+                console.error('更新缓存中的货源数据失败:', error);
+                return null;
+            }
+        }
+        
+        // 清除搜索结果缓存
+        function clearSearchCache() {
+            const baseKey = getBaseCacheKey();
+            if (!baseKey) return;
+            
+            // 清除所有搜索相关的缓存
+            const searchPrefix = `${baseKey}_search_`;
+            cacheManager.clearByPrefix(searchPrefix);
+            console.log('搜索结果缓存已清除');
+        }
+        
+        // 处理WebSocket消息
+        function handleWebSocketMessage(message) {
+            try {
+                const data = JSON.parse(message);
+                
+                console.log('处理WebSocket消息:', data);
+                
+                switch (data.type) {
+                    case 'supply_update':
+                        // 货源更新通知
+                        if (data.supplyId && data.updatedData) {
+                            // 增量更新缓存
+                            console.log('收到货源更新通知，执行增量更新:', data.supplyId);
+                            try {
+                                const updatedSupplies = updateSupplyInCache(data.supplyId, data.updatedData);
+                                if (updatedSupplies) {
+                                    // 更新内存中的数据
+                                    supplyData.supplies = updatedSupplies;
+                                    processSupplyData(updatedSupplies);
+                                    renderSupplyLists();
+                                } else {
+                                    // 缓存更新失败，重新加载数据
+                                    console.warn('缓存更新失败，执行全量加载');
+                                    loadSupplies(true);
+                                }
+                            } catch (error) {
+                                console.error('处理货源更新通知失败:', error);
+                                // 发生错误时，重新加载数据
+                                loadSupplies(true);
+                            }
+                        } else {
+                            // 没有具体的更新数据，重新加载
+                            console.log('收到货源更新通知，重新加载数据');
+                            loadSupplies(true);
+                        }
+                        break;
+                    case 'supply_lock':
+                        // 货源锁定状态更新
+                        if (data.supplyId && data.locked !== undefined) {
+                            console.log('收到货源锁定状态更新，执行增量更新:', data.supplyId, '锁定状态:', data.locked);
+                            try {
+                                const updatedSupplies = updateSupplyInCache(data.supplyId, { locked: data.locked });
+                                if (updatedSupplies) {
+                                    supplyData.supplies = updatedSupplies;
+                                    processSupplyData(updatedSupplies);
+                                    renderSupplyLists();
+                                } else {
+                                    console.warn('缓存更新失败，执行全量加载');
+                                    loadSupplies(true);
+                                }
+                            } catch (error) {
+                                console.error('处理货源锁定状态更新失败:', error);
+                                loadSupplies(true);
+                            }
+                        } else {
+                            console.log('收到货源锁定状态更新，重新加载数据');
+                            loadSupplies(true);
+                        }
+                        break;
+                    case 'supply_status_change':
+                        // 货源状态变更
+                        if (data.supplyId && data.status) {
+                            console.log('收到货源状态变更，执行增量更新:', data.supplyId, '新状态:', data.status);
+                            try {
+                                const updatedSupplies = updateSupplyInCache(data.supplyId, { status: data.status });
+                                if (updatedSupplies) {
+                                    supplyData.supplies = updatedSupplies;
+                                    processSupplyData(updatedSupplies);
+                                    renderSupplyLists();
+                                } else {
+                                    console.warn('缓存更新失败，执行全量加载');
+                                    loadSupplies(true);
+                                }
+                            } catch (error) {
+                                console.error('处理货源状态变更失败:', error);
+                                loadSupplies(true);
+                            }
+                        } else {
+                            console.log('收到货源状态变更，重新加载数据');
+                            loadSupplies(true);
+                        }
+                        break;
+                    case 'auto_offline':
+                        // 自动下架通知
+                        if (data.supplyId) {
+                            console.log('收到自动下架通知，执行增量更新:', data.supplyId);
+                            try {
+                                const updatedSupplies = updateSupplyInCache(data.supplyId, { status: 'draft' });
+                                if (updatedSupplies) {
+                                    supplyData.supplies = updatedSupplies;
+                                    processSupplyData(updatedSupplies);
+                                    renderSupplyLists();
+                                } else {
+                                    console.warn('缓存更新失败，执行全量加载');
+                                    loadSupplies(true);
+                                }
+                            } catch (error) {
+                                console.error('处理自动下架通知失败:', error);
+                                loadSupplies(true);
+                            }
+                        } else {
+                            console.log('收到自动下架通知，重新加载数据');
+                            loadSupplies(true);
+                        }
+                        break;
+                    case 'ping':
+                        // 心跳响应
+                        if (ws && ws.readyState === WebSocket.OPEN) {
+                            ws.send(JSON.stringify({ type: 'pong' }));
+                        }
+                        break;
+                    case 'pong':
+                        // 收到心跳响应
+                        console.log('收到WebSocket心跳响应');
+                        // 清除心跳超时定时器
+                        if (timers.heartbeatTimeout) {
+                            clearTimeout(timers.heartbeatTimeout);
+                            timers.heartbeatTimeout = null;
+                        }
+                        break;
+                    default:
+                        console.log('未知的WebSocket消息类型:', data.type);
+                }
+            } catch (error) {
+                console.error('解析WebSocket消息失败:', error);
+            }
+        }
+        
+        // 向WebSocket服务器发送消息
+        function sendWebSocketMessage(message) {
+            if (ws && ws.readyState === WebSocket.OPEN) {
+                ws.send(JSON.stringify(message));
+            } else {
+                console.warn('WebSocket未连接，无法发送消息');
+            }
+        }
+        
+        // 发送心跳
+        function sendHeartbeat() {
+            if (ws && ws.readyState === WebSocket.OPEN) {
+                console.log('发送WebSocket心跳');
+                sendWebSocketMessage({ type: 'ping' });
+                lastHeartbeatTime = Date.now();
+                
+                // 设置心跳超时定时器
+                if (timers.heartbeatTimeout) {
+                    clearTimeout(timers.heartbeatTimeout);
+                }
+                timers.heartbeatTimeout = setTimeout(() => {
+                    console.error('WebSocket心跳超时，连接可能已断开');
+                    // 心跳超时，主动关闭连接并尝试重连
+                    if (ws) {
+                        ws.close(1006, 'Heartbeat timeout');
+                    }
+                }, heartbeatTimeout);
+            }
+        }
+        
+        // 启动心跳
+        function startHeartbeat() {
+            // 停止已有的心跳
+            stopHeartbeat();
+            
+            // 立即发送一次心跳
+            sendHeartbeat();
+            
+            // 设置心跳间隔
+            timers.heartbeat = setInterval(sendHeartbeat, heartbeatInterval);
+            console.log('WebSocket心跳机制已启动，间隔', heartbeatInterval, 'ms');
+        }
+        
+        // 停止心跳
+        function stopHeartbeat() {
+            if (timers.heartbeat) {
+                clearInterval(timers.heartbeat);
+                timers.heartbeat = null;
+            }
+            if (timers.heartbeatTimeout) {
+                clearTimeout(timers.heartbeatTimeout);
+                timers.heartbeatTimeout = null;
+            }
+            console.log('WebSocket心跳机制已停止');
+        }
+        
+        // 移除复杂的触摸事件处理，使用浏览器默认滚动行为
+        function preventIOSDrag() {
+            // 不再阻止任何默认行为，让浏览器处理滚动
+        }
+
+        // 初始化
+        window.onload = function() {
+            // 登录检查
+            const userInfo = checkLogin();
+            if (!userInfo) {
+                return;
+            }
+            
+            // 阻止iOS端触摸拖动
+            preventIOSDrag();
+            
+            // 初始化WebSocket连接
+            initWebSocket();
+            
+            loadSupplies();
+            loadContacts();
+            loadFormData(); // 加载保存的表单数据，包括联系人信息
+            bindEvents();
+            
+            // 初始化图片懒加载
+            initLazyLoad();
+            
+            // 初始化至少一个规格和件数对
+            addSpecQuantityPair();
+
+            
+            // 启动倒计时
+            startCountdowns();
+            // 启动自动检查下架时间
+            startAutoOfflineCheck();
+            
+            // 启动定期刷新数据，确保其他程序修改数据库时能实时显示
+            // 优化：设置为10秒一次，平衡实时性和性能
+            timers.loadSupplies = setInterval(() => {
+                loadSupplies(true); // 强制刷新，跳过缓存，确保获取最新数据
+            }, 10000); // 每10秒刷新一次
+            
+            // 添加防抖机制，避免短时间内多次调用loadSupplies
+            let loadSuppliesTimeout;
+            
+            // 增强WebSocket消息处理，确保所有相关消息都能触发数据刷新
+            if (ws) {
+                // 添加额外的消息监听器，确保所有相关消息都能触发数据刷新
+                ws.addEventListener('message', function(event) {
+                    try {
+                        const data = JSON.parse(event.data);
+                        // 对于任何类型的WebSocket消息，都重新加载数据，确保label字段实时更新
+                        if (data.type !== 'ping' && data.type !== 'pong') {
+                            // 使用防抖机制，避免短时间内多次调用loadSupplies
+                            clearTimeout(loadSuppliesTimeout);
+                            loadSuppliesTimeout = setTimeout(() => {
+                                loadSupplies(true); // 强制刷新，跳过缓存
+                            }, 1000); // 1秒防抖
+                        }
+                    } catch (error) {
+                        console.error('解析WebSocket消息失败:', error);
+                    }
+                });
+            }
+        };
+        
+        // 页面卸载时清理资源
+        
+        
+        // 启动倒计时
+        function startCountdowns() {
+            // 立即更新一次倒计时
+            updateCountdowns();
+            // 每秒更新一次倒计时
+            timers.updateCountdowns = setInterval(updateCountdowns, 1000);
+        }
+        
+        // 更新倒计时显示
+        function updateCountdowns() {
+            // console.log('=== 更新倒计时 ===');
+            // 更新所有倒计时元素
+            const countdownElements = document.querySelectorAll('.countdown-badge, .countdown');
+            // console.log('找到的倒计时元素数量:', countdownElements.length);
+            countdownElements.forEach(element => {
+                const supplyId = element.dataset.id;
+                // console.log('处理倒计时元素，supplyId:', supplyId);
+                // 查找对应的货源
+                const supply = supplyData.supplies.find(s => String(s.id) === String(supplyId));
+                
+                if (supply) {
+                    // console.log('找到对应的货源:', supply.id, supply.productName);
+                    
+                    // 检查是否是预创建货源的倒计时
+                    if (supply.status === 'pending' && supply.pre_create) {
+                        // 计算到预创建时间的剩余时间
+                        const preCreateTime = new Date(supply.pre_create);
+                        const now = new Date();
+                        const timeDiff = preCreateTime - now;
+                        
+                        if (timeDiff > 0) {
+                            // 计算剩余上架时间
+                            const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+                            const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                            const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
+                            const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
+                            
+                            // 更新显示
+                            let countdownText = '';
+                            if (days > 0) {
+                                countdownText = `${days}天${hours}时${minutes}分`;
+                            } else if (hours > 0) {
+                                countdownText = `${hours}时${minutes}分`;
+                            } else {
+                                countdownText = `${minutes}分${seconds}秒`;
+                            }
+                            
+                            if (element.classList.contains('countdown-badge')) {
+                                element.textContent = `⏰ ${countdownText}`;
+                                element.style.background = 'linear-gradient(135deg, #4ecdc4, #45b7aa)';
+                                element.style.boxShadow = '0 2px 4px rgba(78, 205, 196, 0.3)';
+                            }
+                            return; // 跳过后续处理
+                        } else {
+                            // 预创建时间已到
+                            if (element.classList.contains('countdown-badge')) {
+                                element.textContent = '⏰ 已上架';
+                                element.style.background = '#52c41a';
+                                element.style.boxShadow = '0 2px 4px rgba(82, 196, 26, 0.3)';
+                            }
+                            return; // 跳过后续处理
+                        }
+                    }
+                    
+                    // 检查是否有显式设置的自动下架时间
+                    if (supply.autoOfflineHours && supply.autoOfflineHours !== '' && supply.autoOfflineHours !== null) {
+                        // console.log('有显式设置的自动下架时间');
+                        // 计算下架时间：updated_at + autoOfflineHours（使用毫秒数计算，更精确）
+                        const updatedAt = new Date(supply.updated_at || supply.created_at);
+                        // console.log('updatedAt:', updatedAt, 'supply.updated_at:', supply.updated_at, 'supply.created_at:', supply.created_at);
+                        const autoOfflineHours = parseFloat(supply.autoOfflineHours);
+                        // console.log('autoOfflineHours:', autoOfflineHours, 'supply.autoOfflineHours:', supply.autoOfflineHours);
+                        // 将小时转换为毫秒，使用setTime方法更精确
+                        const autoOfflineMs = autoOfflineHours * 60 * 60 * 1000;
+                        const offlineTime = new Date(updatedAt.getTime() + autoOfflineMs);
+                        // console.log('offlineTime:', offlineTime);
+                        
+                        const now = new Date();
+                        // console.log('当前时间:', now);
+                        const timeDiff = offlineTime - now;
+                        // console.log('时间差:', timeDiff, '毫秒');
+                        
+                        if (timeDiff > 0) {
+                            // 计算剩余下架时间
+                            const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+                            const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                            const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
+                            const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
+                            
+                            console.log('剩余下架时间:', days, '天', hours, '小时', minutes, '分钟', seconds, '秒');
+                            
+                            // 更新显示
+                            let countdownText = '';
+                            if (days > 0) {
+                                countdownText = `${days}天${hours}时${minutes}分`;
+                            } else if (hours > 0) {
+                                countdownText = `${hours}时${minutes}分`;
+                            } else {
+                                countdownText = `${minutes}分${seconds}秒`;
+                            }
+                            
+                            // 根据元素类型设置不同的显示格式
+                            if (element.classList.contains('countdown-badge')) {
+                                element.textContent = `⏰ ${countdownText}`;
+                                element.style.background = 'linear-gradient(135deg, #ff6b6b, #ee5a6f)';
+                                element.style.boxShadow = '0 2px 4px rgba(255, 107, 107, 0.3)';
+                            } else if (element.classList.contains('countdown')) {
+                                element.textContent = `剩余下架时间: ${countdownText}`;
+                            }
+                        } else {
+                            // 时间到了
+                            if (element.classList.contains('countdown-badge')) {
+                                element.textContent = '⏰ 已下架';
+                                element.style.background = '#8c8c8c';
+                                element.style.boxShadow = '0 2px 4px rgba(140, 140, 140, 0.3)';
+                            } else if (element.classList.contains('countdown')) {
+                                element.textContent = '剩余下架时间: 已下架';
+                            }
+                        }
+                    } else {
+                        // 没有设置自动下架时间，隐藏倒计时或显示无倒计时
+                        if (element.classList.contains('countdown-badge')) {
+                            element.textContent = '⏰ 无倒计时';
+                            element.style.background = '#52c41a';
+                            element.style.boxShadow = '0 2px 4px rgba(82, 196, 26, 0.3)';
+                        } else if (element.classList.contains('countdown')) {
+                            element.textContent = '剩余下架时间: 无';
+                        }
+                    }
+                }
+            });
+        }
+        
+        // 启动自动检查下架时间
+        function startAutoOfflineCheck() {
+            // 每30秒检查一次，平衡及时性和服务器负载
+            timers.checkAutoOffline = setInterval(checkAutoOffline, 30000);
+            // 立即检查一次
+            checkAutoOffline();
+        }
+        
+        // 检查自动下架时间
+        async function checkAutoOffline() {
+            // console.log('=== 开始检查自动下架时间 ===');
+            const allSupplies = supplyData.supplies;
+            const now = new Date();
+            
+            // console.log('检查的货源总数:', allSupplies.length);
+            
+            for (const supply of allSupplies) {
+                // console.log('检查货源:', supply.id, supply.productName, '当前状态:', supply.status);
+                
+                // 检查所有状态为published的货源，不管前端显示什么
+                if (supply.status === 'published') {
+                    // console.log('处理上架状态的货源:', supply.id);
+                    
+                    // 只有在显式设置了自动下架时间的情况下才应用自动下架逻辑
+                    if (supply.autoOfflineHours && supply.autoOfflineHours !== '' && supply.autoOfflineHours !== null) {
+                        // console.log('有显式设置的自动下架时间');
+                        // 计算下架时间：updated_at + autoOfflineHours（使用毫秒数计算，更精确）
+                        const updatedAt = new Date(supply.updated_at || supply.created_at);
+                        const autoOfflineHours = parseFloat(supply.autoOfflineHours); // 只转换，不设置默认值
+                        // console.log('autoOfflineHours:', autoOfflineHours);
+                        // 将小时转换为毫秒，使用setTime方法更精确
+                        const autoOfflineMs = autoOfflineHours * 60 * 60 * 1000;
+                        const offlineTime = new Date(updatedAt.getTime() + autoOfflineMs);
+                        // console.log('计算的下架时间:', offlineTime, '当前时间:', now);
+                        
+                        if (now >= offlineTime) {
+                            // 时间到了，修改状态
+                            // console.log('时间到了，调用updateSupplyStatus:', supply.id, '从published改为sold_out');
+                            await updateSupplyStatus(supply.id, 'sold_out');
+                        }
+                    } else {
+                        // console.log('没有显式设置自动下架时间，跳过自动下架检查');
+                    }
+                }
+            }
+        }
+        
+        // 更新货源状态
+        async function updateSupplyStatus(supplyId, status) {
+            try {
+                // 调用API修改状态
+                const response = await fetch(`/api/supplies/${supplyId}`, {
+                    method: 'PUT',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({ status: status })
+                });
+                
+                if (response.ok) {
+                    // 向WebSocket服务器发送消息，通知其他客户端货源状态已更新
+                    sendWebSocketMessage({
+                        type: 'supply_status_change',
+                        supplyId: supplyId,
+                        action: 'update_status',
+                        status: status
+                    });
+                    
+                    // 重新加载货源列表
+                    loadSupplies(true); // 强制刷新，跳过缓存
+                    console.log(`货源 ${supplyId} 状态已更新为 ${status}`);
+                }
+            } catch (error) {
+                console.error('更新货源状态失败:', error);
+            }
+        }
+        
+        // 绑定事件
+        function bindEvents() {
+            // 监听窗口大小变化
+            window.addEventListener('resize', handleResize);
+            
+            // 拖拽上传事件
+            const uploadArea = document.querySelector('.upload-area');
+            uploadArea.addEventListener('dragenter', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                uploadArea.style.borderColor = '#1677ff';
+                uploadArea.style.backgroundColor = '#f0f8ff';
+            });
+
+            uploadArea.addEventListener('dragover', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            });
+
+            uploadArea.addEventListener('dragleave', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                uploadArea.style.borderColor = '#d9d9d9';
+                uploadArea.style.backgroundColor = '#fff';
+            });
+
+            uploadArea.addEventListener('drop', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                uploadArea.style.borderColor = '#d9d9d9';
+                uploadArea.style.backgroundColor = '#fff';
+
+                const files = Array.from(e.dataTransfer.files);
+                // 过滤出图片和视频文件
+                const imageFiles = files.filter(file => file.type.startsWith('image/'));
+                const videoFiles = files.filter(file => file.type.startsWith('video/'));
+                
+                if (imageFiles.length > 0 || videoFiles.length > 0) {
+                    handleDroppedMedia(imageFiles, videoFiles);
+                }
+            });
+
+            // 编辑页面拖拽上传事件
+            const editUploadArea = document.getElementById('editUploadImages');
+            if (editUploadArea) {
+                editUploadArea.addEventListener('dragenter', (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    editUploadArea.style.border = '2px dashed #1677ff';
+                    editUploadArea.style.backgroundColor = '#f0f8ff';
+                    editUploadArea.style.padding = '20px';
+                    editUploadArea.style.borderRadius = '8px';
+                });
+
+                editUploadArea.addEventListener('dragover', (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                });
+
+                editUploadArea.addEventListener('dragleave', (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    editUploadArea.style.border = 'none';
+                    editUploadArea.style.backgroundColor = 'transparent';
+                    editUploadArea.style.padding = '0';
+                });
+
+                editUploadArea.addEventListener('drop', (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    editUploadArea.style.border = 'none';
+                    editUploadArea.style.backgroundColor = 'transparent';
+                    editUploadArea.style.padding = '0';
+
+                    const files = Array.from(e.dataTransfer.files);
+                    // 过滤出图片和视频文件
+                    const imageFiles = files.filter(file => file.type.startsWith('image/'));
+                    const videoFiles = files.filter(file => file.type.startsWith('video/'));
+                    
+                    if (imageFiles.length > 0 || videoFiles.length > 0) {
+                        handleEditDroppedMedia(imageFiles, videoFiles);
+                    }
+                });
+            }
+
+            // 复制粘贴上传事件
+            document.addEventListener('paste', (e) => {
+                // 检查是否在创建货源模态框中
+                const createSupplyModal = document.getElementById('createSupplyModal');
+                const editSupplyModal = document.getElementById('editSupplyModal');
+                
+                // 检查是否在创建或编辑货源模态框中（现在使用active类来控制显示）
+                if (createSupplyModal && createSupplyModal.classList.contains('active')) {
+                    // 检查是否有粘贴的图片和视频
+                    const items = e.clipboardData.items;
+                    const imageFiles = [];
+                    const videoFiles = [];
+
+                    for (let i = 0; i < items.length; i++) {
+                        if (items[i].type.startsWith('image/')) {
+                            const file = items[i].getAsFile();
+                            if (file) {
+                                imageFiles.push(file);
+                            }
+                        } else if (items[i].type.startsWith('video/')) {
+                            const file = items[i].getAsFile();
+                            if (file) {
+                                videoFiles.push(file);
+                            }
+                        }
+                    }
+
+                    if (imageFiles.length > 0 || videoFiles.length > 0) {
+                        handleDroppedMedia(imageFiles, videoFiles);
+                    }
+                } else if (editSupplyModal && editSupplyModal.classList.contains('active')) {
+                    // 检查是否有粘贴的图片和视频
+                    const items = e.clipboardData.items;
+                    const imageFiles = [];
+                    const videoFiles = [];
+
+                    for (let i = 0; i < items.length; i++) {
+                        if (items[i].type.startsWith('image/')) {
+                            const file = items[i].getAsFile();
+                            if (file) {
+                                imageFiles.push(file);
+                            }
+                        } else if (items[i].type.startsWith('video/')) {
+                            const file = items[i].getAsFile();
+                            if (file) {
+                                videoFiles.push(file);
+                            }
+                        }
+                    }
+
+                    if (imageFiles.length > 0 || videoFiles.length > 0) {
+                        handleEditDroppedMedia(imageFiles, videoFiles);
+                    }
+                }
+            });
+        }
+        
+        // 处理拖拽或粘贴的图片和视频
+        async function handleDroppedMedia(imageFiles, videoFiles) {
+            // 处理图片
+            for (let i = 0; i < imageFiles.length; i++) {
+                if (supplyData.uploadedImages.length >= 2) {
+                    alert('最多只能上传2张图片/视频');
+                    break;
+                }
+                
+                const file = imageFiles[i];
+                const reader = new FileReader();
+                
+                reader.onload = async function(e) {
+                    let imageUrl = e.target.result;
+                    
+                    // 为图片添加水印
+                    imageUrl = await addWatermarkToImage(imageUrl);
+                    
+                    supplyData.uploadedImages.push(imageUrl);
+                    renderUploadedImages();
+                    // 图片上传后自动保存表单数据
+                    saveFormData();
+                };
+                
+                reader.readAsDataURL(file);
+            }
+            
+            // 处理视频
+            for (let i = 0; i < videoFiles.length; i++) {
+                if (supplyData.uploadedImages.length >= 2) {
+                    alert('最多只能上传2张图片/视频');
+                    break;
+                }
+                
+                const file = videoFiles[i];
+                const reader = new FileReader();
+                
+                reader.onload = function(e) {
+                    try {
+                        const videoUrl = e.target.result;
+                        
+                        supplyData.uploadedImages.push(videoUrl);
+                        renderUploadedImages();
+                        // 视频上传后自动保存表单数据
+                        saveFormData();
+                    } catch (error) {
+                        console.error('视频处理失败:', error);
+                        alert('视频处理失败，请重试');
+                    }
+                };
+                
+                reader.onerror = function(error) {
+                    console.error('视频读取失败:', error);
+                    alert('视频读取失败，请重试');
+                };
+                
+                reader.readAsDataURL(file);
+            }
+        }
+        
+        // 处理编辑页面拖拽或粘贴的图片和视频
+        async function handleEditDroppedMedia(imageFiles, videoFiles) {
+            // 处理图片
+            for (let i = 0; i < imageFiles.length; i++) {
+                if (editCurrentImages.length >= 2) {
+                    alert('最多只能上传2张图片/视频');
+                    break;
+                }
+                
+                const file = imageFiles[i];
+                const reader = new FileReader();
+                
+                reader.onload = async function(e) {
+                    let imageUrl = e.target.result;
+                    
+                    try {
+                        // 为图片添加水印
+                        imageUrl = await addWatermarkToImage(imageUrl);
+                        
+                        // 添加到当前编辑图片列表
+                        editCurrentImages.push(imageUrl);
+                        // 更新显示
+                        updateEditImageDisplay();
+                    } catch (error) {
+                        console.error('媒体处理失败:', error);
+                        alert('媒体处理失败，请重试');
+                    }
+                };
+                
+                reader.readAsDataURL(file);
+            }
+            
+            // 处理视频
+            for (let i = 0; i < videoFiles.length; i++) {
+                if (editCurrentImages.length >= 2) {
+                    alert('最多只能上传2张图片/视频');
+                    break;
+                }
+                
+                const file = videoFiles[i];
+                const reader = new FileReader();
+                
+                reader.onload = function(e) {
+                    try {
+                        const videoUrl = e.target.result;
+                        
+                        // 添加到当前编辑图片列表
+                        editCurrentImages.push(videoUrl);
+                        // 更新显示
+                        updateEditImageDisplay();
+                    } catch (error) {
+                        console.error('视频处理失败:', error);
+                        alert('视频处理失败，请重试');
+                    }
+                };
+                
+                reader.onerror = function(error) {
+                    console.error('视频读取失败:', error);
+                    alert('视频读取失败，请重试');
+                };
+                
+                reader.readAsDataURL(file);
+            }
+        }
+        
+        // 规格选择功能
+        let allSpecOptions = ['净重47+', '净重46-47', '净重45-46', '净重44-45', '净重43-44', '净重42-43', '净重41-42', '净重40-41', '净重39-40', '净重38-39', '净重37-39', '净重37-38', '净重36-38', '净重36-37', '净重35-36', '净重34-35', '净重33-34', '净重32-33', '净重32-34', '净重31-32', '净重30-35', '净重30-34', '净重30-32', '净重30-31', '净重29-31', '净重29-30', '净重28-29', '净重28以下', '毛重52以上', '毛重50-51', '毛重48-49', '毛重47-48', '毛重46-47', '毛重45-47', '毛重45-46', '毛重44-45', '毛重43-44', '毛重42-43', '毛重41-42', '毛重40-41', '毛重38-39', '毛重36-37', '毛重34-35', '毛重32-33', '毛重30-31', '毛重30以下'];
+        let filteredSpecOptions = [...allSpecOptions];
+        let selectedSpec = [];
+        let excludedSpecOptions = [];
+        
+        // 产品包装选择功能
+        let allProductingOptions = ['1*360枚新包装', '1*360枚旧包新拖', '1*360枚旧包旧拖', '1*420枚新包装', '1*480枚新包装', '30枚蛋托散装', '360枚散托'];
+        let filteredProductingOptions = [...allProductingOptions];
+        let selectedProducting = '';
+        
+        // 货源类型选择功能
+        let allSourceTypeOptions = ['平台货源', '鸡场直销', '第三方货源'];
+        let filteredSourceTypeOptions = [...allSourceTypeOptions];
+        let selectedSourceType = '';
+        
+        // 商品名称选择功能
+        let allProductNameOptions = ['罗曼粉', '伊莎粉', '罗曼灰', '海蓝灰', '海蓝褐', '绿壳', '粉一', '粉三', '粉六', '粉八', '京粉1号', '京红', '京粉6号', '京粉3号', '农二', '农三', '农五', '农六', '黑鸡土蛋', '大午金凤', '黑凤'];
+        let filteredProductNameOptions = [...allProductNameOptions];
+        let selectedProductName = '';
+        
+        // 蛋黄类型选择功能
+        let allYolkOptions = ['红心', '黄心', '双色', '未知'];
+        let filteredYolkOptions = [...allYolkOptions];
+        let selectedYolk = '';
+        
+        // 种类选择功能
+        let allCategoryOptions = ['粉壳', '褐壳', '绿壳', '白壳', '土鸡蛋'];
+        let filteredCategoryOptions = [...allCategoryOptions];
+        let selectedCategory = '';
+        
+        // 联系人选择功能
+        let filteredContactIdOptions = [];
+        let selectedContactId = '';
+        
+        // 显示规格选择弹窗
+        function showSpecSelectModal(excludeSpecs = []) {
+            const specSelectModal = document.getElementById('specSelectModal');
+            specSelectModal.classList.add('active');
+            document.getElementById('specSearchInput').value = '';
+            excludedSpecOptions = excludeSpecs;
+            filteredSpecOptions = allSpecOptions.filter(spec => !excludeSpecs.includes(spec));
+            generateSpecOptions();
+        }
+        
+        // 隐藏规格选择弹窗
+        function hideSpecSelectModal() {
+            const specSelectModal = document.getElementById('specSelectModal');
+            specSelectModal.classList.remove('active');
+        }
+        
+        // 生成规格选项
+        function generateSpecOptions() {
+            const specOptionsList = document.getElementById('specOptionsList');
+            specOptionsList.innerHTML = '';
+            
+            filteredSpecOptions.forEach(spec => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = spec;
+                
+                // 检查当前规格是否已被选中
+                if (selectedSpec.includes(spec)) {
+                    option.classList.add('selected');
+                }
+                
+                // 单击选择逻辑
+                option.onclick = () => {
+                    // 单选逻辑：移除所有选中状态
+                    document.querySelectorAll('.select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    
+                    // 添加当前选中状态
+                    option.classList.add('selected');
+                    
+                    // 更新selectedSpec数组为单选
+                    selectedSpec = [spec];
+                };
+                
+                // 双击确认逻辑
+                option.ondblclick = () => {
+                    // 确保当前选项被选中
+                    if (!option.classList.contains('selected')) {
+                        // 单选逻辑：移除所有选中状态
+                        document.querySelectorAll('.select-item').forEach(item => {
+                            item.classList.remove('selected');
+                        });
+                        
+                        // 添加当前选中状态
+                        option.classList.add('selected');
+                        
+                        // 更新selectedSpec数组为单选
+                        selectedSpec = [spec];
+                    }
+                    
+                    // 自动确认选择
+                    confirmSpecSelection();
+                };
+                
+                specOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤规格选项
+        function filterSpecOptions() {
+            const searchInput = document.getElementById('specSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredSpecOptions = allSpecOptions.filter(spec => {
+                return spec.toLowerCase().includes(searchKeyword) && !excludedSpecOptions.includes(spec);
+            });
+            
+            generateSpecOptions();
+        }
+        
+        // 确认规格选择
+        function confirmSpecSelection() {
+            if (currentSpecInput) {
+                // 如果是为规格和件数对选择规格
+                if (selectedSpec.length > 0) {
+                    currentSpecInput.value = selectedSpec.join(', ');
+                } else {
+                    currentSpecInput.value = '';
+                }
+            } else {
+                // 否则，为旧的规格选择逻辑
+                if (selectedSpec.length > 0) {
+                    document.getElementById('specDisplayText').textContent = selectedSpec.join(', ');
+                    document.getElementById('specValue').value = JSON.stringify(selectedSpec);
+                    // 根据选中的规格数量动态调整件数输入框数量
+                    adjustQuantityInputs();
+                } else {
+                    document.getElementById('specDisplayText').textContent = '请选择规格';
+                    document.getElementById('specValue').value = '[]';
+                }
+            }
+            hideSpecSelectModal();
+        }
+        
+        // 添加件数输入项
+        function addQuantityItem() {
+            const container = document.getElementById('quantityContainer');
+            const quantityItem = document.createElement('div');
+            quantityItem.className = 'quantity-item';
+            quantityItem.innerHTML = `
+                <input type="number" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()">
+                <button type="button" class="remove-quantity-btn" onclick="removeQuantityItem(this)">×</button>
+            `;
+            container.insertBefore(quantityItem, container.lastElementChild);
+        }
+        
+        // 删除件数输入项
+        function removeQuantityItem(btn) {
+            const container = document.getElementById('quantityContainer');
+            const quantityItems = container.querySelectorAll('.quantity-item');
+            
+            // 至少保留一个件数输入项
+            if (quantityItems.length > 1) {
+                const quantityItem = btn.parentElement;
+                quantityItem.remove();
+            }
+        }
+        
+        // 根据选中的规格数量调整件数输入框数量
+        function adjustQuantityInputs() {
+            const container = document.getElementById('quantityContainer');
+            const quantityItems = container.querySelectorAll('.quantity-item');
+            const specCount = selectedSpec.length;
+            
+            // 如果规格数量大于件数输入框数量，添加缺少的输入框
+            while (quantityItems.length < specCount) {
+                addQuantityItem();
+            }
+        }
+        
+        // 添加规格和件数对
+        function addSpecQuantityPair() {
+            const container = document.getElementById('specQuantityPairs');
+            const pairs = container.querySelectorAll('.spec-quantity-pair');
+            
+            // 限制最多只能创建三个规格对
+            if (pairs.length >= 3) {
+                alert('最多只能添加3条规格信息');
+                return;
+            }
+            
+            const existingSpecs = [];
+            container.querySelectorAll('.spec-value').forEach(input => {
+                if (input.value) existingSpecs.push(input.value);
+            });
+
+            const pair = document.createElement('div');
+            pair.className = 'spec-quantity-pair';
+            pair.innerHTML = `
+                <input type="text" class="spec-value" placeholder="请选择规格" readonly onclick="showSpecSelectModalForPair(this, 'pair')">
+                <div class="quantity-cost-container">
+                    <input type="text" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()">
+                    <input type="text" class="form-input costprice-input" placeholder="请输入采购价" onwheel="this.blur()">
+                </div>
+                <input type="text" class="form-input spec-status-input" placeholder="规格状态" value="0" onwheel="this.blur()" style="width: 120px; display: none;" readonly>
+                <button type="button" class="remove-quantity-btn" onclick="removeSpecQuantityPair(this)">×</button>
+            `;
+            container.appendChild(pair);
+        }
+        
+        // 删除规格和件数对
+        function removeSpecQuantityPair(btn) {
+            const pair = btn.parentElement;
+            const container = pair.parentElement;
+            const pairs = container.querySelectorAll('.spec-quantity-pair');
+            
+            // 如果超过一个对，移除整个对元素
+            if (pairs.length > 1) {
+                pair.remove();
+            } else {
+                // 否则，只清除输入值
+                const specInput = pair.querySelector('.spec-value');
+                const quantityInput = pair.querySelector('.quantity-input');
+                const costpriceInput = pair.querySelector('.costprice-input');
+                const specStatusInput = pair.querySelector('.spec-status-input');
+                if (specInput) specInput.value = '';
+                if (quantityInput) quantityInput.value = '';
+                if (costpriceInput) costpriceInput.value = '';
+                if (specStatusInput) specStatusInput.value = '0';
+            }
+        }
+        
+        // 为规格和件数对显示规格选择弹窗
+        function showSpecSelectModalForPair(input, mode) {
+            currentSpecInput = input;
+            currentSpecMode = mode || 'pair';
+            const container = document.getElementById('specQuantityPairs');
+            const existingSpecs = [];
+            container.querySelectorAll('.spec-value').forEach(inp => {
+                if (inp.value && inp !== input) existingSpecs.push(inp.value);
+            });
+            showSpecSelectModal(existingSpecs);
+        }
+        
+        // 保存当前点击的规格输入框
+        let currentSpecInput = null;
+        
+        // 显示产品包装选择弹窗
+        function showProductingSelectModal() {
+            const productingSelectModal = document.getElementById('productingSelectModal');
+            productingSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('productingSearchInput').value = '';
+            filteredProductingOptions = [...allProductingOptions];
+            generateProductingOptions();
+        }
+        
+        // 隐藏产品包装选择弹窗
+        function hideProductingSelectModal() {
+            const productingSelectModal = document.getElementById('productingSelectModal');
+            productingSelectModal.classList.remove('active');
+        }
+        
+        // 生成产品包装选项
+        function generateProductingOptions() {
+            const productingOptionsList = document.getElementById('productingOptionsList');
+            productingOptionsList.innerHTML = '';
+            
+            filteredProductingOptions.forEach(producting => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = producting;
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('.select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedProducting = producting;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('productingDisplayText').textContent = producting;
+                    document.getElementById('productingValue').value = producting;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('productingDisplayText').textContent = producting;
+                    document.getElementById('productingValue').value = producting;
+                    hideProductingSelectModal();
+                };
+                productingOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤产品包装选项
+        function filterProductingOptions() {
+            const searchInput = document.getElementById('productingSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredProductingOptions = allProductingOptions.filter(producting => {
+                return producting.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateProductingOptions();
+        }
+        
+        // 确认产品包装选择
+        function confirmProductingSelection() {
+            if (selectedProducting) {
+                document.getElementById('productingDisplayText').textContent = selectedProducting;
+                document.getElementById('productingValue').value = selectedProducting;
+            }
+            hideProductingSelectModal();
+        }
+        
+        // 显示货源类型选择弹窗
+        function showSourceTypeSelectModal() {
+            const sourceTypeSelectModal = document.getElementById('sourceTypeSelectModal');
+            sourceTypeSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('sourceTypeSearchInput').value = '';
+            filteredSourceTypeOptions = [...allSourceTypeOptions];
+            generateSourceTypeOptions();
+        }
+        
+        // 隐藏货源类型选择弹窗
+        function hideSourceTypeSelectModal() {
+            const sourceTypeSelectModal = document.getElementById('sourceTypeSelectModal');
+            sourceTypeSelectModal.classList.remove('active');
+        }
+        
+        // 生成货源类型选项
+        function generateSourceTypeOptions() {
+            const sourceTypeOptionsList = document.getElementById('sourceTypeOptionsList');
+            sourceTypeOptionsList.innerHTML = '';
+            
+            filteredSourceTypeOptions.forEach(sourceType => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = sourceType;
+                if (sourceType === selectedSourceType) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#sourceTypeOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedSourceType = sourceType;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('sourceTypeDisplayText').textContent = sourceType;
+                    document.getElementById('sourceType').value = sourceType;
+                    hideSourceTypeSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                sourceTypeOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤货源类型选项
+        function filterSourceTypeOptions() {
+            const searchInput = document.getElementById('sourceTypeSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredSourceTypeOptions = allSourceTypeOptions.filter(sourceType => {
+                return sourceType.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateSourceTypeOptions();
+        }
+        
+        // 确认货源类型选择
+        function confirmSourceTypeSelection() {
+            if (selectedSourceType) {
+                document.getElementById('sourceTypeDisplayText').textContent = selectedSourceType;
+                document.getElementById('sourceType').value = selectedSourceType;
+            }
+            hideSourceTypeSelectModal();
+            saveFormData(); // 保存选择
+        }
+        
+        // 显示商品名称选择弹窗
+        function showProductNameSelectModal() {
+            const productNameSelectModal = document.getElementById('productNameSelectModal');
+            productNameSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('productNameSearchInput').value = '';
+            filteredProductNameOptions = [...allProductNameOptions];
+            generateProductNameOptions();
+        }
+        
+        // 隐藏商品名称选择弹窗
+        function hideProductNameSelectModal() {
+            const productNameSelectModal = document.getElementById('productNameSelectModal');
+            productNameSelectModal.classList.remove('active');
+        }
+        
+        // 生成商品名称选项
+        function generateProductNameOptions() {
+            const productNameOptionsList = document.getElementById('productNameOptionsList');
+            productNameOptionsList.innerHTML = '';
+            
+            filteredProductNameOptions.forEach(productName => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = productName;
+                if (productName === selectedProductName) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#productNameOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedProductName = productName;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('productNameDisplayText').textContent = productName;
+                    document.getElementById('productName').value = productName;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('productNameDisplayText').textContent = productName;
+                    document.getElementById('productName').value = productName;
+                    hideProductNameSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                productNameOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤商品名称选项
+        function filterProductNameOptions() {
+            const searchInput = document.getElementById('productNameSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredProductNameOptions = allProductNameOptions.filter(productName => {
+                return productName.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateProductNameOptions();
+        }
+        
+        // 确认商品名称选择
+        function confirmProductNameSelection() {
+            if (selectedProductName) {
+                document.getElementById('productNameDisplayText').textContent = selectedProductName;
+                document.getElementById('productName').value = selectedProductName;
+            }
+            hideProductNameSelectModal();
+            saveFormData(); // 保存选择
+        }
+        
+        // 显示蛋黄类型选择弹窗
+        function showYolkSelectModal() {
+            const yolkSelectModal = document.getElementById('yolkSelectModal');
+            yolkSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('yolkSearchInput').value = '';
+            filteredYolkOptions = [...allYolkOptions];
+            generateYolkOptions();
+        }
+        
+        // 隐藏蛋黄类型选择弹窗
+        function hideYolkSelectModal() {
+            const yolkSelectModal = document.getElementById('yolkSelectModal');
+            yolkSelectModal.classList.remove('active');
+        }
+        
+        // 生成蛋黄类型选项
+        function generateYolkOptions() {
+            const yolkOptionsList = document.getElementById('yolkOptionsList');
+            yolkOptionsList.innerHTML = '';
+            
+            filteredYolkOptions.forEach(yolk => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = yolk;
+                if (yolk === selectedYolk) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#yolkOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedYolk = yolk;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('yolkDisplayText').textContent = yolk;
+                    document.getElementById('yolk').value = yolk;
+                    hideYolkSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                yolkOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤蛋黄类型选项
+        function filterYolkOptions() {
+            const searchInput = document.getElementById('yolkSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredYolkOptions = allYolkOptions.filter(yolk => {
+                return yolk.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateYolkOptions();
+        }
+        
+        // 确认蛋黄类型选择
+        function confirmYolkSelection() {
+            if (selectedYolk) {
+                document.getElementById('yolkDisplayText').textContent = selectedYolk;
+                document.getElementById('yolk').value = selectedYolk;
+            }
+            hideYolkSelectModal();
+            saveFormData(); // 保存选择
+        }
+        
+        // 显示联系人选择弹窗
+        function showContactIdSelectModal() {
+            const contactIdSelectModal = document.getElementById('contactIdSelectModal');
+            contactIdSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('contactIdSearchInput').value = '';
+            
+            // 检查contacts数组是否为空，如果为空则尝试重新加载
+            if (contacts.length === 0) {
+                console.log('contacts数组为空，尝试重新加载...');
+                loadContacts().then(() => {
+                    filteredContactIdOptions = [...contacts];
+                    generateContactIdOptions();
+                }).catch(error => {
+                    console.error('重新加载联系人失败:', error);
+                    // 即使加载失败，也要确保UI更新
+                    filteredContactIdOptions = [...contacts];
+                    generateContactIdOptions();
+                });
+            } else {
+                filteredContactIdOptions = [...contacts];
+                generateContactIdOptions();
+            }
+        }
+        
+        // 隐藏联系人选择弹窗
+        function hideContactIdSelectModal() {
+            const contactIdSelectModal = document.getElementById('contactIdSelectModal');
+            contactIdSelectModal.classList.remove('active');
+        }
+        
+        // 生成联系人选项
+        function generateContactIdOptions() {
+            const contactIdOptionsList = document.getElementById('contactIdOptionsList');
+            contactIdOptionsList.innerHTML = '';
+            
+            filteredContactIdOptions.forEach(contact => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = `${contact.name} (${contact.phoneNumber})`;
+                if (String(contact.id) === String(selectedContactId)) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#contactIdOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedContactId = contact.id;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('contactIdDisplayText').textContent = `${contact.name} (${contact.phoneNumber})`;
+                    document.getElementById('contactId').value = contact.id;
+                    hideContactIdSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                contactIdOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤联系人选项
+        function filterContactIdOptions() {
+            const searchInput = document.getElementById('contactIdSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredContactIdOptions = contacts.filter(contact => {
+                return contact.name.toLowerCase().includes(searchKeyword) || 
+                       contact.phoneNumber.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateContactIdOptions();
+        }
+        
+        // 确认联系人选择
+        function confirmContactIdSelection() {
+            if (selectedContactId) {
+                const contact = contacts.find(c => String(c.id) === String(selectedContactId));
+                if (contact) {
+                    document.getElementById('contactIdDisplayText').textContent = `${contact.name} (${contact.phoneNumber})`;
+                }
+                document.getElementById('contactId').value = selectedContactId;
+            }
+            hideContactIdSelectModal();
+            saveFormData(); // 保存选择
+        }
+        
+        // 显示种类选择弹窗
+        function showCategorySelectModal() {
+            const categorySelectModal = document.getElementById('categorySelectModal');
+            categorySelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('categorySearchInput').value = '';
+            filteredCategoryOptions = [...allCategoryOptions];
+            generateCategoryOptions();
+        }
+        
+        // 隐藏种类选择弹窗
+        function hideCategorySelectModal() {
+            const categorySelectModal = document.getElementById('categorySelectModal');
+            categorySelectModal.classList.remove('active');
+        }
+        
+        // 生成种类选项
+        function generateCategoryOptions() {
+            const categoryOptionsList = document.getElementById('categoryOptionsList');
+            categoryOptionsList.innerHTML = '';
+            
+            filteredCategoryOptions.forEach(category => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = category;
+                if (category === selectedCategory) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#categoryOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedCategory = category;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('categoryDisplayText').textContent = category;
+                    document.getElementById('category').value = category;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    selectedCategory = category;
+                    confirmCategorySelection();
+                };
+                categoryOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤种类选项
+        function filterCategoryOptions() {
+            const searchInput = document.getElementById('categorySearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            filteredCategoryOptions = allCategoryOptions.filter(category => {
+                return category.toLowerCase().includes(searchTerm);
+            });
+            
+            generateCategoryOptions();
+        }
+        
+        // 确认种类选择
+        function confirmCategorySelection() {
+            if (selectedCategory) {
+                const categoryDisplayText = document.getElementById('categoryDisplayText');
+                const categoryInput = document.getElementById('category');
+                
+                categoryDisplayText.textContent = selectedCategory;
+                categoryInput.value = selectedCategory;
+                hideCategorySelectModal();
+                saveFormData(); // 保存选择
+            }
+        }
+        
+        // 新鲜程度选择功能
+        let allFreshnessOptions = ['正常质量（1-4天）', '一般质量（3天以内）', '一般质量（4天以上）', '精品'];
+        let filteredFreshnessOptions = [...allFreshnessOptions];
+        let selectedFreshness = '';
+        
+        // 显示新鲜程度选择弹窗
+        function showFreshnessSelectModal() {
+            const freshnessSelectModal = document.getElementById('freshnessSelectModal');
+            freshnessSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('freshnessSearchInput').value = '';
+            filteredFreshnessOptions = [...allFreshnessOptions];
+            generateFreshnessOptions();
+        }
+        
+        // 隐藏新鲜程度选择弹窗
+        function hideFreshnessSelectModal() {
+            const freshnessSelectModal = document.getElementById('freshnessSelectModal');
+            freshnessSelectModal.classList.remove('active');
+        }
+        
+        // 生成新鲜程度选项
+        function generateFreshnessOptions() {
+            const freshnessOptionsList = document.getElementById('freshnessOptionsList');
+            freshnessOptionsList.innerHTML = '';
+            
+            filteredFreshnessOptions.forEach(freshness => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = freshness;
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#freshnessOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    selectedFreshness = freshness;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    const freshnessDisplayText = document.getElementById('freshnessDisplayText');
+                    const freshnessInput = document.getElementById('freshness');
+                    
+                    freshnessDisplayText.textContent = freshness;
+                    freshnessInput.value = freshness;
+                    hideFreshnessSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                freshnessOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤新鲜程度选项
+        function filterFreshnessOptions() {
+            const searchInput = document.getElementById('freshnessSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            filteredFreshnessOptions = allFreshnessOptions.filter(freshness => {
+                return freshness.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateFreshnessOptions();
+        }
+        
+        // 确认新鲜程度选择
+        function confirmFreshnessSelection() {
+            if (selectedFreshness) {
+                const freshnessDisplayText = document.getElementById('freshnessDisplayText');
+                const freshnessInput = document.getElementById('freshness');
+                
+                freshnessDisplayText.textContent = selectedFreshness;
+                freshnessInput.value = selectedFreshness;
+                hideFreshnessSelectModal();
+                saveFormData(); // 保存选择
+            }
+        }
+        
+        // 地区选择功能
+        let allRegionOptions = [
+    { province: '北京市', cities: [
+        { city: '北京市', districts: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云区', '延庆区'] }
+    ]},
+    { province: '陕西省', cities: [
+        { city: '西安市', districts: ['新城区', '碑林区', '莲湖区', '灞桥区', '未央区', '雁塔区', '阎良区', '临潼区', '长安区', '高陵区', '鄠邑区', '蓝田县', '周至县'] },
+        { city: '铜川市', districts: ['王益区', '印台区', '耀州区', '宜君县'] },
+        { city: '宝鸡市', districts: ['渭滨区', '金台区', '陈仓区', '凤翔区', '岐山县', '扶风县', '眉县', '陇县', '千阳县', '麟游县', '凤县', '太白县'] },
+        { city: '咸阳市', districts: ['秦都区', '杨陵区', '渭城区', '兴平市', '三原县', '泾阳县', '乾县', '礼泉县', '永寿县', '长武县', '旬邑县', '淳化县', '武功县'] },
+        { city: '渭南市', districts: ['临渭区', '华州区', '韩城市', '华阴市', '潼关县', '大荔县', '合阳县', '澄城县', '蒲城县', '白水县', '富平县'] },
+        { city: '延安市', districts: ['宝塔区', '安塞区', '延长县', '延川县', '子长市', '志丹县', '吴起县', '甘泉县', '富县', '洛川县', '宜川县', '黄龙县', '黄陵县'] },
+        { city: '汉中市', districts: ['汉台区', '南郑区', '城固县', '洋县', '西乡县', '勉县', '宁强县', '略阳县', '镇巴县', '留坝县', '佛坪县'] },
+        { city: '榆林市', districts: ['榆阳区', '横山区', '神木市', '府谷县', '靖边县', '定边县', '绥德县', '米脂县', '佳县', '吴堡县', '清涧县', '子洲县'] },
+        { city: '安康市', districts: ['汉滨区', '汉阴县', '石泉县', '宁陕县', '紫阳县', '岚皋县', '平利县', '镇坪县', '旬阳市', '白河县'] },
+        { city: '商洛市', districts: ['商州区', '洛南县', '丹凤县', '商南县', '山阳县', '镇安县', '柞水县'] }
+    ]},
+    { province: '甘肃省', cities: [
+        { city: '兰州市', districts: ['城关区', '七里河区', '西固区', '安宁区', '红古区', '永登县', '皋兰县', '榆中县'] },
+        { city: '嘉峪关市', districts: ['嘉峪关市'] },
+        { city: '金昌市', districts: ['金川区', '永昌县'] },
+        { city: '白银市', districts: ['白银区', '平川区', '靖远县', '会宁县', '景泰县'] },
+        { city: '天水市', districts: ['秦州区', '麦积区', '清水县', '秦安县', '甘谷县', '武山县', '张家川回族自治县'] },
+        { city: '武威市', districts: ['凉州区', '民勤县', '古浪县', '天祝藏族自治县'] },
+        { city: '张掖市', districts: ['甘州区', '肃南裕固族自治县', '民乐县', '临泽县', '高台县', '山丹县'] },
+        { city: '平凉市', districts: ['崆峒区', '泾川县', '灵台县', '崇信县', '华亭市', '庄浪县', '静宁县'] },
+        { city: '酒泉市', districts: ['肃州区', '金塔县', '瓜州县', '肃北蒙古族自治县', '阿克塞哈萨克族自治县', '玉门市', '敦煌市'] },
+        { city: '庆阳市', districts: ['西峰区', '庆城县', '环县', '华池县', '合水县', '正宁县', '宁县', '镇原县'] },
+        { city: '定西市', districts: ['安定区', '通渭县', '陇西县', '渭源县', '临洮县', '漳县', '岷县'] },
+        { city: '陇南市', districts: ['武都区', '成县', '文县', '宕昌县', '康县', '西和县', '礼县', '徽县', '两当县'] },
+        { city: '临夏回族自治州', districts: ['临夏市', '临夏县', '康乐县', '永靖县', '广河县', '和政县', '东乡族自治县', '积石山保安族东乡族撒拉族自治县'] },
+        { city: '甘南藏族自治州', districts: ['合作市', '临潭县', '卓尼县', '舟曲县', '迭部县', '玛曲县', '碌曲县', '夏河县'] }
+    ]},
+    { province: '青海省', cities: [
+        { city: '西宁市', districts: ['城东区', '城中区', '城西区', '城北区', '大通回族土族自治县', '湟中区', '湟源县'] },
+        { city: '海东市', districts: ['乐都区', '平安区', '民和回族土族自治县', '互助土族自治县', '化隆回族自治县', '循化撒拉族自治县'] },
+        { city: '海北藏族自治州', districts: ['海晏县', '祁连县', '刚察县', '门源回族自治县'] },
+        { city: '黄南藏族自治州', districts: ['同仁市', '尖扎县', '泽库县', '河南蒙古族自治县'] },
+        { city: '海南藏族自治州', districts: ['共和县', '同德县', '贵德县', '兴海县', '贵南县'] },
+        { city: '果洛藏族自治州', districts: ['玛沁县', '班玛县', '甘德县', '达日县', '久治县', '玛多县'] },
+        { city: '玉树藏族自治州', districts: ['玉树市', '杂多县', '称多县', '治多县', '囊谦县', '曲麻莱县'] },
+        { city: '海西蒙古族藏族自治州', districts: ['格尔木市', '德令哈市', '茫崖市', '天峻县', '都兰县', '乌兰县'] }
+    ]},
+    { province: '台湾省', cities: [
+        { city: '台北市', districts: ['中正区', '大同区', '中山区', '松山区', '大安区', '万华区', '信义区', '士林区', '北投区', '内湖区', '南港区', '文山区'] },
+        { city: '高雄市', districts: ['新兴区', '前金区', '苓雅区', '盐埕区', '鼓山区', '旗津区', '前镇区', '三民区', '楠梓区', '小港区', '左营区', '仁武区', '大树区', '鸟松区', '冈山区', '桥头区', '燕巢区', '田寮区', '阿莲区', '路竹区', '湖内区', '茄萣区', '永安区', '弥陀区', '梓官区', '旗山区', '美浓区', '六龟区', '甲仙区', '杉林区', '内门区', '茂林区', '桃源区', '那玛夏区'] },
+        { city: '新北市', districts: ['板桥区', '三重区', '中和区', '永和区', '新庄区', '新店区', '树林区', '莺歌区', '三峡区', '淡水区', '汐止区', '瑞芳区', '土城区', '芦洲区', '五股区', '泰山区', '林口区', '八里区', '三芝区', '石门区', '金山区', '万里区', '金山区', '贡寮区', '坪林区', '乌来区', '深坑区', '石碇区', '新店区', '双溪区', '平溪区', '中山区', '大同区', '中正区', '万华区', '信义区', '松山区', '大安区', '南港区', '内湖区', '士林区', '北投区', '文山区'] },
+        { city: '台中市', districts: ['中区', '东区', '南区', '西区', '北区', '北屯区', '西屯区', '南屯区', '太平区', '大里区', '雾峰区', '乌日区', '丰原区', '后里区', '石冈区', '东势区', '和平区', '新社区', '潭子区', '大雅区', '神冈区', '大肚区', '沙鹿区', '龙井区', '梧栖区', '清水区', '大甲区', '外埔区', '大安区长'] },
+        { city: '台南市', districts: ['中西区', '东区', '南区', '北区', '安平区', '安南区', '永康区', '归仁区', '新化区', '左镇区', '玉井区', '楠西区', '南化区', '仁德区', '关庙区', '龙崎区', '官田区', '麻豆区', '佳里区', '西港区', '七股区', '将军区', '学甲区', '北门区', '新营区', '后壁区', '白河区', '东山区', '六甲区', '下营区', '柳营区', '盐水区', '善化区', '大内区', '山上区', '新市', '安定区'] },
+        { city: '桃园市', districts: ['桃园区', '中坜区', '平镇区', '八德区', '杨梅区', '芦竹区', '大溪区', '龙潭区', '龟山区', '大园区', '观音区', '新屋区', '复兴区'] },
+        { city: '宜兰县', districts: ['宜兰市', '头城镇', '罗东镇', '苏澳镇', '礁溪乡', '壮围乡', '员山乡', '冬山乡', '五结乡', '三星乡', '大同乡', '南澳乡'] },
+        { city: '新竹县', districts: ['竹北市', '竹东镇', '新埔镇', '关西镇', '湖口乡', '新丰乡', '芎林乡', '宝山乡', '北埔乡', '峨眉乡', '尖石乡', '横山乡', '五峰乡'] },
+        { city: '苗栗县', districts: ['苗栗市', '苑里镇', '通霄镇', '后龙镇', '竹南镇', '头份市', '造桥乡', '西湖乡', '头屋乡', '公馆乡', '铜锣乡', '三义乡', '西湖乡', '南庄乡', '大湖乡', '卓兰镇', '泰安乡'] },
+        { city: '彰化县', districts: ['彰化市', '和美镇', '鹿港镇', '溪湖镇', '员林市', '北斗镇', '田中镇', '二林镇', '永靖乡', '伸港乡', '线西乡', '福兴乡', '秀水乡', '花坛乡', '芬园乡', '大村乡', '埔盐乡', '埔心乡', '溪州乡', '竹塘乡', '社头乡', '二水乡', '田尾乡', '埤头乡', '芳苑乡', '大城乡', '竹塘乡', '溪湖乡', '埤头乡'] },
+        { city: '南投县', districts: ['南投市', '埔里镇', '草屯镇', '竹山镇', '集集镇', '名间乡', '鹿谷乡', '中寮乡', '鱼池乡', '国姓乡', '水里乡', '信义乡', '仁爱乡'] },
+        { city: '云林县', districts: ['斗六市', '斗南镇', '虎尾镇', '土库镇', '西螺镇', '北港镇', '古坑乡', '大埤乡', '莿桐乡', '林内乡', '二仑乡', '仑背乡', '麦寮乡', '东势乡', '褒忠乡', '台西乡', '元长乡', '四湖乡', '口湖乡', '水林乡'] },
+        { city: '嘉义县', districts: ['太保市', '朴子市', '布袋镇', '大林镇', '民雄乡', '溪口乡', '新港乡', '六脚乡', '东石乡', '义竹乡', '鹿草乡', '水上乡', '中埔乡', '竹崎乡', '梅山乡', '番路乡', '大埔乡', '阿里山乡'] },
+        { city: '屏东县', districts: ['屏东市', '潮州镇', '东港镇', '恒春镇', '万丹乡', '长治乡', '麟洛乡', '九如乡', '里港乡', '盐埔乡', '高树乡', '万峦乡', '内埔乡', '竹田乡', '新埤乡', '枋寮乡', '枋山乡', '春日乡', '来义乡', '富里乡', '狮子乡', '牡丹乡', '车城乡', '满州乡', '枋寮乡', '三地门乡', '雾台乡'] },
+        { city: '台东县', districts: ['台东市', '成功镇', '关山镇', '卑南乡', '鹿野乡', '池上乡', '东河乡', '长滨乡', '太麻里乡', '金峰乡', '大武乡', '绿岛乡', '兰屿乡', '延平乡', '海端乡', '达仁乡'] },
+        { city: '花莲县', districts: ['花莲市', '凤林镇', '玉里镇', '新城乡', '吉安乡', '寿丰乡', '秀林乡', '光复乡', '丰滨乡', '瑞穗乡', '富里乡', '万荣乡', '卓溪乡'] },
+        { city: '澎湖县', districts: ['马公市', '湖西乡', '白沙乡', '西屿乡', '望安乡', '七美乡'] },
+        { city: '金门县', districts: ['金城镇', '金湖镇', '金沙镇', '金宁乡', '烈屿乡', '乌丘乡'] },
+        { city: '连江县', districts: ['南竿乡', '北竿乡', '莒光乡', '东引乡'] }
+    ]},
+    { province: '云南省', cities: [
+        { city: '昆明市', districts: ['五华区', '盘龙区', '官渡区', '西山区', '东川区', '呈贡区', '晋宁区', '富民县', '宜良县', '石林彝族自治县', '嵩明县', '禄劝彝族苗族自治县', '寻甸回族彝族自治县'] },
+        { city: '曲靖市', districts: ['麒麟区', '沾益区', '马龙区', '宣威市', '富源县', '罗平县', '师宗县', '陆良县', '会泽县'] },
+        { city: '玉溪市', districts: ['红塔区', '江川区', '澄江市', '通海县', '华宁县', '易门县', '峨山彝族自治县', '新平彝族傣族自治县', '元江哈尼族彝族傣族自治县'] },
+        { city: '保山市', districts: ['隆阳区', '腾冲市', '施甸县', '龙陵县', '昌宁县'] },
+        { city: '昭通市', districts: ['昭阳区', '鲁甸县', '巧家县', '盐津县', '大关县', '永善县', '绥江县', '镇雄县', '彝良县', '威信县', '水富市'] },
+        { city: '丽江市', districts: ['古城区', '玉龙纳西族自治县', '永胜县', '华坪县', '宁蒗彝族自治县'] },
+        { city: '普洱市', districts: ['思茅区', '宁洱哈尼族彝族自治县', '墨江哈尼族自治县', '景东彝族自治县', '景谷傣族彝族自治县', '镇沅彝族哈尼族拉祜族自治县', '江城哈尼族彝族自治县', '孟连傣族拉祜族佤族自治县', '澜沧拉祜族自治县', '西盟佤族自治县'] },
+        { city: '临沧市', districts: ['临翔区', '凤庆县', '云县', '永德县', '镇康县', '双江拉祜族佤族布朗族傣族自治县', '耿马傣族佤族自治县', '沧源佤族自治县'] },
+        { city: '楚雄彝族自治州', districts: ['楚雄市', '双柏县', '牟定县', '南华县', '姚安县', '大姚县', '永仁县', '元谋县', '武定县', '禄丰市'] },
+        { city: '红河哈尼族彝族自治州', districts: ['蒙自市', '个旧市', '开远市', '弥勒市', '建水县', '石屏县', '泸西县', '元阳县', '红河县', '金平苗族瑶族傣族自治县', '绿春县', '屏边苗族自治县', '河口瑶族自治县'] },
+        { city: '文山壮族苗族自治州', districts: ['文山市', '砚山县', '西畴县', '麻栗坡县', '马关县', '丘北县', '广南县', '富宁县'] },
+        { city: '西双版纳傣族自治州', districts: ['景洪市', '勐海县', '勐腊县'] },
+        { city: '大理白族自治州', districts: ['大理市', '漾濞彝族自治县', '祥云县', '宾川县', '弥渡县', '南涧彝族自治县', '巍山彝族回族自治县', '永平县', '云龙县', '洱源县', '剑川县', '鹤庆县'] },
+        { city: '德宏傣族景颇族自治州', districts: ['芒市', '瑞丽市', '梁河县', '盈江县', '陇川县'] },
+        { city: '怒江傈僳族自治州', districts: ['泸水市', '福贡县', '贡山独龙族怒族自治县', '兰坪白族普米族自治县'] },
+        { city: '迪庆藏族自治州', districts: ['香格里拉市', '德钦县', '维西傈僳族自治县'] }
+    ]},
+    { province: '贵州省', cities: [
+        { city: '贵阳市', districts: ['南明区', '云岩区', '花溪区', '乌当区', '白云区', '观山湖区', '开阳县', '息烽县', '修文县', '清镇市'] },
+        { city: '六盘水市', districts: ['钟山区', '六枝特区', '水城区', '盘州市'] },
+        { city: '遵义市', districts: ['红花岗区', '汇川区', '播州区', '赤水市', '仁怀市', '桐梓县', '绥阳县', '正安县', '道真仡佬族苗族自治县', '务川仡佬族苗族自治县', '凤冈县', '湄潭县', '余庆县', '习水县'] },
+        { city: '安顺市', districts: ['西秀区', '平坝区', '普定县', '镇宁布依族苗族自治县', '关岭布依族苗族自治县', '紫云苗族布依族自治县'] },
+        { city: '毕节市', districts: ['七星关区', '赫章县', '威宁彝族回族苗族自治县', '纳雍县', '织金县', '黔西县', '金沙县', '大方县'] },
+        { city: '铜仁市', districts: ['碧江区', '万山区', '江口县', '玉屏侗族自治县', '石阡县', '思南县', '印江土家族苗族自治县', '德江县', '沿河土家族自治县', '松桃苗族自治县'] },
+        { city: '黔东南苗族侗族自治州', districts: ['凯里市', '黄平县', '施秉县', '三穗县', '镇远县', '岑巩县', '天柱县', '锦屏县', '剑河县', '台江县', '黎平县', '榕江县', '从江县', '雷山县', '麻江县', '丹寨县'] },
+        { city: '黔南布依族苗族自治州', districts: ['都匀市', '福泉市', '荔波县', '贵定县', '瓮安县', '独山县', '平塘县', '罗甸县', '长顺县', '龙里县', '惠水县', '三都水族自治县'] },
+        { city: '黔西南布依族苗族自治州', districts: ['兴义市', '兴仁市', '普安县', '晴隆县', '贞丰县', '望谟县', '册亨县', '安龙县'] }
+    ]},
+    { province: '海南省', cities: [
+        { city: '海口市', districts: ['秀英区', '龙华区', '琼山区', '美兰区'] },
+        { city: '三亚市', districts: ['吉阳区', '天涯区', '海棠区', '崖州区'] },
+        { city: '三沙市', districts: ['西沙区', '南沙区'] },
+        { city: '儋州市', districts: ['那大镇', '和庆镇', '南丰镇', '大成镇', '雅星镇', '兰洋镇', '光村镇', '木棠镇', '海头镇', '峨蔓镇', '王五镇', '白马井镇', '中和镇', '排浦镇', '东成镇'] },
+        { city: '五指山市', districts: ['通什镇', '南圣镇', '毛阳镇', '番阳镇', '水满乡', '畅好乡', '毛道乡'] },
+        { city: '文昌市', districts: ['文城镇', '重兴镇', '蓬莱镇', '会文镇', '东路镇', '潭牛镇', '东阁镇', '文教镇', '东郊镇', '龙楼镇', '昌洒镇', '翁田镇', '抱罗镇', '冯坡镇', '锦山镇', '铺前镇', '公坡镇'] },
+        { city: '琼海市', districts: ['嘉积镇', '万泉镇', '石壁镇', '中原镇', '博鳌镇', '阳江镇', '龙江镇', '潭门镇', '塔洋镇', '长坡镇', '会山镇', '大路镇'] },
+        { city: '万宁市', districts: ['万城镇', '龙滚镇', '山根镇', '和乐镇', '后安镇', '大茂镇', '东澳镇', '礼纪镇', '长丰镇', '北大镇', '南桥镇', '三更罗镇', '东兴农场', '东和农场'] },
+        { city: '东方市', districts: ['八所镇', '东河镇', '大田镇', '感城镇', '板桥镇', '三家镇', '四更镇', '新龙镇', '天安乡', '江边乡'] },
+        { city: '定安县', districts: ['定城镇', '新竹镇', '龙湖镇', '雷鸣镇', '龙门镇', '岭口镇', '翰林镇', '龙河镇', '黄竹镇', '富文镇'] },
+        { city: '屯昌县', districts: ['屯城镇', '新兴镇', '枫木镇', '乌坡镇', '南吕镇', '南坤镇', '坡心镇', '西昌镇'] },
+        { city: '澄迈县', districts: ['金江镇', '老城镇', '瑞溪镇', '永发镇', '加乐镇', '文儒镇', '中兴镇', '仁兴镇', '福山镇', '桥头镇', '大丰镇', '邦溪镇'] },
+        { city: '临高县', districts: ['临城镇', '波莲镇', '东英镇', '博厚镇', '皇桐镇', '多文镇', '和舍镇', '南宝镇', '新盈镇', '调楼镇', '加来镇'] },
+        { city: '白沙黎族自治县', districts: ['牙叉镇', '七坊镇', '打安镇', '邦溪镇', '南开乡', '元门乡', '阜龙乡', '细水乡', '青松乡', '金波乡', '荣邦乡'] },
+        { city: '昌江黎族自治县', districts: ['石碌镇', '叉河镇', '十月田镇', '乌烈镇', '昌化镇', '海尾镇', '七叉镇', '王下乡'] },
+        { city: '乐东黎族自治县', districts: ['抱由镇', '万冲镇', '大安镇', '志仲镇', '千家镇', '九所镇', '利国镇', '黄流镇', '佛罗镇', '尖峰镇', '莺歌海镇', '尖峰岭', '山荣农场'] },
+        { city: '陵水黎族自治县', districts: ['椰林镇', '新村镇', '英州镇', '本号镇', '隆广镇', '三才镇', '光坡镇', '文罗镇', '黎安镇', '提蒙乡', '群英乡'] },
+        { city: '保亭黎族苗族自治县', districts: ['保城镇', '什玲镇', '加茂镇', '响水镇', '新政镇', '三道镇', '六弓乡', '南林乡', '毛感乡'] },
+        { city: '琼中黎族苗族自治县', districts: ['营根镇', '湾岭镇', '黎母山镇', '和平镇', '长征镇', '红毛镇', '中平镇', '吊罗山乡', '上安乡', '什运乡'] }
+    ]},
+    { province: '内蒙古自治区', cities: [
+        { city: '呼和浩特市', districts: ['新城区', '回民区', '玉泉区', '赛罕区', '土默特左旗', '托克托县', '和林格尔县', '清水河县', '武川县'] },
+        { city: '包头市', districts: ['东河区', '昆都仑区', '青山区', '石拐区', '白云鄂博矿区', '九原区', '土默特右旗', '固阳县', '达尔罕茂明安联合旗'] },
+        { city: '乌海市', districts: ['海勃湾区', '海南区', '乌达区'] },
+        { city: '赤峰市', districts: ['红山区', '元宝山区', '松山区', '阿鲁科尔沁旗', '巴林左旗', '巴林右旗', '林西县', '克什克腾旗', '翁牛特旗', '喀喇沁旗', '宁城县', '敖汉旗'] },
+        { city: '通辽市', districts: ['科尔沁区', '霍林郭勒市', '科尔沁左翼中旗', '科尔沁左翼后旗', '开鲁县', '库伦旗', '奈曼旗', '扎鲁特旗'] },
+        { city: '鄂尔多斯市', districts: ['东胜区', '康巴什区', '达拉特旗', '准格尔旗', '鄂托克前旗', '鄂托克旗', '杭锦旗', '乌审旗', '伊金霍洛旗'] },
+        { city: '呼伦贝尔市', districts: ['海拉尔区', '扎赉诺尔区', '满洲里市', '牙克石市', '扎兰屯市', '额尔古纳市', '根河市', '阿荣旗', '莫力达瓦达斡尔族自治旗', '鄂伦春自治旗', '鄂温克族自治旗', '陈巴尔虎旗', '新巴尔虎左旗', '新巴尔虎右旗'] },
+        { city: '巴彦淖尔市', districts: ['临河区', '五原县', '磴口县', '乌拉特前旗', '乌拉特中旗', '乌拉特后旗', '杭锦后旗'] },
+        { city: '乌兰察布市', districts: ['集宁区', '丰镇市', '卓资县', '化德县', '商都县', '兴和县', '凉城县', '察哈尔右翼前旗', '察哈尔右翼中旗', '察哈尔右翼后旗', '四子王旗'] },
+        { city: '兴安盟', districts: ['乌兰浩特市', '阿尔山市', '科尔沁右翼前旗', '科尔沁右翼中旗', '扎赉特旗', '突泉县'] },
+        { city: '锡林郭勒盟', districts: ['锡林浩特市', '二连浩特市', '阿巴嘎旗', '苏尼特左旗', '苏尼特右旗', '东乌珠穆沁旗', '西乌珠穆沁旗', '太仆寺旗', '镶黄旗', '正镶白旗', '正蓝旗', '多伦县'] },
+        { city: '阿拉善盟', districts: ['阿拉善左旗', '阿拉善右旗', '额济纳旗'] }
+    ]},
+    { province: '广西壮族自治区', cities: [
+        { city: '南宁市', districts: ['兴宁区', '青秀区', '江南区', '西乡塘区', '良庆区', '邕宁区', '武鸣区', '隆安县', '马山县', '上林县', '宾阳县', '横州市'] },
+        { city: '柳州市', districts: ['城中区', '鱼峰区', '柳南区', '柳北区', '柳江区', '柳城县', '鹿寨县', '融安县', '融水苗族自治县', '三江侗族自治县'] },
+        { city: '桂林市', districts: ['秀峰区', '叠彩区', '象山区', '七星区', '雁山区', '临桂区', '阳朔县', '灵川县', '全州县', '兴安县', '永福县', '灌阳县', '龙胜各族自治县', '资源县', '平乐县', '荔浦市', '恭城瑶族自治县'] },
+        { city: '梧州市', districts: ['万秀区', '长洲区', '龙圩区', '苍梧县', '藤县', '蒙山县', '岑溪市'] },
+        { city: '北海市', districts: ['海城区', '银海区', '铁山港区', '合浦县'] },
+        { city: '防城港市', districts: ['港口区', '防城区', '上思县', '东兴市'] },
+        { city: '钦州市', districts: ['钦南区', '钦北区', '灵山县', '浦北县'] },
+        { city: '贵港市', districts: ['港北区', '港南区', '覃塘区', '平南县', '桂平市'] },
+        { city: '玉林市', districts: ['玉州区', '福绵区', '容县', '陆川县', '博白县', '兴业县', '北流市'] },
+        { city: '百色市', districts: ['右江区', '田阳区', '田东县', '德保县', '那坡县', '凌云县', '乐业县', '田林县', '西林县', '隆林各族自治县', '靖西市', '平果市'] },
+        { city: '贺州市', districts: ['八步区', '平桂区', '昭平县', '钟山县', '富川瑶族自治县'] },
+        { city: '河池市', districts: ['金城江区', '宜州区', '南丹县', '天峨县', '凤山县', '东兰县', '罗城仫佬族自治县', '环江毛南族自治县', '巴马瑶族自治县', '都安瑶族自治县', '大化瑶族自治县'] },
+        { city: '来宾市', districts: ['兴宾区', '忻城县', '象州县', '武宣县', '金秀瑶族自治县', '合山市'] },
+        { city: '崇左市', districts: ['江州区', '扶绥县', '宁明县', '龙州县', '大新县', '天等县', '凭祥市'] }
+    ]},
+    { province: '西藏自治区', cities: [
+        { city: '拉萨市', districts: ['城关区', '堆龙德庆区', '达孜区', '林周县', '当雄县', '尼木县', '曲水县', '墨竹工卡县'] },
+        { city: '日喀则市', districts: ['桑珠孜区', '南木林县', '江孜县', '定日县', '萨迦县', '拉孜县', '昂仁县', '谢通门县', '白朗县', '仁布县', '康马县', '定结县', '仲巴县', '亚东县', '吉隆县', '聂拉木县', '萨嘎县', '岗巴县'] },
+        { city: '昌都市', districts: ['卡若区', '江达县', '贡觉县', '类乌齐县', '丁青县', '察雅县', '八宿县', '左贡县', '芒康县', '洛隆县', '边坝县'] },
+        { city: '林芝市', districts: ['巴宜区', '工布江达县', '米林县', '墨脱县', '波密县', '察隅县', '朗县'] },
+        { city: '山南市', districts: ['乃东区', '扎囊县', '贡嘎县', '桑日县', '琼结县', '曲松县', '措美县', '洛扎县', '加查县', '隆子县', '错那市', '浪卡子县'] },
+        { city: '那曲市', districts: ['色尼区', '嘉黎县', '比如县', '聂荣县', '安多县', '申扎县', '索县', '班戈县', '巴青县', '尼玛县', '双湖县'] },
+        { city: '阿里地区', districts: ['噶尔县', '普兰县', '札达县', '日土县', '革吉县', '改则县', '措勤县'] }
+    ]},
+    { province: '宁夏回族自治区', cities: [
+        { city: '银川市', districts: ['兴庆区', '西夏区', '金凤区', '永宁县', '贺兰县', '灵武市'] },
+        { city: '石嘴山市', districts: ['大武口区', '惠农区', '平罗县'] },
+        { city: '吴忠市', districts: ['利通区', '红寺堡区', '盐池县', '同心县', '青铜峡市'] },
+        { city: '固原市', districts: ['原州区', '西吉县', '隆德县', '泾源县', '彭阳县'] },
+        { city: '中卫市', districts: ['沙坡头区', '中宁县', '海原县'] }
+    ]},
+    { province: '新疆维吾尔自治区', cities: [
+        { city: '乌鲁木齐市', districts: ['天山区', '沙依巴克区', '新市区', '水磨沟区', '头屯河区', '达坂城区', '米东区', '乌鲁木齐县'] },
+        { city: '克拉玛依市', districts: ['克拉玛依区', '独山子区', '白碱滩区', '乌尔禾区'] },
+        { city: '吐鲁番市', districts: ['高昌区', '鄯善县', '托克逊县'] },
+        { city: '哈密市', districts: ['伊州区', '巴里坤哈萨克自治县', '伊吾县'] },
+        { city: '昌吉回族自治州', districts: ['昌吉市', '阜康市', '呼图壁县', '玛纳斯县', '奇台县', '吉木萨尔县', '木垒哈萨克自治县'] },
+        { city: '博尔塔拉蒙古自治州', districts: ['博乐市', '阿拉山口市', '精河县', '温泉县'] },
+        { city: '巴音郭楞蒙古自治州', districts: ['库尔勒市', '轮台县', '尉犁县', '若羌县', '且末县', '焉耆回族自治县', '和静县', '和硕县', '博湖县'] },
+        { city: '阿克苏地区', districts: ['阿克苏市', '温宿县', '库车市', '沙雅县', '新和县', '拜城县', '乌什县', '阿瓦提县', '柯坪县'] },
+        { city: '克孜勒苏柯尔克孜自治州', districts: ['阿图什市', '阿克陶县', '阿合奇县', '乌恰县'] },
+        { city: '喀什地区', districts: ['喀什市', '疏附县', '疏勒县', '英吉沙县', '泽普县', '莎车县', '叶城县', '麦盖提县', '岳普湖县', '伽师县', '巴楚县', '塔什库尔干塔吉克自治县'] },
+        { city: '和田地区', districts: ['和田市', '和田县', '墨玉县', '皮山县', '洛浦县', '策勒县', '于田县', '民丰县'] },
+        { city: '伊犁哈萨克自治州', districts: ['伊宁市', '奎屯市', '霍尔果斯市', '伊宁县', '察布查尔锡伯自治县', '霍城县', '巩留县', '新源县', '昭苏县', '特克斯县', '尼勒克县'] },
+        { city: '塔城地区', districts: ['塔城市', '乌苏市', '额敏县', '沙湾市', '托里县', '裕民县', '和布克赛尔蒙古自治县'] },
+        { city: '阿勒泰地区', districts: ['阿勒泰市', '布尔津县', '富蕴县', '福海县', '哈巴河县', '青河县', '吉木乃县'] },
+        { city: '石河子市', districts: ['新城街道', '向阳街道', '红山街道', '老街街道', '东城街道', '北泉镇', '石河子总场'] },
+        { city: '阿拉尔市', districts: ['幸福路街道', '金银川路街道', '青松路街道', '南口街道', '托喀依乡'] },
+        { city: '图木舒克市', districts: ['齐干却勒街道', '前海街道', '永安坝街道', '草湖镇'] },
+        { city: '五家渠市', districts: ['军垦路街道', '青湖路街道', '人民路街道', '梧桐镇', '蔡家湖镇'] },
+        { city: '铁门关市', districts: ['迎宾街道', '二十九团', '三十团'] },
+        { city: '双河市', districts: ['红星路街道', '八十一团', '八十四团'] },
+        { city: '可克达拉市', districts: ['幸福路街道', '六十六团', '六十七团'] },
+        { city: '昆玉市', districts: ['昆泉镇', '二二四团', '四十七团'] },
+        { city: '胡杨河市', districts: ['金山路街道', '一二九团', '一三三团'] },
+        { city: '新星市', districts: ['中心团场'] }
+    ]},
+    { province: '上海市', cities: [
+        { city: '上海市', districts: ['黄浦区', '徐汇区', '长宁区', '静安区', '普陀区', '虹口区', '杨浦区', '闵行区', '宝山区', '嘉定区', '浦东新区', '金山区', '松江区', '青浦区', '奉贤区', '崇明区'] }
+    ]},
+    { province: '天津市', cities: [
+        { city: '天津市', districts: ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '东丽区', '西青区', '津南区', '北辰区', '武清区', '宝坻区', '滨海新区', '宁河区', '静海区', '蓟州区'] }
+    ]},
+    { province: '重庆市', cities: [
+        { city: '重庆市', districts: ['渝中区', '大渡口区', '江北区', '沙坪坝区', '九龙坡区', '南岸区', '北碚区', '渝北区', '巴南区', '万州区', '涪陵区', '黔江区', '长寿区', '江津区', '合川区', '永川区', '南川区', '綦江区', '大足区', '璧山区', '铜梁区', '潼南区', '荣昌区', '开州区', '梁平区', '武隆区', '城口县', '丰都县', '垫江县', '忠县', '云阳县', '奉节县', '巫山县', '巫溪县', '石柱土家族自治县', '秀山土家族苗族自治县', '酉阳土家族苗族自治县', '彭水苗族土家族自治县'] }
+    ]},
+    { province: '河北省', cities: [
+        { city: '石家庄市', districts: ['长安区', '桥西区', '新华区', '井陉矿区', '裕华区', '藁城区', '鹿泉区', '栾城区', '井陉县', '正定县', '行唐县', '灵寿县', '高邑县', '深泽县', '赞皇县', '无极县', '平山县', '元氏县', '赵县', '辛集市', '晋州市', '新乐市'] },
+        { city: '唐山市', districts: ['路南区', '路北区', '古冶区', '开平区', '丰南区', '丰润区', '曹妃甸区', '滦南县', '乐亭县', '迁西县', '玉田县', '遵化市', '迁安市', '滦州市'] },
+        { city: '秦皇岛市', districts: ['海港区', '山海关区', '北戴河区', '抚宁区', '青龙满族自治县', '昌黎县', '卢龙县'] },
+        { city: '邯郸市', districts: ['邯山区', '丛台区', '复兴区', '峰峰矿区', '肥乡区', '永年区', '临漳县', '成安县', '大名县', '涉县', '磁县', '邱县', '鸡泽县', '广平县', '馆陶县', '曲周县', '武安市', '魏县'] },
+        { city: '邢台市', districts: ['桥东区', '桥西区', '邢台县', '临城县', '内丘县', '柏乡县', '隆尧县', '任县', '南和县', '宁晋县', '巨鹿县', '新河县', '广宗县', '平乡县', '威县', '清河县', '临西县', '南宫市', '沙河市'] },
+        { city: '保定市', districts: ['竞秀区', '莲池区', '满城区', '清苑区', '徐水区', '涞水县', '阜平县', '定兴县', '唐县', '高阳县', '容城县', '涞源县', '望都县', '安新县', '易县', '曲阳县', '蠡县', '顺平县', '博野县', '雄县', '涿州市', '定州市', '安国市', '高碑店市'] },
+        { city: '张家口市', districts: ['桥东区', '桥西区', '宣化区', '下花园区', '万全区', '崇礼区', '张北县', '康保县', '沽源县', '尚义县', '蔚县', '阳原县', '怀安县', '怀来县', '涿鹿县', '赤城县'] },
+        { city: '承德市', districts: ['双桥区', '双滦区', '鹰手营子矿区', '承德县', '兴隆县', '平泉市', '滦平县', '隆化县', '丰宁满族自治县', '宽城满族自治县', '围场满族蒙古族自治县'] },
+        { city: '沧州市', districts: ['新华区', '运河区', '沧县', '青县', '东光县', '海兴县', '盐山县', '肃宁县', '南皮县', '吴桥县', '献县', '孟村回族自治县', '泊头市', '任丘市', '黄骅市', '河间市'] },
+        { city: '廊坊市', districts: ['安次区', '广阳区', '固安县', '永清县', '香河县', '大城县', '文安县', '大厂回族自治县', '霸州市', '三河市'] },
+        { city: '衡水市', districts: ['桃城区', '冀州区', '枣强县', '武邑县', '武强县', '饶阳县', '安平县', '故城县', '景县', '阜城县', '深州市'] }
+    ]},
+    { province: '山西省', cities: [
+        { city: '太原市', districts: ['小店区', '迎泽区', '杏花岭区', '尖草坪区', '万柏林区', '晋源区', '清徐县', '阳曲县', '娄烦县', '古交市'] },
+        { city: '大同市', districts: ['新荣区', '平城区', '云冈区', '云州区', '阳高县', '天镇县', '广灵县', '灵丘县', '浑源县', '左云县'] },
+        { city: '阳泉市', districts: ['城区', '矿区', '郊区', '平定县', '盂县'] },
+        { city: '长治市', districts: ['潞州区', '上党区', '屯留区', '潞城区', '襄垣县', '平顺县', '黎城县', '壶关县', '长子县', '武乡县', '沁县', '沁源县'] },
+        { city: '晋城市', districts: ['城区', '沁水县', '阳城县', '陵川县', '泽州县', '高平市'] },
+        { city: '朔州市', districts: ['朔城区', '平鲁区', '山阴县', '应县', '右玉县', '怀仁市'] },
+        { city: '晋中市', districts: ['榆次区', '太谷区', '榆社县', '左权县', '和顺县', '昔阳县', '寿阳县', '祁县', '平遥县', '灵石县', '介休市'] },
+        { city: '运城市', districts: ['盐湖区', '临猗县', '万荣县', '闻喜县', '稷山县', '新绛县', '绛县', '垣曲县', '夏县', '平陆县', '芮城县', '永济市', '河津市'] },
+        { city: '忻州市', districts: ['忻府区', '定襄县', '五台县', '代县', '繁峙县', '宁武县', '静乐县', '神池县', '五寨县', '岢岚县', '河曲县', '保德县', '偏关县', '原平市'] },
+        { city: '临汾市', districts: ['尧都区', '曲沃县', '翼城县', '襄汾县', '洪洞县', '古县', '安泽县', '浮山县', '吉县', '乡宁县', '大宁县', '隰县', '永和县', '蒲县', '汾西县', '侯马市', '霍州市'] },
+        { city: '吕梁市', districts: ['离石区', '文水县', '交城县', '兴县', '临县', '柳林县', '石楼县', '岚县', '方山县', '中阳县', '交口县', '孝义市', '汾阳市'] }
+    ]},
+    { province: '辽宁省', cities: [
+        { city: '沈阳市', districts: ['和平区', '沈河区', '大东区', '皇姑区', '铁西区', '苏家屯区', '浑南区', '沈北新区', '于洪区', '辽中区', '康平县', '法库县', '新民市'] },
+        { city: '大连市', districts: ['中山区', '西岗区', '沙河口区', '甘井子区', '旅顺口区', '金州区', '普兰店区', '长海县', '瓦房店市', '庄河市'] },
+        { city: '鞍山市', districts: ['铁东区', '铁西区', '立山区', '千山区', '台安县', '岫岩满族自治县', '海城市'] },
+        { city: '抚顺市', districts: ['新抚区', '东洲区', '望花区', '顺城区', '抚顺县', '新宾满族自治县', '清原满族自治县'] },
+        { city: '本溪市', districts: ['平山区', '溪湖区', '明山区', '南芬区', '本溪满族自治县', '桓仁满族自治县'] },
+        { city: '丹东市', districts: ['元宝区', '振兴区', '振安区', '宽甸满族自治县', '东港市', '凤城市'] },
+        { city: '锦州市', districts: ['古塔区', '凌河区', '太和区', '黑山县', '义县', '凌海市', '北镇市'] },
+        { city: '营口市', districts: ['站前区', '西市区', '鲅鱼圈区', '老边区', '盖州市', '大石桥市'] },
+        { city: '阜新市', districts: ['海州区', '新邱区', '太平区', '清河门区', '细河区', '阜新蒙古族自治县', '彰武县'] },
+        { city: '辽阳市', districts: ['白塔区', '文圣区', '宏伟区', '弓长岭区', '太子河区', '辽阳县', '灯塔市'] },
+        { city: '盘锦市', districts: ['双台子区', '兴隆台区', '大洼区', '盘山县'] },
+        { city: '铁岭市', districts: ['银州区', '清河区', '铁岭县', '西丰县', '昌图县', '调兵山市', '开原市'] },
+        { city: '朝阳市', districts: ['双塔区', '龙城区', '朝阳县', '建平县', '喀喇沁左翼蒙古族自治县', '北票市', '凌源市'] },
+        { city: '葫芦岛市', districts: ['连山区', '龙港区', '南票区', '绥中县', '建昌县', '兴城市'] }
+    ]},
+    { province: '吉林省', cities: [
+        { city: '长春市', districts: ['南关区', '宽城区', '朝阳区', '二道区', '绿园区', '双阳区', '九台区', '农安县', '榆树市', '德惠市', '公主岭市'] },
+        { city: '吉林市', districts: ['昌邑区', '龙潭区', '船营区', '丰满区', '永吉县', '蛟河市', '桦甸市', '舒兰市', '磐石市'] },
+        { city: '四平市', districts: ['铁西区', '铁东区', '梨树县', '伊通满族自治县', '双辽市'] },
+        { city: '辽源市', districts: ['龙山区', '西安区', '东丰县', '东辽县'] },
+        { city: '通化市', districts: ['东昌区', '二道江区', '通化县', '辉南县', '柳河县', '梅河口市', '集安市'] },
+        { city: '白山市', districts: ['浑江区', '江源区', '抚松县', '靖宇县', '长白朝鲜族自治县', '临江市'] },
+        { city: '松原市', districts: ['宁江区', '前郭尔罗斯蒙古族自治县', '长岭县', '乾安县', '扶余市'] },
+        { city: '白城市', districts: ['洮北区', '镇赉县', '通榆县', '洮南市', '大安市'] },
+        { city: '延边朝鲜族自治州', districts: ['延吉市', '图们市', '敦化市', '珲春市', '龙井市', '和龙市', '汪清县', '安图县'] }
+    ]},
+    { province: '黑龙江省', cities: [
+        { city: '哈尔滨市', districts: ['道里区', '南岗区', '道外区', '平房区', '松北区', '香坊区', '呼兰区', '阿城区', '双城区', '依兰县', '方正县', '宾县', '巴彦县', '木兰县', '通河县', '延寿县', '尚志市', '五常市'] },
+        { city: '齐齐哈尔市', districts: ['龙沙区', '建华区', '铁锋区', '昂昂溪区', '富拉尔基区', '碾子山区', '梅里斯达斡尔族区', '龙江县', '依安县', '泰来县', '甘南县', '富裕县', '克山县', '克东县', '拜泉县', '讷河市'] },
+        { city: '鸡西市', districts: ['鸡冠区', '恒山区', '滴道区', '梨树区', '城子河区', '麻山区', '鸡东县', '虎林市', '密山市'] },
+        { city: '鹤岗市', districts: ['向阳区', '工农区', '南山区', '兴安区', '东山区', '兴山区', '萝北县', '绥滨县'] },
+        { city: '双鸭山市', districts: ['尖山区', '岭东区', '四方台区', '宝山区', '集贤县', '友谊县', '宝清县', '饶河县'] },
+        { city: '大庆市', districts: ['萨尔图区', '龙凤区', '让胡路区', '红岗区', '大同区', '肇州县', '肇源县', '林甸县', '杜尔伯特蒙古族自治县'] },
+        { city: '伊春市', districts: ['伊美区', '乌翠区', '友好区', '金林区', '汤旺县', '丰林县', '大箐山县', '南岔县', '嘉荫县', '铁力市'] },
+        { city: '佳木斯市', districts: ['向阳区', '前进区', '东风区', '郊区', '桦南县', '桦川县', '汤原县', '抚远市', '同江市', '富锦市'] },
+        { city: '七台河市', districts: ['新兴区', '桃山区', '茄子河区', '勃利县'] },
+        { city: '牡丹江市', districts: ['东安区', '阳明区', '爱民区', '西安区', '东宁市', '绥芬河市', '海林市', '宁安市', '穆棱市', '林口县'] },
+        { city: '黑河市', districts: ['爱辉区', '嫩江市', '北安市', '五大连池市', '逊克县', '孙吴县'] },
+        { city: '绥化市', districts: ['北林区', '望奎县', '兰西县', '青冈县', '庆安县', '明水县', '绥棱县', '安达市', '肇东市', '海伦市'] },
+        { city: '大兴安岭地区', districts: ['加格达奇区', '松岭区', '新林区', '呼中区', '呼玛县', '塔河县', '漠河市'] }
+    ]},
+    { province: '江苏省', cities: [
+        { city: '南京市', districts: ['玄武区', '秦淮区', '建邺区', '鼓楼区', '浦口区', '栖霞区', '雨花台区', '江宁区', '六合区', '溧水区', '高淳区'] },
+        { city: '无锡市', districts: ['锡山区', '惠山区', '滨湖区', '梁溪区', '新吴区', '江阴市', '宜兴市'] },
+        { city: '徐州市', districts: ['鼓楼区', '云龙区', '贾汪区', '泉山区', '铜山区', '丰县', '沛县', '睢宁县', '新沂市', '邳州市'] },
+        { city: '常州市', districts: ['天宁区', '钟楼区', '新北区', '武进区', '金坛区', '溧阳市'] },
+        { city: '苏州市', districts: ['姑苏区', '虎丘区', '吴中区', '相城区', '吴江区', '苏州工业园区', '昆山市', '常熟市', '张家港市', '太仓市'] },
+        { city: '南通市', districts: ['崇川区', '港闸区', '通州区', '如东县', '启东市', '如皋市', '海门市', '海安市'] },
+        { city: '连云港市', districts: ['连云区', '海州区', '赣榆区', '东海县', '灌云县', '灌南县'] },
+        { city: '淮安市', districts: ['淮安区', '淮阴区', '清江浦区', '洪泽区', '涟水县', '盱眙县', '金湖县'] },
+        { city: '盐城市', districts: ['亭湖区', '盐都区', '大丰区', '响水县', '滨海县', '阜宁县', '射阳县', '建湖县', '东台市'] },
+        { city: '扬州市', districts: ['广陵区', '邗江区', '江都区', '宝应县', '仪征市', '高邮市'] },
+        { city: '镇江市', districts: ['京口区', '润州区', '丹徒区', '丹阳市', '扬中市', '句容市'] },
+        { city: '泰州市', districts: ['海陵区', '高港区', '姜堰区', '兴化市', '靖江市', '泰兴市'] },
+        { city: '宿迁市', districts: ['宿城区', '宿豫区', '沭阳县', '泗阳县', '泗洪县'] }
+    ]},
+    { province: '浙江省', cities: [
+        { city: '杭州市', districts: ['上城区', '下城区', '江干区', '拱墅区', '西湖区', '滨江区', '萧山区', '余杭区', '富阳区', '临安区', '桐庐县', '淳安县', '建德市'] },
+        { city: '宁波市', districts: ['海曙区', '江北区', '北仑区', '镇海区', '鄞州区', '奉化区', '象山县', '宁海县', '余姚市', '慈溪市'] },
+        { city: '温州市', districts: ['鹿城区', '龙湾区', '瓯海区', '洞头区', '永嘉县', '平阳县', '苍南县', '文成县', '泰顺县', '瑞安市', '乐清市'] },
+        { city: '嘉兴市', districts: ['南湖区', '秀洲区', '嘉善县', '海盐县', '海宁市', '平湖市', '桐乡市'] },
+        { city: '湖州市', districts: ['吴兴区', '南浔区', '德清县', '长兴县', '安吉县'] },
+        { city: '绍兴市', districts: ['越城区', '柯桥区', '上虞区', '新昌县', '诸暨市', '嵊州市'] },
+        { city: '金华市', districts: ['婺城区', '金东区', '武义县', '浦江县', '磐安县', '兰溪市', '义乌市', '东阳市', '永康市'] },
+        { city: '衢州市', districts: ['柯城区', '衢江区', '常山县', '开化县', '龙游县', '江山市'] },
+        { city: '舟山市', districts: ['定海区', '普陀区', '岱山县', '嵊泗县'] },
+        { city: '台州市', districts: ['椒江区', '黄岩区', '路桥区', '玉环市', '三门县', '天台县', '仙居县', '温岭市', '临海市'] },
+        { city: '丽水市', districts: ['莲都区', '青田县', '缙云县', '遂昌县', '松阳县', '云和县', '庆元县', '景宁畲族自治县', '龙泉市'] }
+    ]},
+    { province: '安徽省', cities: [
+        { city: '合肥市', districts: ['瑶海区', '庐阳区', '蜀山区', '包河区', '长丰县', '肥东县', '肥西县', '庐江县', '巢湖市'] },
+        { city: '芜湖市', districts: ['镜湖区', '弋江区', '鸠江区', '三山区', '芜湖县', '繁昌县', '南陵县', '无为县'] },
+        { city: '蚌埠市', districts: ['龙子湖区', '蚌山区', '禹会区', '淮上区', '怀远县', '五河县', '固镇县'] },
+        { city: '淮南市', districts: ['大通区', '田家庵区', '谢家集区', '八公山区', '潘集区', '凤台县', '寿县'] },
+        { city: '马鞍山市', districts: ['花山区', '雨山区', '博望区', '当涂县', '含山县', '和县'] },
+        { city: '淮北市', districts: ['杜集区', '相山区', '烈山区', '濉溪县'] },
+        { city: '铜陵市', districts: ['铜官区', '义安区', '郊区', '枞阳县'] },
+        { city: '安庆市', districts: ['迎江区', '大观区', '宜秀区', '怀宁县', '枞阳县', '潜山县', '太湖县', '宿松县', '望江县', '岳西县', '桐城市'] },
+        { city: '黄山市', districts: ['屯溪区', '黄山区', '徽州区', '歙县', '休宁县', '黟县', '祁门县'] },
+        { city: '滁州市', districts: ['琅琊区', '南谯区', '来安县', '全椒县', '定远县', '凤阳县', '天长市', '明光市'] },
+        { city: '阜阳市', districts: ['颍州区', '颍东区', '颍泉区', '临泉县', '太和县', '阜南县', '颍上县', '界首市'] },
+        { city: '宿州市', districts: ['埇桥区', '砀山县', '萧县', '灵璧县', '泗县'] },
+        { city: '六安市', districts: ['金安区', '裕安区', '叶集区', '霍邱县', '舒城县', '金寨县', '霍山县'] },
+        { city: '亳州市', districts: ['谯城区', '涡阳县', '蒙城县', '利辛县'] },
+        { city: '池州市', districts: ['贵池区', '东至县', '石台县', '青阳县'] },
+        { city: '宣城市', districts: ['宣州区', '郎溪县', '广德县', '泾县', '绩溪县', '旌德县', '宁国市'] }
+    ]},
+    { province: '福建省', cities: [
+        { city: '福州市', districts: ['鼓楼区', '台江区', '仓山区', '马尾区', '晋安区', '长乐区', '闽侯县', '连江县', '罗源县', '闽清县', '永泰县', '平潭县'] },
+        { city: '厦门市', districts: ['思明区', '海沧区', '湖里区', '集美区', '同安区', '翔安区'] },
+        { city: '莆田市', districts: ['城厢区', '涵江区', '荔城区', '秀屿区', '仙游县'] },
+        { city: '三明市', districts: ['梅列区', '三元区', '明溪县', '清流县', '宁化县', '大田县', '尤溪县', '沙县', '将乐县', '泰宁县', '建宁县', '永安市'] },
+        { city: '泉州市', districts: ['鲤城区', '丰泽区', '洛江区', '泉港区', '惠安县', '安溪县', '永春县', '德化县', '金门县', '石狮市', '晋江市', '南安市'] },
+        { city: '漳州市', districts: ['芗城区', '龙文区', '云霄县', '漳浦县', '诏安县', '长泰县', '东山县', '南靖县', '平和县', '华安县', '龙海市'] },
+        { city: '南平市', districts: ['延平区', '建阳区', '顺昌县', '浦城县', '光泽县', '松溪县', '政和县', '邵武市', '武夷山市', '建瓯市'] },
+        { city: '龙岩市', districts: ['新罗区', '永定区', '长汀县', '上杭县', '武平县', '连城县', '漳平市'] },
+        { city: '宁德市', districts: ['蕉城区', '霞浦县', '古田县', '屏南县', '寿宁县', '周宁县', '柘荣县', '福安市', '福鼎市'] }
+    ]},
+    { province: '江西省', cities: [
+        { city: '南昌市', districts: ['东湖区', '西湖区', '青云谱区', '湾里区', '青山湖区', '新建区', '南昌县', '安义县', '进贤县'] },
+        { city: '景德镇市', districts: ['昌江区', '珠山区', '浮梁县', '乐平市'] },
+        { city: '萍乡市', districts: ['安源区', '湘东区', '莲花县', '上栗县', '芦溪县'] },
+        { city: '九江市', districts: ['濂溪区', '浔阳区', '柴桑区', '武宁县', '修水县', '永修县', '德安县', '都昌县', '湖口县', '彭泽县', '瑞昌市', '共青城市', '庐山市'] },
+        { city: '新余市', districts: ['渝水区', '分宜县'] },
+        { city: '鹰潭市', districts: ['月湖区', '余江区', '贵溪市'] },
+        { city: '赣州市', districts: ['章贡区', '南康区', '赣县区', '信丰县', '大余县', '上犹县', '崇义县', '安远县', '龙南县', '定南县', '全南县', '宁都县', '于都县', '兴国县', '会昌县', '寻乌县', '石城县', '瑞金市', '龙南市'] },
+        { city: '吉安市', districts: ['吉州区', '青原区', '吉安县', '吉水县', '峡江县', '新干县', '永丰县', '泰和县', '遂川县', '万安县', '安福县', '永新县', '井冈山市'] },
+        { city: '宜春市', districts: ['袁州区', '奉新县', '万载县', '上高县', '宜丰县', '靖安县', '铜鼓县', '丰城市', '樟树市', '高安市'] },
+        { city: '抚州市', districts: ['临川区', '东乡区', '南城县', '黎川县', '南丰县', '崇仁县', '乐安县', '宜黄县', '金溪县', '资溪县', '广昌县'] },
+        { city: '上饶市', districts: ['信州区', '广丰区', '广信区', '玉山县', '铅山县', '横峰县', '弋阳县', '余干县', '鄱阳县', '万年县', '婺源县', '德兴市'] }
+    ]},
+    { province: '山东省', cities: [
+        { city: '济南市', districts: ['历下区', '市中区', '槐荫区', '天桥区', '历城区', '长清区', '章丘区', '济阳区', '莱芜区', '钢城区', '平阴县', '商河县'] },
+        { city: '青岛市', districts: ['市南区', '市北区', '黄岛区', '崂山区', '李沧区', '城阳区', '即墨区', '胶州市', '平度市', '莱西市'] },
+        { city: '淄博市', districts: ['淄川区', '张店区', '博山区', '临淄区', '周村区', '桓台县', '高青县', '沂源县'] },
+        { city: '枣庄市', districts: ['市中区', '薛城区', '峄城区', '台儿庄区', '山亭区', '滕州市'] },
+        { city: '东营市', districts: ['东营区', '河口区', '垦利区', '利津县', '广饶县'] },
+        { city: '烟台市', districts: ['芝罘区', '福山区', '牟平区', '莱山区', '蓬莱区', '长岛县', '龙口市', '莱阳市', '莱州市', '蓬莱市', '招远市', '栖霞市', '海阳市'] },
+        { city: '潍坊市', districts: ['潍城区', '寒亭区', '坊子区', '奎文区', '临朐县', '昌乐县', '青州市', '诸城市', '寿光市', '安丘市', '高密市', '昌邑市'] },
+        { city: '济宁市', districts: ['任城区', '兖州区', '微山县', '鱼台县', '金乡县', '嘉祥县', '汶上县', '泗水县', '梁山县', '曲阜市', '邹城市'] },
+        { city: '泰安市', districts: ['泰山区', '岱岳区', '宁阳县', '东平县', '新泰市', '肥城市'] },
+        { city: '威海市', districts: ['环翠区', '文登区', '荣成市', '乳山市'] },
+        { city: '日照市', districts: ['东港区', '岚山区', '五莲县', '莒县'] },
+        { city: '临沂市', districts: ['兰山区', '罗庄区', '河东区', '沂南县', '郯城县', '沂水县', '兰陵县', '费县', '平邑县', '莒南县', '蒙阴县', '临沭县'] },
+        { city: '德州市', districts: ['德城区', '陵城区', '宁津县', '庆云县', '临邑县', '齐河县', '平原县', '夏津县', '武城县', '乐陵市', '禹城市'] },
+        { city: '聊城市', districts: ['东昌府区', '茌平区', '阳谷县', '莘县', '东阿县', '冠县', '高唐县', '临清市'] },
+        { city: '滨州市', districts: ['滨城区', '沾化区', '惠民县', '阳信县', '无棣县', '博兴县', '邹平市'] },
+        { city: '菏泽市', districts: ['牡丹区', '定陶区', '曹县', '单县', '成武县', '巨野县', '郓城县', '鄄城县', '东明县'] }
+    ]},
+    { province: '河南省', cities: [
+        { city: '郑州市', districts: ['中原区', '二七区', '管城回族区', '金水区', '上街区', '惠济区', '中牟县', '巩义市', '荥阳市', '新密市', '新郑市', '登封市'] },
+        { city: '开封市', districts: ['龙亭区', '顺河回族区', '鼓楼区', '禹王台区', '祥符区', '杞县', '通许县', '尉氏县', '兰考县'] },
+        { city: '洛阳市', districts: ['老城区', '西工区', '瀍河回族区', '涧西区', '吉利区', '洛龙区', '孟津县', '新安县', '栾川县', '嵩县', '汝阳县', '宜阳县', '洛宁县', '伊川县', '偃师市'] },
+        { city: '平顶山市', districts: ['新华区', '卫东区', '石龙区', '湛河区', '宝丰县', '叶县', '鲁山县', '郏县', '舞钢市', '汝州市'] },
+        { city: '安阳市', districts: ['文峰区', '北关区', '殷都区', '龙安区', '安阳县', '汤阴县', '滑县', '内黄县', '林州市'] },
+        { city: '鹤壁市', districts: ['鹤山区', '山城区', '淇滨区', '浚县', '淇县'] },
+        { city: '新乡市', districts: ['红旗区', '卫滨区', '凤泉区', '牧野区', '新乡县', '获嘉县', '原阳县', '延津县', '封丘县', '长垣县', '卫辉市', '辉县市'] },
+        { city: '焦作市', districts: ['解放区', '中站区', '马村区', '山阳区', '修武县', '博爱县', '武陟县', '温县', '沁阳市', '孟州市'] },
+        { city: '濮阳市', districts: ['华龙区', '清丰县', '南乐县', '范县', '台前县', '濮阳县'] },
+        { city: '许昌市', districts: ['魏都区', '建安区', '鄢陵县', '襄城县', '禹州市', '长葛市'] },
+        { city: '漯河市', districts: ['源汇区', '郾城区', '召陵区', '舞阳县', '临颍县'] },
+        { city: '三门峡市', districts: ['湖滨区', '陕州区', '渑池县', '卢氏县', '义马市', '灵宝市'] },
+        { city: '南阳市', districts: ['宛城区', '卧龙区', '南召县', '方城县', '西峡县', '镇平县', '内乡县', '淅川县', '社旗县', '唐河县', '新野县', '桐柏县', '邓州市'] },
+        { city: '商丘市', districts: ['梁园区', '睢阳区', '民权县', '睢县', '宁陵县', '柘城县', '虞城县', '夏邑县', '永城市'] },
+        { city: '信阳市', districts: ['浉河区', '平桥区', '罗山县', '光山县', '新县', '商城县', '固始县', '潢川县', '淮滨县', '息县'] },
+        { city: '周口市', districts: ['川汇区', '淮阳区', '扶沟县', '西华县', '商水县', '沈丘县', '郸城县', '太康县', '鹿邑县', '项城市'] },
+        { city: '驻马店市', districts: ['驿城区', '西平县', '上蔡县', '平舆县', '正阳县', '确山县', '泌阳县', '汝南县', '遂平县', '新蔡县'] },
+        { city: '济源市', districts: ['济源市'] }
+    ]},
+    { province: '湖北省', cities: [
+        { city: '武汉市', districts: ['江岸区', '江汉区', '硚口区', '汉阳区', '武昌区', '青山区', '洪山区', '东西湖区', '汉南区', '蔡甸区', '江夏区', '黄陂区', '新洲区'] },
+        { city: '黄石市', districts: ['黄石港区', '西塞山区', '下陆区', '铁山区', '阳新县', '大冶市'] },
+        { city: '十堰市', districts: ['茅箭区', '张湾区', '郧阳区', '郧西县', '竹山县', '竹溪县', '房县', '丹江口市'] },
+        { city: '宜昌市', districts: ['西陵区', '伍家岗区', '点军区', '猇亭区', '夷陵区', '远安县', '兴山县', '秭归县', '长阳土家族自治县', '五峰土家族自治县', '宜都市', '当阳市', '枝江市'] },
+        { city: '襄阳市', districts: ['襄城区', '樊城区', '襄州区', '南漳县', '谷城县', '保康县', '老河口市', '枣阳市', '宜城市'] },
+        { city: '鄂州市', districts: ['梁子湖区', '华容区', '鄂城区'] },
+        { city: '荆门市', districts: ['东宝区', '掇刀区', '京山市', '沙洋县', '钟祥市'] },
+        { city: '孝感市', districts: ['孝南区', '孝昌县', '大悟县', '云梦县', '应城市', '安陆市', '汉川市'] },
+        { city: '荆州市', districts: ['沙市区', '荆州区', '公安县', '监利县', '江陵县', '石首市', '洪湖市', '松滋市'] },
+        { city: '黄冈市', districts: ['黄州区', '团风县', '红安县', '罗田县', '英山县', '浠水县', '蕲春县', '黄梅县', '麻城市', '武穴市'] },
+        { city: '咸宁市', districts: ['咸安区', '嘉鱼县', '通城县', '崇阳县', '通山县', '赤壁市'] },
+        { city: '随州市', districts: ['曾都区', '随县', '广水市'] },
+        { city: '恩施土家族苗族自治州', districts: ['恩施市', '利川市', '建始县', '巴东县', '宣恩县', '咸丰县', '来凤县', '鹤峰县'] },
+        { city: '仙桃市', districts: ['仙桃市'] },
+        { city: '潜江市', districts: ['潜江市'] },
+        { city: '天门市', districts: ['天门市'] },
+        { city: '神农架林区', districts: ['神农架林区'] }
+    ]},
+    { province: '湖南省', cities: [
+        { city: '长沙市', districts: ['芙蓉区', '天心区', '岳麓区', '开福区', '雨花区', '望城区', '长沙县', '宁乡市', '浏阳市'] },
+        { city: '株洲市', districts: ['荷塘区', '芦淞区', '石峰区', '天元区', '株洲县', '攸县', '茶陵县', '炎陵县', '醴陵市'] },
+        { city: '湘潭市', districts: ['雨湖区', '岳塘区', '湘潭县', '湘乡市', '韶山市'] },
+        { city: '衡阳市', districts: ['珠晖区', '雁峰区', '石鼓区', '蒸湘区', '南岳区', '衡阳县', '衡南县', '衡山县', '衡东县', '祁东县', '耒阳市', '常宁市'] },
+        { city: '邵阳市', districts: ['双清区', '大祥区', '北塔区', '邵东县', '新邵县', '邵阳县', '隆回县', '洞口县', '绥宁县', '新宁县', '城步苗族自治县', '武冈市'] },
+        { city: '岳阳市', districts: ['岳阳楼区', '云溪区', '君山区', '岳阳县', '华容县', '湘阴县', '平江县', '汨罗市', '临湘市'] },
+        { city: '常德市', districts: ['武陵区', '鼎城区', '安乡县', '汉寿县', '澧县', '临澧县', '桃源县', '石门县', '津市市'] },
+        { city: '张家界市', districts: ['永定区', '武陵源区', '慈利县', '桑植县'] },
+        { city: '益阳市', districts: ['资阳区', '赫山区', '南县', '桃江县', '安化县', '沅江市'] },
+        { city: '郴州市', districts: ['北湖区', '苏仙区', '桂阳县', '宜章县', '永兴县', '嘉禾县', '临武县', '汝城县', '桂东县', '安仁县', '资兴市'] },
+        { city: '永州市', districts: ['零陵区', '冷水滩区', '祁阳县', '东安县', '双牌县', '道县', '江永县', '宁远县', '蓝山县', '新田县', '江华瑶族自治县'] },
+        { city: '怀化市', districts: ['鹤城区', '中方县', '沅陵县', '辰溪县', '溆浦县', '会同县', '麻阳苗族自治县', '新晃侗族自治县', '芷江侗族自治县', '靖州苗族侗族自治县', '通道侗族自治县', '洪江市'] },
+        { city: '娄底市', districts: ['娄星区', '双峰县', '新化县', '冷水江市', '涟源市'] },
+        { city: '湘西土家族苗族自治州', districts: ['吉首市', '泸溪县', '凤凰县', '花垣县', '保靖县', '古丈县', '永顺县', '龙山县'] }
+    ]},
+    { province: '广东省', cities: [
+        { city: '广州市', districts: ['荔湾区', '越秀区', '海珠区', '天河区', '白云区', '黄埔区', '番禺区', '花都区', '南沙区', '从化区', '增城区'] },
+        { city: '深圳市', districts: ['罗湖区', '福田区', '南山区', '宝安区', '龙岗区', '盐田区', '龙华区', '坪山区', '光明区'] },
+        { city: '珠海市', districts: ['香洲区', '斗门区', '金湾区'] },
+        { city: '汕头市', districts: ['龙湖区', '金平区', '濠江区', '潮阳区', '潮南区', '澄海区', '南澳县'] },
+        { city: '佛山市', districts: ['禅城区', '南海区', '顺德区', '三水区', '高明区'] },
+        { city: '韶关市', districts: ['武江区', '浈江区', '曲江区', '始兴县', '仁化县', '翁源县', '乳源瑶族自治县', '新丰县', '乐昌市', '南雄市'] },
+        { city: '河源市', districts: ['源城区', '紫金县', '龙川县', '连平县', '和平县', '东源县'] },
+        { city: '梅州市', districts: ['梅江区', '梅县区', '大埔县', '丰顺县', '五华县', '平远县', '蕉岭县', '兴宁市'] },
+        { city: '惠州市', districts: ['惠城区', '惠阳区', '博罗县', '惠东县', '龙门县'] },
+        { city: '汕尾市', districts: ['城区', '海丰县', '陆河县', '陆丰市'] },
+        { city: '东莞市', districts: ['东莞市'] },
+        { city: '中山市', districts: ['中山市'] },
+        { city: '江门市', districts: ['蓬江区', '江海区', '新会区', '台山市', '开平市', '鹤山市', '恩平市'] },
+        { city: '阳江市', districts: ['江城区', '阳东区', '阳西县', '阳春市'] },
+        { city: '湛江市', districts: ['赤坎区', '霞山区', '坡头区', '麻章区', '遂溪县', '徐闻县', '廉江市', '雷州市', '吴川市'] },
+        { city: '茂名市', districts: ['茂南区', '电白区', '高州市', '化州市', '信宜市'] },
+        { city: '肇庆市', districts: ['端州区', '鼎湖区', '高要区', '广宁县', '怀集县', '封开县', '德庆县', '四会市'] },
+        { city: '清远市', districts: ['清城区', '清新区', '佛冈县', '阳山县', '连山壮族瑶族自治县', '连南瑶族自治县', '英德市', '连州市'] },
+        { city: '潮州市', districts: ['湘桥区', '潮安区', '饶平县'] },
+        { city: '揭阳市', districts: ['榕城区', '揭东区', '揭西县', '惠来县', '普宁市'] },
+        { city: '云浮市', districts: ['云城区', '云安区', '新兴县', '郁南县', '罗定市'] },
+        { city: '顺德区', districts: ['顺德区'] },
+        { city: '南海区', districts: ['南海区'] },
+        { city: '温州市', districts: ['鹿城区', '龙湾区', '瓯海区', '洞头区', '瑞安市', '乐清市', '永嘉县', '平阳县', '苍南县', '文成县', '泰顺县'] },
+        { city: '嘉兴市', districts: ['南湖区', '秀洲区', '海宁市', '平湖市', '桐乡市', '嘉善县', '海盐县'] },
+        { city: '湖州市', districts: ['吴兴区', '南浔区', '德清县', '长兴县', '安吉县'] }
+    ]},
+    { province: '四川省', cities: [
+        { city: '成都市', districts: ['锦江区', '青羊区', '金牛区', '武侯区', '成华区', '龙泉驿区', '青白江区', '新都区', '温江区', '双流区', '郫都区', '新津区', '金堂县', '大邑县', '蒲江县', '都江堰市', '彭州市', '邛崃市', '崇州市', '简阳市'] },
+        { city: '绵阳市', districts: ['涪城区', '游仙区', '安州区', '三台县', '盐亭县', '梓潼县', '北川羌族自治县', '平武县', '江油市'] },
+        { city: '德阳市', districts: ['旌阳区', '罗江区', '中江县', '广汉市', '什邡市', '绵竹市'] },
+        { city: '自贡市', districts: ['自流井区', '贡井区', '大安区', '沿滩区', '荣县', '富顺县'] },
+        { city: '攀枝花市', districts: ['东区', '西区', '仁和区', '米易县', '盐边县'] },
+        { city: '泸州市', districts: ['江阳区', '纳溪区', '龙马潭区', '泸县', '合江县', '叙永县', '古蔺县'] },
+        { city: '广元市', districts: ['利州区', '昭化区', '朝天区', '旺苍县', '青川县', '剑阁县', '苍溪县'] },
+        { city: '遂宁市', districts: ['船山区', '安居区', '蓬溪县', '射洪市', '大英县'] },
+        { city: '内江市', districts: ['市中区', '东兴区', '威远县', '资中县', '隆昌市'] },
+        { city: '乐山市', districts: ['市中区', '沙湾区', '五通桥区', '金口河区', '犍为县', '井研县', '夹江县', '沐川县', '峨边彝族自治县', '马边彝族自治县', '峨眉山市'] },
+        { city: '资阳市', districts: ['雁江区', '安岳县', '乐至县'] },
+        { city: '宜宾市', districts: ['翠屏区', '南溪区', '叙州区', '江安县', '长宁县', '高县', '珙县', '筠连县', '兴文县', '屏山县'] },
+        { city: '南充市', districts: ['顺庆区', '高坪区', '嘉陵区', '南部县', '营山县', '蓬安县', '仪陇县', '西充县', '阆中市'] },
+        { city: '广安市', districts: ['广安区', '前锋区', '岳池县', '武胜县', '邻水县', '华蓥市'] },
+        { city: '达州市', districts: ['通川区', '达川区', '宣汉县', '开江县', '大竹县', '渠县', '万源市'] },
+        { city: '巴中市', districts: ['巴州区', '恩阳区', '通江县', '南江县', '平昌县'] },
+        { city: '眉山市', districts: ['东坡区', '彭山区', '仁寿县', '洪雅县', '丹棱县', '青神县'] },
+        { city: '雅安市', districts: ['雨城区', '名山区', '荥经县', '汉源县', '石棉县', '天全县', '芦山县', '宝兴县'] },
+        { city: '阿坝藏族羌族自治州', districts: ['马尔康市', '汶川县', '理县', '茂县', '松潘县', '九寨沟县', '金川县', '小金县', '黑水县', '壤塘县', '阿坝县', '若尔盖县', '红原县'] },
+        { city: '甘孜藏族自治州', districts: ['康定市', '泸定县', '丹巴县', '九龙县', '雅江县', '道孚县', '炉霍县', '甘孜县', '新龙县', '德格县', '白玉县', '石渠县', '色达县', '理塘县', '巴塘县', '乡城县', '稻城县', '得荣县'] },
+        { city: '凉山彝族自治州', districts: ['西昌市', '木里藏族自治县', '盐源县', '德昌县', '会理市', '会东县', '宁南县', '普格县', '布拖县', '金阳县', '昭觉县', '喜德县', '冕宁县', '越西县', '甘洛县', '美姑县', '雷波县'] }
+    ]},
+    { province: '香港特别行政区', cities: [
+        { city: '香港岛', districts: ['中西区', '湾仔区', '东区', '南区'] },
+        { city: '九龙', districts: ['油尖旺区', '深水埗区', '九龙城区', '黄大仙区', '观塘区'] },
+        { city: '新界', districts: ['北区', '大埔区', '沙田区', '西贡区', '荃湾区', '屯门区', '元朗区', '葵青区', '离岛区'] }
+    ]},
+    { province: '澳门特别行政区', cities: [
+        { city: '澳门半岛', districts: ['花地玛堂区', '圣安多尼堂区', '大堂区', '望德堂区', '风顺堂区'] },
+        { city: '氹仔岛', districts: ['嘉模堂区'] },
+        { city: '路环岛', districts: ['圣方济各堂区'] },
+        { city: '路氹城', districts: ['路氹填海区'] }
+    ]}
+];
+        
+        let selectedProvince = '';
+        let selectedCity = '';
+        let filteredProvinces = [...allRegionOptions];
+        
+        // 显示地区选择弹窗
+        function showRegionSelectModal() {
+            const regionSelectModal = document.getElementById('regionSelectModal');
+            regionSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('regionSearchInput').value = '';
+            filteredProvinces = [...allRegionOptions];
+            generateRegionOptions();
+        }
+        
+        // 隐藏地区选择弹窗
+        function hideRegionSelectModal() {
+            const regionSelectModal = document.getElementById('regionSelectModal');
+            regionSelectModal.classList.remove('active');
+        }
+        
+        // 生成地区选项
+        function generateRegionOptions() {
+            const provinceList = document.getElementById('provinceList');
+            const cityList = document.getElementById('cityList');
+            
+            // 使用文档片段减少DOM重绘
+            const provinceFragment = document.createDocumentFragment();
+            
+            // 生成省份选项
+            filteredProvinces.forEach(province => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = province.province;
+                option.onclick = () => {
+                    selectedProvince = province.province;
+                    selectedCity = '';
+                    updateRegionDisplay();
+                    // 生成城市选项
+                    generateCityOptions(province.cities);
+                    // 直接滚动城市列表到顶部
+                    const cityList = document.getElementById('cityList');
+                    setTimeout(() => {
+                        cityList.scrollTop = 0;
+                    }, 100);
+                };
+                provinceFragment.appendChild(option);
+            });
+            
+            // 一次性添加到DOM，减少重绘
+            provinceList.innerHTML = '';
+            provinceList.appendChild(provinceFragment);
+        }
+        
+        // 生成城市选项
+        function generateCityOptions(cities) {
+            const cityList = document.getElementById('cityList');
+            
+            // 使用文档片段减少DOM重绘
+            const cityFragment = document.createDocumentFragment();
+            
+            cities.forEach(city => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = city.city;
+                option.onclick = () => {
+                    selectedCity = city.city;
+                    updateRegionDisplay();
+                };
+                option.ondblclick = () => {
+                    // 双击城市直接确认整个地区选择
+                    selectedCity = city.city;
+                    updateRegionDisplay();
+                    // 构建完整的地区字符串
+                    const regionString = `${selectedProvince} ${selectedCity}`;
+                    // 设置到表单
+                    document.getElementById('regionDisplayText').textContent = regionString;
+                    document.getElementById('regionValue').value = regionString;
+                    // 隐藏弹窗
+                    hideRegionSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                cityFragment.appendChild(option);
+            });
+            
+            // 一次性添加到DOM，减少重绘
+            cityList.innerHTML = '';
+            cityList.appendChild(cityFragment);
+            
+            // 使用scrollIntoView滚动到第一个城市
+            setTimeout(() => {
+                const firstCity = cityList.querySelector('.select-item');
+                if (firstCity) {
+                    firstCity.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
+        
+
+        
+        // 更新地区显示
+        function updateRegionDisplay() {
+            const currentRegion = document.getElementById('currentRegion');
+            let displayText = '当前选择: ';
+            if (selectedProvince && selectedCity) {
+                displayText += `${selectedProvince} ${selectedCity}`;
+            } else if (selectedProvince) {
+                displayText += selectedProvince;
+            } else {
+                displayText += '未选择';
+            }
+            currentRegion.textContent = displayText;
+        }
+        
+        // 过滤地区选项并自动填充
+        function filterRegionOptions() {
+            const searchInput = document.getElementById('regionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 重置选择
+            selectedProvince = '';
+            selectedCity = '';
+            
+            // 先尝试直接查找城市
+            let foundCity = false;
+            for (let i = 0; i < allRegionOptions.length; i++) {
+                const province = allRegionOptions[i];
+                for (let j = 0; j < province.cities.length; j++) {
+                    const city = province.cities[j];
+                    if (city.city.toLowerCase().includes(searchKeyword)) {
+                        // 找到匹配的城市，自动填充省市
+                        selectedProvince = province.province;
+                        selectedCity = city.city;
+                        foundCity = true;
+                        break;
+                    }
+                }
+                if (foundCity) break;
+            }
+            
+            if (foundCity) {
+                // 如果找到城市，只显示对应的省份
+                filteredProvinces = allRegionOptions.filter(province => province.province === selectedProvince);
+                generateRegionOptions();
+                
+                // 自动生成城市选项并选择
+                const cityList = document.getElementById('cityList');
+                cityList.innerHTML = '';
+                const province = allRegionOptions.find(p => p.province === selectedProvince);
+                if (province) {
+                    province.cities.forEach(city => {
+                        const option = document.createElement('div');
+                        option.className = 'select-item';
+                        option.textContent = city.city;
+                        if (city.city === selectedCity) {
+                            option.classList.add('selected');
+                        }
+                        option.onclick = () => {
+                            selectedCity = city.city;
+                            updateRegionDisplay();
+                        };
+                        cityList.appendChild(option);
+                    });
+                    
+                    // 使用scrollIntoView滚动到第一个城市
+                    setTimeout(() => {
+                        const firstCity = cityList.querySelector('.select-item');
+                        if (firstCity) {
+                            firstCity.scrollIntoView({ behavior: 'auto', block: 'start' });
+                        }
+                    }, 50);
+                }
+            } else {
+                // 否则按原逻辑过滤
+                filteredProvinces = allRegionOptions.filter(province => {
+                    return province.province.toLowerCase().includes(searchKeyword) || 
+                           province.cities.some(city => city.city.toLowerCase().includes(searchKeyword));
+                });
+                
+                generateRegionOptions();
+                // 清空城市选项
+                const cityList = document.getElementById('cityList');
+                cityList.innerHTML = '';
+            }
+            
+            updateRegionDisplay();
+        }
+        
+        // 确认地区选择
+        function confirmRegionSelection() {
+            if (selectedProvince) {
+                const regionDisplayText = document.getElementById('regionDisplayText');
+                const regionValue = document.getElementById('regionValue');
+                let regionText = selectedProvince;
+                if (selectedCity) {
+                    regionText = `${selectedProvince} ${selectedCity}`;
+                }
+                regionDisplayText.textContent = regionText;
+                regionValue.value = regionText;
+                saveFormData(); // 保存选择
+            }
+            hideRegionSelectModal();
+        }
+        
+        // 加载联系人数据
+        async function loadContacts() {
+            // 防止并发执行
+            if (isLoadingContacts) {
+                console.log('loadContacts已在执行中，跳过当前请求');
+                return Promise.resolve();
+            }
+            
+            isLoadingContacts = true;
+            
+            try {
+                console.log('开始加载联系人数据...');
+                
+                // 尝试从缓存加载
+                const cachedContacts = cacheManager.get('contacts');
+                if (cachedContacts) {
+                    contacts = cachedContacts;
+                    console.log('从缓存加载联系人数据，共', contacts.length, '个联系人');
+                    updateContactSelects();
+                    return;
+                }
+                
+                const response = await fetch('/api/contacts');
+                if (!response.ok) {
+                    throw new Error(`服务器响应异常: ${response.status} ${response.statusText}`);
+                }
+                const result = await response.json();
+                console.log('联系人API返回结果:', result);
+                // 确保contacts是一个数组
+                contacts = result.data || [];
+                console.log('联系人数据加载成功，共', contacts.length, '个联系人:', contacts);
+                
+                // 保存到缓存，设置7天过期时间
+                cacheManager.set('contacts', contacts, 7 * 24 * 60 * 60 * 1000);
+                
+                updateContactSelects();
+            } catch (error) {
+                console.error('加载联系人数据失败:', error);
+                
+                // 尝试从缓存加载
+                const cachedContacts = cacheManager.get('contacts');
+                if (cachedContacts) {
+                    contacts = cachedContacts;
+                    console.log('API失败，从缓存加载联系人数据，共', contacts.length, '个联系人');
+                    updateContactSelects();
+                    return;
+                }
+                
+                // 出错且无有效缓存时，将contacts设为空数组
+                contacts = [];
+            } finally {
+                // 无论成功还是失败，都要重置加载状态
+                isLoadingContacts = false;
+            }
+        }
+        
+        // 更新联系人选择下拉框
+        function updateContactSelects() {
+            // 更新创建表单的联系人选择框
+            const contactSelect = document.getElementById('contactId');
+            if (contactSelect) {
+                // 清空现有选项
+                contactSelect.innerHTML = '';
+                
+                // 添加默认选项
+                const defaultOption = document.createElement('option');
+                defaultOption.value = '';
+                defaultOption.textContent = '请选择联系人';
+                contactSelect.appendChild(defaultOption);
+                
+                // 添加联系人选项，只显示有电话号码的联系人
+                contacts.forEach(contact => {
+                    // 确保联系人有电话号码
+                    if (contact.phoneNumber && contact.phoneNumber.trim() !== '') {
+                        const option = document.createElement('option');
+                        option.value = contact.id;
+                        option.textContent = `${contact.name} (${contact.phoneNumber})`;
+                        contactSelect.appendChild(option);
+                    }
+                });
+            }
+        }
+        
+        // 处理窗口大小变化
+        function handleResize() {
+            // 可以在这里添加响应式处理逻辑
+        }
+        
+        // 加载货源列表
+        async function loadSupplies(forceRefresh = false) {
+            // 防止并发执行
+            if (isLoadingSupplies) {
+                console.log('loadSupplies已在执行中，跳过当前请求');
+                return;
+            }
+            
+            isLoadingSupplies = true;
+            
+            try {
+                // 获取当前登录用户信息
+                const userInfo = checkLogin();
+                if (!userInfo) return;
+                
+                // 生成缓存键
+                const cacheKey = getSuppliesListCacheKey();
+                if (!cacheKey) return;
+                
+                // 重置所有状态的分页数据
+                supplyData.pagination = {
+                    published: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                    pending: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                    rejected: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false },
+                    draft: { currentPage: 1, pageSize: 20, total: 0, hasMore: true, isLoading: false }
+                };
+                
+                // 清空所有状态的分页数据
+                supplyData.paginatedSupplies = {
+                    published: [],
+                    pending: [],
+                    rejected: [],
+                    draft: []
+                };
+                
+                // 尝试从缓存获取数据
+                if (!forceRefresh) {
+                    const cachedData = cacheManager.get(cacheKey);
+                    if (cachedData) {
+                        console.log('从缓存加载货源数据:', cachedData.length);
+                        processSupplyData(cachedData);
+                        renderSupplyLists();
+                        return;
+                    }
+                }
+                
+                // 构建查询参数，获取所有数据
+                const queryParams = new URLSearchParams({
+                    page: 1,
+                    pageSize: 1000 // 设置较大的pageSize，确保获取所有记录
+                });
+                
+                // 非管理员才添加sellerId参数，管理员获取所有货源
+                if (userInfo.projectName !== '管理员') {
+                    queryParams.append('sellerId', userInfo.userId);
+                }
+                
+                const apiUrl = `/api/supplies?${queryParams}`;
+                console.log('加载货源列表API请求:', apiUrl);
+                
+                const response = await fetch(apiUrl);
+                const result = await response.json();
+                if (result.success) {
+                    console.log('加载到的货源数量:', result.data.list.length);
+                    
+                    // 存储到缓存，设置1小时过期时间
+                    cacheManager.set(cacheKey, result.data.list, 60 * 60 * 1000);
+                    
+                    // 同时为每个货源创建单独的缓存
+                    result.data.list.forEach(supply => {
+                        const supplyCacheKey = getSupplyCacheKey(supply.id);
+                        if (supplyCacheKey) {
+                            cacheManager.set(supplyCacheKey, supply, 60 * 60 * 1000);
+                        }
+                    });
+                    
+                    console.log('货源数据已存储到缓存');
+                    
+                    processSupplyData(result.data.list);
+                    renderSupplyLists();
+                }
+            } catch (error) {
+                console.error('加载货源失败:', error);
+                
+                // 尝试从缓存加载（如果有）
+                const cacheKey = getSuppliesListCacheKey();
+                if (cacheKey) {
+                    const cachedData = cacheManager.get(cacheKey);
+                    if (cachedData) {
+                        console.log('API失败，从缓存加载货源数据:', cachedData.length);
+                        processSupplyData(cachedData);
+                        renderSupplyLists();
+                    }
+                }
+            } finally {
+                // 无论成功还是失败，都要重置加载状态
+                isLoadingSupplies = false;
+            }
+        }
+        
+        // 处理货源数据
+        function processSupplyData(supplies) {
+            // 获取当前登录用户的userId，用于对比
+            const userInfo = JSON.parse(localStorage.getItem('userInfo'));
+            const currentUserId = userInfo?.userId || userInfo?.id || '未获取到';
+            const isAdmin = userInfo?.projectName === '管理员';
+            
+            console.log(`=== 处理货源数据 ===`);
+            console.log(`当前登录用户ID: ${currentUserId}`);
+            console.log(`当前用户是否是管理员: ${isAdmin}`);
+            console.log(`API返回的货源总数: ${supplies.length}`);
+            
+            // 管理员保留所有货源，非管理员只保留当前用户的货源
+            let filteredSupplies;
+            if (isAdmin) {
+                console.log('管理员模式：保留所有货源');
+                filteredSupplies = supplies;
+            } else {
+                // 检查每个货源的sellerId，确保只包含当前用户的货源
+                filteredSupplies = supplies.filter(supply => {
+                // 如果货源没有sellerId，默认包含
+                if (!supply.sellerId) {
+                    console.warn(`货源 ${supply.id || supply.productId} 没有sellerId，默认包含`);
+                    return true;
+                }
+                
+                // 检查货源的sellerId是否与当前用户ID匹配，考虑类型转换
+                const match = String(supply.sellerId) === String(currentUserId);
+                if (!match) {
+                    console.log(`过滤掉不属于当前用户的货源: 货源sellerId=${supply.sellerId}，当前用户ID=${currentUserId}`);
+                } else {
+                    console.log(`保留当前用户的货源: 货源sellerId=${supply.sellerId}，当前用户ID=${currentUserId}`);
+                    // 添加调试日志，查看自动下架相关字段
+                    console.log(`货源 ${supply.id || supply.productId} 的autoOfflineHours:`, supply.autoOfflineHours);
+                    console.log(`货源 ${supply.id || supply.productId} 的autoOfflineTime:`, supply.autoOfflineTime);
+                    console.log(`货源 ${supply.id || supply.productId} 的status:`, supply.status);
+                    console.log(`货源 ${supply.id || supply.productId} 的updated_at:`, supply.updated_at);
+                    console.log(`货源 ${supply.id || supply.productId} 的created_at:`, supply.created_at);
+                }
+                return match;
+            });
+            }
+            
+            console.log(`过滤后保留的货源数量: ${filteredSupplies.length}`);
+            
+            // 使用过滤后的货源数据
+            supplyData.supplies = filteredSupplies;
+            
+            // 按状态分类
+            supplyData.publishedSupplies = filteredSupplies.filter(item => item.status === 'published');
+            supplyData.pendingSupplies = filteredSupplies.filter(item => item.status === 'pending_review' || item.status === 'pending');
+            supplyData.rejectedSupplies = filteredSupplies.filter(item => item.status === 'rejected');
+            supplyData.draftSupplies = filteredSupplies.filter(item => item.status === 'hidden' || item.status === 'sold_out');
+            
+            console.log(`分类后各状态货源数量: 已上架=${supplyData.publishedSupplies.length}, 审核中=${supplyData.pendingSupplies.length}, 审核失败=${supplyData.rejectedSupplies.length}, 下架=${supplyData.draftSupplies.length}`);
+        }
+    
+        
+        // 渲染货源列表
+        function renderSupplyLists() {
+            // 获取当前登录用户信息，用于调试
+            const userInfo = JSON.parse(localStorage.getItem('userInfo'));
+            const currentUserId = userInfo?.userId || userInfo?.id || '未获取到';
+            
+            // 控制台输出当前状态，帮助调试
+            console.log(`=== 渲染货源列表 ===`);
+            console.log(`当前登录用户ID: ${currentUserId}`);
+            console.log(`已上架货源数量: ${supplyData.publishedSupplies.length}`);
+            console.log(`审核中货源数量: ${supplyData.pendingSupplies.length}`);
+            console.log(`审核失败货源数量: ${supplyData.rejectedSupplies.length}`);
+            console.log(`下架状态货源数量: ${supplyData.draftSupplies.length}`);
+            console.log(`总货源数量: ${supplyData.supplies.length}`);
+            
+            // 合并已上架和预创建（pending）状态的货源到已上架列表
+            const combinedPublishedSupplies = [
+                ...supplyData.publishedSupplies,
+                ...supplyData.supplies.filter(item => item.status === 'pending')
+            ];
+            
+            // 渲染各个状态的货源列表
+            renderSupplyList('published', combinedPublishedSupplies);
+            renderSupplyList('pending', supplyData.pendingSupplies);
+            renderSupplyList('rejected', supplyData.rejectedSupplies);
+            renderSupplyList('draft', supplyData.draftSupplies);
+            
+            // 渲染完成后检查并加载可见的懒加载图片
+            setTimeout(() => {
+                checkLazyLoadImages();
+            }, 100);
+        }
+        
+        // 渲染单个货源列表
+        function renderSupplyList(type, supplies) {
+            const listElement = document.getElementById(`${type}List`);
+            const titleElement = listElement.previousElementSibling.querySelector('.section-title');
+            
+            // 更新标题数量
+            titleElement.textContent = `${getSectionTitle(type)} (${supplies.length})`;
+            
+            if (supplies.length === 0) {
+                listElement.innerHTML = '<div class="empty-state">暂无数据</div>';
+                return;
+            }
+            
+            // 只在首次渲染或没有分页数据时初始化分页数据
+            if (!supplyData.paginatedSupplies[type] || supplyData.paginatedSupplies[type].length === 0) {
+                updatePaginatedSupplies(type, supplies);
+            }
+            
+            const pagination = supplyData.pagination[type];
+            const paginatedSupplies = supplyData.paginatedSupplies[type] || [];
+            
+            let html = '';
+            // 显示所有货源，不分页
+            supplies.forEach((supply, index) => {
+                // 为前10个货源添加直接加载标记
+                if (index < 10) {
+                    supply._directLoad = true;
+                }
+                html += generateSupplyItemHTML(supply);
+            });
+            
+            listElement.innerHTML = html;
+            
+            // 渲染完成后立即更新倒计时
+            updateCountdowns();
+        }
+        
+        // 加载更多货源
+        function loadMoreSupplies(type) {
+            const pagination = supplyData.pagination[type];
+            const allSupplies = getSuppliesByType(type);
+            
+            if (pagination.isLoading || !pagination.hasMore) {
+                return;
+            }
+            
+            pagination.isLoading = true;
+            
+            // 更新加载状态文本
+            const loadMoreText = document.getElementById(`loadMoreText_${type}`);
+            if (loadMoreText) {
+                loadMoreText.textContent = '加载中...';
+            }
+            
+            // 模拟加载延迟
+            setTimeout(() => {
+                // 计算下一页数据
+                const nextPage = pagination.currentPage + 1;
+                const startIndex = pagination.pageSize * pagination.currentPage;
+                const endIndex = startIndex + pagination.pageSize;
+                const newSupplies = allSupplies.slice(startIndex, endIndex);
+                
+                // 更新分页数据
+                supplyData.paginatedSupplies[type] = [...supplyData.paginatedSupplies[type], ...newSupplies];
+                pagination.currentPage = nextPage;
+                pagination.hasMore = endIndex < allSupplies.length;
+                
+                // 重新渲染列表
+                renderSupplyList(type, allSupplies);
+                
+                // 重置加载状态
+                pagination.isLoading = false;
+            }, 500);
+        }
+        
+        // 根据类型获取完整的货源列表
+        function getSuppliesByType(type) {
+            switch(type) {
+                case 'published': return supplyData.publishedSupplies;
+                case 'pending': return supplyData.pendingSupplies;
+                case 'rejected': return supplyData.rejectedSupplies;
+                case 'draft': return supplyData.draftSupplies;
+                default: return [];
+            }
+        }
+        
+        // 更新分页数据
+        function updatePaginatedSupplies(status, supplies) {
+            const pagination = supplyData.pagination[status];
+            
+            // 重置分页状态
+            pagination.currentPage = 1;
+            pagination.total = supplies.length;
+            pagination.hasMore = supplies.length > pagination.pageSize;
+            
+            // 初始只显示第一页数据
+            supplyData.paginatedSupplies[status] = supplies.slice(0, pagination.pageSize);
+            
+            console.log(`更新分页数据 - ${status}: 总数=${pagination.total}, 每页=${pagination.pageSize}, 有更多=${pagination.hasMore}`);
+        }
+        
+        // 获取列表标题
+        function getSectionTitle(type) {
+            switch(type) {
+                case 'published': return '已上架货源';
+                case 'pending': return '审核中的货源';
+                case 'rejected': return '审核失败的货源';
+                case 'draft': return '下架状态货源';
+                default: return '货源';
+            }
+        }
+        
+        // 生成货源项HTML
+        function generateSupplyItemHTML(supply) {
+            const statusMap = {
+                'published': { text: '已上架', class: 'status-published' },
+                'pending_review': { text: '审核中', class: 'status-pending' },
+                'rejected': { text: '审核失败', class: 'status-rejected' },
+                'hidden': { text: '已下架', class: 'status-draft' },
+                'sold_out': { text: '已下架', class: 'status-draft' }
+            };
+            
+            const status = supply.status === 'pending' ? { text: '预', class: 'status-pending' } : statusMap[supply.status] || { text: '未知', class: 'status-draft' };
+            
+            // 处理媒体文件（图片和视频）
+            let firstMediaUrl = '';
+            let mediaType = 'image'; // 默认为图片
+            let mediaPreviewHTML = '';
+            
+            // 确保imageUrls是数组
+            const imageUrls = Array.isArray(supply.imageUrls) ? supply.imageUrls : 
+                              (typeof supply.imageUrls === 'string' ? [supply.imageUrls] : 
+                              (supply.imageUrls ? [supply.imageUrls] : []));
+            
+            if (imageUrls.length > 0) {
+                // 获取第一个媒体文件
+                firstMediaUrl = imageUrls[0];
+                
+                // 检测媒体类型
+                if (firstMediaUrl.startsWith('data:video/') || 
+                    firstMediaUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i)) {
+                    mediaType = 'video';
+                    mediaPreviewHTML = `
+                        <div style="position: relative; width: 100%; height: 100%;">
+                            <video 
+                                src="${firstMediaUrl}" 
+                                style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;"
+                                onclick="previewImage('${firstMediaUrl}', ${JSON.stringify(imageUrls || []).replace(/\"/g, '&quot;')})"
+                                muted
+                                preload="metadata"
+                                playsinline
+                            ></video>
+                            <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; pointer-events: none; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">▶</div>
+                        </div>
+                    `;
+                } else {
+                    mediaType = 'image';
+                    // 前10个货源直接加载图片，不使用懒加载
+                    if (supply._directLoad) {
+                        mediaPreviewHTML = `
+                            <img 
+                                src="${firstMediaUrl}" 
+                                alt="${supply.productName}" 
+                                style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;"
+                                onclick="previewImage('${firstMediaUrl}', ${JSON.stringify(imageUrls || []).replace(/\"/g, '&quot;')})"
+                            >
+                        `;
+                    } else {
+                        mediaPreviewHTML = `
+                            <img 
+                                data-src="${firstMediaUrl}" 
+                                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' fill='%23f5f5f5'/%3E%3Ctext x='50%25' y='50%25' font-family='Arial' font-size='12' fill='%23999' text-anchor='middle' dominant-baseline='middle'%3E加载中...%3C/text%3E%3C/svg%3E" 
+                                alt="${supply.productName}" 
+                                style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;"
+                                onclick="previewImage('${firstMediaUrl}', ${JSON.stringify(imageUrls || []).replace(/\"/g, '&quot;')})"
+                            >
+                        `;
+                    }
+                }
+            } else {
+                // 无媒体文件时的占位符
+                mediaPreviewHTML = `
+                    <div style="width: 100%; height: 100%; background-color: #f5f5f5; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #999; font-size: 12px;">
+                        暂无媒体
+                    </div>
+                `;
+            }
+            
+            // 高亮处理函数
+            function highlightText(text, keyword) {
+                if (!keyword || !text) return text;
+                const regex = new RegExp(`(${keyword})`, 'gi');
+                return text.replace(regex, '<span style="background-color: #fff3cd; color: #856404; font-weight: 600;">$1</span>');
+            }
+            
+            // 处理高亮
+            const keyword = supply._searchKeyword || '';
+            const productName = supply._highlight ? highlightText(supply.productName, keyword) : supply.productName;
+            const region = supply._highlight ? highlightText(supply.region || '', keyword) : (supply.region || '');
+            const description = supply._highlight ? highlightText(supply.description || '', keyword) : (supply.description || '');
+            
+            // 处理操作按钮
+            let actionsHTML = '';
+            if (supply.status === 'published') {
+                actionsHTML = `<button class="btn-primary" onclick="unpublishSupply('${supply.id}')">下架</button> <button class="btn-warning" onclick="showEditSupply('${supply.id}')">编辑</button>`;
+            } else if (supply.status === 'pending_review') {
+                actionsHTML = `
+                    <button class="btn-warning" onclick="showEditSupply('${supply.id}')">编辑</button>
+                    <button class="btn-danger" onclick="deleteSupply('${supply.id}')">删除</button>
+                `;
+            } else if (supply.status === 'rejected') {
+                actionsHTML = `
+                    <button class="${supply.label === 1 ? 'btn-disabled' : 'btn-primary'}" ${supply.label === 1 ? '' : `onclick="preparePublishSupply('${supply.id}')"`}>上架</button>
+                    <button class="btn-danger" onclick="deleteSupply('${supply.id}')">删除</button>
+                    <button class="btn-primary" onclick="showRejectReason('${supply.id}')">查看原因</button>
+                `;
+            } else if (supply.status === 'hidden' || supply.status === 'sold_out') {
+                actionsHTML = `
+                    <button class="${supply.label === 1 ? 'btn-disabled' : 'btn-primary'}" ${supply.label === 1 ? '' : `onclick="preparePublishSupply('${supply.id}')"`}>上架</button>
+                    <button class="btn-danger" onclick="deleteSupply('${supply.id}')">删除</button>
+                `;
+            }
+            
+            // 解析规格和件数为数组
+            let specifications = [];
+            let quantities = [];
+            
+            try {
+                if (supply.specification) {
+                    if (typeof supply.specification === 'string') {
+                        // 规格存储为中文逗号分隔的字符串
+                        specifications = supply.specification.split('，').filter(spec => spec.trim());
+                    } else if (Array.isArray(supply.specification)) {
+                        specifications = supply.specification;
+                    } else {
+                        specifications = [supply.specification];
+                    }
+                } else if (supply.spec) {
+                    specifications = [supply.spec];
+                }
+            } catch (e) {
+                specifications = [supply.specification || supply.spec || '无'];
+            }
+            
+            try {
+                if (supply.quantity) {
+                    if (typeof supply.quantity === 'string') {
+                        // 件数存储为英文逗号分隔的字符串
+                        quantities = supply.quantity.split(',').filter(qty => qty.trim());
+                    } else if (Array.isArray(supply.quantity)) {
+                        quantities = supply.quantity;
+                    } else {
+                        quantities = [supply.quantity];
+                    }
+                }
+            } catch (e) {
+                quantities = [supply.quantity || '0'];
+            }
+            
+            // 生成规格-件数对应关系的HTML
+            let specQuantityBoxes = '';
+            // 解析采购价数据
+            let costprices = [];
+            try {
+                if (supply.costprice) {
+                    if (typeof supply.costprice === 'string') {
+                        // 采购价存储为英文逗号分隔的字符串
+                        costprices = supply.costprice.split(',').filter(cp => cp.trim());
+                    } else if (Array.isArray(supply.costprice)) {
+                        costprices = supply.costprice;
+                    } else {
+                        costprices = [supply.costprice];
+                    }
+                }
+            } catch (e) {
+                costprices = [supply.costprice || '0'];
+            }
+            
+            // 解析规格状态数据
+            let specStatuses = [];
+            try {
+                if (supply.spec_status) {
+                    if (typeof supply.spec_status === 'string') {
+                        // 规格状态存储为英文逗号分隔的字符串
+                        specStatuses = supply.spec_status.split(',').map(s => s.trim());
+                    } else if (Array.isArray(supply.spec_status)) {
+                        specStatuses = supply.spec_status;
+                    } else {
+                        specStatuses = [supply.spec_status];
+                    }
+                }
+            } catch (e) {
+                specStatuses = [];
+            }
+            
+            const maxLength = Math.max(specifications.length, quantities.length, costprices.length);
+            for (let i = 0; i < maxLength; i++) {
+                const spec = specifications[i] || '无';
+                const quantity = quantities[i] || '0';
+                const costprice = costprices[i] || '0';
+                const specStatus = specStatuses[i] || '0';
+                
+                // 添加售空标识，根据设备类型显示不同样式
+                const soldOutTag = specStatus === '1' ? (DeviceDetector.isMobile() ? 
+                    '<div style="display: flex; justify-content: center; margin-top: 8px;"><span style="color: #f5222d; font-size: 12px; font-weight: 600; padding: 2px 12px; background-color: #fff1f0; border-radius: 12px;">已售空</span></div>' : 
+                    '<span style="color: #f5222d; font-size: 12px; font-weight: 600; margin-left: 10px;">已售空</span>'
+                ) : '';
+                
+                // 根据设备类型生成不同的spec-quantity-box样式
+                const specQuantityBoxStyle = DeviceDetector.isMobile() ? 
+                    '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 += `<div class="spec-quantity-box" style="${specQuantityBoxStyle}">• ${spec}<br>${quantity}件 | ¥${costprice}${soldOutTag}</div>`;
+            }
+            
+            return `
+                <div class="supply-item" data-id="${supply.id}">
+                    <div class="supply-images">
+                        <div class="image-slider" style="position: relative;">
+                            ${mediaPreviewHTML}
+                        </div>
+                    </div>
+                    <div class="supply-info">
+                        <!-- 产品名称行，铺满整行 -->
+                        <div class="supply-name" style="width: 100%; margin-bottom: 15px;">
+                                    ${productName}
+                                    ${(supply.status === 'hidden' || supply.status === 'sold_out') ? '' : `<span class="supply-status ${status.class}">${status.text}</span>`}
+                                    ${supply.status === 'published' && supply.autoOfflineHours && supply.autoOfflineHours !== '' && supply.autoOfflineHours !== null ? `<span class="countdown-badge" data-id="${supply.id}" style="margin-left: 8px; padding: 4px 12px; background: linear-gradient(135deg, #ff6b6b, #ee5a6f); color: white; border-radius: 16px; font-size: 12px; font-weight: 500; box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3); display: inline-flex; align-items: center; gap: 4px;">⏰ 计算中...</span>` : ''}
+                                    ${supply.status === 'pending' && supply.pre_create ? `<span class="countdown-badge" data-id="${supply.id}" data-pre-create="${supply.pre_create}" style="margin-left: 8px; padding: 4px 12px; background: linear-gradient(135deg, #4ecdc4, #45b7aa); color: white; border-radius: 16px; font-size: 12px; font-weight: 500; box-shadow: 0 2px 4px rgba(78, 205, 196, 0.3); display: inline-flex; align-items: center; gap: 4px;">⏰ 计算中...</span>` : ''}
+                                    <button class="copy-supply-btn" onclick="copySupply('${supply.id}')">复制</button>
+                        </div>
+                        <!-- 详细信息和规格-件数对在同一行，水平对齐 -->
+                        <div style="display: flex; gap: 20px; align-items: flex-start; margin-bottom: 2px;">
+                            <!-- 左侧详细信息 -->
+                            <div style="flex: 1;">
+                                <!-- 基本信息 -->
+                                <div class="supply-details" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; padding: 12px; background: #f8f9fa; border-radius: 8px;">
+                                    <div class="detail-item">${supply.sourceType || '无'}</div>
+                                    <div class="detail-item">${supply.category || '无'}</div>
+                                    <div class="detail-item">${supply.yolk || '无'}</div>
+                                    <div class="detail-item">${supply.producting || '无'}</div>
+                                    <div class="detail-item">${supply.freshness || '无'}</div>
+                                    <div class="detail-item">${supply.supplyStatus || '未设置'}</div>
+                                    <div class="detail-item">${region || '未设置'}</div>
+                                    <!-- 隐藏独立价格字段，因为每个规格-件数对都有自己的采购价 -->
+                                    <div class="detail-item" style="font-size: 12px; color: #999; grid-column: 1 / -1;">创建时间：${supply.status === 'pending' ? '待创建' : formatDate(supply.created_at)}</div>
+                                    ${supply.status === 'pending' && supply.pre_create ? `<div class="detail-item" style="font-size: 12px; color: #1890ff; grid-column: 1 / -1;">预计创建时间：${formatDate(supply.pre_create)}</div>` : ''}
+                                    ${supply.status === 'published' ? `<div class="detail-item" style="font-size: 12px; color: #999; grid-column: 1 / -1;">上架时间：${formatDate(getPublishTime(supply))}</div>` : ''}
+                                    ${(supply.status === 'hidden' || supply.status === 'sold_out') && supply.updated_at ? `<div class="detail-item" style="font-size: 12px; color: #999; grid-column: 1 / -1;">下架时间：${formatDate(supply.updated_at)}</div>` : ''}
+                                    <!-- 只在管理员模式下显示创建者信息 -->
+                                    ${(() => {
+                                        const userInfo = JSON.parse(localStorage.getItem('userInfo'));
+                                        const isAdmin = userInfo?.projectName === '管理员';
+                                        return isAdmin && supply.nickName ? `<div class="detail-item" style="font-size: 12px; color: #1890ff; font-weight: 500; grid-column: 1 / -1;">创建者：${supply.nickName}</div>` : '';
+                                    })()}
+                                </div>
+                            </div>
+                            <!-- 右侧规格-件数对 -->
+                            <div class="spec-quantity-container" style="flex: 1;">
+                                ${specQuantityBoxes}
+                            </div>
+                        </div>
+                        
+                        <!-- 货源描述 - 独立容器，在手机端铺满宽度 -->
+                        ${description ? `
+                        <div class="supply-description" style="padding: 10px; background: #e3f2fd; border-left: 4px solid #1976d2; border-radius: 0 8px 8px 0; margin-top: -8px;">
+                            <div style="font-size: 14px; font-weight: 500; color: #1976d2; margin-bottom: 4px;">货源描述</div>
+                            <div style="font-size: 13px; line-height: 1.4; color: #333;">${description}</div>
+                        </div>
+                        ` : ''}
+                        <div class="supply-actions">
+                            ${actionsHTML}
+                        </div>
+                    </div>
+                </div>
+            `;
+        }
+        
+        // 格式化日期
+        function formatDate(dateString) {
+            if (!dateString) return '未知';
+            const date = new Date(dateString);
+            // 检查是否为有效的日期
+            if (isNaN(date.getTime())) {
+                return '未知';
+            }
+            return `${date.getFullYear()}/${(date.getMonth() + 1).toString().padStart(2, '0')}/${date.getDate().toString().padStart(2, '0')} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
+        }
+        
+        // 判断是否为第一次上架
+        function isFirstPublish(supply) {
+            // 如果没有修改时间，使用创建时间
+            if (!supply.updated_at) {
+                return true;
+            }
+            
+            // 如果没有创建时间，直接使用修改时间
+            if (!supply.created_at) {
+                return false;
+            }
+            
+            // 将创建时间和修改时间转换为时间戳
+            try {
+                const createdAt = new Date(supply.created_at).getTime();
+                const updatedAt = new Date(supply.updated_at).getTime();
+                
+                // 计算时间差（毫秒）
+                const diffMs = updatedAt - createdAt;
+                
+                // 如果时间差小于60秒（1分钟），认为是第一次上架
+                // 因为创建货源时，系统可能会自动更新修改时间
+                return diffMs < 60 * 1000;
+            } catch (error) {
+                console.error('时间转换失败:', error);
+                // 如果转换失败，默认使用创建时间
+                return true;
+            }
+        }
+        
+        // 获取上架时间
+        function getPublishTime(supply) {
+            try {
+                // 上架状态时，优先使用修改时间作为上架时间
+                if (supply.status === 'published' && supply.updated_at) {
+                    return supply.updated_at;
+                }
+                
+                // 检查是否为第一次上架
+                if (isFirstPublish(supply)) {
+                    // 第一次上架，使用创建时间
+                    if (supply.created_at) {
+                        return supply.created_at;
+                    }
+                } else {
+                    // 重新上架，使用修改时间
+                    if (supply.updated_at) {
+                        return supply.updated_at;
+                    }
+                }
+                
+                // 如果以上条件都不满足，尝试使用可用的时间
+                if (supply.created_at) {
+                    return supply.created_at;
+                }
+                if (supply.updated_at) {
+                    return supply.updated_at;
+                }
+                if (supply.onlineTime) {
+                    return supply.onlineTime;
+                }
+                if (supply.publishTime) {
+                    return supply.publishTime;
+                }
+                
+                // 所有时间字段都不可用，返回null
+                return null;
+            } catch (error) {
+                console.error('获取上架时间失败:', error);
+                // 发生错误时，返回创建时间或null
+                return supply.created_at || null;
+            }
+        }
+        
+        // 复制货源信息
+        function copySupply(supplyId) {
+            try {
+                // 查找对应的货源信息
+                let supply = null;
+                
+                // 1. 首先尝试直接从所有货源数组中查找
+                if (supplyData.supplies && supplyData.supplies.length > 0) {
+                    supply = supplyData.supplies.find(item => {
+                        return String(item.id) === String(supplyId) || String(item.productId) === String(supplyId) || String(item._id) === String(supplyId);
+                    });
+                }
+                
+                // 2. 如果没找到，遍历所有状态的货源列表查找
+                if (!supply) {
+                    const allSupplies = [
+                        ...supplyData.publishedSupplies,
+                        ...supplyData.pendingSupplies,
+                        ...supplyData.rejectedSupplies,
+                        ...supplyData.draftSupplies
+                    ];
+                    
+                    supply = allSupplies.find(item => {
+                        return String(item.id) === String(supplyId) || String(item.productId) === String(supplyId) || String(item._id) === String(supplyId);
+                    });
+                }
+                
+                // 3. 如果没找到，遍历所有分页货源列表查找
+                if (!supply) {
+                    const paginatedSupplies = [
+                        ...(supplyData.paginatedSupplies.published || []),
+                        ...(supplyData.paginatedSupplies.pending || []),
+                        ...(supplyData.paginatedSupplies.rejected || []),
+                        ...(supplyData.paginatedSupplies.draft || [])
+                    ];
+                    
+                    supply = paginatedSupplies.find(item => {
+                        return String(item.id) === String(supplyId) || String(item.productId) === String(supplyId) || String(item._id) === String(supplyId);
+                    });
+                }
+                
+                // 4. 如果还是没找到，尝试从DOM中获取
+                if (!supply) {
+                    const supplyItem = document.querySelector(`[data-id="${supplyId}"]`);
+                    if (supplyItem) {
+                        // 从DOM中提取关键信息
+                        const productName = supplyItem.querySelector('.supply-name').textContent.replace(/已上架|审核中|审核失败|已隐藏|已下架|复制/g, '').trim();
+                        const priceText = supplyItem.querySelector('.detail-item:last-child').textContent;
+                        const price = priceText.replace(/价格: ¥/, '').trim();
+                        
+                        // 创建一个简化的supply对象
+                        supply = {
+                            id: supplyId,
+                            productName: productName,
+                            price: price
+                        };
+                    }
+                }
+                
+                // 调试日志
+                console.log('复制货源信息:', {
+                    supplyId: supplyId,
+                    supplyFound: !!supply,
+                    allSuppliesCount: (supplyData.supplies ? supplyData.supplies.length : 0) + 
+                                     supplyData.publishedSupplies.length + 
+                                     supplyData.pendingSupplies.length + 
+                                     supplyData.rejectedSupplies.length + 
+                                     supplyData.draftSupplies.length,
+                    paginatedSuppliesCount: 
+                                     (supplyData.paginatedSupplies.published ? supplyData.paginatedSupplies.published.length : 0) + 
+                                     (supplyData.paginatedSupplies.pending ? supplyData.paginatedSupplies.pending.length : 0) + 
+                                     (supplyData.paginatedSupplies.rejected ? supplyData.paginatedSupplies.rejected.length : 0) + 
+                                     (supplyData.paginatedSupplies.draft ? supplyData.paginatedSupplies.draft.length : 0),
+                    supplyDataKeys: supply ? Object.keys(supply) : 'none',
+                    supplyData: supply
+                });
+                
+                if (!supply) {
+                    alert('未找到对应的货源信息');
+                    return;
+                }
+                
+                // 保存到全局变量
+                supplyData.copiedSupply = supply;
+                
+                // 打开创建货源弹窗
+                showAddSupplyModal();
+                
+                // 填充表单数据
+                fillFormWithSupplyData(supply);
+                
+                alert('货源信息已复制到创建表单');
+            } catch (error) {
+                console.error('复制货源失败:', error);
+                alert('复制货源失败，请重试');
+            }
+        }
+        
+        // 用货源数据填充表单
+        function fillFormWithSupplyData(supply) {
+            // 重置表单
+            resetForm();
+            
+            // 填充表单字段 - 为所有元素添加null检查
+            // 不填充销售价格，因为现在不再使用
+            const priceInput = document.getElementById('price');
+            if (priceInput) priceInput.value = '';
+            
+            const quantityInput = document.getElementById('quantity');
+            if (quantityInput) quantityInput.value = supply.quantity || '';
+            
+            const grossWeightInput = document.getElementById('grossWeight');
+            if (grossWeightInput) grossWeightInput.value = supply.grossWeight || '';
+            
+            const descriptionInput = document.getElementById('description');
+            if (descriptionInput) descriptionInput.value = supply.description || '';
+            
+            // 填充选择字段
+            // 商品名称
+            const productNameInput = document.getElementById('productName');
+            if (productNameInput) productNameInput.value = supply.productName || '';
+            
+            const productNameDisplay = document.getElementById('productNameDisplayText');
+            if (productNameDisplay) productNameDisplay.textContent = supply.productName || '请选择商品名称';
+            selectedProductName = supply.productName || '';
+            
+            // 货源类型
+            const sourceTypeInput = document.getElementById('sourceType');
+            if (sourceTypeInput) sourceTypeInput.value = supply.sourceType || '';
+            
+            const sourceTypeDisplay = document.getElementById('sourceTypeDisplayText');
+            if (sourceTypeDisplay) sourceTypeDisplay.textContent = supply.sourceType || '请选择货源类型';
+            selectedSourceType = supply.sourceType || '';
+            
+            // 蛋黄类型
+            const yolkInput = document.getElementById('yolk');
+            if (yolkInput) yolkInput.value = supply.yolk || '';
+            
+            const yolkDisplay = document.getElementById('yolkDisplayText');
+            if (yolkDisplay) yolkDisplay.textContent = supply.yolk || '请选择蛋黄类型';
+            selectedYolk = supply.yolk || '';
+            
+            // 地区
+            const regionValueInput = document.getElementById('regionValue');
+            if (regionValueInput) regionValueInput.value = supply.region || '';
+            
+            const regionDisplay = document.getElementById('regionDisplayText');
+            if (regionDisplay) regionDisplay.textContent = supply.region || '请选择地区';
+            
+            // 规格 - 确保selectedSpec是数组类型
+            const specValue = supply.specification || supply.spec || '';
+            const specDisplay = document.getElementById('specDisplayText');
+            if (specDisplay) specDisplay.textContent = specValue || '请选择规格';
+            
+            const specValueInput = document.getElementById('specValue');
+            if (specValueInput) {
+                if (Array.isArray(specValue)) {
+                    selectedSpec = specValue;
+                    specValueInput.value = JSON.stringify(specValue);
+                } else if (specValue) {
+                    selectedSpec = [specValue];
+                    specValueInput.value = JSON.stringify([specValue]);
+                } else {
+                    selectedSpec = [];
+                    specValueInput.value = JSON.stringify([]);
+                }
+            }
+            
+            // 货源状态
+            const supplyStatusInput = document.getElementById('supplyStatus');
+            if (supplyStatusInput) supplyStatusInput.value = supply.supplyStatus || '';
+            
+            // 设置货源状态按钮
+            if (supply.supplyStatus === '预售') {
+                setSupplyStatus('预售');
+            } else if (supply.supplyStatus === '现货') {
+                setSupplyStatus('现货');
+            }
+            
+            // 联系人 - 使用contacts数组查找完整信息
+            const contactIdInput = document.getElementById('contactId');
+            if (contactIdInput) contactIdInput.value = supply.contactId || '';
+            selectedContactId = supply.contactId || '';
+            
+            const contactIdDisplay = document.getElementById('contactIdDisplayText');
+            if (contactIdDisplay) {
+                if (supply.contactId) {
+                    // 从contacts数组（可能包含本地缓存数据）中查找联系人
+                    const contact = contacts.find(c => String(c.id) === String(supply.contactId));
+                    if (contact) {
+                        contactIdDisplay.textContent = `${contact.name} (${contact.phoneNumber})`;
+                    } else {
+                        // 如果找不到联系人，使用supply中的数据或默认值
+                        contactIdDisplay.textContent = supply.product_contact || `联系人ID: ${supply.contactId}` || '请选择联系人';
+                    }
+                } else {
+                    contactIdDisplay.textContent = '请选择联系人';
+                }
+            }
+            
+            // 产品包装
+            const productingValueInput = document.getElementById('productingValue');
+            if (productingValueInput) productingValueInput.value = supply.producting || '';
+            
+            const productingDisplay = document.getElementById('productingDisplayText');
+            if (productingDisplay) productingDisplay.textContent = supply.producting || '请选择产品包装';
+            selectedProducting = supply.producting || '';
+            
+            // 种类
+            const categoryInput = document.getElementById('category');
+            if (categoryInput) categoryInput.value = supply.category || '';
+            
+            const categoryDisplay = document.getElementById('categoryDisplayText');
+            if (categoryDisplay) categoryDisplay.textContent = supply.category || '请选择种类';
+            selectedCategory = supply.category || '';
+            
+            // 新鲜程度
+            const freshnessInput = document.getElementById('freshness');
+            if (freshnessInput) freshnessInput.value = supply.freshness || '';
+            
+            const freshnessDisplay = document.getElementById('freshnessDisplayText');
+            if (freshnessDisplay) freshnessDisplay.textContent = supply.freshness || '请选择新鲜程度';
+            selectedFreshness = supply.freshness || '';
+            
+            // 复制图片/视频，确保正确解析JSON字符串
+            let mediaUrls = [];
+            console.log('复制货源时的imageUrls数据:', supply.imageUrls);
+            console.log('复制货源时的imageUrls类型:', typeof supply.imageUrls);
+            
+            if (supply.images) {
+                mediaUrls = Array.isArray(supply.images) ? supply.images : [];
+                console.log('使用supply.images:', mediaUrls);
+            } else if (supply.imageUrls) {
+                if (Array.isArray(supply.imageUrls)) {
+                    mediaUrls = supply.imageUrls;
+                    console.log('imageUrls是数组:', mediaUrls);
+                } else if (typeof supply.imageUrls === 'string') {
+                    // 尝试解析JSON字符串
+                    try {
+                        console.log('尝试解析JSON字符串:', supply.imageUrls);
+                        mediaUrls = JSON.parse(supply.imageUrls);
+                        console.log('解析结果:', mediaUrls);
+                        // 确保解析后是数组
+                        if (!Array.isArray(mediaUrls)) {
+                            console.log('解析结果不是数组，重置为空数组');
+                            mediaUrls = [];
+                        }
+                    } catch (e) {
+                        console.error('解析imageUrls失败:', e);
+                        mediaUrls = [];
+                    }
+                }
+            } else if (supply.imageList) {
+                mediaUrls = Array.isArray(supply.imageList) ? supply.imageList : [];
+                console.log('使用supply.imageList:', mediaUrls);
+            }
+            
+            console.log('最终的mediaUrls:', mediaUrls);
+            console.log('mediaUrls类型:', typeof mediaUrls);
+            console.log('mediaUrls是否为数组:', Array.isArray(mediaUrls));
+            
+            supplyData.uploadedImages = mediaUrls;
+            console.log('supplyData.uploadedImages:', supplyData.uploadedImages);
+            renderUploadedImages();
+            
+            // 规格、件数和采购价 - 支持中文逗号分隔和英文逗号分隔字符串
+                let specifications = [];
+                let quantities = [];
+                let costprices = [];
+            
+            // 解析规格（中文逗号分隔字符串）
+            try {
+                if (supply.specification) {
+                    if (typeof supply.specification === 'string') {
+                        specifications = supply.specification.split('，').filter(spec => spec.trim());
+                    } else if (Array.isArray(supply.specification)) {
+                        specifications = supply.specification;
+                    } else {
+                        specifications = [supply.specification];
+                    }
+                } else if (supply.spec) {
+                    specifications = [supply.spec];
+                }
+            } catch (e) {
+                specifications = [supply.specification || supply.spec || ''];
+            }
+            
+            // 解析件数（英文逗号分隔字符串）
+            try {
+                if (supply.quantity) {
+                    if (typeof supply.quantity === 'string') {
+                        quantities = supply.quantity.split(',').filter(qty => qty.trim());
+                    } else if (Array.isArray(supply.quantity)) {
+                        quantities = supply.quantity;
+                    } else {
+                        quantities = [supply.quantity];
+                    }
+                }
+            } catch (e) {
+                quantities = [supply.quantity || ''];
+            }
+            
+            // 解析采购价（英文逗号分隔字符串）
+            try {
+                if (supply.costprice) {
+                    if (typeof supply.costprice === 'string') {
+                        costprices = supply.costprice.split(',').filter(cp => cp.trim());
+                    } else if (Array.isArray(supply.costprice)) {
+                        costprices = supply.costprice;
+                    } else {
+                        costprices = [supply.costprice];
+                    }
+                }
+            } catch (e) {
+                costprices = [supply.costprice || ''];
+            }
+            
+            // 复制货源时，将所有规格状态设置为0
+            let specStatuses = [];
+            for (let i = 0; i < specifications.length; i++) {
+                specStatuses.push('0');
+            }
+            
+            // 动态生成规格-件数对输入框
+            const specQuantityPairs = document.getElementById('specQuantityPairs');
+            if (specQuantityPairs) {
+                // 清空现有对
+                specQuantityPairs.innerHTML = '';
+                
+                // 如果没有规格-件数对，添加一个空的
+                if (specifications.length === 0) {
+                    addSpecQuantityPair();
+                } else {
+                    // 根据规格数量生成相应的规格-件数对
+                    for (let i = 0; i < Math.min(specifications.length, 3); i++) {
+                        const pair = document.createElement('div');
+                        pair.className = 'spec-quantity-pair';
+                        pair.innerHTML = `
+                            <input type="text" class="spec-value" placeholder="请选择规格" readonly onclick="showSpecSelectModalForPair(this)" value="${specifications[i] || ''}">
+                            <input type="text" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()" value="${quantities[i] || ''}">
+                            <input type="text" class="form-input costprice-input" placeholder="请输入采购价" onwheel="this.blur()" value="${costprices[i] || ''}">
+                            <input type="text" class="form-input spec-status-input" placeholder="规格状态" value="${specStatuses[i] || '0'}" onwheel="this.blur()" style="width: 120px; display: none;" readonly>
+                            <button type="button" class="remove-quantity-btn" onclick="removeSpecQuantityPair(this)">×</button>
+                        `;
+                        specQuantityPairs.appendChild(pair);
+                    }
+                }
+                
+                // 不再禁用添加按钮，而是在点击时检查数量并弹出提示
+                // 确保添加按钮始终可用，以便用户可以点击并看到提示信息
+            }
+        }
+        
+        // 检查是否为重复货源
+        async function checkDuplicateSupply(formData) {
+            try {
+                // 构建查询参数
+                const queryParams = new URLSearchParams({
+                    productName: formData.productName,
+                    spec: formData.specification || formData.spec,
+                    region: formData.region,
+                    price: formData.price,
+                    checkDuplicate: true
+                });
+                
+                const response = await fetch(`/api/supplies?${queryParams}`);
+                const result = await response.json();
+                
+                if (result.success && result.data && result.data.length > 0) {
+                    return true; // 存在重复货源
+                }
+                return false; // 不存在重复货源
+            } catch (error) {
+                console.error('检查重复货源失败:', error);
+                return false; // 出错时默认允许创建
+            }
+        }
+        
+        // 切换列表展开/折叠
+        function toggleSection(type) {
+            const listElement = document.getElementById(`${type}List`);
+            const toggleElement = document.getElementById(`${type}Toggle`);
+            
+            if (listElement.classList.contains('expanded')) {
+                listElement.classList.remove('expanded');
+                toggleElement.classList.remove('expanded');
+            } else {
+                listElement.classList.add('expanded');
+                toggleElement.classList.add('expanded');
+            }
+        }
+        
+        // 搜索功能
+        // 优化的搜索输入处理函数
+        const optimizedSearchInput = debounce(function(keyword) {
+            if (keyword.trim() === '') {
+                // 搜索关键词为空，重新加载所有数据
+                loadSupplies();
+            } else {
+                // 执行搜索
+                searchSupplies();
+            }
+        }, 300);
+        
+        function onSearchInput(event) {
+            supplyData.searchKeyword = event.target.value;
+            const clearSearch = document.getElementById('clearSearch');
+            clearSearch.style.display = supplyData.searchKeyword ? 'block' : 'none';
+            
+            // 使用防抖处理实时搜索
+            optimizedSearchInput(supplyData.searchKeyword);
+        }
+        
+        function onSearchConfirm(event) {
+            if (event.key === 'Enter') {
+                searchSupplies();
+            }
+        }
+        
+        function clearSearch() {
+            const searchInput = document.getElementById('searchInput');
+            searchInput.value = '';
+            supplyData.searchKeyword = '';
+            document.getElementById('clearSearch').style.display = 'none';
+            // 使用loadSupplies()重新加载数据，会优先使用本地缓存
+            loadSupplies();
+        }
+        
+        // 手动刷新数据
+        function refreshSupplies() {
+            console.log('手动刷新数据...');
+            // 显示刷新提示
+            const refreshBtn = document.querySelector('button[onclick="refreshSupplies()"]');
+            const originalText = refreshBtn.textContent;
+            refreshBtn.textContent = '刷新中...';
+            refreshBtn.disabled = true;
+            
+            // 强制刷新数据
+            loadSupplies(true).finally(() => {
+                // 恢复按钮状态
+                setTimeout(() => {
+                    refreshBtn.textContent = originalText;
+                    refreshBtn.disabled = false;
+                }, 1000);
+            });
+        }
+        
+        async function searchSupplies() {
+            try {
+                // 获取当前登录用户信息
+                const userInfo = checkLogin();
+                if (!userInfo) return;
+                
+                // 构建查询参数，获取所有匹配的货源
+                const queryParams = new URLSearchParams({
+                    page: 1,
+                    pageSize: 1000, // 设置较大的pageSize，确保获取所有匹配的记录
+                    keyword: supplyData.searchKeyword
+                });
+                
+                // 非管理员才添加sellerId参数，管理员获取所有货源
+                if (userInfo.projectName !== '管理员') {
+                    queryParams.append('sellerId', userInfo.userId);
+                }
+                
+                const response = await fetch(`/api/supplies?${queryParams}`);
+                const result = await response.json();
+                if (result.success) {
+                    // 处理搜索结果，添加高亮标记
+                    const highlightedSupplies = result.data.list.map(supply => {
+                        return {
+                            ...supply,
+                            // 标记需要高亮的字段
+                            _highlight: true,
+                            _searchKeyword: supplyData.searchKeyword
+                        };
+                    });
+                    processSupplyData(highlightedSupplies);
+                    renderSupplyLists();
+                }
+            } catch (error) {
+                console.error('搜索失败:', error);
+            }
+        }
+        
+        // 设置货源状态（预售/现货）
+        function setSupplyStatus(status) {
+            const supplyStatusInput = document.getElementById('supplyStatus');
+            if (supplyStatusInput) supplyStatusInput.value = status;
+            
+            // 更新按钮样式
+            const preSaleBtn = document.getElementById('preSaleBtn');
+            const inStockBtn = document.getElementById('inStockBtn');
+            
+            if (status === '预售') {
+                if (preSaleBtn) {
+                    preSaleBtn.style.borderColor = '#1677ff';
+                    preSaleBtn.style.color = '#1677ff';
+                }
+                if (inStockBtn) {
+                    inStockBtn.style.borderColor = '#d9d9d9';
+                    inStockBtn.style.color = '#666';
+                }
+            } else if (status === '现货') {
+                if (inStockBtn) {
+                    inStockBtn.style.borderColor = '#1677ff';
+                    inStockBtn.style.color = '#1677ff';
+                }
+                if (preSaleBtn) {
+                    preSaleBtn.style.borderColor = '#d9d9d9';
+                    preSaleBtn.style.color = '#666';
+                }
+            }
+            // 自动保存表单数据
+            saveFormData();
+        }
+        
+        // 重置表单函数（全局函数，以便多个地方可以调用）
+        function resetForm() {
+            // 重置表单
+            const createSupplyForm = document.getElementById('createSupplyForm');
+            if (createSupplyForm) {
+                createSupplyForm.reset();
+            }
+            
+            // 重置图片
+            const uploadImages = document.getElementById('uploadImages');
+            if (uploadImages) {
+                uploadImages.innerHTML = '';
+            }
+            supplyData.uploadedImages = [];
+            
+            // 重置规格-件数对
+            const specQuantityPairs = document.getElementById('specQuantityPairs');
+            if (specQuantityPairs) {
+                specQuantityPairs.innerHTML = '';
+                // 重新添加一个空的规格-件数对
+                addSpecQuantityPair();
+            }
+            
+            // 不再禁用添加按钮，而是在点击时检查数量并弹出提示
+            // 确保添加按钮始终可用，以便用户可以点击并看到提示信息
+            
+            // 重置自定义选择状态
+            const regionDisplayText = document.getElementById('regionDisplayText');
+            if (regionDisplayText) {
+                regionDisplayText.textContent = '请选择地区';
+            }
+            
+            const sourceTypeDisplayText = document.getElementById('sourceTypeDisplayText');
+            if (sourceTypeDisplayText) {
+                sourceTypeDisplayText.textContent = '请选择货源类型';
+            }
+            
+            const productNameDisplayText = document.getElementById('productNameDisplayText');
+            if (productNameDisplayText) {
+                productNameDisplayText.textContent = '请选择商品名称';
+            }
+            
+            const yolkDisplayText = document.getElementById('yolkDisplayText');
+            if (yolkDisplayText) {
+                yolkDisplayText.textContent = '请选择蛋黄类型';
+            }
+            
+            const contactIdDisplayText = document.getElementById('contactIdDisplayText');
+            if (contactIdDisplayText) {
+                contactIdDisplayText.textContent = '请选择联系人';
+            }
+            
+            // 重置选择变量
+            selectedSpec = '';
+            selectedProvince = '';
+            selectedCity = '';
+            selectedSourceType = '';
+            selectedProductName = '';
+            selectedYolk = '';
+            selectedContactId = '';
+            
+            // 确保隐藏字段也被重置
+            const specValue = document.getElementById('specValue');
+            if (specValue) specValue.value = '';
+            
+            const regionValue = document.getElementById('regionValue');
+            if (regionValue) regionValue.value = '';
+            
+            const supplyStatus = document.getElementById('supplyStatus');
+            if (supplyStatus) supplyStatus.value = '';
+            
+            const sourceType = document.getElementById('sourceType');
+            if (sourceType) sourceType.value = '';
+            
+            const productName = document.getElementById('productName');
+            if (productName) productName.value = '';
+            
+            const yolk = document.getElementById('yolk');
+            if (yolk) yolk.value = '';
+            
+            const contactId = document.getElementById('contactId');
+            if (contactId) contactId.value = '';
+            
+            // 重置货源状态按钮样式
+            const preSaleBtn = document.getElementById('preSaleBtn');
+            if (preSaleBtn) {
+                preSaleBtn.style.borderColor = '#d9d9d9';
+                preSaleBtn.style.color = '#666';
+            }
+            
+            const inStockBtn = document.getElementById('inStockBtn');
+            if (inStockBtn) {
+                inStockBtn.style.borderColor = '#d9d9d9';
+                inStockBtn.style.color = '#666';
+            }
+            
+            // 重置新鲜程度字段
+            const freshness = document.getElementById('freshness');
+            if (freshness) freshness.value = '';
+            
+            const freshnessDisplayText = document.getElementById('freshnessDisplayText');
+            if (freshnessDisplayText) {
+                freshnessDisplayText.textContent = '请选择新鲜程度';
+            }
+            selectedFreshness = '';
+            
+            // 重置自动下架时间选择框
+            const autoOfflineMinutes = document.getElementById('autoOfflineMinutes');
+            if (autoOfflineMinutes) {
+                autoOfflineMinutes.value = '1440'; // 默认24小时
+            }
+        }
+        
+        // 显示创建货源模态框
+        function showAddSupplyModal() {
+            document.getElementById('createSupplyModal').classList.add('active');
+            // 隐藏body滚动条，避免双滚动条
+            document.body.style.overflow = 'hidden';
+            
+            // 添加固定定位，防止iOS页面滚动
+            document.body.style.position = 'fixed';
+            document.body.style.width = '100%';
+            document.body.style.height = '100%';
+            
+            // 防止iOS上的页面拖动
+            preventiOSScrolling();
+            
+            // 为模态框内容添加滚动处理
+            const modalContent = document.querySelector('#createSupplyModal .modal-content');
+            if (modalContent) {
+                // 确保模态框内容可以滚动
+                modalContent.style.overflowY = 'auto';
+                modalContent.style.webkitOverflowScrolling = 'touch';
+                
+                // 添加触摸事件监听器，允许模态框内的滚动
+                modalContent.addEventListener('touchstart', function(e) {
+                    this.allowUp = (this.scrollTop > 0);
+                    this.allowDown = (this.scrollTop < this.scrollHeight - this.clientHeight);
+                    this.prevTop = null;
+                    this.prevBottom = null;
+                }, { passive: true });
+                
+                modalContent.addEventListener('touchmove', function(e) {
+                    // 检查滚动位置，只在需要时阻止滚动
+                    const isAtTop = (this.scrollTop === 0);
+                    const isAtBottom = (this.scrollTop === this.scrollHeight - this.clientHeight);
+                    
+                    // 如果在顶部且尝试向上滚动，或在底部且尝试向下滚动，阻止滚动
+                    if ((isAtTop && e.touches[0].pageY > e.changedTouches[0].pageY) || 
+                        (isAtBottom && e.touches[0].pageY < e.changedTouches[0].pageY)) {
+                        e.preventDefault();
+                    }
+                }, { passive: false });
+            }
+            
+            // 重新加载联系人数据，确保最新
+            loadContacts();
+            
+            // 重新加载联系人数据，确保最新
+            loadContacts();
+            
+            // 尝试从localStorage加载保存的表单数据
+            const savedFormData = localStorage.getItem('supplyFormDraft');
+            if (savedFormData) {
+                try {
+                    const formData = JSON.parse(savedFormData);
+                    
+                    // 初始化图片数组，避免重复赋值导致潜在问题
+                    supplyData.uploadedImages = [];
+                    
+                    // 填充表单字段并添加空值检查
+                    const productName = document.getElementById('productName');
+                    const price = document.getElementById('price');
+                    const quantity = document.getElementById('quantity');
+                    const grossWeight = document.getElementById('grossWeight');
+                    const yolk = document.getElementById('yolk');
+                    const specValue = document.getElementById('specValue');
+                    const supplyStatus = document.getElementById('supplyStatus');
+                    const sourceType = document.getElementById('sourceType');
+                    const description = document.getElementById('description');
+                    const regionValue = document.getElementById('regionValue');
+                    const contactId = document.getElementById('contactId');
+                    const specDisplayText = document.getElementById('specDisplayText');
+                    const regionDisplayText = document.getElementById('regionDisplayText');
+                    const contactIdDisplayText = document.getElementById('contactIdDisplayText');
+                    
+                    // 安全地设置表单值
+                    if (productName) productName.value = formData.productName || '';
+                    if (price) price.value = formData.price || '';
+                    if (quantity) quantity.value = formData.quantity || '';
+                    if (grossWeight) grossWeight.value = formData.grossWeight || '';
+                    if (yolk) yolk.value = formData.yolk || '';
+                    if (specValue) specValue.value = formData.specification || '';
+                    if (supplyStatus) supplyStatus.value = formData.supplyStatus || '';
+                    if (sourceType) sourceType.value = formData.sourceType || '';
+                    if (description) description.value = formData.description || '';
+                    if (regionValue) regionValue.value = formData.region || '';
+                    if (contactId) contactId.value = formData.contactId || '';
+                    
+                    // 恢复自定义下拉框显示文本（规格和地区）
+                    if (specDisplayText && formData.specificationDisplay) {
+                        specDisplayText.textContent = formData.specificationDisplay;
+                    }
+                    if (regionDisplayText && formData.regionDisplay) {
+                        regionDisplayText.textContent = formData.regionDisplay;
+                    }
+                    // 恢复联系人显示文本
+                    if (contactIdDisplayText && formData.contactIdDisplay) {
+                        contactIdDisplayText.textContent = formData.contactIdDisplay;
+                    }
+                    // 恢复其他自定义下拉框显示文本
+                    if (sourceTypeDisplayText && formData.sourceTypeDisplay) {
+                        sourceTypeDisplayText.textContent = formData.sourceTypeDisplay;
+                    }
+                    if (productNameDisplayText && formData.productNameDisplay) {
+                        productNameDisplayText.textContent = formData.productNameDisplay;
+                    }
+                    if (yolkDisplayText && formData.yolkDisplay) {
+                        yolkDisplayText.textContent = formData.yolkDisplay;
+                    }
+                    if (contactIdDisplayText && formData.contactIdDisplay) {
+                        contactIdDisplayText.textContent = formData.contactIdDisplay;
+                    }
+                    
+                    // 对于标准select元素，确保设置value后触发change事件
+                    // 这样select元素会自动显示正确的选项文本
+                    const standardDropdowns = [productName, yolk, sourceType, contactId];
+                    standardDropdowns.forEach(select => {
+                        if (select && select.tagName === 'SELECT' && select.value) {
+                            // 强制触发change事件以确保UI更新
+                            const event = new Event('change', { bubbles: true });
+                            select.dispatchEvent(event);
+                        }
+                    })
+                    
+                    // 恢复自定义选择状态变量
+                    if (formData.selectedSpec) selectedSpec = formData.selectedSpec;
+                    if (formData.selectedProvince) selectedProvince = formData.selectedProvince;
+                    if (formData.selectedCity) selectedCity = formData.selectedCity;
+                    
+                    // 为所有下拉框触发change事件，确保UI完全同步
+                    const dropdownElements = [productName, yolk, sourceType, contactId];
+                    dropdownElements.forEach(element => {
+                        if (element && element.tagName === 'SELECT' && element.value) {
+                            const event = new Event('change', { bubbles: true });
+                            element.dispatchEvent(event);
+                        }
+                    });
+                    
+                    // 设置货源状态按钮样式
+                    if (formData.supplyStatus && (formData.supplyStatus === '预售' || formData.supplyStatus === '现货')) {
+                        setSupplyStatus(formData.supplyStatus);
+                    } else {
+                        // 默认设置为预售
+                        setSupplyStatus('预售');
+                    }
+                    
+                    // 恢复自定义选择显示文本和状态
+                    if (specDisplayText) specDisplayText.textContent = formData.specificationDisplay || '请选择规格';
+                    if (regionDisplayText) regionDisplayText.textContent = formData.regionDisplay || '请选择地区';
+                    
+                    // 恢复自定义选择状态
+                    selectedSpec = formData.selectedSpec || '';
+                    selectedProvince = formData.selectedProvince || '';
+                    selectedCity = formData.selectedCity || '';
+                    selectedSourceType = formData.selectedSourceType || '';
+                    selectedProductName = formData.selectedProductName || '';
+                    selectedYolk = formData.selectedYolk || '';
+                    selectedContactId = formData.selectedContactId || '';
+                    
+                    // 恢复上传的图片信息 - 只执行一次，避免重复渲染
+                    if (formData.imageUrls && Array.isArray(formData.imageUrls) && formData.imageUrls.length > 0) {
+                        supplyData.uploadedImages = [...formData.imageUrls]; // 创建副本避免引用问题
+                        renderUploadedImages();
+                    }
+                    
+                    console.log('已加载保存的表单数据');
+                    
+                    // 不再禁用添加按钮，而是在点击时检查数量并弹出提示
+                    // 确保添加按钮始终可用，以便用户可以点击并看到提示信息
+                } catch (e) {
+                    console.error('加载保存的表单数据失败:', e);
+                    // 如果加载失败，重置表单
+                    resetForm();
+                }
+            } else {
+                // 没有保存的数据，重置表单
+                resetForm();
+            }
+            
+            // 添加表单自动保存事件监听
+            setupAutoSave();
+        }
+        
+        // 存储触摸事件监听器的引用
+        let touchMoveListener = null;
+        
+        // 防止iOS页面拖动的函数
+        function preventiOSScrolling() {
+            // 先移除之前的监听器，避免重复添加
+            if (touchMoveListener) {
+                document.removeEventListener('touchmove', touchMoveListener, { passive: false });
+            }
+            
+            // 定义触摸事件监听器
+            touchMoveListener = function(e) {
+                // 计算水平和垂直滑动距离
+                const deltaX = Math.abs(e.touches[0].pageX - e.changedTouches[0].pageX);
+                const deltaY = Math.abs(e.touches[0].pageY - e.changedTouches[0].pageY);
+                
+                // 阻止水平滑动
+                if (deltaX > deltaY) {
+                    e.preventDefault();
+                    return;
+                }
+                
+                // 获取触摸目标
+                const target = e.target;
+                const createSupplyModal = document.getElementById('createSupplyModal');
+                
+                // 如果触摸目标在模态框内，检查是否需要阻止滚动
+                if (createSupplyModal && createSupplyModal.contains(target)) {
+                    // 获取模态框内容元素
+                    const modalContent = document.querySelector('#createSupplyModal .modal-content');
+                    if (modalContent) {
+                        // 检查滚动位置，只在需要时阻止滚动
+                        const isAtTop = (modalContent.scrollTop === 0);
+                        const isAtBottom = (modalContent.scrollTop === modalContent.scrollHeight - modalContent.clientHeight);
+                        
+                        // 如果在顶部且尝试向上滚动，或在底部且尝试向下滚动，阻止滚动
+                        if ((isAtTop && e.touches[0].pageY > e.changedTouches[0].pageY) || 
+                            (isAtBottom && e.touches[0].pageY < e.changedTouches[0].pageY)) {
+                            e.preventDefault();
+                        }
+                    }
+                    return;
+                }
+                
+                // 阻止页面滚动
+                e.preventDefault();
+            };
+            
+            // 添加触摸事件监听器
+            document.addEventListener('touchmove', touchMoveListener, { passive: false });
+        }
+        
+        // 恢复iOS页面滚动的函数
+        function restoreiOSScrolling() {
+            // 移除触摸事件监听器，恢复页面滚动
+            if (touchMoveListener) {
+                document.removeEventListener('touchmove', touchMoveListener, { passive: false });
+                touchMoveListener = null;
+            }
+        }
+        
+        // 隐藏创建货源模态框
+        function hideAddSupplyModal() {
+            // 保存当前表单状态
+            saveFormData();
+            document.getElementById('createSupplyModal').classList.remove('active');
+            // 恢复body滚动条
+            document.body.style.overflow = 'auto';
+            
+            // 移除固定定位，恢复body样式
+            document.body.style.position = '';
+            document.body.style.width = '';
+            document.body.style.height = '';
+            document.body.style.touchAction = '';
+            
+            // 恢复iOS页面滚动
+            restoreiOSScrolling();
+            
+            // 不再禁用添加按钮，而是在点击时检查数量并弹出提示
+            // 确保添加按钮始终可用，以便用户可以点击并看到提示信息
+        }
+        
+        // 触发图片上传
+        function triggerImageUpload() {
+            document.getElementById('imageUpload').click();
+        }
+        
+        // 触发编辑页面图片上传
+        function triggerEditImageUpload() {
+            document.getElementById('editImageUpload').click();
+        }
+        
+        // 处理编辑页面图片上传
+        function handleEditImageUpload(event) {
+            const files = event.target.files;
+            const editUploadImages = document.getElementById('editUploadImages');
+            
+            for (let i = 0; i < files.length; i++) {
+                if (editCurrentImages.length >= 2) {
+                    alert('最多只能上传2张图片或视频');
+                    break;
+                }
+                
+                const file = files[i];
+                const reader = new FileReader();
+                
+                reader.onload = async function(e) {
+                    let imageUrl = e.target.result;
+                    
+                    try {
+                        // 为图片添加水印
+                        imageUrl = await addWatermarkToImage(imageUrl);
+                        
+                        // 添加到当前图片列表
+                        editCurrentImages.push(imageUrl);
+                        
+                        // 更新显示
+                        updateEditImageDisplay();
+                    } catch (error) {
+                        console.error('图片处理失败:', error);
+                        alert('图片处理失败，请重试');
+                    }
+                };
+                
+                reader.readAsDataURL(file);
+            }
+            
+            // 清空文件输入，以便再次选择同一文件
+            event.target.value = '';
+        }
+        
+        // 删除编辑页面图片
+        function deleteEditImage(imageUrl) {
+            // 从当前图片列表中删除
+            const index = editCurrentImages.indexOf(imageUrl);
+            if (index > -1) {
+                editCurrentImages.splice(index, 1);
+            }
+            
+            // 更新显示
+            updateEditImageDisplay();
+        }
+        
+
+        // 更新编辑页面媒体文件显示
+        function updateEditImageDisplay() {
+            const editUploadImages = document.getElementById('editUploadImages');
+            editUploadImages.innerHTML = '';
+            
+            editCurrentImages.forEach(imageUrl => {
+                const mediaElement = document.createElement('div');
+                mediaElement.className = 'upload-image';
+                
+                let mediaContent;
+                if (imageUrl.startsWith('data:video/') || imageUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i)) {
+                    // 视频文件
+                    mediaContent = `
+                        <video src="${imageUrl}" alt="商品视频" onclick="previewImage('${imageUrl}')" controls style="width: 100%; height: 100%; object-fit: cover;"></video>
+                        <button class="delete-image-btn" onclick="deleteEditImage('${imageUrl}')">×</button>
+                    `;
+                } else {
+                    // 图片文件
+                    mediaContent = `
+                        <img src="${imageUrl}" alt="商品图片" onclick="previewImage('${imageUrl}')">
+                        <button class="delete-image-btn" onclick="deleteEditImage('${imageUrl}')">×</button>
+                    `;
+                }
+                
+                mediaElement.innerHTML = mediaContent;
+                editUploadImages.appendChild(mediaElement);
+            });
+        }
+        
+        // 为媒体文件添加水印（前端Canvas实现，仅处理图片，视频跳过）
+        function addWatermarkToImage(imageUrl) {
+            return new Promise((resolve, reject) => {
+                // 如果是视频文件，直接返回，不添加水印
+                if (imageUrl.startsWith('data:video/') || imageUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i)) {
+                    resolve(imageUrl);
+                    return;
+                }
+                
+                const img = new Image();
+                img.crossOrigin = 'anonymous'; // 允许跨域图片
+                
+                img.onload = function() {
+                    // 创建Canvas元素
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    
+                    // 设置Canvas尺寸与图片相同
+                    canvas.width = img.width;
+                    canvas.height = img.height;
+                    
+                    // 绘制原始图片
+                    ctx.drawImage(img, 0, 0);
+                    
+                    // 设置水印样式
+                    ctx.font = '20px Arial';
+                    ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
+                    ctx.textAlign = 'right';
+                    ctx.textBaseline = 'bottom';
+                    
+                    // 水印文字
+                    const watermarkText = '又鸟蛋平台';
+                    
+                    // 计算文字位置（右下角）
+                    const margin = 10;
+                    
+                    // 绘制水印
+                    ctx.fillText(watermarkText, canvas.width - margin, canvas.height - margin);
+                    
+                    // 将Canvas转换为DataURL
+                    const watermarkedImageUrl = canvas.toDataURL('image/jpeg', 0.9);
+                    resolve(watermarkedImageUrl);
+                };
+                
+                img.onerror = function() {
+                    // 如果添加水印失败，返回原始图片
+                    resolve(imageUrl);
+                };
+                
+                img.src = imageUrl;
+            });
+        }
+        
+        // 处理图片上传
+        function handleImageUpload(event) {
+            const files = event.target.files;
+            const uploadArea = document.getElementById('uploadImages');
+            
+            for (let i = 0; i < files.length; i++) {
+                if (supplyData.uploadedImages.length >= 2) {
+                    alert('最多只能上传2张图片/视频');
+                    break;
+                }
+                
+                const file = files[i];
+                const reader = new FileReader();
+                
+                reader.onload = async function(e) {
+                    let imageUrl = e.target.result;
+                    
+                    // 为图片添加水印
+                    imageUrl = await addWatermarkToImage(imageUrl);
+                    
+                    supplyData.uploadedImages.push(imageUrl);
+                    renderUploadedImages();
+                    // 图片上传后自动保存表单数据
+                    saveFormData();
+                };
+                
+                reader.readAsDataURL(file);
+            }
+            
+            // 清空文件输入，允许再次选择相同文件
+            event.target.value = '';
+        }
+        
+        // 渲染已上传媒体文件（图片或视频）
+        function renderUploadedImages() {
+            const uploadArea = document.getElementById('uploadImages');
+            uploadArea.innerHTML = '';
+            
+            console.log('renderUploadedImages被调用，mediaUrls:', supplyData.uploadedImages);
+            
+            supplyData.uploadedImages.forEach((mediaUrl, index) => {
+                console.log('处理媒体URL:', mediaUrl, '索引:', index);
+                
+                const mediaElement = document.createElement('div');
+                mediaElement.className = 'upload-image';
+                
+                let mediaContent;
+                // 检查是否为视频文件（支持data:video/和普通视频URL）
+                const isVideo = mediaUrl.startsWith('data:video/') || mediaUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i);
+                
+                if (isVideo) {
+                    // 视频文件
+                    console.log('检测到视频URL:', mediaUrl);
+                    mediaContent = `
+                        <video src="${mediaUrl}" alt="商品视频" onclick="previewImage('${mediaUrl}')" controls style="width: 100%; height: 100%; object-fit: cover;"></video>
+                        <div class="delete-image" onclick="deleteUploadedImage(${index})"></div>
+                    `;
+                } else {
+                    // 图片文件
+                    console.log('检测到图片URL:', mediaUrl);
+                    mediaContent = `
+                        <img src="${mediaUrl}" alt="商品图片" onclick="previewImage('${mediaUrl}')">
+                        <div class="delete-image" onclick="deleteUploadedImage(${index})"></div>
+                    `;
+                }
+                
+                mediaElement.innerHTML = mediaContent;
+                uploadArea.appendChild(mediaElement);
+            });
+        }
+        
+        // 删除已上传图片
+        function deleteUploadedImage(index) {
+            supplyData.uploadedImages.splice(index, 1);
+            renderUploadedImages();
+            // 删除图片后自动保存表单数据
+            saveFormData();
+        }
+        
+        // 设置表单自动保存
+        function setupAutoSave() {
+            // 为所有输入字段添加输入事件监听
+            const formFields = ['productName', 'price', 'quantity', 'grossWeight', 'yolk', 'specValue', 'supplyStatus', 'description', 'regionValue', 'contactId', 'sourceType'];
+            
+            formFields.forEach(fieldId => {
+                const element = document.getElementById(fieldId);
+                if (element) {
+                    // 先移除可能存在的事件监听器，避免重复添加
+                    const newElement = element.cloneNode(true);
+                    element.parentNode.replaceChild(newElement, element);
+                    
+                    // 添加新的事件监听器
+                    newElement.addEventListener('input', function() {
+                        saveFormData();
+                    });
+                    
+                    // 为select元素添加change事件监听
+                    if (newElement.tagName === 'SELECT') {
+                        newElement.addEventListener('change', function() {
+                            saveFormData();
+                        });
+                    }
+                }
+            });
+            
+            // 为自定义选择区域添加额外的事件监听，确保所有自定义下拉框更改时也能保存
+            const customDisplays = [
+                'specDisplayText', 
+                'regionDisplayText',
+                'sourceTypeDisplayText',
+                'productNameDisplayText',
+                'yolkDisplayText',
+                'contactIdDisplayText'
+            ];
+            
+            customDisplays.forEach(displayId => {
+                const display = document.getElementById(displayId);
+                // 使用MutationObserver监听文本变化
+                if (display) {
+                    const observer = new MutationObserver(() => {
+                        saveFormData();
+                    });
+                    observer.observe(display, { childList: true, characterData: true });
+                }
+            });
+            
+            // 为货源状态按钮添加额外的事件监听，确保状态变更能被捕获
+            const preSaleBtn = document.getElementById('preSaleBtn');
+            const inStockBtn = document.getElementById('inStockBtn');
+            
+            if (preSaleBtn && !preSaleBtn.hasAttribute('data-save-listener')) {
+                preSaleBtn.addEventListener('click', () => {
+                    setTimeout(saveFormData, 0); // 使用setTimeout确保状态已更新
+                });
+                preSaleBtn.setAttribute('data-save-listener', 'true');
+            }
+            
+            if (inStockBtn && !inStockBtn.hasAttribute('data-save-listener')) {
+                inStockBtn.addEventListener('click', () => {
+                    setTimeout(saveFormData, 0); // 使用setTimeout确保状态已更新
+                });
+                inStockBtn.setAttribute('data-save-listener', 'true');
+            }
+        }
+        
+        // 保存表单数据到localStorage
+        function saveFormData() {
+            try {
+                // 添加防御性编程，检查元素是否存在
+            const productName = document.getElementById('productName');
+            const price = document.getElementById('price');
+            const quantity = document.getElementById('quantity');
+            const grossWeight = document.getElementById('grossWeight');
+            const yolk = document.getElementById('yolk');
+            const specValue = document.getElementById('specValue');
+            const supplyStatus = document.getElementById('supplyStatus');
+            const sourceType = document.getElementById('sourceType');
+            const description = document.getElementById('description');
+            const regionValue = document.getElementById('regionValue');
+            const contactId = document.getElementById('contactId');
+            const category = document.getElementById('category');
+            const freshness = document.getElementById('freshness');
+            const specDisplayText = document.getElementById('specDisplayText');
+            const regionDisplayText = document.getElementById('regionDisplayText');
+            const sourceTypeDisplayText = document.getElementById('sourceTypeDisplayText');
+            const productNameDisplayText = document.getElementById('productNameDisplayText');
+            const yolkDisplayText = document.getElementById('yolkDisplayText');
+            const contactIdDisplayText = document.getElementById('contactIdDisplayText');
+            const categoryDisplayText = document.getElementById('categoryDisplayText');
+            const freshnessDisplayText = document.getElementById('freshnessDisplayText');
+                
+                // 确保所有字段都是安全获取的
+                const formData = {
+                    productName: productName ? productName.value : '',
+                    category: category ? category.value : '',
+                    freshness: freshness ? freshness.value : '',
+                    // 不再使用销售价格，移除price字段
+                    quantity: quantity ? quantity.value : '',
+                    grossWeight: grossWeight ? grossWeight.value : '',
+                    yolk: yolk ? yolk.value : '',
+                    specification: specValue ? specValue.value : '',
+                    specificationDisplay: specDisplayText ? specDisplayText.textContent : '请选择规格',
+                    supplyStatus: supplyStatus ? supplyStatus.value : '预售', // 默认预售
+                    sourceType: sourceType ? sourceType.value : '',
+                    description: description ? description.value : '',
+                    region: regionValue ? regionValue.value : '',
+                    regionDisplay: regionDisplayText ? regionDisplayText.textContent : '请选择地区',
+                    contactId: contactId ? contactId.value : '',
+                    // 保存其他自定义下拉框显示文本
+                    sourceTypeDisplay: sourceTypeDisplayText ? sourceTypeDisplayText.textContent : '请选择货源类型',
+                    productNameDisplay: productNameDisplayText ? productNameDisplayText.textContent : '请选择商品名称',
+                    yolkDisplay: yolkDisplayText ? yolkDisplayText.textContent : '请选择蛋黄类型',
+                    contactIdDisplay: contactIdDisplayText ? contactIdDisplayText.textContent : '请选择联系人',
+                    categoryDisplay: categoryDisplayText ? categoryDisplayText.textContent : '请选择种类',
+                    freshnessDisplay: freshnessDisplayText ? freshnessDisplayText.textContent : '请选择新鲜程度',
+                    // 深拷贝图片数组，避免引用问题
+                    imageUrls: Array.isArray(supplyData.uploadedImages) ? [...supplyData.uploadedImages] : [],
+                    // 保存自定义选择状态
+                    selectedSpec: selectedSpec || '',
+                    selectedProvince: selectedProvince || '',
+                    selectedCity: selectedCity || '',
+                    selectedSourceType: selectedSourceType || '',
+                    selectedProductName: selectedProductName || '',
+                    selectedYolk: selectedYolk || '',
+                    selectedContactId: selectedContactId || '',
+                    selectedCategory: selectedCategory || '',
+                    selectedFreshness: selectedFreshness || '',
+                    // 添加时间戳，用于调试和潜在的过期处理
+                    lastSaved: new Date().toISOString()
+                };
+                
+                // 安全地保存到localStorage
+                localStorage.setItem('supplyFormDraft', JSON.stringify(formData));
+                console.log('表单数据已自动保存');
+            } catch (e) {
+                console.error('保存表单数据失败:', e);
+                // 保存失败时不影响用户体验，静默处理错误
+            }
+        }
+        
+        // 清除表单记忆数据
+        function clearFormMemory() {
+            try {
+                // 1. 从localStorage中移除保存的表单数据
+                localStorage.removeItem('supplyFormDraft');
+                
+                // 2. 清空上传的图片/视频
+                supplyData.uploadedImages = [];
+                renderUploadedImages();
+                
+                // 3. 重置表单字段
+                const productName = document.getElementById('productName');
+                const price = document.getElementById('price');
+                const quantity = document.getElementById('quantity');
+                const grossWeight = document.getElementById('grossWeight');
+                const yolk = document.getElementById('yolk');
+                const specValue = document.getElementById('specValue');
+                const supplyStatus = document.getElementById('supplyStatus');
+                const sourceType = document.getElementById('sourceType');
+                const description = document.getElementById('description');
+                const regionValue = document.getElementById('regionValue');
+                const contactId = document.getElementById('contactId');
+                const category = document.getElementById('category');
+                
+                // 重置输入框
+                [productName, price, quantity, grossWeight, yolk, specValue, supplyStatus, sourceType, description, regionValue, contactId, category].forEach(field => {
+                    if (field) {
+                        field.value = '';
+                    }
+                });
+                
+                // 4. 重置下拉框显示文本
+                const specDisplayText = document.getElementById('specDisplayText');
+                const regionDisplayText = document.getElementById('regionDisplayText');
+                const sourceTypeDisplayText = document.getElementById('sourceTypeDisplayText');
+                const productNameDisplayText = document.getElementById('productNameDisplayText');
+                const yolkDisplayText = document.getElementById('yolkDisplayText');
+                const contactIdDisplayText = document.getElementById('contactIdDisplayText');
+                const categoryDisplayText = document.getElementById('categoryDisplayText');
+                
+                const displayFields = [
+                    { field: specDisplayText, text: '请选择规格' },
+                    { field: regionDisplayText, text: '请选择地区' },
+                    { field: sourceTypeDisplayText, text: '请选择货源类型' },
+                    { field: productNameDisplayText, text: '请选择商品名称' },
+                    { field: yolkDisplayText, text: '请选择蛋黄类型' },
+                    { field: contactIdDisplayText, text: '请选择联系人' },
+                    { field: categoryDisplayText, text: '请选择种类' }
+                ];
+                
+                displayFields.forEach(item => {
+                    if (item.field) {
+                        item.field.textContent = item.text;
+                    }
+                });
+                
+                // 5. 重置选择状态变量
+                selectedSpec = '';
+                selectedProvince = '';
+                selectedCity = '';
+                selectedSourceType = '';
+                selectedProductName = '';
+                selectedYolk = '';
+                selectedContactId = '';
+                selectedCategory = '';
+                
+                console.log('表单记忆数据已清除');
+                alert('表单记忆已清除');
+            } catch (e) {
+                console.error('清除表单记忆失败:', e);
+                alert('清除表单记忆失败，请重试');
+            }
+        }
+        
+        // 加载表单数据
+        function loadFormData() {
+            try {
+                const savedData = localStorage.getItem('supplyFormDraft');
+                if (savedData) {
+                    const formData = JSON.parse(savedData);
+                    
+                    // 恢复联系人信息
+                    if (formData.contactId) {
+                        const contactElement = document.getElementById('contactId');
+                        const contactDisplayElement = document.getElementById('contactIdDisplayText');
+                        if (contactElement && contactDisplayElement) {
+                            contactElement.value = formData.contactId;
+                            contactDisplayElement.textContent = formData.contactIdDisplay || '请选择联系人';
+                            selectedContactId = formData.contactId;
+                        }
+                    }
+                    
+                    // 恢复商品名称
+                    if (formData.productName) {
+                        const productNameElement = document.getElementById('productName');
+                        const productNameDisplayElement = document.getElementById('productNameDisplayText');
+                        if (productNameElement && productNameDisplayElement) {
+                            productNameElement.value = formData.productName;
+                            productNameDisplayElement.textContent = formData.productNameDisplay || '请选择商品名称';
+                            selectedProductName = formData.selectedProductName || '';
+                        }
+                    }
+                    
+                    // 恢复价格
+                    if (formData.price) {
+                        const priceElement = document.getElementById('price');
+                        if (priceElement) {
+                            priceElement.value = formData.price;
+                        }
+                    }
+                    
+                    // 恢复数量
+                    if (formData.quantity) {
+                        const quantityElement = document.getElementById('quantity');
+                        if (quantityElement) {
+                            quantityElement.value = formData.quantity;
+                        }
+                    }
+                    
+                    // 恢复蛋黄类型
+                    if (formData.yolk) {
+                        const yolkElement = document.getElementById('yolk');
+                        const yolkDisplayElement = document.getElementById('yolkDisplayText');
+                        if (yolkElement && yolkDisplayElement) {
+                            yolkElement.value = formData.yolk;
+                            yolkDisplayElement.textContent = formData.yolkDisplay || '请选择蛋黄类型';
+                            selectedYolk = formData.selectedYolk || '';
+                        }
+                    }
+                    
+                    // 恢复规格
+                    if (formData.specification) {
+                        const specValueElement = document.getElementById('specValue');
+                        const specDisplayElement = document.getElementById('specDisplayText');
+                        if (specValueElement && specDisplayElement) {
+                            specValueElement.value = formData.specification;
+                            specDisplayElement.textContent = formData.specificationDisplay || '请选择规格';
+                            selectedSpec = formData.selectedSpec || '';
+                        }
+                    }
+                    
+                    // 恢复货源状态
+                    if (formData.supplyStatus) {
+                        const supplyStatusElement = document.getElementById('supplyStatus');
+                        if (supplyStatusElement) {
+                            supplyStatusElement.value = formData.supplyStatus;
+                            setSupplyStatus(formData.supplyStatus);
+                        }
+                    }
+                    
+                    // 恢复货源类型
+                    if (formData.sourceType) {
+                        const sourceTypeElement = document.getElementById('sourceType');
+                        const sourceTypeDisplayElement = document.getElementById('sourceTypeDisplayText');
+                        if (sourceTypeElement && sourceTypeDisplayElement) {
+                            sourceTypeElement.value = formData.sourceType;
+                            sourceTypeDisplayElement.textContent = formData.sourceTypeDisplay || '请选择货源类型';
+                            selectedSourceType = formData.selectedSourceType || '';
+                        }
+                    }
+                    
+                    // 恢复描述
+                    if (formData.description) {
+                        const descriptionElement = document.getElementById('description');
+                        if (descriptionElement) {
+                            descriptionElement.value = formData.description;
+                        }
+                    }
+                    
+                    // 恢复地区
+                    if (formData.region) {
+                        const regionValueElement = document.getElementById('regionValue');
+                        const regionDisplayElement = document.getElementById('regionDisplayText');
+                        if (regionValueElement && regionDisplayElement) {
+                            regionValueElement.value = formData.region;
+                            regionDisplayElement.textContent = formData.regionDisplay || '请选择地区';
+                            selectedProvince = formData.selectedProvince || '';
+                            selectedCity = formData.selectedCity || '';
+                        }
+                    }
+                    
+                    // 恢复种类
+                    if (formData.category) {
+                        const categoryElement = document.getElementById('category');
+                        const categoryDisplayElement = document.getElementById('categoryDisplayText');
+                        if (categoryElement && categoryDisplayElement) {
+                            categoryElement.value = formData.category;
+                            categoryDisplayElement.textContent = formData.categoryDisplay || '请选择种类';
+                            selectedCategory = formData.selectedCategory || '';
+                        }
+                    }
+                    
+                    // 恢复新鲜程度
+                    if (formData.freshness) {
+                        const freshnessElement = document.getElementById('freshness');
+                        const freshnessDisplayElement = document.getElementById('freshnessDisplayText');
+                        if (freshnessElement && freshnessDisplayElement) {
+                            freshnessElement.value = formData.freshness;
+                            freshnessDisplayElement.textContent = formData.freshnessDisplay || '请选择新鲜程度';
+                            selectedFreshness = formData.selectedFreshness || '';
+                        }
+                    }
+                    
+                    // 恢复图片
+                    if (Array.isArray(formData.imageUrls)) {
+                        supplyData.uploadedImages = formData.imageUrls;
+                        renderUploadedImages();
+                    }
+                    
+                    console.log('表单数据已从localStorage加载');
+                }
+            } catch (e) {
+                console.error('加载表单数据失败:', e);
+                // 加载失败时不影响用户体验，静默处理错误
+            }
+        }
+        
+        // 创建货源
+        // 防止重复提交的标志位
+        let isSubmitting = false;
+        
+        async function addSupply() {
+            // 防止重复提交
+            if (isSubmitting) {
+                return;
+            }
+            
+            // 获取当前登录用户信息
+            const userInfo = checkLogin();
+            if (!userInfo) return;
+            
+            // 获取规格和件数数据 - 只获取创建货源表单中的规格和件数对
+            const pairs = document.querySelectorAll('#specQuantityContainer .spec-quantity-pair');
+            const specifications = [];
+            const quantities = [];
+            const costprices = [];
+            const specStatuses = [];
+            
+            pairs.forEach(pair => {
+                const specValue = pair.querySelector('.spec-value').value.trim();
+                const quantityValue = pair.querySelector('.quantity-input').value.trim();
+                const costpriceValue = pair.querySelector('.costprice-input').value.trim();
+                const specStatusValue = pair.querySelector('.spec-status-input').value.trim() || '0';
+                
+                // 无论规格是否为空，都将所有对添加到数组中，以便后续验证
+                specifications.push(specValue);
+                quantities.push(quantityValue);
+                costprices.push(costpriceValue);
+                specStatuses.push(specStatusValue);
+            });
+            
+
+            // 获取自动下架分钟数
+            const autoOfflineMinutes = document.getElementById('autoOfflineMinutes').value;
+            // 将分钟转换为小时（用于存储到数据库），确保有默认值
+            const minutes = parseFloat(autoOfflineMinutes) || 1440; // 默认24小时（1440分钟）
+            const autoOfflineHours = minutes / 60;
+            // 计算自动下架时间
+            const autoOfflineTime = new Date();
+            const preCreateTimeStr = document.getElementById('preCreateTime').value;
+            if (preCreateTimeStr) {
+                // 如果设置了预创建时间，基于预创建时间计算自动下架时间
+                autoOfflineTime.setTime(new Date(preCreateTimeStr).getTime() + minutes * 60 * 1000);
+            } else {
+                // 否则基于当前时间计算
+                autoOfflineTime.setMinutes(autoOfflineTime.getMinutes() + minutes);
+            }
+            // 格式化为数据库存储的北京时间格式 (YYYY-MM-DD HH:mm:ss)
+                const autoOfflineTimeStr = autoOfflineTime.getFullYear() + '-' + 
+                    String(autoOfflineTime.getMonth() + 1).padStart(2, '0') + '-' + 
+                    String(autoOfflineTime.getDate()).padStart(2, '0') + ' ' + 
+                    String(autoOfflineTime.getHours()).padStart(2, '0') + ':' + 
+                    String(autoOfflineTime.getMinutes()).padStart(2, '0') + ':' + 
+                    String(autoOfflineTime.getSeconds()).padStart(2, '0');
+                
+                const formData = {
+                productName: document.getElementById('productName').value,
+                category: document.getElementById('category').value,
+                // 不再使用销售价格，移除price字段
+
+                costprice: costprices.join(','), // 将采购价以英文逗号分隔的字符串形式提交
+                quantity: quantities.join(','), // 将件数以英文逗号分隔的字符串形式提交
+                spec_status: specStatuses.join(','), // 将规格状态以英文逗号分隔的字符串形式提交
+                grossWeight: document.getElementById('grossWeight').value,
+                yolk: document.getElementById('yolk').value,
+                specification: specifications.join('，'), // 将规格以中文逗号分隔的字符串形式提交
+                producting: document.getElementById('productingValue').value,
+                supplyStatus: document.getElementById('supplyStatus').value,
+                sourceType: document.getElementById('sourceType').value,
+                description: document.getElementById('description').value,
+                region: document.getElementById('regionValue').value,
+                contactId: document.getElementById('contactId').value,
+                freshness: document.getElementById('freshness').value,
+                imageUrls: supplyData.uploadedImages,
+                sellerId: userInfo.userId, // 添加当前登录用户的userId作为sellerId
+                phoneNumber: '13800138000', // 使用默认电话号码
+                autoOfflineDays: null, // 不再使用天数，设置为null
+                autoOfflineHours: autoOfflineHours,
+                autoOfflineTime: autoOfflineTimeStr,
+                pre_create: document.getElementById('preCreateTime').value ? function() {
+                    const d = new Date(document.getElementById('preCreateTime').value);
+                    return d.getFullYear() + '-' + 
+                        String(d.getMonth() + 1).padStart(2, '0') + '-' + 
+                        String(d.getDate()).padStart(2, '0') + ' ' + 
+                        String(d.getHours()).padStart(2, '0') + ':' + 
+                        String(d.getMinutes()).padStart(2, '0') + ':' + 
+                        String(d.getSeconds()).padStart(2, '0');
+                }() : null
+            };
+            
+            // 验证表单
+            if (!formData.productName) {
+                alert('请选择商品名称');
+                return;
+            }
+            if (!formData.description) {
+                alert('请输入货源描述');
+                return;
+            }
+            if (!formData.category) {
+                alert('请选择种类');
+                return;
+            }
+            if (!formData.costprice) {
+                alert('请输入采购价');
+                return;
+            }
+            // 验证规格、件数和采购价 - 确保每个填写了规格的对都有对应的件数和采购价
+            let allPairsValid = true;
+            for (let i = 0; i < specifications.length; i++) {
+                // 如果规格不为空，则必须同时有件数和采购价
+                if (specifications[i].trim() !== '' && (quantities[i].trim() === '' || costprices[i].trim() === '')) {
+                    allPairsValid = false;
+                    break;
+                }
+            }
+            if (!allPairsValid) {
+                alert('每个填写了规格的对都必须有对应的件数和采购价');
+                return;
+            }
+            if (!formData.supplyStatus) {
+                alert('请选择货源状态（预售/现货）');
+                return;
+            }
+            if (!formData.sourceType) {
+                alert('请选择货源类型');
+                return;
+            }
+            if (!formData.region) {
+                alert('请选择地区');
+                return;
+            }
+            if (!supplyData.uploadedImages || supplyData.uploadedImages.length === 0) {
+                alert('请上传至少一张商品图片');
+                return;
+            }
+            
+            // 检查是否为重复货源
+            const isDuplicate = await checkDuplicateSupply(formData);
+            if (isDuplicate) {
+                alert('检测到重复的货源数据，不允许创建');
+                return;
+            }
+            
+            try {
+                // 设置为提交中状态，禁用按钮
+                isSubmitting = true;
+                const submitBtn = document.querySelector('.modal-btn-primary');
+                submitBtn.disabled = true;
+                submitBtn.textContent = '创建中...';
+                
+                const response = await fetch('/api/supplies/create', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(formData)
+                });
+                
+                const result = await response.json();
+                if (result.success) {
+                    // 创建成功，清除保存的表单数据
+                    localStorage.removeItem('supplyFormDraft');
+                    console.log('创建成功，已清除保存的表单数据');
+                    alert('货源创建成功');
+                    
+                    // 记录创建货源日志
+                    const userInfo = checkLogin();
+                    if (userInfo) {
+                        await logSupplyOperation('创建', result.data.id, null, result.data);
+                    }
+                    
+                    // 重置表单状态，确保下次打开时是空白状态
+                    resetForm();
+                    hideAddSupplyModal();
+                    
+                    // 向WebSocket服务器发送消息，通知其他客户端有新的货源创建
+                    sendWebSocketMessage({
+                        type: 'supply_create',
+                        supplyId: result.data.id,
+                        action: 'create',
+                        data: result.data
+                    });
+                    
+                    loadSupplies(true); // 强制刷新，跳过缓存
+                } else {
+                    // 创建失败，保持保存的数据
+                    alert('创建失败: ' + (result.message || '未知错误'));
+                }
+            } catch (error) {
+                console.error('创建货源失败:', error);
+                alert('创建失败: 网络错误');
+            } finally {
+                // 恢复提交状态，启用按钮
+                isSubmitting = false;
+                const submitBtn = document.querySelector('.modal-btn-primary');
+                submitBtn.disabled = false;
+                submitBtn.textContent = '创建';
+            }
+        }
+        
+        // 图片预览 - 完整的缩放和拖动支持
+        // 缩放和拖动相关变量
+        let scale = 1;
+        let pointX = 0;
+        let pointY = 0;
+        let panning = false;
+        let start = { x: 0, y: 0 };
+        let lastScale = 1;
+        let origin = { x: 0, y: 0 };
+        let initialDistance = null;
+        let initialScale = 1;
+        
+        // 滑动切换图片相关变量
+        let swipeStartX = null;
+        let swipeStartY = null;
+        let swipeEndX = null;
+        let swipeEndY = null;
+        let swipeStartTime = null;
+        
+        // 预览图片 - 支持多张图片切换
+        let currentPreviewImages = [];
+        let currentPreviewIndex = 0;
+        
+        function previewImage(imageUrl, images = []) {
+            if (!imageUrl) return;
+            
+            // 如果传入了图片数组，使用它；否则使用单张图片
+            if (images.length > 0) {
+                currentPreviewImages = images;
+                currentPreviewIndex = currentPreviewImages.indexOf(imageUrl);
+            } else {
+                currentPreviewImages = [imageUrl];
+                currentPreviewIndex = 0;
+            }
+            
+            const previewModal = document.getElementById('imagePreview');
+            const previewImage = document.getElementById('previewImage');
+            
+            // 更新图片显示
+            updatePreviewImage();
+            
+            // 重置缩放和拖动状态
+            resetImageTransform();
+            
+            previewModal.classList.add('active');
+            
+            // 设置图片查看器事件
+            setupImageViewerEvents();
+        }
+        
+        // 更新预览媒体文件（图片或视频）
+        function updatePreviewImage() {
+            const previewImage = document.getElementById('previewImage');
+            const previewVideo = document.getElementById('previewVideo');
+            const previewCounter = document.getElementById('previewCounter');
+            
+            const mediaUrl = currentPreviewImages[currentPreviewIndex];
+            
+            // 根据媒体类型显示相应的元素
+            if (mediaUrl.startsWith('data:video/') || 
+                mediaUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i) ||
+                mediaUrl.includes('video')) {
+                // 视频文件
+                previewVideo.src = mediaUrl;
+                previewVideo.style.display = 'block';
+                previewImage.style.display = 'none';
+            } else {
+                // 图片文件
+                previewImage.src = mediaUrl;
+                previewImage.style.display = 'block';
+                previewVideo.style.display = 'none';
+            }
+            
+            // 更新图片计数器
+            if (previewCounter) {
+                previewCounter.textContent = `${currentPreviewIndex + 1}/${currentPreviewImages.length}`;
+            }
+        }
+        
+        // 切换到上一张图片
+        function prevPreviewImage() {
+            if (currentPreviewImages.length <= 1) return;
+            
+            currentPreviewIndex = (currentPreviewIndex - 1 + currentPreviewImages.length) % currentPreviewImages.length;
+            updatePreviewImage();
+            resetImageTransform();
+        }
+        
+        // 切换到下一张图片
+        function nextPreviewImage() {
+            if (currentPreviewImages.length <= 1) return;
+            
+            currentPreviewIndex = (currentPreviewIndex + 1) % currentPreviewImages.length;
+            updatePreviewImage();
+            resetImageTransform();
+        }
+        
+        // 关闭图片预览
+        function closeImagePreview() {
+            const previewModal = document.getElementById('imagePreview');
+            const previewVideo = document.getElementById('previewVideo');
+            
+            // 停止视频播放并重置视频状态
+            if (previewVideo) {
+                previewVideo.pause();
+                previewVideo.src = '';
+                previewVideo.load();
+            }
+            
+            previewModal.classList.remove('active');
+        }
+        
+        // 重置媒体变换
+        function resetImageTransform() {
+            const previewImage = document.getElementById('previewImage');
+            const previewVideo = document.getElementById('previewVideo');
+            
+            scale = 1;
+            lastScale = 1;
+            pointX = 0;
+            pointY = 0;
+            origin = { x: 0, y: 0 };
+            updateImageTransform();
+        }
+        
+        // 更新媒体变换
+        function updateImageTransform() {
+            const previewImage = document.getElementById('previewImage');
+            const previewVideo = document.getElementById('previewVideo');
+            
+            // 对当前显示的媒体元素应用变换
+            if (previewImage.style.display !== 'none') {
+                previewImage.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`;
+            } else if (previewVideo.style.display !== 'none') {
+                previewVideo.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`;
+            }
+        }
+        
+        // 设置图片查看器事件
+        let imageViewerEventsSetup = false;
+        function setupImageViewerEvents() {
+            // 避免重复添加事件监听器
+            if (imageViewerEventsSetup) {
+                return;
+            }
+            
+            const previewImage = document.getElementById('previewImage');
+            const previewModal = document.getElementById('imagePreview');
+            const imageViewerContent = document.querySelector('.image-viewer-content');
+            
+            // 鼠标滚轮缩放事件
+            if (imageViewerContent.addEventListener) {
+                imageViewerContent.addEventListener('wheel', handleWheel, { passive: false });
+                imageViewerContent.addEventListener('DOMMouseScroll', handleWheel, { passive: false });
+            } else {
+                imageViewerContent.attachEvent('onmousewheel', handleWheel);
+            }
+            
+            // 鼠标拖动事件
+            previewImage.addEventListener('mousedown', handleMouseDown);
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+            document.addEventListener('mouseleave', handleMouseUp);
+            
+            // 移动端触摸事件支持
+            previewImage.addEventListener('touchstart', handleTouchStart, { passive: false });
+            previewImage.addEventListener('touchmove', handleTouchMove, { passive: false });
+            previewImage.addEventListener('touchend', handleTouchEnd);
+            
+            // 为视频元素也添加触摸事件支持
+            const previewVideo = document.getElementById('previewVideo');
+            previewVideo.addEventListener('touchstart', handleTouchStart, { passive: false });
+            previewVideo.addEventListener('touchmove', handleTouchMove, { passive: false });
+            previewVideo.addEventListener('touchend', handleTouchEnd);
+            
+            // 点击背景关闭预览
+            previewModal.addEventListener('click', function(e) {
+                if (e.target === previewModal) {
+                    closeImagePreview();
+                }
+            });
+            
+            // 隐藏旧的缩放控件
+            const zoomControls = document.querySelector('.zoom-controls');
+            if (zoomControls) {
+                zoomControls.style.display = 'none';
+            }
+            
+            imageViewerEventsSetup = true;
+        }
+        
+        // 处理鼠标滚轮缩放
+        function handleWheel(e) {
+            e.preventDefault();
+            
+            // 标准化滚轮事件数据
+            let delta = 0;
+            if (e.deltaY !== undefined) {
+                delta = e.deltaY;
+            } else if (e.wheelDelta !== undefined) {
+                delta = -e.wheelDelta;
+            } else if (e.detail !== undefined) {
+                delta = e.detail;
+            }
+            
+            // 获取鼠标在图片内容区域的位置
+            const imageViewerContent = document.querySelector('.image-viewer-content');
+            const rect = imageViewerContent.getBoundingClientRect();
+            const mouseX = e.clientX - rect.left;
+            const mouseY = e.clientY - rect.top;
+            
+            // 计算鼠标相对于图片的位置
+            const imageRect = document.getElementById('previewImage').getBoundingClientRect();
+            const relativeX = mouseX - (imageRect.left - rect.left + imageRect.width / 2);
+            const relativeY = mouseY - (imageRect.top - rect.top + imageRect.height / 2);
+            
+            // 计算缩放中心点
+            const beforeScale = scale;
+            const wheelDelta = delta > 0 ? 0.9 : 1.1;
+            scale *= wheelDelta;
+            
+            // 限制缩放范围
+            scale = Math.min(Math.max(scale, 1), 10);
+            
+            // 根据鼠标位置调整偏移量，实现以鼠标位置为中心的缩放
+            const scaleDiff = scale - beforeScale;
+            pointX -= relativeX * scaleDiff;
+            pointY -= relativeY * scaleDiff;
+            
+            updateImageTransform();
+            
+            return false;
+        }
+        
+        // 处理鼠标按下事件
+        function handleMouseDown(e) {
+            e.preventDefault();
+            panning = true;
+            start = { x: e.clientX - pointX, y: e.clientY - pointY };
+        }
+        
+        // 处理鼠标移动事件
+        function handleMouseMove(e) {
+            e.preventDefault();
+            if (!panning) return;
+            
+            pointX = e.clientX - start.x;
+            pointY = e.clientY - start.y;
+            
+            updateImageTransform();
+        }
+        
+        // 处理鼠标松开事件
+        function handleMouseUp() {
+            panning = false;
+        }
+        
+        // 处理触摸开始事件
+        function handleTouchStart(e) {
+            e.preventDefault();
+            
+            if (e.touches.length === 1) {
+                // 单点触摸 - 拖动和滑动
+                const touch = e.touches[0];
+                panning = true;
+                start = { x: touch.clientX - pointX, y: touch.clientY - pointY };
+                // 记录滑动开始位置
+                swipeStartX = touch.clientX;
+                swipeStartY = touch.clientY;
+                swipeStartTime = Date.now();
+            } else if (e.touches.length === 2) {
+                // 双指触摸 - 缩放
+                const touch1 = e.touches[0];
+                const touch2 = e.touches[1];
+                initialDistance = Math.hypot(
+                    touch2.clientX - touch1.clientX,
+                    touch2.clientY - touch1.clientY
+                );
+                initialScale = scale;
+            }
+        }
+        
+        // 处理触摸移动事件
+        function handleTouchMove(e) {
+            e.preventDefault();
+            
+            if (e.touches.length === 1 && panning) {
+                // 单点触摸 - 拖动
+                const touch = e.touches[0];
+                pointX = touch.clientX - start.x;
+                pointY = touch.clientY - start.y;
+                updateImageTransform();
+                
+                // 记录滑动结束位置
+                swipeEndX = touch.clientX;
+                swipeEndY = touch.clientY;
+            } else if (e.touches.length === 2) {
+                // 双指触摸 - 缩放
+                const touch1 = e.touches[0];
+                const touch2 = e.touches[1];
+                const currentDistance = Math.hypot(
+                    touch2.clientX - touch1.clientX,
+                    touch2.clientY - touch1.clientY
+                );
+                
+                if (initialDistance) {
+                    const newScale = initialScale * (currentDistance / initialDistance);
+                    scale = Math.min(Math.max(newScale, 1), 10);
+                    updateImageTransform();
+                }
+            }
+        }
+        
+        // 处理触摸结束事件
+        function handleTouchEnd() {
+            panning = false;
+            initialDistance = null;
+            
+            // 处理滑动切换图片
+            if (swipeStartX !== null && swipeStartY !== null) {
+                const endTime = Date.now();
+                const duration = endTime - swipeStartTime;
+                const swipeDistanceX = swipeEndX - swipeStartX;
+                const swipeDistanceY = swipeEndY - swipeStartY;
+                
+                // 判断是否为有效滑动（水平滑动，距离足够，时间不太长）
+                const isHorizontalSwipe = Math.abs(swipeDistanceX) > Math.abs(swipeDistanceY) * 1.5;
+                const isSignificantSwipe = Math.abs(swipeDistanceX) > 30; // 降低滑动距离阈值，从50px改为30px
+                const isQuickSwipe = duration < 1000; // 放宽滑动时间限制，从500ms改为1000ms
+                
+                if (isHorizontalSwipe && isSignificantSwipe && isQuickSwipe) {
+                    if (swipeDistanceX > 0) {
+                        // 向右滑动，切换到上一张图片
+                        prevPreviewImage();
+                    } else {
+                        // 向左滑动，切换到下一张图片
+                        nextPreviewImage();
+                    }
+                }
+                
+                // 重置滑动相关变量
+                swipeStartX = null;
+                swipeStartY = null;
+                swipeEndX = null;
+                swipeEndY = null;
+                swipeStartTime = null;
+            }
+        }
+        
+        // 联系客服
+        function contactCustomerService() {
+            // 创建客服联系信息弹窗
+            const contacts = [
+                { phone: '15184349596', name: '孙文涛' },
+                { phone: '17780155537', name: '刘杨' },
+                { phone: '17844569862', name: '黄正季' },
+                { phone: '18482694520', name: '徐飞洋' }
+            ];
+            
+            // 创建弹窗HTML
+            const modalHTML = `
+                <div class="contact-modal" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 2000;">
+                    <div style="background-color: white; width: 90%; max-width: 400px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);">
+                        <div style="padding: 20px; border-bottom: 1px solid #f0f0f0; background-color: white; display: flex; justify-content: space-between; align-items: center;">
+                            <h3 style="margin: 0; font-size: 18px; font-weight: 500; color: #333;">联系客服</h3>
+                            <button onclick="document.querySelector('.contact-modal').remove()" style="background: none; border: none; font-size: 24px; cursor: pointer; color: #999; transition: color 0.3s;">×</button>
+                        </div>
+                        <div style="padding: 20px; max-height: 300px; overflow-y: auto;">
+                            ${contacts.map((contact, index) => `
+                                <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5;">
+                                    <div>
+                                        <div style="font-size: 14px; font-weight: 500; color: #333;">${index + 1}. ${contact.name}</div>
+                                        <div style="font-size: 12px; color: #666; margin-top: 4px;">客服${index + 1}</div>
+                                        <div style="font-size: 14px; color: #333; margin-top: 4px;">${contact.phone}</div>
+                                    </div>
+                                    <div style="display: flex; gap: 10px;">
+                                        <button onclick="copyPhone('${contact.phone}')" style="padding: 6px 12px; border: 1px solid #1677ff; border-radius: 6px; background-color: #fff; color: #1677ff; font-size: 12px; cursor: pointer; transition: all 0.3s;">复制</button>
+                                        <a href="tel:${contact.phone}" style="padding: 6px 12px; border: none; border-radius: 6px; background-color: #1677ff; color: #fff; font-size: 12px; text-decoration: none; cursor: pointer; transition: all 0.3s;">拨打</a>
+                                    </div>
+                                </div>
+                            `).join('')}
+                        </div>
+                        <div style="padding: 16px 20px; border-top: 1px solid #f0f0f0; background-color: #fafafa; text-align: right;">
+                            <button onclick="document.querySelector('.contact-modal').remove()" style="padding: 8px 20px; border: none; border-radius: 6px; background-color: #1677ff; color: #fff; font-size: 14px; cursor: pointer; transition: all 0.3s;">关闭</button>
+                        </div>
+                    </div>
+                </div>
+            `;
+            
+            // 添加到页面
+            document.body.insertAdjacentHTML('beforeend', modalHTML);
+        }
+        
+        // 复制手机号到剪贴板
+        function copyPhone(phone) {
+            navigator.clipboard.writeText(phone).then(() => {
+                alert('手机号已复制到剪贴板');
+            }).catch(err => {
+                console.error('复制失败:', err);
+                alert('复制失败，请手动复制');
+            });
+        }
+        
+        // 按规格下架弹窗
+        const unpublishSpecModal = document.createElement('div');
+        unpublishSpecModal.id = 'unpublishSpecModal';
+        unpublishSpecModal.className = 'select-modal';
+        unpublishSpecModal.innerHTML = `
+            <div class="select-content">
+                <div class="select-header">
+                    <h3>选择要下架的规格</h3>
+                    <button class="close-btn" onclick="hideUnpublishSpecModal()">×</button>
+                </div>
+                <div class="select-body">
+                    <div id="unpublishSpecOptionsList" class="select-list"></div>
+                </div>
+                <div class="select-footer" style="padding: 16px 20px; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; background-color: #fafafa;">
+                    <button onclick="hideUnpublishSpecModal()" style="padding: 10px 24px; background-color: #f5f5f5; color: #666; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">取消</button>
+                    <button onclick="confirmUnpublishSpec()" style="padding: 10px 24px; background-color: #1677ff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease;">确定</button>
+                </div>
+            </div>
+        `;
+        document.body.appendChild(unpublishSpecModal);
+        
+        let currentUnpublishSupplyId = null;
+        let selectedSpecIndex = null;
+        
+        // 显示按规格下架弹窗
+        function showUnpublishSpecModal(supplyId) {
+            currentUnpublishSupplyId = supplyId;
+            const supply = supplyData.supplies.find(s => String(s.id) === String(supplyId));
+            if (!supply) {
+                alert('找不到要下架的货源数据');
+                return;
+            }
+            
+            // 解析规格
+            let specifications = [];
+            if (supply.specification) {
+                if (typeof supply.specification === 'string') {
+                    specifications = supply.specification.split('，').filter(spec => spec.trim());
+                } else if (Array.isArray(supply.specification)) {
+                    specifications = supply.specification;
+                } else {
+                    specifications = [supply.specification];
+                }
+            }
+            
+            // 解析件数
+            let quantities = [];
+            if (supply.quantity) {
+                if (typeof supply.quantity === 'string') {
+                    quantities = supply.quantity.split(',').filter(qty => qty.trim());
+                } else if (Array.isArray(supply.quantity)) {
+                    quantities = supply.quantity;
+                } else {
+                    quantities = [supply.quantity];
+                }
+            }
+            
+            // 解析采购价
+            let costprices = [];
+            if (supply.costprice) {
+                if (typeof supply.costprice === 'string') {
+                    costprices = supply.costprice.split(',').filter(cp => cp.trim());
+                } else if (Array.isArray(supply.costprice)) {
+                    costprices = supply.costprice;
+                } else {
+                    costprices = [supply.costprice];
+                }
+            }
+            
+            // 解析规格状态
+            let specStatuses = [];
+            if (supply.spec_status) {
+                if (typeof supply.spec_status === 'string') {
+                    specStatuses = supply.spec_status.split(',').map(s => s.trim());
+                } else if (Array.isArray(supply.spec_status)) {
+                    specStatuses = supply.spec_status;
+                } else {
+                    specStatuses = [supply.spec_status];
+                }
+            }
+            
+            // 生成规格选项
+            const optionsList = document.getElementById('unpublishSpecOptionsList');
+            optionsList.innerHTML = '';
+            
+            for (let i = 0; i < specifications.length; i++) {
+                const spec = specifications[i] || `规格${i+1}`;
+                const qty = quantities[i] || '0件';
+                const cp = costprices[i] || '¥0';
+                const status = specStatuses[i] || '0';
+                
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.innerHTML = `
+                    <div style="display: flex; align-items: center; gap: 10px;">
+                        <input type="checkbox" name="specIndex" value="${i}" ${status === '1' ? 'disabled' : ''}>
+                        <div style="flex: 1;">
+                            <div style="font-weight: 600;">${spec}</div>
+                            <div style="font-size: 12px; color: #666;">件数: ${qty} | 采购价: ${cp}</div>
+                        </div>
+                        ${status === '1' ? '<span style="color: #f5222d; font-size: 12px; font-weight: 600;">已售空</span>' : ''}
+                    </div>
+                `;
+                
+                // 添加点击事件，点击整个项时切换checkbox状态
+                option.addEventListener('click', (e) => {
+                    // 如果点击的是checkbox本身，不处理
+                    if (e.target.type === 'checkbox') return;
+                    
+                    const checkbox = option.querySelector('input[type="checkbox"]');
+                    // 只有在checkbox未禁用时才切换状态
+                    if (!checkbox.disabled) {
+                        checkbox.checked = !checkbox.checked;
+                    }
+                });
+                
+                optionsList.appendChild(option);
+            }
+            
+            // 默认勾选所有未禁用的规格
+            const checkboxes = optionsList.querySelectorAll('input[type="checkbox"]:not(:disabled)');
+            checkboxes.forEach(checkbox => {
+                checkbox.checked = true;
+            });
+            
+            // 显示弹窗
+            document.getElementById('unpublishSpecModal').classList.add('active');
+        }
+        
+        // 隐藏按规格下架弹窗
+        function hideUnpublishSpecModal() {
+            document.getElementById('unpublishSpecModal').classList.remove('active');
+            currentUnpublishSupplyId = null;
+            selectedSpecIndex = null;
+        }
+        
+        // 确认按规格下架
+        async function confirmUnpublishSpec() {
+            // 获取所有选中的规格索引
+            const selectedCheckboxes = document.querySelectorAll('input[name="specIndex"]:checked');
+            if (selectedCheckboxes.length === 0) {
+                alert('请选择要下架的规格');
+                return;
+            }
+            
+            // 将选中的索引收集到数组中
+            const selectedSpecIndices = Array.from(selectedCheckboxes).map(checkbox => parseInt(checkbox.value));
+            
+            // 添加确认提示，防止误触
+            const isConfirmed = confirm('确定要下架所选规格吗？');
+            if (!isConfirmed) {
+                return;
+            }
+            
+            if (currentUnpublishSupplyId) {
+                try {
+                    isOperating = true;
+                    
+                    // 获取要下架的货源的原始数据
+                    const originalSupply = supplyData.supplies.find(s => String(s.id) === String(currentUnpublishSupplyId));
+                    if (!originalSupply) {
+                        alert('找不到要下架的货源数据');
+                        return;
+                    }
+                    
+                    const response = await fetch(`/api/supplies/${currentUnpublishSupplyId}/unpublish-spec`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({ specIndex: selectedSpecIndices })
+                    });
+                    const result = await response.json();
+                    if (result.success) {
+                        // 记录下架货源日志
+                        const userInfo = checkLogin();
+                        if (userInfo) {
+                            // 传入修改后的数据，包含状态变化
+                            await logSupplyOperation('下架规格', currentUnpublishSupplyId, originalSupply, result.data);
+                        }
+                        
+                        // 向WebSocket服务器发送消息，通知其他客户端货源已下架
+                        sendWebSocketMessage({
+                            type: 'supply_status_change',
+                            supplyId: currentUnpublishSupplyId,
+                            action: 'unpublish_spec',
+                            specIndex: selectedSpecIndex,
+                            status: result.data.status
+                        });
+                        
+                        alert('规格下架成功');
+                        loadSupplies(true); // 强制刷新，跳过缓存
+                        hideUnpublishSpecModal();
+                    } else {
+                        alert('规格下架失败: ' + (result.message || '未知错误'));
+                    }
+                } catch (error) {
+                    console.error('规格下架失败:', error);
+                    alert('规格下架失败: 网络错误');
+                } finally {
+                    isOperating = false;
+                }
+            }
+        }
+        
+        // 下架货源
+        async function unpublishSupply(id) {
+            // 防止重复点击
+            if (isOperating) {
+                return;
+            }
+            
+            // 显示按规格下架弹窗
+            showUnpublishSpecModal(id);
+        }
+        
+        // 显示编辑货源
+        // 删除货源
+        async function deleteSupply(id) {
+            // 防止重复点击
+            if (isOperating) {
+                return;
+            }
+            
+            if (confirm('确定要删除该货源吗？')) {
+                try {
+                    isOperating = true;
+                    
+                    // 获取要删除的货源的原始数据
+                    const originalSupply = supplyData.supplies.find(s => String(s.id) === String(id));
+                    if (!originalSupply) {
+                        alert('找不到要删除的货源数据');
+                        return;
+                    }
+                    
+                    const response = await fetch(`/api/supplies/${id}/delete`, {
+                        method: 'POST'
+                    });
+                    const result = await response.json();
+                    if (result.success) {
+                        // 记录删除货源日志
+                        const userInfo = checkLogin();
+                        if (userInfo) {
+                            // 传入修改后的数据，包含状态变化
+                            await logSupplyOperation('删除', id, originalSupply, result.data);
+                        }
+                        
+                        // 向WebSocket服务器发送消息，通知其他客户端货源已删除
+                        sendWebSocketMessage({
+                            type: 'supply_update',
+                            supplyId: id,
+                            action: 'delete',
+                            status: 'hidden'
+                        });
+                        
+                        alert('删除成功');
+                        loadSupplies(true); // 强制刷新，跳过缓存
+                    } else {
+                        alert('删除失败: ' + (result.message || '未知错误'));
+                    }
+                } catch (error) {
+                    console.error('删除失败:', error);
+                    alert('删除失败: 网络错误');
+                } finally {
+                    isOperating = false;
+                }
+            }
+        }
+        
+        // 准备发布货源
+        async function preparePublishSupply(id) {
+            // 点击上架按钮时，先进入编辑页面，并设置为上架模式
+            showEditSupply(id, true);
+        }
+        
+        // 显示审核失败原因
+        async function showRejectReason(id) {
+            try {
+                const response = await fetch(`/api/supplies/${id}/reject-reason`);
+                const result = await response.json();
+                if (result.success) {
+                    const modal = document.getElementById('rejectReasonModal');
+                    modal.dataset.supplyId = id;
+                    document.getElementById('rejectReasonContent').textContent = result.data.rejectReason || '暂无审核失败原因';
+                    modal.style.display = 'flex';
+                }
+            } catch (error) {
+                console.error('获取审核失败原因失败:', error);
+            }
+        }
+        
+        // 关闭审核失败原因弹窗
+        function closeRejectReasonModal() {
+            document.getElementById('rejectReasonModal').style.display = 'none';
+        }
+        
+        // 重新提交拒绝的货源
+        function resubmitRejectedSupply() {
+            // 获取当前显示的审核失败货源ID
+            const currentRejectSupply = document.getElementById('rejectReasonModal').dataset.supplyId;
+            if (currentRejectSupply) {
+                preparePublishSupply(currentRejectSupply);
+            }
+            closeRejectReasonModal();
+        }
+        
+        // 显示编辑货源
+        async function showEditSupply(id, publishMode = false) {
+            try {
+                // 查找要编辑的货源，考虑类型转换
+                const supply = supplyData.supplies.find(s => String(s.id) === String(id));
+                if (!supply) {
+                    console.error('找不到货源:', id, '所有货源:', supplyData.supplies);
+                    alert('货源不存在');
+                    return;
+                }
+                
+                // 检查是否被锁定
+                const isLocked = supply.label === 1;
+                
+                currentEditSupplyId = id;
+                // 保存发布模式状态
+                window.currentEditPublishMode = publishMode;
+                
+                // 填充表单数据
+                // 货源类型
+                document.getElementById('editSourceTypeDisplayText').textContent = supply.sourceType || '请选择货源类型';
+                document.getElementById('editSourceType').value = supply.sourceType || '';
+                editSelectedSourceType = supply.sourceType || '';
+                
+                // 种类
+                document.getElementById('editCategoryDisplayText').textContent = supply.category || '请选择种类';
+                document.getElementById('editCategory').value = supply.category || '';
+                editSelectedCategory = supply.category || '';
+                
+                // 商品名称
+                document.getElementById('editProductNameDisplayText').textContent = supply.productName || '请选择商品名称';
+                document.getElementById('editProductName').value = supply.productName || '';
+                // 蛋黄类型
+                document.getElementById('editYolkDisplayText').textContent = supply.yolk || '请选择蛋黄类型';
+                document.getElementById('editYolk').value = supply.yolk || '';
+                editSelectedYolk = supply.yolk || '';
+                
+                // 产品包装
+                document.getElementById('editProductingDisplayText').textContent = supply.producting || '请选择产品包装';
+                document.getElementById('editProductingValue').value = supply.producting || '';
+                editSelectedProducting = supply.producting || '';
+                
+                // 货源状态（使用按钮组）
+                const supplyStatus = supply.supplyStatus || '预售';
+                document.getElementById('editSupplyStatus').value = supplyStatus;
+                setEditSupplyStatus(supplyStatus);
+                
+
+                // 分配联系人 - 使用contacts数组查找完整信息
+                document.getElementById('editContactId').value = supply.contactId || '';
+                editSelectedContactId = supply.contactId || '';
+                if (supply.contactId) {
+                    // 从contacts数组（可能包含本地缓存数据）中查找联系人
+                    const contact = contacts.find(c => String(c.id) === String(supply.contactId));
+                    if (contact) {
+                        document.getElementById('editContactIdDisplayText').textContent = `${contact.name} (${contact.phoneNumber})`;
+                    } else {
+                        // 如果找不到联系人，使用supply中的数据或默认值
+                        document.getElementById('editContactIdDisplayText').textContent = supply.product_contact || `联系人ID: ${supply.contactId}` || '请选择联系人';
+                    }
+                } else {
+                    document.getElementById('editContactIdDisplayText').textContent = '请选择联系人';
+                }
+                document.getElementById('editDescription').value = supply.description || '';
+                document.getElementById('editRegionDisplayText').textContent = supply.region || '请选择地区';
+                document.getElementById('editRegionValue').value = supply.region || '';
+                document.getElementById('editPrice').value = supply.price || '';
+
+                document.getElementById('editCostprice').value = supply.costprice || '';
+                document.getElementById('editGrossWeight').value = supply.grossWeight || '';
+                
+                // 新鲜程度
+                document.getElementById('editFreshnessDisplayText').textContent = supply.freshness || '请选择新鲜程度';
+                document.getElementById('editFreshness').value = supply.freshness || '';
+                editSelectedFreshness = supply.freshness || '';
+                
+                // 自动下架时间（将小时转换为分钟）
+                const autoOfflineMinutes = (parseFloat(supply.autoOfflineHours) || 24) * 60;
+                document.getElementById('editAutoOfflineMinutes').value = Math.round(autoOfflineMinutes);
+                
+
+                // 规格、件数、采购价和规格状态 - 支持中文逗号分隔和英文逗号分隔字符串
+                let specifications = [];
+                let quantities = [];
+                let costprices = [];
+                let specStatuses = [];
+                
+                // 解析规格（支持中英文逗号分隔字符串）
+                try {
+                    if (supply.specification) {
+                        if (typeof supply.specification === 'string') {
+                            specifications = supply.specification
+                                .split(/[,，]/) // 同时处理中英文逗号
+                                .map(spec => spec.trim())
+                                .filter(spec => spec);
+                        } else if (Array.isArray(supply.specification)) {
+                            specifications = supply.specification;
+                        } else {
+                            specifications = [supply.specification];
+                        }
+                    } else if (supply.spec) {
+                        specifications = [supply.spec];
+                    }
+                } catch (e) {
+                    specifications = [supply.specification || supply.spec || '无'];
+                }
+                
+                // 解析件数（英文逗号分隔字符串）
+                try {
+                    if (supply.quantity) {
+                        if (typeof supply.quantity === 'string') {
+                            quantities = supply.quantity.split(',').filter(qty => qty.trim());
+                        } else if (Array.isArray(supply.quantity)) {
+                            quantities = supply.quantity;
+                        } else {
+                            quantities = [supply.quantity];
+                        }
+                    }
+                } catch (e) {
+                    quantities = [supply.quantity || '0'];
+                }
+                
+                // 解析采购价（英文逗号分隔字符串）
+                try {
+                    if (supply.costprice) {
+                        if (typeof supply.costprice === 'string') {
+                            costprices = supply.costprice.split(',').filter(cp => cp.trim());
+                        } else if (Array.isArray(supply.costprice)) {
+                            costprices = supply.costprice;
+                        } else {
+                            costprices = [supply.costprice];
+                        }
+                    }
+                } catch (e) {
+                    costprices = [supply.costprice || '0'];
+                }
+                
+                // 解析规格状态（英文逗号分隔字符串）
+                try {
+                    if (supply.spec_status) {
+                        if (typeof supply.spec_status === 'string') {
+                            specStatuses = supply.spec_status.split(',').filter(status => status.trim());
+                        } else if (Array.isArray(supply.spec_status)) {
+                            specStatuses = supply.spec_status;
+                        } else {
+                            specStatuses = [supply.spec_status];
+                        }
+                    }
+                } catch (e) {
+                    specStatuses = [];
+                }
+                
+                // 保存原有规格数量，用于后续判断是否允许删除
+                window.originalSpecCount = Math.max(specifications.length, quantities.length, costprices.length, specStatuses.length);
+                if (window.originalSpecCount === 0) window.originalSpecCount = 1;
+                
+                // 动态生成规格-件数对输入框
+                const specQuantityPairs = document.getElementById('editSpecQuantityPairs');
+                // 清空现有对
+                specQuantityPairs.innerHTML = '';
+                
+                // 如果没有规格-件数对，添加一个空的
+                if (specifications.length === 0) {
+                    addEditSpecQuantityPair();
+                } else {
+                    // 根据规格数量生成相应的规格-件数对
+                    for (let i = 0; i < Math.max(specifications.length, quantities.length, costprices.length, specStatuses.length); i++) {
+                        // 确保即使数量不匹配，也能正确显示对应的数据
+                        const spec = specifications[i] || '';
+                        const qty = quantities[i] || '';
+                        const costprice = costprices[i] || '';
+                        const specStatus = specStatuses[i] || '0';
+                        
+                        const pair = document.createElement('div');
+                        pair.className = 'spec-quantity-pair';
+                        pair.innerHTML = `
+                            <input type="text" class="spec-value" placeholder="请选择规格" readonly onclick="showEditSpecSelectModalForPair(this, 'pair')" value="${spec}">
+                            <div class="quantity-cost-container">
+                                <input type="text" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()" value="${qty}">
+                                <input type="text" class="form-input costprice-input" placeholder="请输入采购价" onwheel="this.blur()" value="${costprice}">
+                            </div>
+                            <input type="text" class="form-input spec-status-input" placeholder="规格状态" value="${specStatus}" onwheel="this.blur()" style="width: 120px; display: none;" readonly>
+                            <button type="button" class="remove-quantity-btn" onclick="removeEditSpecQuantityPair(this)">×</button>
+                        `;
+                        specQuantityPairs.appendChild(pair);
+                    }
+                }
+                
+                // 显示商品图片
+                const editUploadImages = document.getElementById('editUploadImages');
+                editUploadImages.innerHTML = '';
+                // 确保imageUrls是数组
+                const editImageUrls = Array.isArray(supply.imageUrls) ? supply.imageUrls : 
+                                   (typeof supply.imageUrls === 'string' ? [supply.imageUrls] : 
+                                   (supply.imageUrls ? [supply.imageUrls] : []));
+                
+                if (editImageUrls.length > 0) {
+                    editImageUrls.forEach((mediaUrl, index) => {
+                        const imageElement = document.createElement('div');
+                        imageElement.className = 'upload-image';
+                        
+                        let mediaContent;
+                        if (mediaUrl.startsWith('data:video/') || mediaUrl.match(/\.(mp4|mov|avi|wmv|flv|webm|mkv)$/i)) {
+                            // 视频文件
+                            mediaContent = `
+                                <video src="${mediaUrl}" alt="商品视频" onclick="previewImage('${mediaUrl}')" controls style="width: 100%; height: 100%; object-fit: cover;"></video>
+                                <button class="delete-image-btn" onclick="deleteEditImage('${mediaUrl}')">×</button>
+                            `;
+                        } else {
+                            // 图片文件
+                            mediaContent = `
+                                <img src="${mediaUrl}" alt="商品图片" onclick="previewImage('${mediaUrl}')">
+                                <button class="delete-image-btn" onclick="deleteEditImage('${mediaUrl}')">×</button>
+                            `;
+                        }
+                        
+                        imageElement.innerHTML = mediaContent;
+                        editUploadImages.appendChild(imageElement);
+                    });
+                }
+                
+                // 保存当前图片列表到全局变量，用于编辑时使用
+                editCurrentImages = [...editImageUrls];
+                
+                // 根据模式修改保存按钮文本和状态
+                const saveButton = document.querySelector('#editSupplyModal .modal-btn-primary');
+                if (saveButton) {
+                    if (isLocked) {
+                        // 锁定状态：按钮变灰色，不可点击
+                        saveButton.textContent = publishMode ? '已锁定' : '已锁定';
+                        saveButton.className = 'modal-btn btn-disabled';
+                        saveButton.onclick = null;
+                    } else {
+                        // 未锁定状态：正常功能
+                        if (publishMode) {
+                            saveButton.textContent = '上架';
+                            saveButton.className = 'modal-btn modal-btn-primary';
+                            saveButton.onclick = publishSupplyAfterEdit;
+                        } else {
+                            saveButton.textContent = '保存';
+                            saveButton.className = 'modal-btn modal-btn-primary';
+                            saveButton.onclick = saveEditSupply;
+                        }
+                    }
+                }
+                
+                // 设置表单元素的只读状态
+                const formElements = document.querySelectorAll('#editSupplyModal input, #editSupplyModal select, #editSupplyModal textarea, #editSupplyModal .modal-select-btn, #editSupplyModal .add-quantity-btn, #editSupplyModal .remove-quantity-btn, #editSupplyModal .delete-image-btn');
+                formElements.forEach(element => {
+                    if (isLocked) {
+                        // 锁定状态：设置为只读或禁用
+                        if (element.tagName === 'INPUT' || element.tagName === 'SELECT' || element.tagName === 'TEXTAREA') {
+                            element.readOnly = true;
+                            element.style.opacity = '0.6';
+                            element.style.cursor = 'not-allowed';
+                        } else {
+                            // 按钮元素
+                            element.disabled = true;
+                            element.className = 'btn-disabled';
+                            element.style.cursor = 'not-allowed';
+                        }
+                    } else {
+                        // 未锁定状态：恢复正常
+                        if (element.tagName === 'INPUT' || element.tagName === 'SELECT' || element.tagName === 'TEXTAREA') {
+                            // 只有规格输入框是只读的，其他可以编辑
+                            if (element.className.includes('spec-value')) {
+                                element.readOnly = true;
+                            } else {
+                                element.readOnly = false;
+                            }
+                            element.style.opacity = '1';
+                            element.style.cursor = 'default';
+                        } else {
+                            // 按钮元素
+                            element.disabled = false;
+                            // 恢复按钮原有样式
+                            if (element.className.includes('modal-select-btn')) {
+                                element.className = 'modal-select-btn';
+                            } else if (element.className.includes('add-quantity-btn')) {
+                                element.className = 'add-quantity-btn';
+                            }
+                            element.style.cursor = 'pointer';
+                        }
+                    }
+                });
+                
+                // 显示编辑模态框
+                document.getElementById('editSupplyModal').classList.add('active');
+                // 隐藏body滚动条，避免双滚动条
+                document.body.style.overflow = 'hidden';
+            } catch (error) {
+                console.error('显示编辑货源失败:', error);
+                alert('显示编辑货源失败');
+            }
+        }
+        
+        // 隐藏编辑货源模态框
+        function hideEditSupplyModal() {
+            document.getElementById('editSupplyModal').classList.remove('active');
+            currentEditSupplyId = null;
+            // 重置发布模式状态
+            window.currentEditPublishMode = false;
+
+            // 恢复body滚动条
+            document.body.style.overflow = 'auto';
+        }
+        
+        // 编辑后上架货源
+        async function publishSupplyAfterEdit() {
+            // 直接调用saveEditSupply，它会处理保存和上架逻辑
+            await saveEditSupply();
+        }
+        
+        // 上架货源
+        async function publishSupply(id) {
+            // 防止重复点击
+            if (isOperating) {
+                return false;
+            }
+            
+            if (!id) {
+                alert('货源ID不存在');
+                return false;
+            }
+            
+            try {
+                isOperating = true;
+                
+                const response = await fetch(`/api/supplies/${id}/publish`, {
+                    method: 'POST'
+                });
+                
+                const result = await response.json();
+                if (result.success) {
+                    // 向WebSocket服务器发送消息，通知其他客户端货源已上架
+                    sendWebSocketMessage({
+                        type: 'supply_status_change',
+                        supplyId: id,
+                        action: 'publish',
+                        status: 'published'
+                    });
+                    
+                    alert('上架成功');
+                    loadSupplies();
+                } else {
+                    alert('上架失败: ' + (result.message || '未知错误'));
+                }
+                return result.success;
+            } catch (error) {
+                console.error('上架失败:', error);
+                alert('上架失败: ' + error.message);
+                return false;
+            } finally {
+                isOperating = false;
+            }
+        }
+        
+        // 编辑规格选择功能
+        let editFilteredSpecOptions = [...allSpecOptions];
+        let editExcludedSpecOptions = [];
+        
+        // 显示编辑规格选择弹窗
+        function showEditSpecSelectModal(excludeSpecs = []) {
+            const specSelectModal = document.getElementById('editSpecSelectModal');
+            specSelectModal.classList.add('active');
+            document.getElementById('editSpecSearchInput').value = '';
+            editExcludedSpecOptions = excludeSpecs;
+            editFilteredSpecOptions = allSpecOptions.filter(spec => !excludeSpecs.includes(spec));
+            generateEditSpecOptions();
+        }
+        
+        // 隐藏编辑规格选择弹窗
+        function hideEditSpecSelectModal() {
+            const specSelectModal = document.getElementById('editSpecSelectModal');
+            specSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑规格选项
+        function generateEditSpecOptions() {
+            const specOptionsList = document.getElementById('editSpecOptionsList');
+            specOptionsList.innerHTML = '';
+            
+            editFilteredSpecOptions.forEach(spec => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = spec;
+                
+                // 检查当前规格是否已被选中
+                if (editSelectedSpec.includes(spec)) {
+                    option.classList.add('selected');
+                }
+                
+                // 单击选择逻辑
+                option.onclick = () => {
+                    // 单选逻辑：移除所有选中状态
+                    document.querySelectorAll('#editSpecOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    
+                    // 添加当前选中状态
+                    option.classList.add('selected');
+                    
+                    // 更新editSelectedSpec数组为单选
+                    editSelectedSpec = [spec];
+                };
+                
+                // 双击确认逻辑
+                option.ondblclick = () => {
+                    // 确保当前选项被选中
+                    if (!option.classList.contains('selected')) {
+                        // 单选逻辑：移除所有选中状态
+                        document.querySelectorAll('#editSpecOptionsList .select-item').forEach(item => {
+                            item.classList.remove('selected');
+                        });
+                        
+                        // 添加当前选中状态
+                        option.classList.add('selected');
+                        
+                        // 更新editSelectedSpec数组为单选
+                        editSelectedSpec = [spec];
+                    }
+                    
+                    // 自动确认选择
+                    confirmEditSpecSelection();
+                };
+                
+                specOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑规格选项
+        function filterEditSpecOptions() {
+            const searchInput = document.getElementById('editSpecSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            editFilteredSpecOptions = allSpecOptions.filter(spec => {
+                return spec.toLowerCase().includes(searchKeyword) && !editExcludedSpecOptions.includes(spec);
+            });
+            
+            generateEditSpecOptions();
+        }
+        
+        // 确认编辑规格选择
+        function confirmEditSpecSelection() {
+            if (currentEditSpecInput) {
+                // 如果是为规格和件数对选择规格
+                if (editSelectedSpec.length > 0) {
+                    currentEditSpecInput.value = editSelectedSpec.join(', ');
+                } else {
+                    currentEditSpecInput.value = '';
+                }
+
+
+            } else {
+                // 否则，为旧的规格选择逻辑
+                if (editSelectedSpec.length > 0) {
+                    document.getElementById('editSpecDisplayText').textContent = editSelectedSpec.join(', ');
+                    document.getElementById('editSpecValue').value = JSON.stringify(editSelectedSpec);
+                    // 根据选中的规格数量动态调整件数输入框数量
+                    adjustEditQuantityInputs();
+                } else {
+                    document.getElementById('editSpecDisplayText').textContent = '请选择规格';
+                    document.getElementById('editSpecValue').value = '[]';
+                }
+
+            }
+            hideEditSpecSelectModal();
+        }
+        
+
+        // 添加编辑件数输入项
+        function addEditQuantityItem() {
+            const container = document.getElementById('editQuantityContainer');
+            const quantityItem = document.createElement('div');
+            quantityItem.className = 'quantity-item';
+            quantityItem.innerHTML = `
+                <input type="number" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()">
+                <button type="button" class="remove-quantity-btn" onclick="removeEditQuantityItem(this)">×</button>
+            `;
+            container.insertBefore(quantityItem, container.lastElementChild);
+        }
+        
+        // 删除编辑件数输入项
+        function removeEditQuantityItem(btn) {
+            const container = document.getElementById('editQuantityContainer');
+            const quantityItems = container.querySelectorAll('.quantity-item');
+            
+            // 至少保留一个件数输入项
+            if (quantityItems.length > 1) {
+                const quantityItem = btn.parentElement;
+                quantityItem.remove();
+            }
+        }
+        
+        // 根据选中的规格数量调整编辑件数输入框数量
+        function adjustEditQuantityInputs() {
+            const container = document.getElementById('editQuantityContainer');
+            const quantityItems = container.querySelectorAll('.quantity-item');
+            const specCount = editSelectedSpec.length;
+            
+            // 如果规格数量大于件数输入框数量，添加缺少的输入框
+            while (quantityItems.length < specCount) {
+                addEditQuantityItem();
+            }
+        }
+
+        
+        // 添加编辑规格和件数对
+        function addEditSpecQuantityPair() {
+            const container = document.getElementById('editSpecQuantityPairs');
+            const existingPairs = container.querySelectorAll('.spec-quantity-pair');
+            
+            // 限制最多添加3条规格
+            if (existingPairs.length >= 3) {
+                alert('最多只能添加3条规格信息');
+                return;
+            }
+            const existingSpecs = [];
+            container.querySelectorAll('.spec-value').forEach(input => {
+                if (input.value) existingSpecs.push(input.value);
+            });
+
+            const pair = document.createElement('div');
+            pair.className = 'spec-quantity-pair';
+            pair.innerHTML = `
+                <input type="text" class="spec-value" placeholder="请选择规格" readonly onclick="showEditSpecSelectModalForPair(this, 'pair')">
+                <div class="quantity-cost-container">
+                    <input type="text" class="form-input quantity-input" placeholder="请输入件数" onwheel="this.blur()">
+                    <input type="text" class="form-input costprice-input" placeholder="请输入采购价" onwheel="this.blur()">
+                </div>
+                <input type="text" class="form-input spec-status-input" placeholder="规格状态" value="0" onwheel="this.blur()" style="width: 120px; display: none;" readonly>
+                <button type="button" class="remove-quantity-btn" onclick="removeEditSpecQuantityPair(this)">×</button>
+            `;
+            container.appendChild(pair);
+        }
+        
+        // 删除编辑规格和件数对
+        function removeEditSpecQuantityPair(btn) {
+            const pair = btn.parentElement;
+            const container = pair.parentElement;
+            const pairs = container.querySelectorAll('.spec-quantity-pair');
+            
+            // 检查要删除的是否是原有规格
+            // 这里通过判断该规格是否在初始加载的规格数量范围内来确定是否为原有规格
+            // 获取所有规格对，并检查要删除的是第几个
+            const allPairs = Array.from(pairs);
+            const pairIndex = allPairs.indexOf(pair);
+            
+            if (pairIndex < (window.originalSpecCount || 1)) {
+                alert('不允许删除原有规格信息');
+                return;
+            }
+            
+            // 如果超过一个对，移除整个对元素
+            if (pairs.length > 1) {
+                pair.remove();
+            } else {
+                // 否则，只清除输入值
+                const specInput = pair.querySelector('.spec-value');
+                const quantityInput = pair.querySelector('.quantity-input');
+                const costpriceInput = pair.querySelector('.costprice-input');
+                const specStatusInput = pair.querySelector('.spec-status-input');
+                if (specInput) specInput.value = '';
+                if (quantityInput) quantityInput.value = '';
+                if (costpriceInput) costpriceInput.value = '';
+                if (specStatusInput) specStatusInput.value = '0';
+            }
+        }
+        
+        // 为编辑规格和件数对显示规格选择弹窗
+        function showEditSpecSelectModalForPair(input, mode) {
+            currentEditSpecInput = input;
+            const container = document.getElementById('editSpecQuantityPairs');
+            const existingSpecs = [];
+            container.querySelectorAll('.spec-value').forEach(inp => {
+                if (inp.value && inp !== input) existingSpecs.push(inp.value);
+            });
+            showEditSpecSelectModal(existingSpecs);
+        }
+        
+        // 保存当前点击的编辑规格输入框
+        let currentEditSpecInput = null;
+        
+        // 编辑产品包装选择功能
+        // 显示编辑产品包装选择弹窗
+        function showEditProductingSelectModal() {
+            const editProductingSelectModal = document.getElementById('editProductingSelectModal');
+            editProductingSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('editProductingSearchInput').value = '';
+            editFilteredProductingOptions = [...editAllProductingOptions];
+            generateEditProductingOptions();
+        }
+        
+        // 隐藏编辑产品包装选择弹窗
+        function hideEditProductingSelectModal() {
+            const editProductingSelectModal = document.getElementById('editProductingSelectModal');
+            editProductingSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑产品包装选项
+        function generateEditProductingOptions() {
+            const editProductingOptionsList = document.getElementById('editProductingOptionsList');
+            editProductingOptionsList.innerHTML = '';
+            
+            editFilteredProductingOptions.forEach(producting => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = producting;
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#editProductingOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    editSelectedProducting = producting;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editProductingDisplayText').textContent = producting;
+                    document.getElementById('editProductingValue').value = producting;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('editProductingDisplayText').textContent = producting;
+                    document.getElementById('editProductingValue').value = producting;
+                    hideEditProductingSelectModal();
+                };
+                editProductingOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑产品包装选项
+        function filterEditProductingOptions() {
+            const searchInput = document.getElementById('editProductingSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            editFilteredProductingOptions = editAllProductingOptions.filter(producting => {
+                return producting.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateEditProductingOptions();
+        }
+        
+        // 确认编辑产品包装选择
+        function confirmEditProductingSelection() {
+            if (editSelectedProducting) {
+                document.getElementById('editProductingDisplayText').textContent = editSelectedProducting;
+                document.getElementById('editProductingValue').value = editSelectedProducting;
+            }
+            hideEditProductingSelectModal();
+        }
+        
+        // 编辑新鲜程度选择功能
+        let editAllFreshnessOptions = ['正常质量（1-4天）', '一般质量（3天以内）', '一般质量（4天以上）', '精品'];
+        let editFilteredFreshnessOptions = [...editAllFreshnessOptions];
+        let editSelectedFreshness = '';
+        
+        // 显示编辑新鲜程度选择弹窗
+        function showEditFreshnessSelectModal() {
+            const editFreshnessSelectModal = document.getElementById('editFreshnessSelectModal');
+            editFreshnessSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('editFreshnessSearchInput').value = '';
+            editFilteredFreshnessOptions = [...editAllFreshnessOptions];
+            generateEditFreshnessOptions();
+        }
+        
+        // 隐藏编辑新鲜程度选择弹窗
+        function hideEditFreshnessSelectModal() {
+            const editFreshnessSelectModal = document.getElementById('editFreshnessSelectModal');
+            editFreshnessSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑新鲜程度选项
+        function generateEditFreshnessOptions() {
+            const editFreshnessOptionsList = document.getElementById('editFreshnessOptionsList');
+            editFreshnessOptionsList.innerHTML = '';
+            
+            editFilteredFreshnessOptions.forEach(freshness => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = freshness;
+                option.onclick = () => {
+                    // 移除所有选项的选中状态
+                    document.querySelectorAll('#editFreshnessOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    // 添加当前选项的选中状态
+                    option.classList.add('selected');
+                    editSelectedFreshness = freshness;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editFreshnessDisplayText').textContent = freshness;
+                    document.getElementById('editFreshness').value = freshness;
+                };
+                option.ondblclick = () => {
+                    // 双击直接确认选择
+                    document.getElementById('editFreshnessDisplayText').textContent = freshness;
+                    document.getElementById('editFreshness').value = freshness;
+                    hideEditFreshnessSelectModal();
+                };
+                editFreshnessOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑新鲜程度选项
+        function filterEditFreshnessOptions() {
+            const searchInput = document.getElementById('editFreshnessSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            editFilteredFreshnessOptions = editAllFreshnessOptions.filter(freshness => {
+                return freshness.toLowerCase().includes(searchKeyword);
+            });
+            
+            generateEditFreshnessOptions();
+        }
+        
+        // 确认编辑新鲜程度选择
+        function confirmEditFreshnessSelection() {
+            if (editSelectedFreshness) {
+                document.getElementById('editFreshnessDisplayText').textContent = editSelectedFreshness;
+                document.getElementById('editFreshness').value = editSelectedFreshness;
+            }
+            hideEditFreshnessSelectModal();
+        }
+        
+        // 编辑地区选择功能
+        // 显示编辑地区选择弹窗
+        function showEditRegionSelectModal() {
+            const regionSelectModal = document.getElementById('editRegionSelectModal');
+            regionSelectModal.classList.add('active');
+            // 重置搜索输入
+            document.getElementById('editRegionSearchInput').value = '';
+            // 重置选择
+            editSelectedProvince = '';
+            editSelectedCity = '';
+            // 更新显示
+            updateEditRegionDisplay();
+            // 生成地区选项
+            generateEditRegionOptions();
+        }
+        
+        // 隐藏编辑地区选择弹窗
+        function hideEditRegionSelectModal() {
+            const regionSelectModal = document.getElementById('editRegionSelectModal');
+            regionSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑地区选项
+        function generateEditRegionOptions() {
+            const provinceList = document.getElementById('editProvinceList');
+            const cityList = document.getElementById('editCityList');
+            
+            
+            // 生成省份选项
+            provinceList.innerHTML = '';
+            allRegionOptions.forEach(province => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = province.province;
+                if (province.province === editSelectedProvince) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    editSelectedProvince = province.province;
+                    editSelectedCity = '';
+                    updateEditRegionDisplay();
+                    // 生成城市选项
+                    generateEditCityOptions(province.cities);
+                    // 直接滚动城市列表到顶部
+                    setTimeout(() => {
+                        cityList.scrollTop = 0;
+                    }, 100);
+                };
+                provinceList.appendChild(option);
+            });
+        }
+        
+        // 生成编辑城市选项
+        function generateEditCityOptions(cities) {
+            const cityList = document.getElementById('editCityList');
+            
+            cityList.innerHTML = '';
+            cities.forEach(city => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = city.city;
+                if (city.city === editSelectedCity) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    editSelectedCity = city.city;
+                    updateEditRegionDisplay();
+                };
+                option.ondblclick = () => {
+                    // 双击城市直接确认整个地区选择
+                    editSelectedCity = city.city;
+                    updateEditRegionDisplay();
+                    // 构建完整的地区字符串
+                    const regionString = `${editSelectedProvince} ${editSelectedCity}`;
+                    // 设置到表单
+                    document.getElementById('editRegionDisplayText').textContent = regionString;
+                    document.getElementById('editRegionValue').value = regionString;
+                    // 隐藏弹窗
+                    hideEditRegionSelectModal();
+                    saveFormData(); // 保存选择
+                };
+                cityList.appendChild(option);
+            });
+            
+            // 使用scrollIntoView滚动到第一个城市
+            setTimeout(() => {
+                const firstCity = cityList.querySelector('.select-item');
+                if (firstCity) {
+                    firstCity.scrollIntoView({ behavior: 'auto', block: 'start' });
+                }
+            }, 50);
+        }
+        
+        // 更新编辑地区显示
+        function updateEditRegionDisplay() {
+            const currentRegion = document.getElementById('editCurrentRegion');
+            let displayText = '当前选择: ';
+            if (editSelectedProvince && editSelectedCity) {
+                displayText += `${editSelectedProvince} ${editSelectedCity}`;
+            } else if (editSelectedProvince) {
+                displayText += editSelectedProvince;
+            } else {
+                displayText += '未选择';
+            }
+            currentRegion.textContent = displayText;
+        }
+        
+        // 过滤编辑地区选项
+        function filterEditRegionOptions() {
+            const searchInput = document.getElementById('editRegionSearchInput');
+            const searchKeyword = searchInput.value.toLowerCase();
+            
+            // 重置选择
+            editSelectedProvince = '';
+            editSelectedCity = '';
+            
+            if (!searchKeyword) {
+                // 如果搜索关键词为空，显示所有省份
+                generateEditRegionOptions();
+                updateEditRegionDisplay();
+                return;
+            }
+            
+            // 过滤省份
+            const filteredProvinces = allRegionOptions.filter(province => {
+                // 检查省份名称是否匹配
+                if (province.province.toLowerCase().includes(searchKeyword)) {
+                    return true;
+                }
+                // 检查该省份下是否有匹配的城市
+                return province.cities.some(city => {
+                    return city.city.toLowerCase().includes(searchKeyword);
+                });
+            });
+            
+            // 生成省份选项
+            const provinceList = document.getElementById('editProvinceList');
+            provinceList.innerHTML = '';
+            filteredProvinces.forEach(province => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = province.province;
+                if (province.province === editSelectedProvince) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    editSelectedProvince = province.province;
+                    editSelectedCity = '';
+                    updateEditRegionDisplay();
+                    // 生成城市选项
+                    generateEditCityOptions(province.cities);
+                    // 直接滚动城市列表到顶部
+                    setTimeout(() => {
+                        document.getElementById('editCityList').scrollTop = 0;
+                    }, 100);
+                };
+                provinceList.appendChild(option);
+            });
+            
+            // 自动选择第一个匹配的省份和城市
+            if (filteredProvinces.length > 0) {
+                editSelectedProvince = filteredProvinces[0].province;
+                // 查找第一个匹配的城市
+                const matchedCity = filteredProvinces[0].cities.find(city => 
+                    city.city.toLowerCase().includes(searchKeyword)
+                );
+                if (matchedCity) {
+                    editSelectedCity = matchedCity.city;
+                }
+                updateEditRegionDisplay();
+                generateEditCityOptions(filteredProvinces[0].cities);
+            }
+        }
+        
+        // 确认编辑地区选择
+        function confirmEditRegionSelection() {
+            if (editSelectedProvince && editSelectedCity) {
+                const regionDisplayText = document.getElementById('editRegionDisplayText');
+                const regionValue = document.getElementById('editRegionValue');
+                let regionText = editSelectedProvince;
+                if (editSelectedCity) {
+                    regionText = `${editSelectedProvince} ${editSelectedCity}`;
+                }
+                regionDisplayText.textContent = regionText;
+                regionValue.value = regionText;
+                saveFormData(); // 保存选择
+                hideEditRegionSelectModal();
+            } else {
+                alert('请选择完整的地区信息');
+            }
+        }
+        
+        // 编辑货源类型选择功能
+        // 显示编辑货源类型选择弹窗
+        function showEditSourceTypeSelectModal() {
+            const sourceTypeSelectModal = document.getElementById('editSourceTypeSelectModal');
+            sourceTypeSelectModal.classList.add('active');
+            document.getElementById('editSourceTypeSearchInput').value = '';
+            editFilteredSourceTypes = [...editAllSourceTypes];
+            generateEditSourceTypeOptions();
+        }
+        
+        // 隐藏编辑货源类型选择弹窗
+        function hideEditSourceTypeSelectModal() {
+            const sourceTypeSelectModal = document.getElementById('editSourceTypeSelectModal');
+            sourceTypeSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑货源类型选项
+        function generateEditSourceTypeOptions() {
+            const sourceTypeOptionsList = document.getElementById('editSourceTypeOptionsList');
+            sourceTypeOptionsList.innerHTML = '';
+            
+            editFilteredSourceTypes.forEach(sourceType => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = sourceType;
+                if (sourceType === editSelectedSourceType) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    document.querySelectorAll('#editSourceTypeOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    option.classList.add('selected');
+                    editSelectedSourceType = sourceType;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editSourceTypeDisplayText').textContent = sourceType;
+                    document.getElementById('editSourceType').value = sourceType;
+                };
+                option.ondblclick = () => {
+                    editSelectedSourceType = sourceType;
+                    confirmEditSourceTypeSelection();
+                };
+                sourceTypeOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑货源类型选项
+        function filterEditSourceTypeOptions() {
+            const searchInput = document.getElementById('editSourceTypeSearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            editFilteredSourceTypes = editAllSourceTypes.filter(sourceType => {
+                return sourceType.toLowerCase().includes(searchTerm);
+            });
+            
+            generateEditSourceTypeOptions();
+        }
+        
+        // 确认编辑货源类型选择
+        function confirmEditSourceTypeSelection() {
+            if (editSelectedSourceType) {
+                document.getElementById('editSourceTypeDisplayText').textContent = editSelectedSourceType;
+                document.getElementById('editSourceType').value = editSelectedSourceType;
+            }
+            hideEditSourceTypeSelectModal();
+        }
+        
+        // 编辑种类选择功能
+        // 显示编辑种类选择弹窗
+        function showEditCategorySelectModal() {
+            const categorySelectModal = document.getElementById('editCategorySelectModal');
+            categorySelectModal.classList.add('active');
+            document.getElementById('editCategorySearchInput').value = '';
+            editFilteredCategories = [...editAllCategories];
+            generateEditCategoryOptions();
+        }
+        
+        // 隐藏编辑种类选择弹窗
+        function hideEditCategorySelectModal() {
+            const categorySelectModal = document.getElementById('editCategorySelectModal');
+            categorySelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑种类选项
+        function generateEditCategoryOptions() {
+            const categoryOptionsList = document.getElementById('editCategoryOptionsList');
+            categoryOptionsList.innerHTML = '';
+            
+            editFilteredCategories.forEach(category => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = category;
+                if (category === editSelectedCategory) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    document.querySelectorAll('#editCategoryOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    option.classList.add('selected');
+                    editSelectedCategory = category;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editCategoryDisplayText').textContent = category;
+                    document.getElementById('editCategory').value = category;
+                };
+                option.ondblclick = () => {
+                    editSelectedCategory = category;
+                    confirmEditCategorySelection();
+                };
+                categoryOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑种类选项
+        function filterEditCategoryOptions() {
+            const searchInput = document.getElementById('editCategorySearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            editFilteredCategories = editAllCategories.filter(category => {
+                return category.toLowerCase().includes(searchTerm);
+            });
+            
+            generateEditCategoryOptions();
+        }
+        
+        // 确认编辑种类选择
+        function confirmEditCategorySelection() {
+            if (editSelectedCategory) {
+                document.getElementById('editCategoryDisplayText').textContent = editSelectedCategory;
+                document.getElementById('editCategory').value = editSelectedCategory;
+            }
+            hideEditCategorySelectModal();
+        }
+        
+        // 编辑商品名称选择功能
+        // 显示编辑商品名称选择弹窗
+        function showEditProductNameSelectModal() {
+            const productNameSelectModal = document.getElementById('editProductNameSelectModal');
+            productNameSelectModal.classList.add('active');
+            document.getElementById('editProductNameSearchInput').value = '';
+            editFilteredProductNames = [...editAllProductNames];
+            generateEditProductNameOptions();
+        }
+        
+        // 隐藏编辑商品名称选择弹窗
+        function hideEditProductNameSelectModal() {
+            const productNameSelectModal = document.getElementById('editProductNameSelectModal');
+            productNameSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑商品名称选项
+        function generateEditProductNameOptions() {
+            const productNameOptionsList = document.getElementById('editProductNameOptionsList');
+            productNameOptionsList.innerHTML = '';
+            
+            editFilteredProductNames.forEach(productName => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = productName;
+                if (productName === editSelectedProductName) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    document.querySelectorAll('#editProductNameOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    option.classList.add('selected');
+                    editSelectedProductName = productName;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editProductNameDisplayText').textContent = productName;
+                    document.getElementById('editProductName').value = productName;
+                };
+                option.ondblclick = () => {
+                    editSelectedProductName = productName;
+                    confirmEditProductNameSelection();
+                };
+                productNameOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑商品名称选项
+        function filterEditProductNameOptions() {
+            const searchInput = document.getElementById('editProductNameSearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            editFilteredProductNames = editAllProductNames.filter(productName => {
+                return productName.toLowerCase().includes(searchTerm);
+            });
+            
+            generateEditProductNameOptions();
+        }
+        
+        // 确认编辑商品名称选择
+        function confirmEditProductNameSelection() {
+            if (editSelectedProductName) {
+                document.getElementById('editProductNameDisplayText').textContent = editSelectedProductName;
+                document.getElementById('editProductName').value = editSelectedProductName;
+            }
+            hideEditProductNameSelectModal();
+        }
+        
+        // 编辑蛋黄类型选择功能
+        // 显示编辑蛋黄类型选择弹窗
+        function showEditYolkSelectModal() {
+            const yolkSelectModal = document.getElementById('editYolkSelectModal');
+            yolkSelectModal.classList.add('active');
+            document.getElementById('editYolkSearchInput').value = '';
+            editFilteredYolkTypes = [...editAllYolkTypes];
+            generateEditYolkOptions();
+        }
+        
+        // 隐藏编辑蛋黄类型选择弹窗
+        function hideEditYolkSelectModal() {
+            const yolkSelectModal = document.getElementById('editYolkSelectModal');
+            yolkSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑蛋黄类型选项
+        function generateEditYolkOptions() {
+            const yolkOptionsList = document.getElementById('editYolkOptionsList');
+            yolkOptionsList.innerHTML = '';
+            
+            editFilteredYolkTypes.forEach(yolk => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = yolk;
+                if (yolk === editSelectedYolk) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    document.querySelectorAll('#editYolkOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    option.classList.add('selected');
+                    editSelectedYolk = yolk;
+                    // 自动更新隐藏字段的值
+                    document.getElementById('editYolkDisplayText').textContent = yolk;
+                    document.getElementById('editYolk').value = yolk;
+                };
+                option.ondblclick = () => {
+                    editSelectedYolk = yolk;
+                    confirmEditYolkSelection();
+                };
+                yolkOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑蛋黄类型选项
+        function filterEditYolkOptions() {
+            const searchInput = document.getElementById('editYolkSearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            editFilteredYolkTypes = editAllYolkTypes.filter(yolk => {
+                return yolk.toLowerCase().includes(searchTerm);
+            });
+            
+            generateEditYolkOptions();
+        }
+        
+        // 确认编辑蛋黄类型选择
+        function confirmEditYolkSelection() {
+            if (editSelectedYolk) {
+                document.getElementById('editYolkDisplayText').textContent = editSelectedYolk;
+                document.getElementById('editYolk').value = editSelectedYolk;
+            }
+            hideEditYolkSelectModal();
+        }
+        
+        // 编辑联系人选择功能
+        // 显示编辑联系人选择弹窗
+        function showEditContactIdSelectModal() {
+            const contactIdSelectModal = document.getElementById('editContactIdSelectModal');
+            contactIdSelectModal.classList.add('active');
+            document.getElementById('editContactIdSearchInput').value = '';
+            
+            // 检查contacts数组是否为空，如果为空则尝试重新加载
+            if (contacts.length === 0) {
+                console.log('contacts数组为空，尝试重新加载...');
+                loadContacts().then(() => {
+                    editFilteredContacts = [...contacts];
+                    generateEditContactIdOptions();
+                }).catch(error => {
+                    console.error('重新加载联系人失败:', error);
+                    // 即使加载失败，也要确保UI更新
+                    editFilteredContacts = [...contacts];
+                    generateEditContactIdOptions();
+                });
+            } else {
+                editFilteredContacts = [...contacts];
+                generateEditContactIdOptions();
+            }
+        }
+        
+        // 隐藏编辑联系人选择弹窗
+        function hideEditContactIdSelectModal() {
+            const contactIdSelectModal = document.getElementById('editContactIdSelectModal');
+            contactIdSelectModal.classList.remove('active');
+        }
+        
+        // 生成编辑联系人选项
+        function generateEditContactIdOptions() {
+            const contactIdOptionsList = document.getElementById('editContactIdOptionsList');
+            contactIdOptionsList.innerHTML = '';
+            
+            editFilteredContacts.forEach(contact => {
+                const option = document.createElement('div');
+                option.className = 'select-item';
+                option.textContent = `${contact.name} (${contact.phoneNumber})`;
+                if (String(contact.id) === String(editSelectedContactId)) {
+                    option.classList.add('selected');
+                }
+                option.onclick = () => {
+                    document.querySelectorAll('#editContactIdOptionsList .select-item').forEach(item => {
+                        item.classList.remove('selected');
+                    });
+                    option.classList.add('selected');
+                    editSelectedContactId = contact.id;
+                };
+                option.ondblclick = () => {
+                    editSelectedContactId = contact.id;
+                    confirmEditContactIdSelection();
+                };
+                contactIdOptionsList.appendChild(option);
+            });
+        }
+        
+        // 过滤编辑联系人选项
+        function filterEditContactIdOptions() {
+            const searchInput = document.getElementById('editContactIdSearchInput');
+            const searchTerm = searchInput.value.toLowerCase();
+            
+            editFilteredContacts = contacts.filter(contact => {
+                return contact.name.toLowerCase().includes(searchTerm) || 
+                       contact.phoneNumber.toLowerCase().includes(searchTerm);
+            });
+            
+            generateEditContactIdOptions();
+        }
+        
+        // 确认编辑联系人选择
+        function confirmEditContactIdSelection() {
+            if (editSelectedContactId) {
+                const contact = contacts.find(c => String(c.id) === String(editSelectedContactId));
+                if (contact) {
+                    document.getElementById('editContactIdDisplayText').textContent = `${contact.name} (${contact.phoneNumber})`;
+                }
+                document.getElementById('editContactId').value = editSelectedContactId;
+            }
+            hideEditContactIdSelectModal();
+        }
+        
+        // 设置编辑货源状态
+        function setEditSupplyStatus(status) {
+            // 更新按钮样式
+            const preSaleBtn = document.getElementById('editPreSaleBtn');
+            const inStockBtn = document.getElementById('editInStockBtn');
+            
+            if (status === '预售') {
+                preSaleBtn.style.borderColor = '#1677ff';
+                preSaleBtn.style.backgroundColor = '#e6f7ff';
+                preSaleBtn.style.color = '#1677ff';
+                inStockBtn.style.borderColor = '#d9d9d9';
+                inStockBtn.style.backgroundColor = 'white';
+                inStockBtn.style.color = '#666';
+            } else {
+                inStockBtn.style.borderColor = '#1677ff';
+                inStockBtn.style.backgroundColor = '#e6f7ff';
+                inStockBtn.style.color = '#1677ff';
+                preSaleBtn.style.borderColor = '#d9d9d9';
+                preSaleBtn.style.backgroundColor = 'white';
+                preSaleBtn.style.color = '#666';
+            }
+            
+            // 更新隐藏字段值
+            document.getElementById('editSupplyStatus').value = status;
+        }
+        
+        // 保存编辑货源
+        async function saveEditSupply() {
+            // 防止重复点击
+            if (isOperating) {
+                return false;
+            }
+            
+            if (!currentEditSupplyId) {
+                alert('货源ID不存在');
+                return false;
+            }
+            
+            // 在编辑操作开始前就获取原始数据，并创建深拷贝，避免引用关系导致原始数据被修改
+            const originalSupplyTemp = supplyData.supplies.find(s => String(s.id) === String(currentEditSupplyId));
+            if (!originalSupplyTemp) {
+                alert('找不到要编辑的货源数据');
+                return false;
+            }
+            // 创建深拷贝，确保原始数据不会被后续操作修改
+            const originalSupply = JSON.parse(JSON.stringify(originalSupplyTemp));
+            
+            try {
+                isOperating = true;
+                // 获取规格和件数数据
+            const pairs = document.querySelectorAll('#editSpecQuantityPairs .spec-quantity-pair');
+            const specifications = [];
+            const quantities = [];
+            const costprices = [];
+            const specStatuses = [];
+            
+            pairs.forEach(pair => {
+                const specValue = pair.querySelector('.spec-value').value.trim();
+                const quantityValue = pair.querySelector('.quantity-input').value.trim();
+                const costpriceValue = pair.querySelector('.costprice-input').value.trim();
+                const specStatusValue = pair.querySelector('.spec-status-input').value.trim() || '0';
+                
+                // 保存所有添加的规格和件数对，即使其中一个为空
+                // 这样可以保持记忆功能，下次编辑时还能看到之前添加的对
+                specifications.push(specValue);
+                quantities.push(quantityValue);
+                costprices.push(costpriceValue);
+                specStatuses.push(specStatusValue);
+            });
+                
+
+                // 获取自动下架分钟数
+                const autoOfflineMinutes = document.getElementById('editAutoOfflineMinutes')?.value;
+                // 将分钟转换为小时（用于存储到数据库），确保有默认值
+                const minutes = parseFloat(autoOfflineMinutes) || 1440; // 默认24小时（1440分钟）
+                const autoOfflineHours = minutes / 60;
+                // 计算自动下架时间
+                const autoOfflineTime = new Date();
+                const preCreateTimeStr = document.getElementById('editPreCreateTime')?.value;
+                if (preCreateTimeStr) {
+                    // 如果设置了预创建时间，基于预创建时间计算自动下架时间
+                    autoOfflineTime.setTime(new Date(preCreateTimeStr).getTime() + minutes * 60 * 1000);
+                } else {
+                    // 否则基于当前时间计算
+                    autoOfflineTime.setMinutes(autoOfflineTime.getMinutes() + minutes);
+                }
+                // 格式化为数据库存储的北京时间格式 (YYYY-MM-DD HH:mm:ss)
+                const autoOfflineTimeStr = autoOfflineTime.getFullYear() + '-' + 
+                    String(autoOfflineTime.getMonth() + 1).padStart(2, '0') + '-' + 
+                    String(autoOfflineTime.getDate()).padStart(2, '0') + ' ' + 
+                    String(autoOfflineTime.getHours()).padStart(2, '0') + ':' + 
+                    String(autoOfflineTime.getMinutes()).padStart(2, '0') + ':' + 
+                    String(autoOfflineTime.getSeconds()).padStart(2, '0');
+                
+                // 获取当前编辑的货源信息，用于保留原联系人数据
+                const currentSupply = supplyData.supplies.find(s => String(s.id) === String(currentEditSupplyId));
+                
+                const formData = {
+                    productName: document.getElementById('editProductName').value,
+                    sourceType: document.getElementById('editSourceType').value,
+                    category: document.getElementById('editCategory').value,
+                    // 不再使用销售价格，移除price字段
+
+                    costprice: costprices.join(','), // 将采购价以英文逗号分隔的字符串形式提交
+                    quantity: quantities.join(','), // 将件数以英文逗号分隔的字符串形式提交
+                    spec_status: specStatuses.join(','), // 将规格状态以英文逗号分隔的字符串形式提交
+                    grossWeight: document.getElementById('editGrossWeight').value,
+                    yolk: document.getElementById('editYolk').value,
+                    specification: specifications.join('，'), // 将规格以中文逗号分隔的字符串形式提交
+                    producting: document.getElementById('editProductingValue').value,
+                    supplyStatus: document.getElementById('editSupplyStatus').value,
+                    description: document.getElementById('editDescription').value,
+                    region: document.getElementById('editRegionValue').value,
+                    contactId: document.getElementById('editContactId').value,
+                    freshness: document.getElementById('editFreshness').value,
+                    imageUrls: editCurrentImages, // 添加编辑后的图片列表
+                    autoOfflineTime: autoOfflineTimeStr, // 自动下架时间
+                    autoOfflineDays: null, // 不再使用天数，设置为null
+                    autoOfflineHours: autoOfflineHours // 自动下架小时数（分钟转换而来）
+                };
+                
+                // 验证表单
+                if (!formData.productName) {
+                    alert('请选择商品名称');
+                    return false;
+                }
+                if (!formData.description) {
+                    alert('请输入货源描述');
+                    return false;
+                }
+                if (!formData.category) {
+                    alert('请选择种类');
+                    return false;
+                }
+                if (!formData.costprice) {
+                    alert('请输入采购价');
+                    return false;
+                }
+                // 验证规格、件数和采购价 - 确保每个填写了规格的对都有对应的件数和采购价
+                let allPairsValid = true;
+                for (let i = 0; i < specifications.length; i++) {
+                    // 如果规格不为空，则必须同时有件数和采购价
+                    if (specifications[i].trim() !== '' && (quantities[i].trim() === '' || costprices[i].trim() === '')) {
+                        allPairsValid = false;
+                        break;
+                    }
+                }
+                if (!allPairsValid) {
+                    alert('每个填写了规格的对都必须有对应的件数和采购价');
+                    return false;
+                }
+                if (!formData.supplyStatus) {
+                    alert('请选择货源状态（预售/现货）');
+                    return false;
+                }
+                if (!formData.sourceType) {
+                    alert('请选择货源类型');
+                    return false;
+                }
+                if (!formData.region) {
+                    alert('请选择地区');
+                    return false;
+                }
+                
+                const response = await fetch(`/api/supplies/${currentEditSupplyId}/edit`, {
+                    method: 'PUT',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(formData)
+                });
+                
+                const result = await response.json();
+                if (result.success) {
+                    // 记录编辑货源日志
+                    const userInfo = checkLogin();
+                    if (userInfo) {
+                        // 使用之前保存的原始数据（编辑前的数据）
+                        await logSupplyOperation('修改', currentEditSupplyId, originalSupply, result.data);
+                    }
+                    
+                    // 向WebSocket服务器发送消息，通知其他客户端货源已更新
+                    sendWebSocketMessage({
+                        type: 'supply_update',
+                        supplyId: currentEditSupplyId,
+                        action: 'update',
+                        data: result.data
+                    });
+                    
+                    // 如果是直接编辑，显示成功消息；如果是编辑后上架，调用上架API
+                    if (!window.currentEditPublishMode) {
+                        alert('编辑成功');
+                        hideEditSupplyModal();
+                        loadSupplies(true); // 强制刷新，跳过缓存
+                    } else {
+                        // 调用上架API
+                        const publishResponse = await fetch(`/api/supplies/${currentEditSupplyId}/publish`, {
+                            method: 'POST'
+                        });
+                        const publishResult = await publishResponse.json();
+                        if (publishResult.success) {
+                            alert('上架成功');
+                            hideEditSupplyModal();
+                            loadSupplies(true); // 强制刷新，跳过缓存
+                        } else {
+                            alert('上架失败: ' + (publishResult.message || '未知错误'));
+                            return false;
+                        }
+                    }
+                    // 返回成功状态，无论是什么模式
+                    return true;
+                } else {
+                    alert('编辑失败: ' + (result.message || '未知错误'));
+                    return false;
+                }
+            } catch (error) {
+                console.error('编辑失败:', error);
+                alert('编辑失败: 网络错误');
+                return false;
+            } finally {
+                isOperating = false;
+            }
+        }
+        
+        // 隐藏编辑货源模态框
+
+        // 处理点击模态框外部关闭
+        window.onclick = function(event) {
+            // 确保只处理click事件，不处理拖拽选择文本导致的mouseup事件
+            if (event.type === 'click') {
+                // 处理类名为modal的模态框
+                const modals = document.querySelectorAll('.modal, .select-modal');
+                modals.forEach(modal => {
+                    if (event.target === modal) {
+                        // 只在真正点击模态框背景时关闭，不在选择文本拖拽到外部时关闭
+                        // 检查事件是否是通过点击触发的，而不是通过拖拽
+                        if (!event.isTrusted) return;
+                        
+                        // 检查是否有正在进行的选择操作
+                        const selection = window.getSelection();
+                        if (selection && selection.toString()) return;
+                        
+                        // 对于普通modal，使用display: none隐藏
+                        if (modal.classList.contains('modal')) {
+                            modal.style.display = 'none';
+                            // 恢复iOS页面滚动
+                            restoreiOSScrolling();
+                            // 恢复body滚动条
+                            document.body.style.overflow = 'auto';
+                            // 移除固定定位，恢复body样式
+                            document.body.style.position = '';
+                            document.body.style.width = '';
+                            document.body.style.height = '';
+                        }
+                        // 对于select-modal，使用移除active类来隐藏
+                        else if (modal.classList.contains('select-modal')) {
+                            modal.classList.remove('active');
+                            // 重置相关变量
+                            currentUnpublishSupplyId = null;
+                            selectedSpecIndex = null;
+                        }
+                    }
+                });
+            }
+        };
+        
+        // 页面卸载时清理WebSocket资源
+        window.onbeforeunload = function() {
+            // 关闭WebSocket连接
+            if (ws) {
+                try {
+                    ws.close(1000, '页面卸载');
+                    ws = null;
+                } catch (error) {
+                    console.error('关闭WebSocket连接失败:', error);
+                    ws = null;
+                }
+            }
+            
+            // 清理定时器
+            if (timers && Object.keys(timers).length > 0) {
+                Object.values(timers).forEach(timer => {
+                    if (timer) {
+                        clearInterval(timer);
+                        clearTimeout(timer);
+                    }
+                });
+            }
+        };
+    </script>
+</body>
+</html>
\ No newline at end of file