diff --git a/商家端APP/注册/创建摊位.html b/商家端APP/注册/受邀摊主初始化店铺.html similarity index 70% rename from 商家端APP/注册/创建摊位.html rename to 商家端APP/注册/受邀摊主初始化店铺.html index 57f176a..9f719e3 100644 --- a/商家端APP/注册/创建摊位.html +++ b/商家端APP/注册/受邀摊主初始化店铺.html @@ -3,7 +3,7 @@ - 创建摊位 + 创建店铺
-

创建摊位

+

创建店铺

@@ -310,6 +379,7 @@
+
-
- - -
-
@@ -355,18 +420,34 @@
+ + +
- - + +
- + +
+ +
+ +
+
+
📍
+
点击选择地图定位
+
请选择定位
+
+
+ +
@@ -391,65 +472,23 @@
-
-
- -
- 手动营业 - - 自动营业 -
-
- -
-
- -
- -
- - -
- -
- -
- - - - - +
+
+ 手动营业 + 自动营业 +
+
-
-
- -
-
- -
+
- +
@@ -461,10 +500,10 @@
-
- +
+ 至 - +
@@ -517,14 +556,69 @@ event.target.value = ''; } + function handleMarketPhotos(event) { + const files = event.target.files; + const container = document.getElementById('marketPhotoContainer'); + + Array.from(files).forEach(file => { + const reader = new FileReader(); + reader.onload = function(e) { + const imageItem = document.createElement('div'); + imageItem.className = 'image-item'; + imageItem.innerHTML = ` +
+ +
+ + `; + container.insertBefore(imageItem, container.firstChild); + } + reader.readAsDataURL(file); + }); + + event.target.value = ''; + } + function removeImage(btn) { btn.parentElement.remove(); } - function toggleBusinessMode() { - const autoOpen = document.getElementById('autoOpen'); - const timeRadioGroup = document.getElementById('timeRadioGroup'); - timeRadioGroup.style.display = autoOpen.checked ? 'flex' : 'none'; + // 切换营业时间选项的显示/隐藏 + function toggleBusinessTimeOptions() { + const autoBusinessTime = document.getElementById('autoBusinessTime'); + const businessDayOptions = document.getElementById('businessDayOptions'); + const businessTimeRange = document.getElementById('businessTimeRange'); + const autoLabel = document.getElementById('autoLabel'); + const manualLabel = autoLabel.previousElementSibling; + + if (autoBusinessTime.checked) { + // 自动营业,显示时间范围和日期选项 + businessDayOptions.classList.remove('hidden'); + businessTimeRange.classList.remove('hidden'); + autoLabel.classList.add('active'); + manualLabel.classList.remove('active'); + } else { + // 手动营业,隐藏时间范围和日期选项 + businessDayOptions.classList.add('hidden'); + businessTimeRange.classList.add('hidden'); + autoLabel.classList.remove('active'); + manualLabel.classList.add('active'); + } + } + + // 选择地图定位 + function selectLocation() { + // 这里应该打开地图选择器，实际应调用地图API + alert('此处应打开地图选择器，实际开发时需要集成地图API（如高德地图、百度地图等）'); + + // 模拟选择了一个位置 + const mockLat = 31.230416; + const mockLng = 121.473701; + + document.getElementById('locationLat').value = mockLat; + document.getElementById('locationLng').value = mockLng; + document.getElementById('selectedLocationText').textContent = '已选择: ' + mockLat + ', ' + mockLng; + document.getElementById('selectedLocationText').classList.add('selected'); } function handleSubmit() { @@ -561,6 +655,12 @@ }, 300); }); }); + + // 页面加载完成后初始化 + document.addEventListener('DOMContentLoaded', function() { + // 初始化营业时间选项显示状态 + toggleBusinessTimeOptions(); + }); \ No newline at end of file diff --git a/商家端APP/注册/自主经营者初始化店铺.html b/商家端APP/注册/自主经营者初始化店铺.html new file mode 100644 index 0000000..7e863b2 --- /dev/null +++ b/商家端APP/注册/自主经营者初始化店铺.html @@ -0,0 +1,710 @@ + + + + + + 创建店铺 + + + +
+

创建店铺

+
+ +
+
店铺基础信息
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + + + + +
+
+ +
+ +
+
+ + + + +
+
+
+ +
+ +
+ + + + + +
+
+ +
+ +
+ + + + + +
+
+ +
+ +
+
+ + + + +
+
+
支持上传多张图片
+
+ +
+ + +
+ +
+ + +
+ +
+ +
+
+
📍
+
点击选择地图定位
+
请选择定位
+
+
+ + +
+ +
+ +
+
+ + + + + +
+
+ + + + + +
+
+
+
+ +
+
+ +
+
+ 手动营业 + 自动营业 +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + 至 + +
+
+ +
+ + +
小时以内
+
+
+ +
+ +
+ + + + \ No newline at end of file