(null)
+
+ const handleStadiumSelect = (stadium: Stadium | null) => {
+ setSelectedStadium(stadium)
+ setShowSelector(false)
+ }
+
+ return (
+
+
+
+ setShowSelector(false)}
+ onConfirm={handleStadiumSelect}
+ />
+
+ )
+}
+```
+
+## 组件结构
+
+```
+SelectStadium/
+├── SelectStadium.tsx # 主组件，管理状态和切换逻辑
+├── StadiumDetail.tsx # 球馆详情组件
+├── SelectStadium.scss # 球馆列表样式
+├── StadiumDetail.scss # 球馆详情样式
+├── index.ts # 导出文件
+└── README.md # 说明文档
+```
+
+## Props
+
+### SelectStadium
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| visible | boolean | 是 | 控制弹窗显示/隐藏 |
+| onClose | () => void | 是 | 关闭弹窗回调 |
+| onConfirm | (stadium: Stadium \| null) => void | 是 | 确认选择回调 |
+
+### StadiumDetail
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| stadium | Stadium | 是 | 选中的球馆信息 |
+| onBack | () => void | 是 | 返回球馆列表回调 |
+| onConfirm | (stadium, venueType, groundMaterial, additionalInfo) => void | 是 | 确认配置回调 |
+
+## 数据接口
+
+### Stadium
+
+```typescript
+interface Stadium {
+ id: string
+ name: string
+ address?: string
+}
+```
+
+## 配置选项
+
+### 场地类型
+- 室内
+- 室外
+- 室外雨棚
+
+### 地面材质
+- 硬地
+- 红土
+- 草地
+
+### 场地信息补充
+- 文本输入框，支持用户自定义备注信息
+
+## 样式定制
+
+组件使用 SCSS 编写，可以通过修改以下文件来自定义样式：
+
+- `SelectStadium.scss` - 球馆列表样式
+- `StadiumDetail.scss` - 球馆详情样式
+
+## 注意事项
+
+1. 组件依赖 `@nutui/nutui-react-taro` 的 `Popup` 组件
+2. 确保在 Taro 环境中使用
+3. 组件内部管理状态，外部只需要控制 `visible` 属性
+4. 球馆列表数据在组件内部硬编码，实际使用时可以通过 props 传入
+5. StadiumDetail 组件现在只包含场地配置选项，去掉了头部、提醒和活动封面部分
\ No newline at end of file
diff --git a/src/components/SelectStadium/SelectStadium.scss b/src/components/SelectStadium/SelectStadium.scss
new file mode 100644
index 0000000..47405e3
--- /dev/null
+++ b/src/components/SelectStadium/SelectStadium.scss
@@ -0,0 +1,201 @@
+.select-stadium-popup {
+ .nut-popup {
+ max-height: 85vh;
+ overflow: hidden;
+
+ .nut-popup__content {
+ overflow: hidden;
+ }
+ }
+}
+
+.select-stadium {
+ width: 100%;
+ height: 85vh;
+ background: #f5f5f5;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ padding-bottom: env(safe-area-inset-bottom);
+
+ // 搜索区域
+ .search-section {
+ background: #f5f5f5;
+ padding: 16px;
+
+ .search-wrapper {
+ background: white;
+ border-radius: 12px;
+ padding: 12px 16px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+
+ .search-icon {
+ font-size: 16px;
+ color: #999;
+ }
+
+ .search-input {
+ flex: 1;
+ font-size: 16px;
+ color: #333;
+ border: none;
+ outline: none;
+ background: transparent;
+ }
+
+ .map-btn {
+ width: 32px;
+ height: 32px;
+ border-radius: 16px;
+ background: #f0f8ff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ transition: background-color 0.2s;
+
+ &:active {
+ background: #e0f0ff;
+ }
+
+ .map-icon {
+ font-size: 16px;
+ color: #007AFF;
+ }
+ }
+ }
+ }
+
+ // 热门球场区域
+ .hot-section {
+ background: #f5f5f5;
+ padding: 0 16px 16px 16px;
+
+ .hot-header {
+ display: flex;
+ align-items: center;
+ gap: 30px;
+
+ .hot-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ }
+
+ .booking-section {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+
+ .booking-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ }
+
+ .booking-status {
+ font-size: 12px;
+ color: #999;
+ }
+ }
+ }
+ }
+
+ // 场馆列表
+ .stadium-list {
+ flex: 1;
+ width: auto;
+ padding: 0 16px;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+
+ .stadium-item {
+ border-radius: 20px;
+ height: 40px;
+ margin-bottom: 6px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #000;
+ position: relative;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ &.selected {
+ background: #f0f8ff;
+
+ &::after {
+ content: '✓';
+ position: absolute;
+ right: 16px;
+ top: 50%;
+ transform: translateY(-50%);
+ color: #007AFF;
+ font-size: 16px;
+ font-weight: bold;
+ }
+ }
+
+ .stadium-name {
+ font-size: 16px;
+ color: #333;
+ line-height: 1.4;
+ padding-right: 30px;
+ }
+ }
+ }
+
+ // 底部按钮区域
+ .bottom-actions {
+ background: white;
+ padding: 16px;
+ padding-bottom: calc(16px + env(safe-area-inset-bottom));
+ border-top: 1px solid #e5e5e5;
+ flex-shrink: 0;
+
+ .action-buttons {
+ display: flex;
+ gap: 12px;
+
+ .cancel-btn,
+ .confirm-btn {
+ flex: 1;
+ height: 48px;
+ border-radius: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .cancel-btn {
+ background: #f5f5f5;
+ border: 1px solid #e0e0e0;
+
+ .cancel-text {
+ font-size: 16px;
+ color: #666;
+ font-weight: 500;
+ }
+ }
+
+ .confirm-btn {
+ background: #333;
+
+ .confirm-text {
+ font-size: 16px;
+ color: white;
+ font-weight: 500;
+ }
+ }
+ }
+ }
+}
+
+// 搜索框占位符样式
+.search-input::placeholder {
+ color: #999;
+}
\ No newline at end of file
diff --git a/src/components/SelectStadium/SelectStadium.tsx b/src/components/SelectStadium/SelectStadium.tsx
new file mode 100644
index 0000000..d688c67
--- /dev/null
+++ b/src/components/SelectStadium/SelectStadium.tsx
@@ -0,0 +1,201 @@
+import React, { useState } from 'react'
+import { View, Text, Input, ScrollView } from '@tarojs/components'
+import { Popup } from '@nutui/nutui-react-taro'
+import Taro from '@tarojs/taro'
+import StadiumDetail from './StadiumDetail'
+import './SelectStadium.scss'
+
+export interface Stadium {
+ id: string
+ name: string
+ address?: string
+}
+
+interface SelectStadiumProps {
+ visible: boolean
+ onClose: () => void
+ onConfirm: (stadium: Stadium | null) => void
+}
+
+const stadiumList: Stadium[] = [
+ { id: '1', name: '静安网球馆', address: '静安区' },
+ { id: '2', name: '芦湾体育馆', address: '芦湾区' },
+ { id: '3', name: '静安网球馆', address: '静安区' },
+ { id: '4', name: '徐汇游泳中心', address: '徐汇区' },
+ { id: '5', name: '汇龙新城小区', address: '新城区' },
+ { id: '6', name: '翠湖御苑小区', address: '翠湖区' },
+ { id: '7', name: '仁恒河滨花园网球场', address: '浦东新区' },
+ { id: '8', name: 'Our Tennis 东江球场', address: '浦东新区' },
+ { id: '9', name: '上海琦梦网球俱乐部', address: '浦东新区' }
+]
+
+const SelectStadium: React.FC = ({
+ visible,
+ onClose,
+ onConfirm
+}) => {
+ const [searchValue, setSearchValue] = useState('')
+ const [selectedStadium, setSelectedStadium] = useState(null)
+ const [showDetail, setShowDetail] = useState(false)
+
+ if (!visible) return null
+
+ // 过滤场馆列表
+ const filteredStadiums = stadiumList.filter(stadium =>
+ stadium.name.toLowerCase().includes(searchValue.toLowerCase())
+ )
+
+ // 处理场馆选择
+ const handleStadiumSelect = (stadium: Stadium) => {
+ setSelectedStadium(stadium)
+ setShowDetail(true)
+ }
+
+ // 处理返回球馆列表
+ const handleBackToList = () => {
+ setShowDetail(false)
+ setSelectedStadium(null)
+ }
+
+ // 处理搜索框输入
+ const handleSearchInput = (e: any) => {
+ setSearchValue(e.detail.value)
+ }
+
+ // 处理地图选择位置
+ const handleMapLocation = () => {
+ Taro.chooseLocation({
+ success: (res) => {
+ console.log('选择位置成功:', res)
+ // 可以根据位置信息搜索附近的场馆
+ // 这里可以调用相关API获取附近场馆信息
+ Taro.showToast({
+ title: '位置选择成功',
+ icon: 'success'
+ })
+ },
+ fail: (err) => {
+ console.error('选择位置失败:', err)
+ Taro.showToast({
+ title: '位置选择失败',
+ icon: 'error'
+ })
+ }
+ })
+ }
+
+ // 处理确认
+ const handleConfirm = (stadium: Stadium, venueType: string, groundMaterial: string, additionalInfo: string) => {
+ // 这里可以处理球馆详情的信息
+ console.log('球馆详情:', { stadium, venueType, groundMaterial, additionalInfo })
+ onConfirm(stadium)
+ setShowDetail(false)
+ setSelectedStadium(null)
+ setSearchValue('')
+ }
+
+ // 处理球馆列表确认
+ const handleListConfirm = () => {
+ if (selectedStadium) {
+ onConfirm(selectedStadium)
+ setSelectedStadium(null)
+ setSearchValue('')
+ }
+ }
+
+ // 处理取消
+ const handleCancel = () => {
+ onClose()
+ setShowDetail(false)
+ setSelectedStadium(null)
+ setSearchValue('')
+ }
+
+ // 如果显示详情页面
+ if (showDetail && selectedStadium) {
+ return (
+
+
+
+ )
+ }
+
+ // 显示球馆列表
+ return (
+
+
+ {/* 搜索框 */}
+
+
+ 🔍
+
+
+ 📍
+
+
+
+
+ {/* 热门球场标题 */}
+
+
+ 热门球场
+
+ 预定球场
+ 敬请期待
+
+
+
+
+ {/* 场馆列表 */}
+
+ {filteredStadiums.map((stadium) => (
+ handleStadiumSelect(stadium)}
+ >
+ {stadium.name}
+
+ ))}
+
+
+ {/* 底部按钮 */}
+
+
+
+ 取消
+
+
+ 完成
+
+
+
+
+
+ )
+}
+
+export default SelectStadium
\ No newline at end of file
diff --git a/src/components/SelectStadium/StadiumDetail.scss b/src/components/SelectStadium/StadiumDetail.scss
new file mode 100644
index 0000000..7b6517e
--- /dev/null
+++ b/src/components/SelectStadium/StadiumDetail.scss
@@ -0,0 +1,202 @@
+.stadium-detail {
+ width: 100%;
+ height: auto;
+ min-height: 60vh;
+ background: white;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ padding-bottom: env(safe-area-inset-bottom);
+
+ // 已选球场
+ .selected-venue-section {
+ padding: 20px 16px 16px 16px;
+ border-bottom: 1px solid #e5e5e5;
+ flex-shrink: 0;
+
+ .section-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 12px;
+ display: block;
+ }
+
+ .venue-button {
+ background: #333;
+ border-radius: 24px;
+ padding: 12px 24px;
+ display: inline-block;
+
+ .venue-name {
+ color: white;
+ font-size: 16px;
+ font-weight: 500;
+ }
+ }
+ }
+
+ // 场地类型
+ .venue-type-section {
+ padding: 16px;
+ border-bottom: 1px solid #e5e5e5;
+ flex-shrink: 0;
+
+ .section-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 12px;
+ display: block;
+ }
+
+ .option-buttons {
+ display: flex;
+ gap: 12px;
+
+ .option-btn {
+ padding: 8px 16px;
+ border-radius: 20px;
+ border: 1px solid #e0e0e0;
+ background: white;
+ cursor: pointer;
+ transition: all 0.2s;
+
+ &.selected {
+ background: #333;
+ border-color: #333;
+
+ .option-text {
+ color: white;
+ }
+ }
+
+ .option-text {
+ font-size: 14px;
+ color: #333;
+ }
+ }
+ }
+ }
+
+ // 地面材质
+ .ground-material-section {
+ padding: 16px;
+ border-bottom: 1px solid #e5e5e5;
+ flex-shrink: 0;
+
+ .section-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 12px;
+ display: block;
+ }
+
+ .option-buttons {
+ display: flex;
+ gap: 12px;
+
+ .option-btn {
+ padding: 8px 16px;
+ border-radius: 20px;
+ border: 1px solid #e0e0e0;
+ background: white;
+ cursor: pointer;
+ transition: all 0.2s;
+
+ &.selected {
+ background: #333;
+ border-color: #333;
+
+ .option-text {
+ color: white;
+ }
+ }
+
+ .option-text {
+ font-size: 14px;
+ color: #333;
+ }
+ }
+ }
+ }
+
+ // 场地信息补充
+ .additional-info-section {
+ padding: 16px;
+ border-bottom: 1px solid #e5e5e5;
+ flex-shrink: 0;
+
+ .section-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 12px;
+ display: block;
+ }
+
+ .additional-input {
+ width: 100%;
+ padding: 12px 16px;
+ border: 1px solid #e0e0e0;
+ border-radius: 8px;
+ font-size: 14px;
+ color: #333;
+ background: white;
+ height: 44px;
+ box-sizing: border-box;
+
+ &::placeholder {
+ color: #999;
+ }
+ }
+ }
+
+ // 底部按钮
+ .bottom-actions {
+ background: white;
+ padding: 16px;
+ padding-bottom: calc(16px + env(safe-area-inset-bottom));
+ border-top: 1px solid #e5e5e5;
+ flex-shrink: 0;
+ margin-top: auto;
+
+ .action-buttons {
+ display: flex;
+ gap: 12px;
+
+ .cancel-btn,
+ .confirm-btn {
+ flex: 1;
+ height: 48px;
+ border-radius: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ }
+
+ .cancel-btn {
+ background: white;
+ border: 1px solid #e0e0e0;
+
+ .cancel-text {
+ font-size: 16px;
+ color: #666;
+ font-weight: 500;
+ }
+ }
+
+ .confirm-btn {
+ background: #333;
+
+ .confirm-text {
+ font-size: 16px;
+ color: white;
+ font-weight: 500;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/SelectStadium/StadiumDetail.tsx b/src/components/SelectStadium/StadiumDetail.tsx
new file mode 100644
index 0000000..e6db410
--- /dev/null
+++ b/src/components/SelectStadium/StadiumDetail.tsx
@@ -0,0 +1,101 @@
+import React, { useState } from 'react'
+import { View, Text, Input } from '@tarojs/components'
+import './StadiumDetail.scss'
+
+export interface Stadium {
+ id: string
+ name: string
+ address?: string
+}
+
+interface StadiumDetailProps {
+ stadium: Stadium
+ onBack: () => void
+ onConfirm: (stadium: Stadium, venueType: string, groundMaterial: string, additionalInfo: string) => void
+}
+
+const StadiumDetail: React.FC = ({
+ stadium,
+ onBack,
+ onConfirm
+}) => {
+ const [venueType, setVenueType] = useState('室内')
+ const [groundMaterial, setGroundMaterial] = useState('硬地')
+ const [additionalInfo, setAdditionalInfo] = useState('')
+
+ const venueTypes = ['室内', '室外', '室外雨棚']
+ const groundMaterials = ['硬地', '红土', '草地']
+
+ const handleConfirm = () => {
+ onConfirm(stadium, venueType, groundMaterial, additionalInfo)
+ }
+
+ return (
+
+ {/* 已选球场 */}
+
+ 已选球场
+
+ {stadium.name}
+
+
+
+ {/* 场地类型 */}
+
+ 场地类型
+
+ {venueTypes.map((type) => (
+ setVenueType(type)}
+ >
+ {type}
+
+ ))}
+
+
+
+ {/* 地面材质 */}
+
+ 地面材质
+
+ {groundMaterials.map((material) => (
+ setGroundMaterial(material)}
+ >
+ {material}
+
+ ))}
+
+
+
+ {/* 场地信息补充 */}
+
+ 场地信息补充
+ setAdditionalInfo(e.detail.value)}
+ />
+
+
+ {/* 底部按钮 */}
+
+
+
+ 取消
+
+
+ 完成
+
+
+
+
+ )
+}
+
+export default StadiumDetail
\ No newline at end of file
diff --git a/src/components/SelectStadium/index.ts b/src/components/SelectStadium/index.ts
new file mode 100644
index 0000000..4a6b86c
--- /dev/null
+++ b/src/components/SelectStadium/index.ts
@@ -0,0 +1,3 @@
+export { default as SelectStadium } from './SelectStadium'
+export { default as StadiumDetail } from './StadiumDetail'
+export type { Stadium } from './SelectStadium'
diff --git a/src/components/TextareaTag/TextareaTag.scss b/src/components/TextareaTag/TextareaTag.scss
new file mode 100644
index 0000000..602f7dc
--- /dev/null
+++ b/src/components/TextareaTag/TextareaTag.scss
@@ -0,0 +1,52 @@
+ @use '~@/scss/themeColor.scss' as theme;
+.textarea-tag {
+ background: white;
+ border-radius: 16px;
+ padding: 10px 16px 5px 10px;
+ width: 100%;
+ .input-wrapper {
+ padding-bottom: 10px;
+
+ .additional-input {
+ width: 100%;
+ height: 46px;
+ font-size: 14px;
+ color: #333;
+ background: transparent;
+ border: none;
+ outline: none;
+ line-height: 1.4;
+ resize: none;
+ .textarea-placeholder{
+ color: theme.$textarea-placeholder-color;
+ }
+ }
+ }
+
+ .options-wrapper {
+ .options-label {
+ font-size: 12px;
+ color: #666;
+ margin-bottom: 10px;
+ display: block;
+ }
+
+ .options-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ .nut-checkbox{
+ margin-right: 0;
+ margin-bottom: 5px;
+ .nut-checkbox-button{
+ border: 1px solid theme.$primary-border-color;
+ color: theme.$primary-color;
+ background: transparent;
+ font-size: 12px;
+ padding: 2px 6px;
+ margin-right: 6px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/TextareaTag/TextareaTag.tsx b/src/components/TextareaTag/TextareaTag.tsx
new file mode 100644
index 0000000..98ae9bb
--- /dev/null
+++ b/src/components/TextareaTag/TextareaTag.tsx
@@ -0,0 +1,89 @@
+import React, { useCallback, useState } from 'react'
+import { View, Textarea } from '@tarojs/components'
+
+import { Checkbox } from '@nutui/nutui-react-taro'
+
+import './TextareaTag.scss'
+
+interface TextareaTagProps {
+ value: string
+ onChange: (value: string) => void
+ title?: string
+ showTitle?: boolean
+ placeholder?: string
+ maxLength?: number
+ options?: { label: string; value: any }[] | null
+}
+
+const TextareaTag: React.FC = ({
+ value,
+ onChange,
+ placeholder = '请输入',
+ maxLength = 500,
+ options = []
+}) => {
+ // 处理输入框变化
+ const [tags, setTags] = useState([])
+ const handleInputChange = useCallback((e: any) => {
+ onChange(e.detail.value)
+ }, [onChange])
+
+ // 选择预设选项
+ const handleSelectOption = useCallback((option: string) => {
+ let newValue = ''
+
+ if (value) {
+ // 如果已有内容，用分号分隔添加
+ newValue = value + '；' + option
+ } else {
+ // 如果没有内容，直接添加
+ newValue = option
+ }
+
+ onChange(newValue)
+ }, [value, onChange])
+
+ return (
+
+ {/* 输入框 */}
+
+
+
+
+ {/* 选择选项 */}
+
+
+ {
+ setTags(value)}
+ >
+ {
+ options?.map((option, index) => (
+
+ ))
+ }
+
+ }
+
+
+
+ )
+}
+
+export default TextareaTag
diff --git a/src/components/TextareaTag/index.ts b/src/components/TextareaTag/index.ts
new file mode 100644
index 0000000..8b82745
--- /dev/null
+++ b/src/components/TextareaTag/index.ts
@@ -0,0 +1 @@
+export { default } from './TextareaTag'
diff --git a/src/components/TimeSelector/TimeSelector.scss b/src/components/TimeSelector/TimeSelector.scss
new file mode 100644
index 0000000..379021d
--- /dev/null
+++ b/src/components/TimeSelector/TimeSelector.scss
@@ -0,0 +1,73 @@
+@use '~@/scss/themeColor.scss' as theme;
+.time-selector {
+ // 区域标题 - 灰色背景
+ width: 100%;
+ // 时间区域 - 合并的白色块
+ .time-section {
+ background: white;
+ border-radius: 16px;
+ width: 100%;
+ .time-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 44px;
+ padding-left: 12px;
+ &:last-child {
+ margin-bottom: 0;
+ .time-content {
+ border-bottom: none;
+ }
+ }
+
+ .time-label {
+ display: flex;
+ align-items: center;
+ padding: 0 3px;
+ font-size: 14px;
+ color: theme.$primary-color;
+ .dot {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: theme.$primary-color;
+ border: 1.5px solid theme.$primary-color;
+ margin-right: 12px;
+ &.hollow {
+ background: transparent;
+ width: 8px;
+ height: 8px;
+ }
+ }
+ }
+
+ .time-content {
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ line-height: 44px;
+ justify-content: space-between;
+ flex: 1;
+ padding-right: 12px;
+ .time-text-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 4px;
+ }
+ .time-text {
+ font-size: 13px;
+ color: theme.$primary-color;
+ padding: 0 12px;
+ background: theme.$primary-shallow-bg;
+ height: 28px;
+ line-height: 28px;
+ border-radius: 14px;
+ &.time-am {
+ font-weight: 600;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/components/TimeSelector/TimeSelector.tsx b/src/components/TimeSelector/TimeSelector.tsx
new file mode 100644
index 0000000..a538b10
--- /dev/null
+++ b/src/components/TimeSelector/TimeSelector.tsx
@@ -0,0 +1,88 @@
+import React from 'react'
+import { View, Text, Picker } from '@tarojs/components'
+import './TimeSelector.scss'
+
+export interface TimeRange {
+ startDate: string
+ startTime: string
+ endTime: string
+}
+
+interface TimeSelectorProps {
+ value: TimeRange
+ onChange: (timeRange: TimeRange) => void
+}
+
+const TimeSelector: React.FC = ({
+ value = {
+ startDate: '',
+ startTime: '',
+ endTime: ''
+ },
+ onChange
+}) => {
+ // 格式化日期显示
+ const formatDate = (dateStr: string) => {
+ return dateStr.replace(/-/g, '年').replace(/-/g, '月') + '日'
+ }
+
+ // 处理开始日期变化
+ const handleStartDateChange = (e: any) => {
+ onChange({
+ ...value,
+ startDate: e.detail.value
+ })
+ }
+
+ // 处理开始时间变化
+ const handleStartTimeChange = (e: any) => {
+ onChange({
+ ...value,
+ startTime: e.detail.value
+ })
+ }
+
+ // 处理结束时间变化
+ const handleEndTimeChange = (e: any) => {
+ onChange({
+ ...value,
+ endTime: e.detail.value
+ })
+ }
+
+ return (
+
+
+ {/* 开始时间 */}
+
+
+
+
+
+ 开始时间
+
+ 2025年11月23日
+ 8:00 AM
+
+
+
+
+ {/* 结束时间 */}
+
+
+
+
+
+ 结束时间
+
+ 2025年11月23日
+ 8:00 AM
+
+
+
+
+
+ )
+}
+
+export default TimeSelector
diff --git a/src/components/TimeSelector/index.ts b/src/components/TimeSelector/index.ts
new file mode 100644
index 0000000..c6b182b
--- /dev/null
+++ b/src/components/TimeSelector/index.ts
@@ -0,0 +1 @@
+export { default, type TimeRange } from './TimeSelector'
diff --git a/src/components/TitleInput/TitleInput.tsx b/src/components/TitleInput/TitleInput.tsx
new file mode 100644
index 0000000..1d984b1
--- /dev/null
+++ b/src/components/TitleInput/TitleInput.tsx
@@ -0,0 +1,34 @@
+import React from 'react'
+import { View, Input } from '@tarojs/components'
+
+import './index.scss'
+
+interface TitleInputProps {
+ value: string
+ onChange: (value: string) => void
+ maxLength?: number
+ placeholder?: string
+}
+
+const TitleInput: React.FC = ({
+ value,
+ onChange,
+ maxLength = 20,
+ placeholder = '好的标题更吸引人哦'
+}) => {
+ return (
+
+ onChange(e.detail.value)}
+ maxlength={maxLength}
+ />
+ {value.length}/{maxLength}
+
+ )
+}
+
+export default TitleInput
\ No newline at end of file
diff --git a/src/components/TitleInput/index.scss b/src/components/TitleInput/index.scss
new file mode 100644
index 0000000..04a60c0
--- /dev/null
+++ b/src/components/TitleInput/index.scss
@@ -0,0 +1,35 @@
+.title-input-wrapper {
+ position: relative;
+ width: 100%;
+
+ .title-input {
+ width: 100%;
+ height: 44px;
+ padding: 0 16px;
+ border: 1px solid #e5e5e5;
+ border-radius: 8px;
+ font-size: 16px;
+ line-height: 44px;
+ background: #fff;
+ box-sizing: border-box;
+ &:focus {
+ border-color: #007aff;
+ outline: none;
+ }
+ }
+
+ .title-placeholder {
+ color: #999;
+ font-size: 16px;
+ }
+
+ .char-count {
+ position: absolute;
+ right: 16px;
+ top: 50%;
+ transform: translateY(-50%);
+ font-size: 12px;
+ color: #999;
+ pointer-events: none;
+ }
+}
\ No newline at end of file
diff --git a/src/components/TitleInput/index.ts b/src/components/TitleInput/index.ts
new file mode 100644
index 0000000..18c7cc7
--- /dev/null
+++ b/src/components/TitleInput/index.ts
@@ -0,0 +1 @@
+export { default } from './TitleInput'
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..3415852
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,25 @@
+import ActivityTypeSwitch from './ActivityTypeSwitch'
+import TextareaTag from './TextareaTag'
+import AutoDegradeSwitch from './AutoDegradeSwitch'
+import CoverImageUpload from './CoverImageUpload'
+import FormBasicInfo from './FormBasicInfo'
+import NTRPSlider from './NTRPSlider'
+import ParticipantsControl from './ParticipantsControl'
+import { SelectStadium, StadiumDetail } from './SelectStadium'
+import TimeSelector from './TimeSelector'
+import TitleInput from './TitleInput'
+
+export {
+ ActivityTypeSwitch,
+ TextareaTag,
+ AutoDegradeSwitch,
+ CoverImageUpload,
+ FormBasicInfo,
+ NTRPSlider,
+ ParticipantsControl,
+ SelectStadium,
+ TimeSelector,
+ TitleInput,
+ StadiumDetail
+}
+
diff --git a/src/components/index.types.ts b/src/components/index.types.ts
new file mode 100644
index 0000000..6234305
--- /dev/null
+++ b/src/components/index.types.ts
@@ -0,0 +1,6 @@
+import { getNTRPRangeText, type NTRPRange } from './NTRPSlider'
+import { type TimeRange } from './TimeSelector'
+import { type Stadium } from './SelectStadium'
+import { type ActivityType } from './ActivityTypeSwitch'
+import { type CoverImage } from './CoverImageUpload'
+export type { NTRPRange, getNTRPRangeText, TimeRange, Stadium, ActivityType, CoverImage }
\ No newline at end of file
diff --git a/src/config/formSchema/bulishBallFormSchema.ts b/src/config/formSchema/bulishBallFormSchema.ts
deleted file mode 100644
index 66be8b7..0000000
--- a/src/config/formSchema/bulishBallFormSchema.ts
+++ /dev/null
@@ -1,173 +0,0 @@
-// 表单字段类型定义
-export type FieldType =
- | 'image-upload'
- | 'text-input'
- | 'number-input'
- | 'time-display'
- | 'multi-select'
- | 'counter'
- | 'slider'
- | 'radio-group'
- | 'checkbox'
- | 'venue-input'
-
-// 表单字段配置接口
-export interface FormFieldConfig {
- key: string // 字段名
- type: FieldType // 字段类型
- title: string // 显示标题
- required?: boolean // 是否必填
- placeholder?: string // 占位符
- hint?: string // 提示文字
- defaultValue?: any // 默认值
- validation?: { // 验证规则
- min?: number
- max?: number
- pattern?: string
- message?: string
- }
- options?: Array<{ // 选项（用于选择类型）
- label: string
- value: any
- }>
- config?: { // 特殊配置
- maxImages?: number // 图片上传最大数量
- minValue?: number // 计数器最小值
- maxValue?: number // 计数器最大值
- range?: [number, number] // 滑动条范围
- unit?: string // 单位
- showArrow?: boolean // 是否显示箭头
- }
-}
-
-// 完整的表单配置
-export interface FormConfig {
- title: string // 表单标题
- reminder?: string // 提醒文本
- fields: FormFieldConfig[] // 字段列表
- actions?: { // 底部操作
- addText?: string
- submitText?: string
- disclaimer?: string
- }
-}
-
-// 发布球的表单配置
-export const publishBallFormConfig: FormConfig = {
- title: '发布个人约球',
- reminder: '提醒: 活动开始前x小时未达到最低招募人数，活动自动取消；活动结束2天后，报名费自动转入[钱包—余额]，可提现到微信。',
- fields: [
- {
- key: 'cover',
- type: 'image-upload',
- title: '活动封面',
- required: false,
- defaultValue: [],
- config: {
- maxImages: 9
- }
- },
- {
- key: 'theme',
- type: 'text-input',
- title: '活动主题 (选填)',
- required: false,
- placeholder: '好的主题更吸引人哦',
- defaultValue: ''
- },
- {
- key: 'time',
- type: 'time-display',
- title: '活动时间',
- required: true,
- defaultValue: {
- startTime: '2025-11-23 08:00',
- endTime: '2025-11-23 10:00'
- }
- },
- {
- key: 'venue',
- type: 'venue-input',
- title: '活动场地',
- required: true,
- placeholder: '选择活动地点',
- defaultValue: '',
- config: {
- showArrow: true
- }
- },
- {
- key: 'price',
- type: 'number-input',
- title: '人均价格/元',
- required: true,
- placeholder: '请填写每个人多少钱',
- defaultValue: '',
- validation: {
- min: 0,
- message: '价格不能为负数'
- }
- },
- {
- key: 'playStyle',
- type: 'multi-select',
- title: '活动玩法',
- required: true,
- defaultValue: [],
- options: [
- { label: '单打', value: '单打' },
- { label: '双打', value: '双打' },
- { label: '娱乐拉球', value: '娱乐拉球' },
- { label: '到了再说', value: '到了再说' }
- ]
- },
- {
- key: 'playerCount',
- type: 'counter',
- title: '招募人数',
- required: true,
- defaultValue: { min: 1, max: 4 },
- config: {
- minValue: 1,
- maxValue: 50
- }
- },
- {
- key: 'ntrpRange',
- type: 'slider',
- title: 'NTRP水平区间',
- required: true,
- defaultValue: [2.0, 4.0],
- config: {
- range: [1.0, 7.0],
- unit: ''
- }
- },
- {
- key: 'genderPreference',
- type: 'radio-group',
- title: '补充要求 (选填)',
- hint: '补充性别偏好、特殊要求和注意事项等信息',
- required: false,
- defaultValue: 'unlimited',
- options: [
- { label: '选择填入', value: 'select' },
- { label: '仅限男生', value: 'male' },
- { label: '仅限女生', value: 'female' },
- { label: '性别不限', value: 'unlimited' }
- ]
- },
- {
- key: 'autoStandby',
- type: 'checkbox',
- title: '开启自动候补逻辑',
- required: false,
- defaultValue: true
- }
- ],
- actions: {
- addText: '再添加一场',
- submitText: '完成',
- disclaimer: '点击确定发布按钮，即表示已阅读并同意《约球规则》'
- }
-}
\ No newline at end of file
diff --git a/src/config/formSchema/publishBallFormSchema.ts b/src/config/formSchema/publishBallFormSchema.ts
new file mode 100644
index 0000000..67fb540
--- /dev/null
+++ b/src/config/formSchema/publishBallFormSchema.ts
@@ -0,0 +1,177 @@
+// 表单字段类型枚举
+export enum FieldType {
+ TEXT = 'text',
+ TEXTAREA = 'textarea',
+ SELECT = 'select',
+ DATE = 'date',
+ TIME = 'time',
+ NUMBER = 'number',
+ SWITCH = 'switch',
+ RADIO = 'radio',
+ CHECKBOX = 'checkbox',
+ LOCATION = 'location',
+ UPLOADIMAGE = 'uploadimage',
+ TIMEINTERVAL = 'timeinterval',
+ NUMBERINTERVAL = 'numberinterval',
+ RANGE = 'range',
+ TEXTAREATAG = 'textareaTag',
+ ACTIVITYINFO = 'activityInfo'
+}
+
+// 表单字段配置接口
+export interface FormFieldConfig {
+ key: string
+ label: string
+ type: FieldType
+ placeholder?: string
+ required?: boolean
+ defaultValue?: any
+ options?: Array<{ label: string; value: any }>
+ rules?: Array<{
+ required?: boolean
+ min?: number
+ max?: number
+ pattern?: RegExp
+ message: string
+ }>
+ props?: Record
+ description?: string
+ children?: FormFieldConfig[]
+ iconType?: string
+}
+
+// 发布球局表单配置
+export const publishBallFormSchema: FormFieldConfig[] = [
+ {
+ key: 'coverImages',
+ label: '活动封页',
+ type: FieldType.UPLOADIMAGE,
+ placeholder: '请选择活动类型',
+ required: true,
+ props: {
+ maxCount: 9
+ }
+ },
+ {
+ key: 'title',
+ label: '',
+ type: FieldType.TEXT,
+ placeholder: '好的标题更吸引人哦',
+ required: true,
+ props: {
+ maxLength: 20
+ },
+ rules: [
+ { required: true, message: '请输入活动标题' },
+ { max: 20, message: '标题不能超过20个字符' }
+ ]
+ },
+ {
+ key: 'date',
+ label: '',
+ type: FieldType.TIMEINTERVAL,
+ placeholder: '请选择活动日期',
+ required: true,
+ rules: [
+ { required: true, message: '请选择活动日期' }
+ ]
+ },
+ {
+ key: 'timeRange',
+ label: '活动信息',
+ type: FieldType.ACTIVITYINFO,
+ placeholder: '请选择活动时间',
+ required: true,
+ rules: [
+ { required: true, message: '请选择活动时间' }
+ ],
+ children: [
+ {
+ key: 'fee',
+ label: '费用',
+ iconType: 'ICON_COST',
+ type: FieldType.NUMBER,
+ placeholder: '请输入活动费用（元）',
+ defaultValue: 0,
+ rules: [
+ { min: 0, message: '费用不能为负数' },
+ { max: 1000, message: '费用不能超过1000元' }
+ ],
+ },
+ {
+ key: 'location',
+ label: '地点',
+ iconType: 'ICON_LOCATION',
+ type: FieldType.LOCATION,
+ placeholder: '请选择活动地点',
+ required: true,
+ },
+ {
+ key: 'sport',
+ label: '玩法',
+ iconType: 'ICON_GAMEPLAY',
+ type: FieldType.SELECT,
+ placeholder: '请选择玩法',
+ required: true,
+ options: [
+ { label: '篮球', value: 'basketball' },
+ { label: '足球', value: 'football' },
+ { label: '羽毛球', value: 'badminton' },
+ { label: '网球', value: 'tennis' },
+ { label: '乒乓球', value: 'pingpong' },
+ { label: '排球', value: 'volleyball' }
+ ],
+ }
+ ]
+ },
+ {
+ key: 'minParticipants',
+ label: '人数要求',
+ type: FieldType.NUMBERINTERVAL,
+ placeholder: '请输入最少参与人数',
+ defaultValue: 1,
+ rules: [
+ { min: 1, message: '最少参与人数不能为0' },
+ { max: 4, message: '最少参与人数不能超过100人' }
+ ],
+ },
+
+ {
+ key: 'ntpLevel',
+ label: 'NTRP 水平要求',
+ type: FieldType.RANGE,
+ placeholder: '请选择开始时间',
+ required: true,
+ props: {
+ min: 2.0,
+ max: 4.0,
+ }
+ },
+ {
+ key: 'additionalRequirements',
+ label: '补充要求（选填）',
+ type: FieldType.TEXTAREATAG,
+ placeholder: '补充性别偏好、特殊要求和注意事项等信息',
+ required: true,
+ options:[
+ { label: '新手', value: 'beginner' },
+ { label: '进阶', value: 'intermediate' },
+ { label: '高手', value: 'advanced' },
+ { label: '不限', value: 'any' }
+ ],
+ rules: [
+ { max: 100, message: '补充要求不能超过100个字符' }
+ ]
+ },
+ {
+ key: 'autoDegrade',
+ label: '开启自动候补逻辑',
+ type: FieldType.CHECKBOX,
+ placeholder: '开启自动候补逻辑',
+ required: true,
+ description: '开启后，当活动人数不足时，系统会自动将活动状态改为“候补”，并通知用户。',
+ rules: [
+ { required: true, message: '请选择开启自动候补逻辑' }
+ ]
+ }
+]
\ No newline at end of file
diff --git a/src/config/images.js b/src/config/images.js
new file mode 100644
index 0000000..ab20192
--- /dev/null
+++ b/src/config/images.js
@@ -0,0 +1,11 @@
+export default {
+ ICON_REMOVE: require('@/static/publishBall/icon-remove.svg'),
+ ICON_UPLOAD: require('@/static/publishBall/icon-upload.svg'),
+ ICON_LOCATION: require('@/static/publishBall/icon-location.svg'),
+ ICON_GAMEPLAY: require('@/static/publishBall/icon-gameplay.svg'),
+ ICON_PERSONAL: require('@/static/publishBall/icon-personal.svg'),
+ ICON_CHANGDA: require('@/static/publishBall/icon-changda.svg'),
+ ICON_COST: require('@/static/publishBall/icon-cost.svg'),
+ ICON_TIPS: require('@/static/publishBall/icon-tips.svg'),
+ ICON_ARROW_RIGHT: require('@/static/publishBall/icon-arrow-right.svg'),
+ }
\ No newline at end of file
diff --git a/src/nutui-theme.scss b/src/nutui-theme.scss
new file mode 100644
index 0000000..9ebc0cb
--- /dev/null
+++ b/src/nutui-theme.scss
@@ -0,0 +1,227 @@
+// ==========================================
+// NutUI 专用黑色主题覆盖文件
+// ==========================================
+
+// 引入NutUI原始样式（如果需要）
+// @import '@nutui/nutui-react-taro/dist/style.css';
+
+// 全局主题变量覆盖
+$nut-primary-color: #000000 !important;
+$nut-primary-color-end: #000000 !important;
+
+// 超强力样式覆盖 - 确保在所有环境下生效
+:global {
+ // 页面根元素
+ page,
+ .taro_page,
+ #app,
+ .app {
+
+ // ===== Checkbox 复选框 =====
+ .nut-checkbox {
+ .nut-checkbox__icon {
+ border-color: #ddd;
+
+ &.nut-checkbox__icon--checked {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+
+ &::after,
+ &::before {
+ color: #ffffff !important;
+ border-color: #ffffff !important;
+ }
+
+ .nut-icon,
+ .nut-icon-check {
+ color: #ffffff !important;
+ }
+ }
+ }
+
+ &.nut-checkbox--checked {
+ .nut-checkbox__icon {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ }
+ }
+ }
+
+ // ===== Button 按钮 =====
+ .nut-button {
+ &.nut-button--primary {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+
+ &:hover,
+ &:active,
+ &:focus {
+ background-color: #333333 !important;
+ border-color: #333333 !important;
+ color: #ffffff !important;
+ }
+ }
+
+ &.nut-button--default {
+ border-color: #000000 !important;
+ color: #000000 !important;
+
+ &:active {
+ background-color: #f5f5f5 !important;
+ }
+ }
+ }
+
+ // ===== Switch 开关 =====
+ .nut-switch {
+ &.nut-switch--open,
+ &.nut-switch--active {
+ background-color: #000000 !important;
+
+ .nut-switch__button {
+ background-color: #ffffff !important;
+ }
+ }
+ }
+
+ // ===== Radio 单选框 =====
+ .nut-radio {
+ .nut-radio__icon {
+ &.nut-radio__icon--checked {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ }
+ }
+
+ &.nut-radio--checked {
+ .nut-radio__icon {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ }
+ }
+ }
+
+ // ===== Input 输入框 =====
+ .nut-input {
+ &.nut-input--focus {
+ .nut-input__input {
+ border-color: #000000 !important;
+ }
+ }
+ }
+
+ // ===== Picker 选择器 =====
+ .nut-picker {
+ .nut-picker__confirm {
+ color: #000000 !important;
+ }
+ }
+
+ // ===== Slider 滑动条 =====
+ .nut-slider {
+ .nut-slider__track {
+ background-color: #000000 !important;
+ }
+
+ .nut-slider__button {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ }
+ }
+
+ // ===== ActionSheet 动作面板 =====
+ .nut-actionsheet {
+ .nut-actionsheet__item {
+ &.nut-actionsheet__item--active {
+ color: #000000 !important;
+ }
+ }
+ }
+
+ // ===== Tab 标签页 =====
+ .nut-tabs {
+ .nut-tabs__tab {
+ &.nut-tabs__tab--active {
+ color: #000000 !important;
+ }
+ }
+
+ .nut-tabs__line {
+ background-color: #000000 !important;
+ }
+ }
+ }
+}
+
+// 超强力直接覆盖 - 针对所有可能的选择器
+.nut-checkbox__icon--checked,
+.nut-checkbox-icon-checked,
+.nut-checkbox__icon.nut-checkbox__icon--checked,
+.nut-checkbox .nut-checkbox__icon--checked,
+.nut-checkbox .nut-checkbox__icon.nut-checkbox__icon--checked {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ background: #000000 !important;
+ border: 1px solid #000000 !important;
+}
+
+// 针对内部图标
+.nut-checkbox__icon--checked .nut-icon,
+.nut-checkbox-icon-checked .nut-icon,
+.nut-checkbox__icon--checked::after,
+.nut-checkbox-icon-checked::after,
+.nut-checkbox__icon--checked::before,
+.nut-checkbox-icon-checked::before {
+ color: #ffffff !important;
+ background-color: #ffffff !important;
+ border-color: #ffffff !important;
+}
+
+// 针对所有可能的勾选图标
+.nut-icon-check,
+.nut-icon-checklist,
+.nut-checkbox__icon--checked .nut-icon-check,
+.nut-checkbox-icon-checked .nut-icon-check {
+ color: #ffffff !important;
+ fill: #ffffff !important;
+}
+
+// 针对 checkbox button 激活状态
+.nut-checkbox-button-active,
+.nut-checkbox-button.nut-checkbox-button-active {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ background: #000000 !important;
+ border: 1px solid #000000 !important;
+}
+
+.nut-button--primary,
+.nut-button.nut-button--primary {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ background: #000000 !important;
+ border: 1px solid #000000 !important;
+}
+
+.nut-switch--open,
+.nut-switch.nut-switch--open {
+ background-color: #000000 !important;
+ background: #000000 !important;
+}
+
+.nut-radio__icon--checked,
+.nut-radio-icon-checked,
+.nut-radio .nut-radio__icon--checked {
+ background-color: #000000 !important;
+ border-color: #000000 !important;
+ color: #ffffff !important;
+ background: #000000 !important;
+ border: 1px solid #000000 !important;
+}
\ No newline at end of file
diff --git a/src/package/qqmap-wx-jssdk.js b/src/package/qqmap-wx-jssdk.js
new file mode 100644
index 0000000..e5c3454
--- /dev/null
+++ b/src/package/qqmap-wx-jssdk.js
@@ -0,0 +1,1122 @@
+/**
+ * 微信小程序JavaScriptSDK
+ *
+ * @version 1.2
+ * @date 2019-03-06
+ */
+
+var ERROR_CONF = {
+ KEY_ERR: 311,
+ KEY_ERR_MSG: 'key格式错误',
+ PARAM_ERR: 310,
+ PARAM_ERR_MSG: '请求参数信息有误',
+ SYSTEM_ERR: 600,
+ SYSTEM_ERR_MSG: '系统错误',
+ WX_ERR_CODE: 1000,
+ WX_OK_CODE: 200
+};
+var BASE_URL = 'https://apis.map.qq.com/ws/';
+var URL_SEARCH = BASE_URL + 'place/v1/search';
+var URL_SUGGESTION = BASE_URL + 'place/v1/suggestion';
+var URL_GET_GEOCODER = BASE_URL + 'geocoder/v1/';
+var URL_CITY_LIST = BASE_URL + 'district/v1/list';
+var URL_AREA_LIST = BASE_URL + 'district/v1/getchildren';
+var URL_DISTANCE = BASE_URL + 'distance/v1/';
+var URL_DIRECTION = BASE_URL + 'direction/v1/';
+var MODE = {
+ driving: 'driving',
+ transit: 'transit'
+};
+var EARTH_RADIUS = 6378136.49;
+var Utils = {
+ /**
+ * md5加密方法
+ * 版权所有©2011 Sebastian Tschan，https：//blueimp.net
+ */
+ safeAdd(x, y) {
+ var lsw = (x & 0xffff) + (y & 0xffff);
+ var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
+ return (msw << 16) | (lsw & 0xffff);
+ },
+ bitRotateLeft(num, cnt) {
+ return (num << cnt) | (num >>> (32 - cnt));
+ },
+ md5cmn(q, a, b, x, s, t) {
+ return this.safeAdd(this.bitRotateLeft(this.safeAdd(this.safeAdd(a, q), this.safeAdd(x, t)), s), b);
+ },
+ md5ff(a, b, c, d, x, s, t) {
+ return this.md5cmn((b & c) | (~b & d), a, b, x, s, t);
+ },
+ md5gg(a, b, c, d, x, s, t) {
+ return this.md5cmn((b & d) | (c & ~d), a, b, x, s, t);
+ },
+ md5hh(a, b, c, d, x, s, t) {
+ return this.md5cmn(b ^ c ^ d, a, b, x, s, t);
+ },
+ md5ii(a, b, c, d, x, s, t) {
+ return this.md5cmn(c ^ (b | ~d), a, b, x, s, t);
+ },
+ binlMD5(x, len) {
+ /* append padding */
+ x[len >> 5] |= 0x80 << (len % 32);
+ x[((len + 64) >>> 9 << 4) + 14] = len;
+
+ var i;
+ var olda;
+ var oldb;
+ var oldc;
+ var oldd;
+ var a = 1732584193;
+ var b = -271733879;
+ var c = -1732584194;
+ var d = 271733878;
+
+ for (i = 0; i < x.length; i += 16) {
+ olda = a;
+ oldb = b;
+ oldc = c;
+ oldd = d;
+
+ a = this.md5ff(a, b, c, d, x[i], 7, -680876936);
+ d = this.md5ff(d, a, b, c, x[i + 1], 12, -389564586);
+ c = this.md5ff(c, d, a, b, x[i + 2], 17, 606105819);
+ b = this.md5ff(b, c, d, a, x[i + 3], 22, -1044525330);
+ a = this.md5ff(a, b, c, d, x[i + 4], 7, -176418897);
+ d = this.md5ff(d, a, b, c, x[i + 5], 12, 1200080426);
+ c = this.md5ff(c, d, a, b, x[i + 6], 17, -1473231341);
+ b = this.md5ff(b, c, d, a, x[i + 7], 22, -45705983);
+ a = this.md5ff(a, b, c, d, x[i + 8], 7, 1770035416);
+ d = this.md5ff(d, a, b, c, x[i + 9], 12, -1958414417);
+ c = this.md5ff(c, d, a, b, x[i + 10], 17, -42063);
+ b = this.md5ff(b, c, d, a, x[i + 11], 22, -1990404162);
+ a = this.md5ff(a, b, c, d, x[i + 12], 7, 1804603682);
+ d = this.md5ff(d, a, b, c, x[i + 13], 12, -40341101);
+ c = this.md5ff(c, d, a, b, x[i + 14], 17, -1502002290);
+ b = this.md5ff(b, c, d, a, x[i + 15], 22, 1236535329);
+
+ a = this.md5gg(a, b, c, d, x[i + 1], 5, -165796510);
+ d = this.md5gg(d, a, b, c, x[i + 6], 9, -1069501632);
+ c = this.md5gg(c, d, a, b, x[i + 11], 14, 643717713);
+ b = this.md5gg(b, c, d, a, x[i], 20, -373897302);
+ a = this.md5gg(a, b, c, d, x[i + 5], 5, -701558691);
+ d = this.md5gg(d, a, b, c, x[i + 10], 9, 38016083);
+ c = this.md5gg(c, d, a, b, x[i + 15], 14, -660478335);
+ b = this.md5gg(b, c, d, a, x[i + 4], 20, -405537848);
+ a = this.md5gg(a, b, c, d, x[i + 9], 5, 568446438);
+ d = this.md5gg(d, a, b, c, x[i + 14], 9, -1019803690);
+ c = this.md5gg(c, d, a, b, x[i + 3], 14, -187363961);
+ b = this.md5gg(b, c, d, a, x[i + 8], 20, 1163531501);
+ a = this.md5gg(a, b, c, d, x[i + 13], 5, -1444681467);
+ d = this.md5gg(d, a, b, c, x[i + 2], 9, -51403784);
+ c = this.md5gg(c, d, a, b, x[i + 7], 14, 1735328473);
+ b = this.md5gg(b, c, d, a, x[i + 12], 20, -1926607734);
+
+ a = this.md5hh(a, b, c, d, x[i + 5], 4, -378558);
+ d = this.md5hh(d, a, b, c, x[i + 8], 11, -2022574463);
+ c = this.md5hh(c, d, a, b, x[i + 11], 16, 1839030562);
+ b = this.md5hh(b, c, d, a, x[i + 14], 23, -35309556);
+ a = this.md5hh(a, b, c, d, x[i + 1], 4, -1530992060);
+ d = this.md5hh(d, a, b, c, x[i + 4], 11, 1272893353);
+ c = this.md5hh(c, d, a, b, x[i + 7], 16, -155497632);
+ b = this.md5hh(b, c, d, a, x[i + 10], 23, -1094730640);
+ a = this.md5hh(a, b, c, d, x[i + 13], 4, 681279174);
+ d = this.md5hh(d, a, b, c, x[i], 11, -358537222);
+ c = this.md5hh(c, d, a, b, x[i + 3], 16, -722521979);
+ b = this.md5hh(b, c, d, a, x[i + 6], 23, 76029189);
+ a = this.md5hh(a, b, c, d, x[i + 9], 4, -640364487);
+ d = this.md5hh(d, a, b, c, x[i + 12], 11, -421815835);
+ c = this.md5hh(c, d, a, b, x[i + 15], 16, 530742520);
+ b = this.md5hh(b, c, d, a, x[i + 2], 23, -995338651);
+
+ a = this.md5ii(a, b, c, d, x[i], 6, -198630844);
+ d = this.md5ii(d, a, b, c, x[i + 7], 10, 1126891415);
+ c = this.md5ii(c, d, a, b, x[i + 14], 15, -1416354905);
+ b = this.md5ii(b, c, d, a, x[i + 5], 21, -57434055);
+ a = this.md5ii(a, b, c, d, x[i + 12], 6, 1700485571);
+ d = this.md5ii(d, a, b, c, x[i + 3], 10, -1894986606);
+ c = this.md5ii(c, d, a, b, x[i + 10], 15, -1051523);
+ b = this.md5ii(b, c, d, a, x[i + 1], 21, -2054922799);
+ a = this.md5ii(a, b, c, d, x[i + 8], 6, 1873313359);
+ d = this.md5ii(d, a, b, c, x[i + 15], 10, -30611744);
+ c = this.md5ii(c, d, a, b, x[i + 6], 15, -1560198380);
+ b = this.md5ii(b, c, d, a, x[i + 13], 21, 1309151649);
+ a = this.md5ii(a, b, c, d, x[i + 4], 6, -145523070);
+ d = this.md5ii(d, a, b, c, x[i + 11], 10, -1120210379);
+ c = this.md5ii(c, d, a, b, x[i + 2], 15, 718787259);
+ b = this.md5ii(b, c, d, a, x[i + 9], 21, -343485551);
+
+ a = this.safeAdd(a, olda);
+ b = this.safeAdd(b, oldb);
+ c = this.safeAdd(c, oldc);
+ d = this.safeAdd(d, oldd);
+ }
+ return [a, b, c, d];
+ },
+ binl2rstr(input) {
+ var i;
+ var output = '';
+ var length32 = input.length * 32;
+ for (i = 0; i < length32; i += 8) {
+ output += String.fromCharCode((input[i >> 5] >>> (i % 32)) & 0xff);
+ }
+ return output;
+ },
+ rstr2binl(input) {
+ var i;
+ var output = [];
+ output[(input.length >> 2) - 1] = undefined;
+ for (i = 0; i < output.length; i += 1) {
+ output[i] = 0;
+ }
+ var length8 = input.length * 8;
+ for (i = 0; i < length8; i += 8) {
+ output[i >> 5] |= (input.charCodeAt(i / 8) & 0xff) << (i % 32);
+ }
+ return output;
+ },
+ rstrMD5(s) {
+ return this.binl2rstr(this.binlMD5(this.rstr2binl(s), s.length * 8));
+ },
+ rstrHMACMD5(key, data) {
+ var i;
+ var bkey = this.rstr2binl(key);
+ var ipad = [];
+ var opad = [];
+ var hash;
+ ipad[15] = opad[15] = undefined;
+ if (bkey.length > 16) {
+ bkey = this.binlMD5(bkey, key.length * 8);
+ }
+ for (i = 0; i < 16; i += 1) {
+ ipad[i] = bkey[i] ^ 0x36363636;
+ opad[i] = bkey[i] ^ 0x5c5c5c5c;
+ }
+ hash = this.binlMD5(ipad.concat(this.rstr2binl(data)), 512 + data.length * 8);
+ return this.binl2rstr(this.binlMD5(opad.concat(hash), 512 + 128));
+ },
+ rstr2hex(input) {
+ var hexTab = '0123456789abcdef';
+ var output = '';
+ var x;
+ var i;
+ for (i = 0; i < input.length; i += 1) {
+ x = input.charCodeAt(i);
+ output += hexTab.charAt((x >>> 4) & 0x0f) + hexTab.charAt(x & 0x0f);
+ }
+ return output;
+ },
+ str2rstrUTF8(input) {
+ return unescape(encodeURIComponent(input));
+ },
+ rawMD5(s) {
+ return this.rstrMD5(this.str2rstrUTF8(s));
+ },
+ hexMD5(s) {
+ return this.rstr2hex(this.rawMD5(s));
+ },
+ rawHMACMD5(k, d) {
+ return this.rstrHMACMD5(this.str2rstrUTF8(k), str2rstrUTF8(d));
+ },
+ hexHMACMD5(k, d) {
+ return this.rstr2hex(this.rawHMACMD5(k, d));
+ },
+
+ md5(string, key, raw) {
+ if (!key) {
+ if (!raw) {
+ return this.hexMD5(string);
+ }
+ return this.rawMD5(string);
+ }
+ if (!raw) {
+ return this.hexHMACMD5(key, string);
+ }
+ return this.rawHMACMD5(key, string);
+ },
+ /**
+ * 得到md5加密后的sig参数
+ * @param {Object} requestParam 接口参数
+ * @param {String} sk签名字符串
+ * @param {String} featrue 方法名
+ * @return 返回加密后的sig参数
+ */
+ getSig(requestParam, sk, feature, mode) {
+ var sig = null;
+ var requestArr = [];
+ Object.keys(requestParam).sort().forEach(function(key){
+ requestArr.push(key + '=' + requestParam[key]);
+ });
+ if (feature == 'search') {
+ sig = '/ws/place/v1/search?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'suggest') {
+ sig = '/ws/place/v1/suggestion?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'reverseGeocoder') {
+ sig = '/ws/geocoder/v1/?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'geocoder') {
+ sig = '/ws/geocoder/v1/?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'getCityList') {
+ sig = '/ws/district/v1/list?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'getDistrictByCityId') {
+ sig = '/ws/district/v1/getchildren?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'calculateDistance') {
+ sig = '/ws/distance/v1/?' + requestArr.join('&') + sk;
+ }
+ if (feature == 'direction') {
+ sig = '/ws/direction/v1/' + mode + '?' + requestArr.join('&') + sk;
+ }
+ sig = this.md5(sig);
+ return sig;
+ },
+ /**
+ * 得到终点query字符串
+ * @param {Array|String} 检索数据
+ */
+ location2query(data) {
+ if (typeof data == 'string') {
+ return data;
+ }
+ var query = '';
+ for (var i = 0; i < data.length; i++) {
+ var d = data[i];
+ if (!!query) {
+ query += ';';
+ }
+ if (d.location) {
+ query = query + d.location.lat + ',' + d.location.lng;
+ }
+ if (d.latitude && d.longitude) {
+ query = query + d.latitude + ',' + d.longitude;
+ }
+ }
+ return query;
+ },
+
+ /**
+ * 计算角度
+ */
+ rad(d) {
+ return d * Math.PI / 180.0;
+ },
+ /**
+ * 处理终点location数组
+ * @return 返回终点数组
+ */
+ getEndLocation(location){
+ var to = location.split(';');
+ var endLocation = [];
+ for (var i = 0; i < to.length; i++) {
+ endLocation.push({
+ lat: parseFloat(to[i].split(',')[0]),
+ lng: parseFloat(to[i].split(',')[1])
+ })
+ }
+ return endLocation;
+ },
+
+ /**
+ * 计算两点间直线距离
+ * @param a 表示纬度差
+ * @param b 表示经度差
+ * @return 返回的是距离，单位m
+ */
+ getDistance(latFrom, lngFrom, latTo, lngTo) {
+ var radLatFrom = this.rad(latFrom);
+ var radLatTo = this.rad(latTo);
+ var a = radLatFrom - radLatTo;
+ var b = this.rad(lngFrom) - this.rad(lngTo);
+ var distance = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLatFrom) * Math.cos(radLatTo) * Math.pow(Math.sin(b / 2), 2)));
+ distance = distance * EARTH_RADIUS;
+ distance = Math.round(distance * 10000) / 10000;
+ return parseFloat(distance.toFixed(0));
+ },
+ /**
+ * 使用微信接口进行定位
+ */
+ getWXLocation(success, fail, complete) {
+ wx.getLocation({
+ type: 'gcj02',
+ success: success,
+ fail: fail,
+ complete: complete
+ });
+ },
+
+ /**
+ * 获取location参数
+ */
+ getLocationParam(location) {
+ if (typeof location == 'string') {
+ var locationArr = location.split(',');
+ if (locationArr.length === 2) {
+ location = {
+ latitude: location.split(',')[0],
+ longitude: location.split(',')[1]
+ };
+ } else {
+ location = {};
+ }
+ }
+ return location;
+ },
+
+ /**
+ * 回调函数默认处理
+ */
+ polyfillParam(param) {
+ param.success = param.success || function () { };
+ param.fail = param.fail || function () { };
+ param.complete = param.complete || function () { };
+ },
+
+ /**
+ * 验证param对应的key值是否为空
+ *
+ * @param {Object} param 接口参数
+ * @param {String} key 对应参数的key
+ */
+ checkParamKeyEmpty(param, key) {
+ if (!param[key]) {
+ var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key +'参数格式有误');
+ param.fail(errconf);
+ param.complete(errconf);
+ return true;
+ }
+ return false;
+ },
+
+ /**
+ * 验证参数中是否存在检索词keyword
+ *
+ * @param {Object} param 接口参数
+ */
+ checkKeyword(param){
+ return !this.checkParamKeyEmpty(param, 'keyword');
+ },
+
+ /**
+ * 验证location值
+ *
+ * @param {Object} param 接口参数
+ */
+ checkLocation(param) {
+ var location = this.getLocationParam(param.location);
+ if (!location || !location.latitude || !location.longitude) {
+ var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误');
+ param.fail(errconf);
+ param.complete(errconf);
+ return false;
+ }
+ return true;
+ },
+
+ /**
+ * 构造错误数据结构
+ * @param {Number} errCode 错误码
+ * @param {Number} errMsg 错误描述
+ */
+ buildErrorConfig(errCode, errMsg) {
+ return {
+ status: errCode,
+ message: errMsg
+ };
+ },
+
+ /**
+ *
+ * 数据处理函数
+ * 根据传入参数不同处理不同数据
+ * @param {String} feature 功能名称
+ * search 地点搜索
+ * suggest关键词提示
+ * reverseGeocoder逆地址解析
+ * geocoder地址解析
+ * getCityList获取城市列表：父集
+ * getDistrictByCityId获取区县列表：子集
+ * calculateDistance距离计算
+ * @param {Object} param 接口参数
+ * @param {Object} data 数据
+ */
+ handleData(param,data,feature){
+ if (feature == 'search') {
+ var searchResult = data.data;
+ var searchSimplify = [];
+ for (var i = 0; i < searchResult.length; i++) {
+ searchSimplify.push({
+ id: searchResult[i].id || null,
+ title: searchResult[i].title || null,
+ latitude: searchResult[i].location && searchResult[i].location.lat || null,
+ longitude: searchResult[i].location && searchResult[i].location.lng || null,
+ address: searchResult[i].address || null,
+ category: searchResult[i].category || null,
+ tel: searchResult[i].tel || null,
+ adcode: searchResult[i].ad_info && searchResult[i].ad_info.adcode || null,
+ city: searchResult[i].ad_info && searchResult[i].ad_info.city || null,
+ district: searchResult[i].ad_info && searchResult[i].ad_info.district || null,
+ province: searchResult[i].ad_info && searchResult[i].ad_info.province || null
+ })
+ }
+ param.success(data, {
+ searchResult: searchResult,
+ searchSimplify: searchSimplify
+ })
+ } else if (feature == 'suggest') {
+ var suggestResult = data.data;
+ var suggestSimplify = [];
+ for (var i = 0; i < suggestResult.length; i++) {
+ suggestSimplify.push({
+ adcode: suggestResult[i].adcode || null,
+ address: suggestResult[i].address || null,
+ category: suggestResult[i].category || null,
+ city: suggestResult[i].city || null,
+ district: suggestResult[i].district || null,
+ id: suggestResult[i].id || null,
+ latitude: suggestResult[i].location && suggestResult[i].location.lat || null,
+ longitude: suggestResult[i].location && suggestResult[i].location.lng || null,
+ province: suggestResult[i].province || null,
+ title: suggestResult[i].title || null,
+ type: suggestResult[i].type || null
+ })
+ }
+ param.success(data, {
+ suggestResult: suggestResult,
+ suggestSimplify: suggestSimplify
+ })
+ } else if (feature == 'reverseGeocoder') {
+ var reverseGeocoderResult = data.result;
+ var reverseGeocoderSimplify = {
+ address: reverseGeocoderResult.address || null,
+ latitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lat || null,
+ longitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lng || null,
+ adcode: reverseGeocoderResult.ad_info && reverseGeocoderResult.ad_info.adcode || null,
+ city: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.city || null,
+ district: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.district || null,
+ nation: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.nation || null,
+ province: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.province || null,
+ street: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street || null,
+ street_number: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street_number || null,
+ recommend: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.recommend || null,
+ rough: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.rough || null
+ };
+ if (reverseGeocoderResult.pois) {//判断是否返回周边poi
+ var pois = reverseGeocoderResult.pois;
+ var poisSimplify = [];
+ for (var i = 0;i < pois.length;i++) {
+ poisSimplify.push({
+ id: pois[i].id || null,
+ title: pois[i].title || null,
+ latitude: pois[i].location && pois[i].location.lat || null,
+ longitude: pois[i].location && pois[i].location.lng || null,
+ address: pois[i].address || null,
+ category: pois[i].category || null,
+ adcode: pois[i].ad_info && pois[i].ad_info.adcode || null,
+ city: pois[i].ad_info && pois[i].ad_info.city || null,
+ district: pois[i].ad_info && pois[i].ad_info.district || null,
+ province: pois[i].ad_info && pois[i].ad_info.province || null
+ })
+ }
+ param.success(data,{
+ reverseGeocoderResult: reverseGeocoderResult,
+ reverseGeocoderSimplify: reverseGeocoderSimplify,
+ pois: pois,
+ poisSimplify: poisSimplify
+ })
+ } else {
+ param.success(data, {
+ reverseGeocoderResult: reverseGeocoderResult,
+ reverseGeocoderSimplify: reverseGeocoderSimplify
+ })
+ }
+ } else if (feature == 'geocoder') {
+ var geocoderResult = data.result;
+ var geocoderSimplify = {
+ title: geocoderResult.title || null,
+ latitude: geocoderResult.location && geocoderResult.location.lat || null,
+ longitude: geocoderResult.location && geocoderResult.location.lng || null,
+ adcode: geocoderResult.ad_info && geocoderResult.ad_info.adcode || null,
+ province: geocoderResult.address_components && geocoderResult.address_components.province || null,
+ city: geocoderResult.address_components && geocoderResult.address_components.city || null,
+ district: geocoderResult.address_components && geocoderResult.address_components.district || null,
+ street: geocoderResult.address_components && geocoderResult.address_components.street || null,
+ street_number: geocoderResult.address_components && geocoderResult.address_components.street_number || null,
+ level: geocoderResult.level || null
+ };
+ param.success(data,{
+ geocoderResult: geocoderResult,
+ geocoderSimplify: geocoderSimplify
+ });
+ } else if (feature == 'getCityList') {
+ var provinceResult = data.result[0];
+ var cityResult = data.result[1];
+ var districtResult = data.result[2];
+ param.success(data,{
+ provinceResult: provinceResult,
+ cityResult: cityResult,
+ districtResult: districtResult
+ });
+ } else if (feature == 'getDistrictByCityId') {
+ var districtByCity = data.result[0];
+ param.success(data, districtByCity);
+ } else if (feature == 'calculateDistance') {
+ var calculateDistanceResult = data.result.elements;
+ var distance = [];
+ for (var i = 0; i < calculateDistanceResult.length; i++){
+ distance.push(calculateDistanceResult[i].distance);
+ }
+ param.success(data, {
+ calculateDistanceResult: calculateDistanceResult,
+ distance: distance
+ });
+ } else if (feature == 'direction') {
+ var direction = data.result.routes;
+ param.success(data,direction);
+ } else {
+ param.success(data);
+ }
+ },
+
+ /**
+ * 构造微信请求参数，公共属性处理
+ *
+ * @param {Object} param 接口参数
+ * @param {Object} param 配置项
+ * @param {String} feature 方法名
+ */
+ buildWxRequestConfig(param, options, feature) {
+ var that = this;
+ options.header = { "content-type": "application/json" };
+ options.method = 'GET';
+ options.success = function (res) {
+ var data = res.data;
+ if (data.status === 0) {
+ that.handleData(param, data, feature);
+ } else {
+ param.fail(data);
+ }
+ };
+ options.fail = function (res) {
+ res.statusCode = ERROR_CONF.WX_ERR_CODE;
+ param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
+ };
+ options.complete = function (res) {
+ var statusCode = +res.statusCode;
+ switch(statusCode) {
+ case ERROR_CONF.WX_ERR_CODE: {
+ param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
+ break;
+ }
+ case ERROR_CONF.WX_OK_CODE: {
+ var data = res.data;
+ if (data.status === 0) {
+ param.complete(data);
+ } else {
+ param.complete(that.buildErrorConfig(data.status, data.message));
+ }
+ break;
+ }
+ default:{
+ param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG));
+ }
+
+ }
+ };
+ return options;
+ },
+
+ /**
+ * 处理用户参数是否传入坐标进行不同的处理
+ */
+ locationProcess(param, locationsuccess, locationfail, locationcomplete) {
+ var that = this;
+ locationfail = locationfail || function (res) {
+ res.statusCode = ERROR_CONF.WX_ERR_CODE;
+ param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
+ };
+ locationcomplete = locationcomplete || function (res) {
+ if (res.statusCode == ERROR_CONF.WX_ERR_CODE) {
+ param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
+ }
+ };
+ if (!param.location) {
+ that.getWXLocation(locationsuccess, locationfail, locationcomplete);
+ } else if (that.checkLocation(param)) {
+ var location = Utils.getLocationParam(param.location);
+ locationsuccess(location);
+ }
+ }
+};
+
+
+class QQMapWX {
+
+ /**
+ * 构造函数
+ *
+ * @param {Object} options 接口参数,key 为必选参数
+ */
+ constructor(options) {
+ if (!options.key) {
+ throw Error('key值不能为空');
+ }
+ this.key = options.key;
+ };
+
+ /**
+ * POI周边检索
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 参数对象结构可以参考
+ * @see http://lbs.qq.com/webservice_v1/guide-search.html
+ */
+ search(options) {
+ var that = this;
+ options = options || {};
+
+ Utils.polyfillParam(options);
+
+ if (!Utils.checkKeyword(options)) {
+ return;
+ }
+
+ var requestParam = {
+ keyword: options.keyword,
+ orderby: options.orderby || '_distance',
+ page_size: options.page_size || 10,
+ page_index: options.page_index || 1,
+ output: 'json',
+ key: that.key
+ };
+
+ if (options.address_format) {
+ requestParam.address_format = options.address_format;
+ }
+
+ if (options.filter) {
+ requestParam.filter = options.filter;
+ }
+
+ var distance = options.distance || "1000";
+ var auto_extend = options.auto_extend || 1;
+ var region = null;
+ var rectangle = null;
+
+ //判断城市限定参数
+ if (options.region) {
+ region = options.region;
+ }
+
+ //矩形限定坐标(暂时只支持字符串格式)
+ if (options.rectangle) {
+ rectangle = options.rectangle;
+ }
+
+ var locationsuccess = function (result) {
+ if (region && !rectangle) {
+ //城市限定参数拼接
+ requestParam.boundary = "region(" + region + "," + auto_extend + "," + result.latitude + "," + result.longitude + ")";
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'search');
+ }
+ } else if (rectangle && !region) {
+ //矩形搜索
+ requestParam.boundary = "rectangle(" + rectangle + ")";
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'search');
+ }
+ } else {
+ requestParam.boundary = "nearby(" + result.latitude + "," + result.longitude + "," + distance + "," + auto_extend + ")";
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'search');
+ }
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_SEARCH,
+ data: requestParam
+ }, 'search'));
+ };
+ Utils.locationProcess(options, locationsuccess);
+ };
+
+ /**
+ * sug模糊检索
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 参数对象结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-suggestion.html
+ */
+ getSuggestion(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+
+ if (!Utils.checkKeyword(options)) {
+ return;
+ }
+
+ var requestParam = {
+ keyword: options.keyword,
+ region: options.region || '全国',
+ region_fix: options.region_fix || 0,
+ policy: options.policy || 0,
+ page_size: options.page_size || 10,//控制显示条数
+ page_index: options.page_index || 1,//控制页数
+ get_subpois : options.get_subpois || 0,//返回子地点
+ output: 'json',
+ key: that.key
+ };
+ //长地址
+ if (options.address_format) {
+ requestParam.address_format = options.address_format;
+ }
+ //过滤
+ if (options.filter) {
+ requestParam.filter = options.filter;
+ }
+ //排序
+ if (options.location) {
+ var locationsuccess = function (result) {
+ requestParam.location = result.latitude + ',' + result.longitude;
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'suggest');
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_SUGGESTION,
+ data: requestParam
+ }, "suggest"));
+ };
+ Utils.locationProcess(options, locationsuccess);
+ } else {
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'suggest');
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_SUGGESTION,
+ data: requestParam
+ }, "suggest"));
+ }
+ };
+
+ /**
+ * 逆地址解析
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-gcoder.html
+ */
+ reverseGeocoder(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+ var requestParam = {
+ coord_type: options.coord_type || 5,
+ get_poi: options.get_poi || 0,
+ output: 'json',
+ key: that.key
+ };
+ if (options.poi_options) {
+ requestParam.poi_options = options.poi_options
+ }
+
+ var locationsuccess = function (result) {
+ requestParam.location = result.latitude + ',' + result.longitude;
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'reverseGeocoder');
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_GET_GEOCODER,
+ data: requestParam
+ }, 'reverseGeocoder'));
+ };
+ Utils.locationProcess(options, locationsuccess);
+ };
+
+ /**
+ * 地址解析
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-geocoder.html
+ */
+ geocoder(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+
+ if (Utils.checkParamKeyEmpty(options, 'address')) {
+ return;
+ }
+
+ var requestParam = {
+ address: options.address,
+ output: 'json',
+ key: that.key
+ };
+
+ //城市限定
+ if (options.region) {
+ requestParam.region = options.region;
+ }
+
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'geocoder');
+ }
+
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_GET_GEOCODER,
+ data: requestParam
+ },'geocoder'));
+ };
+
+
+ /**
+ * 获取城市列表
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-region.html
+ */
+ getCityList(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+ var requestParam = {
+ output: 'json',
+ key: that.key
+ };
+
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'getCityList');
+ }
+
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_CITY_LIST,
+ data: requestParam
+ },'getCityList'));
+ };
+
+ /**
+ * 获取对应城市ID的区县列表
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-region.html
+ */
+ getDistrictByCityId(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+
+ if (Utils.checkParamKeyEmpty(options, 'id')) {
+ return;
+ }
+
+ var requestParam = {
+ id: options.id || '',
+ output: 'json',
+ key: that.key
+ };
+
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'getDistrictByCityId');
+ }
+
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_AREA_LIST,
+ data: requestParam
+ },'getDistrictByCityId'));
+ };
+
+ /**
+ * 用于单起点到多终点的路线距离(非直线距离)计算：
+ * 支持两种距离计算方式：步行和驾车。
+ * 起点到终点最大限制直线距离10公里。
+ *
+ * 新增直线距离计算。
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * http://lbs.qq.com/webservice_v1/guide-distance.html
+ */
+ calculateDistance(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+
+ if (Utils.checkParamKeyEmpty(options, 'to')) {
+ return;
+ }
+
+ var requestParam = {
+ mode: options.mode || 'walking',
+ to: Utils.location2query(options.to),
+ output: 'json',
+ key: that.key
+ };
+
+ if (options.from) {
+ options.location = options.from;
+ }
+
+ //计算直线距离
+ if(requestParam.mode == 'straight'){
+ var locationsuccess = function (result) {
+ var locationTo = Utils.getEndLocation(requestParam.to);//处理终点坐标
+ var data = {
+ message:"query ok",
+ result:{
+ elements:[]
+ },
+ status:0
+ };
+ for (var i = 0; i < locationTo.length; i++) {
+ data.result.elements.push({//将坐标存入
+ distance: Utils.getDistance(result.latitude, result.longitude, locationTo[i].lat, locationTo[i].lng),
+ duration:0,
+ from:{
+ lat: result.latitude,
+ lng:result.longitude
+ },
+ to:{
+ lat: locationTo[i].lat,
+ lng: locationTo[i].lng
+ }
+ });
+ }
+ var calculateResult = data.result.elements;
+ var distanceResult = [];
+ for (var i = 0; i < calculateResult.length; i++) {
+ distanceResult.push(calculateResult[i].distance);
+ }
+ return options.success(data,{
+ calculateResult: calculateResult,
+ distanceResult: distanceResult
+ });
+ };
+
+ Utils.locationProcess(options, locationsuccess);
+ } else {
+ var locationsuccess = function (result) {
+ requestParam.from = result.latitude + ',' + result.longitude;
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'calculateDistance');
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: URL_DISTANCE,
+ data: requestParam
+ },'calculateDistance'));
+ };
+
+ Utils.locationProcess(options, locationsuccess);
+ }
+ };
+
+ /**
+ * 路线规划：
+ *
+ * @param {Object} options 接口参数对象
+ *
+ * 请求参数结构可以参考
+ * https://lbs.qq.com/webservice_v1/guide-road.html
+ */
+ direction(options) {
+ var that = this;
+ options = options || {};
+ Utils.polyfillParam(options);
+
+ if (Utils.checkParamKeyEmpty(options, 'to')) {
+ return;
+ }
+
+ var requestParam = {
+ output: 'json',
+ key: that.key
+ };
+
+ //to格式处理
+ if (typeof options.to == 'string') {
+ requestParam.to = options.to;
+ } else {
+ requestParam.to = options.to.latitude + ',' + options.to.longitude;
+ }
+ //初始化局部请求域名
+ var SET_URL_DIRECTION = null;
+ //设置默认mode属性
+ options.mode = options.mode || MODE.driving;
+
+ //设置请求域名
+ SET_URL_DIRECTION = URL_DIRECTION + options.mode;
+
+ if (options.from) {
+ options.location = options.from;
+ }
+
+ if (options.mode == MODE.driving) {
+ if (options.from_poi) {
+ requestParam.from_poi = options.from_poi;
+ }
+ if (options.heading) {
+ requestParam.heading = options.heading;
+ }
+ if (options.speed) {
+ requestParam.speed = options.speed;
+ }
+ if (options.accuracy) {
+ requestParam.accuracy = options.accuracy;
+ }
+ if (options.road_type) {
+ requestParam.road_type = options.road_type;
+ }
+ if (options.to_poi) {
+ requestParam.to_poi = options.to_poi;
+ }
+ if (options.from_track) {
+ requestParam.from_track = options.from_track;
+ }
+ if (options.waypoints) {
+ requestParam.waypoints = options.waypoints;
+ }
+ if (options.policy) {
+ requestParam.policy = options.policy;
+ }
+ if (options.plate_number) {
+ requestParam.plate_number = options.plate_number;
+ }
+ }
+
+ if (options.mode == MODE.transit) {
+ if (options.departure_time) {
+ requestParam.departure_time = options.departure_time;
+ }
+ if (options.policy) {
+ requestParam.policy = options.policy;
+ }
+ }
+
+ var locationsuccess = function (result) {
+ requestParam.from = result.latitude + ',' + result.longitude;
+ if (options.sig) {
+ requestParam.sig = Utils.getSig(requestParam, options.sig, 'direction',options.mode);
+ }
+ wx.request(Utils.buildWxRequestConfig(options, {
+ url: SET_URL_DIRECTION,
+ data: requestParam
+ }, 'direction'));
+ };
+
+ Utils.locationProcess(options, locationsuccess);
+ }
+};
+
+module.exports = QQMapWX;
\ No newline at end of file
diff --git a/src/package/qqmap-wx-jssdk.min.js b/src/package/qqmap-wx-jssdk.min.js
new file mode 100644
index 0000000..8fa1477
--- /dev/null
+++ b/src/package/qqmap-wx-jssdk.min.js
@@ -0,0 +1 @@
+var ERROR_CONF = { KEY_ERR: 311, KEY_ERR_MSG: 'key格式错误', PARAM_ERR: 310, PARAM_ERR_MSG: '请求参数信息有误', SYSTEM_ERR: 600, SYSTEM_ERR_MSG: '系统错误', WX_ERR_CODE: 1000, WX_OK_CODE: 200 }; var BASE_URL = 'https://apis.map.qq.com/ws/'; var URL_SEARCH = BASE_URL + 'place/v1/search'; var URL_SUGGESTION = BASE_URL + 'place/v1/suggestion'; var URL_GET_GEOCODER = BASE_URL + 'geocoder/v1/'; var URL_CITY_LIST = BASE_URL + 'district/v1/list'; var URL_AREA_LIST = BASE_URL + 'district/v1/getchildren'; var URL_DISTANCE = BASE_URL + 'distance/v1/'; var URL_DIRECTION = BASE_URL + 'direction/v1/'; var MODE = { driving: 'driving', transit: 'transit' }; var EARTH_RADIUS = 6378136.49; var Utils = { safeAdd(x, y) { var lsw = (x & 0xffff) + (y & 0xffff); var msw = (x >> 16) + (y >> 16) + (lsw >> 16); return (msw << 16) | (lsw & 0xffff) }, bitRotateLeft(num, cnt) { return (num << cnt) | (num >>> (32 - cnt)) }, md5cmn(q, a, b, x, s, t) { return this.safeAdd(this.bitRotateLeft(this.safeAdd(this.safeAdd(a, q), this.safeAdd(x, t)), s), b) }, md5ff(a, b, c, d, x, s, t) { return this.md5cmn((b & c) | (~b & d), a, b, x, s, t) }, md5gg(a, b, c, d, x, s, t) { return this.md5cmn((b & d) | (c & ~d), a, b, x, s, t) }, md5hh(a, b, c, d, x, s, t) { return this.md5cmn(b ^ c ^ d, a, b, x, s, t) }, md5ii(a, b, c, d, x, s, t) { return this.md5cmn(c ^ (b | ~d), a, b, x, s, t) }, binlMD5(x, len) { x[len >> 5] |= 0x80 << (len % 32); x[((len + 64) >>> 9 << 4) + 14] = len; var i; var olda; var oldb; var oldc; var oldd; var a = 1732584193; var b = -271733879; var c = -1732584194; var d = 271733878; for (i = 0; i < x.length; i += 16) { olda = a; oldb = b; oldc = c; oldd = d; a = this.md5ff(a, b, c, d, x[i], 7, -680876936); d = this.md5ff(d, a, b, c, x[i + 1], 12, -389564586); c = this.md5ff(c, d, a, b, x[i + 2], 17, 606105819); b = this.md5ff(b, c, d, a, x[i + 3], 22, -1044525330); a = this.md5ff(a, b, c, d, x[i + 4], 7, -176418897); d = this.md5ff(d, a, b, c, x[i + 5], 12, 1200080426); c = this.md5ff(c, d, a, b, x[i + 6], 17, -1473231341); b = this.md5ff(b, c, d, a, x[i + 7], 22, -45705983); a = this.md5ff(a, b, c, d, x[i + 8], 7, 1770035416); d = this.md5ff(d, a, b, c, x[i + 9], 12, -1958414417); c = this.md5ff(c, d, a, b, x[i + 10], 17, -42063); b = this.md5ff(b, c, d, a, x[i + 11], 22, -1990404162); a = this.md5ff(a, b, c, d, x[i + 12], 7, 1804603682); d = this.md5ff(d, a, b, c, x[i + 13], 12, -40341101); c = this.md5ff(c, d, a, b, x[i + 14], 17, -1502002290); b = this.md5ff(b, c, d, a, x[i + 15], 22, 1236535329); a = this.md5gg(a, b, c, d, x[i + 1], 5, -165796510); d = this.md5gg(d, a, b, c, x[i + 6], 9, -1069501632); c = this.md5gg(c, d, a, b, x[i + 11], 14, 643717713); b = this.md5gg(b, c, d, a, x[i], 20, -373897302); a = this.md5gg(a, b, c, d, x[i + 5], 5, -701558691); d = this.md5gg(d, a, b, c, x[i + 10], 9, 38016083); c = this.md5gg(c, d, a, b, x[i + 15], 14, -660478335); b = this.md5gg(b, c, d, a, x[i + 4], 20, -405537848); a = this.md5gg(a, b, c, d, x[i + 9], 5, 568446438); d = this.md5gg(d, a, b, c, x[i + 14], 9, -1019803690); c = this.md5gg(c, d, a, b, x[i + 3], 14, -187363961); b = this.md5gg(b, c, d, a, x[i + 8], 20, 1163531501); a = this.md5gg(a, b, c, d, x[i + 13], 5, -1444681467); d = this.md5gg(d, a, b, c, x[i + 2], 9, -51403784); c = this.md5gg(c, d, a, b, x[i + 7], 14, 1735328473); b = this.md5gg(b, c, d, a, x[i + 12], 20, -1926607734); a = this.md5hh(a, b, c, d, x[i + 5], 4, -378558); d = this.md5hh(d, a, b, c, x[i + 8], 11, -2022574463); c = this.md5hh(c, d, a, b, x[i + 11], 16, 1839030562); b = this.md5hh(b, c, d, a, x[i + 14], 23, -35309556); a = this.md5hh(a, b, c, d, x[i + 1], 4, -1530992060); d = this.md5hh(d, a, b, c, x[i + 4], 11, 1272893353); c = this.md5hh(c, d, a, b, x[i + 7], 16, -155497632); b = this.md5hh(b, c, d, a, x[i + 10], 23, -1094730640); a = this.md5hh(a, b, c, d, x[i + 13], 4, 681279174); d = this.md5hh(d, a, b, c, x[i], 11, -358537222); c = this.md5hh(c, d, a, b, x[i + 3], 16, -722521979); b = this.md5hh(b, c, d, a, x[i + 6], 23, 76029189); a = this.md5hh(a, b, c, d, x[i + 9], 4, -640364487); d = this.md5hh(d, a, b, c, x[i + 12], 11, -421815835); c = this.md5hh(c, d, a, b, x[i + 15], 16, 530742520); b = this.md5hh(b, c, d, a, x[i + 2], 23, -995338651); a = this.md5ii(a, b, c, d, x[i], 6, -198630844); d = this.md5ii(d, a, b, c, x[i + 7], 10, 1126891415); c = this.md5ii(c, d, a, b, x[i + 14], 15, -1416354905); b = this.md5ii(b, c, d, a, x[i + 5], 21, -57434055); a = this.md5ii(a, b, c, d, x[i + 12], 6, 1700485571); d = this.md5ii(d, a, b, c, x[i + 3], 10, -1894986606); c = this.md5ii(c, d, a, b, x[i + 10], 15, -1051523); b = this.md5ii(b, c, d, a, x[i + 1], 21, -2054922799); a = this.md5ii(a, b, c, d, x[i + 8], 6, 1873313359); d = this.md5ii(d, a, b, c, x[i + 15], 10, -30611744); c = this.md5ii(c, d, a, b, x[i + 6], 15, -1560198380); b = this.md5ii(b, c, d, a, x[i + 13], 21, 1309151649); a = this.md5ii(a, b, c, d, x[i + 4], 6, -145523070); d = this.md5ii(d, a, b, c, x[i + 11], 10, -1120210379); c = this.md5ii(c, d, a, b, x[i + 2], 15, 718787259); b = this.md5ii(b, c, d, a, x[i + 9], 21, -343485551); a = this.safeAdd(a, olda); b = this.safeAdd(b, oldb); c = this.safeAdd(c, oldc); d = this.safeAdd(d, oldd) } return [a, b, c, d] }, binl2rstr(input) { var i; var output = ''; var length32 = input.length * 32; for (i = 0; i < length32; i += 8) { output += String.fromCharCode((input[i >> 5] >>> (i % 32)) & 0xff) } return output }, rstr2binl(input) { var i; var output = []; output[(input.length >> 2) - 1] = undefined; for (i = 0; i < output.length; i += 1) { output[i] = 0 } var length8 = input.length * 8; for (i = 0; i < length8; i += 8) { output[i >> 5] |= (input.charCodeAt(i / 8) & 0xff) << (i % 32) } return output }, rstrMD5(s) { return this.binl2rstr(this.binlMD5(this.rstr2binl(s), s.length * 8)) }, rstrHMACMD5(key, data) { var i; var bkey = this.rstr2binl(key); var ipad = []; var opad = []; var hash; ipad[15] = opad[15] = undefined; if (bkey.length > 16) { bkey = this.binlMD5(bkey, key.length * 8) } for (i = 0; i < 16; i += 1) { ipad[i] = bkey[i] ^ 0x36363636; opad[i] = bkey[i] ^ 0x5c5c5c5c } hash = this.binlMD5(ipad.concat(this.rstr2binl(data)), 512 + data.length * 8); return this.binl2rstr(this.binlMD5(opad.concat(hash), 512 + 128)) }, rstr2hex(input) { var hexTab = '0123456789abcdef'; var output = ''; var x; var i; for (i = 0; i < input.length; i += 1) { x = input.charCodeAt(i); output += hexTab.charAt((x >>> 4) & 0x0f) + hexTab.charAt(x & 0x0f) } return output }, str2rstrUTF8(input) { return unescape(encodeURIComponent(input)) }, rawMD5(s) { return this.rstrMD5(this.str2rstrUTF8(s)) }, hexMD5(s) { return this.rstr2hex(this.rawMD5(s)) }, rawHMACMD5(k, d) { return this.rstrHMACMD5(this.str2rstrUTF8(k), str2rstrUTF8(d)) }, hexHMACMD5(k, d) { return this.rstr2hex(this.rawHMACMD5(k, d)) }, md5(string, key, raw) { if (!key) { if (!raw) { return this.hexMD5(string) } return this.rawMD5(string) } if (!raw) { return this.hexHMACMD5(key, string) } return this.rawHMACMD5(key, string) }, getSig(requestParam, sk, feature, mode) { var sig = null; var requestArr = []; Object.keys(requestParam).sort().forEach(function (key) { requestArr.push(key + '=' + requestParam[key]) }); if (feature == 'search') { sig = '/ws/place/v1/search?' + requestArr.join('&') + sk } if (feature == 'suggest') { sig = '/ws/place/v1/suggestion?' + requestArr.join('&') + sk } if (feature == 'reverseGeocoder') { sig = '/ws/geocoder/v1/?' + requestArr.join('&') + sk } if (feature == 'geocoder') { sig = '/ws/geocoder/v1/?' + requestArr.join('&') + sk } if (feature == 'getCityList') { sig = '/ws/district/v1/list?' + requestArr.join('&') + sk } if (feature == 'getDistrictByCityId') { sig = '/ws/district/v1/getchildren?' + requestArr.join('&') + sk } if (feature == 'calculateDistance') { sig = '/ws/distance/v1/?' + requestArr.join('&') + sk } if (feature == 'direction') { sig = '/ws/direction/v1/' + mode + '?' + requestArr.join('&') + sk } sig = this.md5(sig); return sig }, location2query(data) { if (typeof data == 'string') { return data } var query = ''; for (var i = 0; i < data.length; i++) { var d = data[i]; if (!!query) { query += ';' } if (d.location) { query = query + d.location.lat + ',' + d.location.lng } if (d.latitude && d.longitude) { query = query + d.latitude + ',' + d.longitude } } return query }, rad(d) { return d * Math.PI / 180.0 }, getEndLocation(location) { var to = location.split(';'); var endLocation = []; for (var i = 0; i < to.length; i++) { endLocation.push({ lat: parseFloat(to[i].split(',')[0]), lng: parseFloat(to[i].split(',')[1]) }) } return endLocation }, getDistance(latFrom, lngFrom, latTo, lngTo) { var radLatFrom = this.rad(latFrom); var radLatTo = this.rad(latTo); var a = radLatFrom - radLatTo; var b = this.rad(lngFrom) - this.rad(lngTo); var distance = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLatFrom) * Math.cos(radLatTo) * Math.pow(Math.sin(b / 2), 2))); distance = distance * EARTH_RADIUS; distance = Math.round(distance * 10000) / 10000; return parseFloat(distance.toFixed(0)) }, getWXLocation(success, fail, complete) { wx.getLocation({ type: 'gcj02', success: success, fail: fail, complete: complete }) }, getLocationParam(location) { if (typeof location == 'string') { var locationArr = location.split(','); if (locationArr.length === 2) { location = { latitude: location.split(',')[0], longitude: location.split(',')[1] } } else { location = {} } } return location }, polyfillParam(param) { param.success = param.success || function () { }; param.fail = param.fail || function () { }; param.complete = param.complete || function () { } }, checkParamKeyEmpty(param, key) { if (!param[key]) { var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key + '参数格式有误'); param.fail(errconf); param.complete(errconf); return true } return false }, checkKeyword(param) { return !this.checkParamKeyEmpty(param, 'keyword') }, checkLocation(param) { var location = this.getLocationParam(param.location); if (!location || !location.latitude || !location.longitude) { var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误'); param.fail(errconf); param.complete(errconf); return false } return true }, buildErrorConfig(errCode, errMsg) { return { status: errCode, message: errMsg } }, handleData(param, data, feature) { if (feature == 'search') { var searchResult = data.data; var searchSimplify = []; for (var i = 0; i < searchResult.length; i++) { searchSimplify.push({ id: searchResult[i].id || null, title: searchResult[i].title || null, latitude: searchResult[i].location && searchResult[i].location.lat || null, longitude: searchResult[i].location && searchResult[i].location.lng || null, address: searchResult[i].address || null, category: searchResult[i].category || null, tel: searchResult[i].tel || null, adcode: searchResult[i].ad_info && searchResult[i].ad_info.adcode || null, city: searchResult[i].ad_info && searchResult[i].ad_info.city || null, district: searchResult[i].ad_info && searchResult[i].ad_info.district || null, province: searchResult[i].ad_info && searchResult[i].ad_info.province || null }) } param.success(data, { searchResult: searchResult, searchSimplify: searchSimplify }) } else if (feature == 'suggest') { var suggestResult = data.data; var suggestSimplify = []; for (var i = 0; i < suggestResult.length; i++) { suggestSimplify.push({ adcode: suggestResult[i].adcode || null, address: suggestResult[i].address || null, category: suggestResult[i].category || null, city: suggestResult[i].city || null, district: suggestResult[i].district || null, id: suggestResult[i].id || null, latitude: suggestResult[i].location && suggestResult[i].location.lat || null, longitude: suggestResult[i].location && suggestResult[i].location.lng || null, province: suggestResult[i].province || null, title: suggestResult[i].title || null, type: suggestResult[i].type || null }) } param.success(data, { suggestResult: suggestResult, suggestSimplify: suggestSimplify }) } else if (feature == 'reverseGeocoder') { var reverseGeocoderResult = data.result; var reverseGeocoderSimplify = { address: reverseGeocoderResult.address || null, latitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lat || null, longitude: reverseGeocoderResult.location && reverseGeocoderResult.location.lng || null, adcode: reverseGeocoderResult.ad_info && reverseGeocoderResult.ad_info.adcode || null, city: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.city || null, district: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.district || null, nation: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.nation || null, province: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.province || null, street: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street || null, street_number: reverseGeocoderResult.address_component && reverseGeocoderResult.address_component.street_number || null, recommend: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.recommend || null, rough: reverseGeocoderResult.formatted_addresses && reverseGeocoderResult.formatted_addresses.rough || null }; if (reverseGeocoderResult.pois) { var pois = reverseGeocoderResult.pois; var poisSimplify = []; for (var i = 0; i < pois.length; i++) { poisSimplify.push({ id: pois[i].id || null, title: pois[i].title || null, latitude: pois[i].location && pois[i].location.lat || null, longitude: pois[i].location && pois[i].location.lng || null, address: pois[i].address || null, category: pois[i].category || null, adcode: pois[i].ad_info && pois[i].ad_info.adcode || null, city: pois[i].ad_info && pois[i].ad_info.city || null, district: pois[i].ad_info && pois[i].ad_info.district || null, province: pois[i].ad_info && pois[i].ad_info.province || null }) } param.success(data, { reverseGeocoderResult: reverseGeocoderResult, reverseGeocoderSimplify: reverseGeocoderSimplify, pois: pois, poisSimplify: poisSimplify }) } else { param.success(data, { reverseGeocoderResult: reverseGeocoderResult, reverseGeocoderSimplify: reverseGeocoderSimplify }) } } else if (feature == 'geocoder') { var geocoderResult = data.result; var geocoderSimplify = { title: geocoderResult.title || null, latitude: geocoderResult.location && geocoderResult.location.lat || null, longitude: geocoderResult.location && geocoderResult.location.lng || null, adcode: geocoderResult.ad_info && geocoderResult.ad_info.adcode || null, province: geocoderResult.address_components && geocoderResult.address_components.province || null, city: geocoderResult.address_components && geocoderResult.address_components.city || null, district: geocoderResult.address_components && geocoderResult.address_components.district || null, street: geocoderResult.address_components && geocoderResult.address_components.street || null, street_number: geocoderResult.address_components && geocoderResult.address_components.street_number || null, level: geocoderResult.level || null }; param.success(data, { geocoderResult: geocoderResult, geocoderSimplify: geocoderSimplify }) } else if (feature == 'getCityList') { var provinceResult = data.result[0]; var cityResult = data.result[1]; var districtResult = data.result[2]; param.success(data, { provinceResult: provinceResult, cityResult: cityResult, districtResult: districtResult }) } else if (feature == 'getDistrictByCityId') { var districtByCity = data.result[0]; param.success(data, districtByCity) } else if (feature == 'calculateDistance') { var calculateDistanceResult = data.result.elements; var distance = []; for (var i = 0; i < calculateDistanceResult.length; i++) { distance.push(calculateDistanceResult[i].distance) } param.success(data, { calculateDistanceResult: calculateDistanceResult, distance: distance }) } else if (feature == 'direction') { var direction = data.result.routes; param.success(data, direction) } else { param.success(data) } }, buildWxRequestConfig(param, options, feature) { var that = this; options.header = { "content-type": "application/json" }; options.method = 'GET'; options.success = function (res) { var data = res.data; if (data.status === 0) { that.handleData(param, data, feature) } else { param.fail(data) } }; options.fail = function (res) { res.statusCode = ERROR_CONF.WX_ERR_CODE; param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)) }; options.complete = function (res) { var statusCode = +res.statusCode; switch (statusCode) { case ERROR_CONF.WX_ERR_CODE: { param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)); break } case ERROR_CONF.WX_OK_CODE: { var data = res.data; if (data.status === 0) { param.complete(data) } else { param.complete(that.buildErrorConfig(data.status, data.message)) } break } default: { param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG)) } } }; return options }, locationProcess(param, locationsuccess, locationfail, locationcomplete) { var that = this; locationfail = locationfail || function (res) { res.statusCode = ERROR_CONF.WX_ERR_CODE; param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)) }; locationcomplete = locationcomplete || function (res) { if (res.statusCode == ERROR_CONF.WX_ERR_CODE) { param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)) } }; if (!param.location) { that.getWXLocation(locationsuccess, locationfail, locationcomplete) } else if (that.checkLocation(param)) { var location = Utils.getLocationParam(param.location); locationsuccess(location) } } }; class QQMapWX { constructor(options) { if (!options.key) { throw Error('key值不能为空') } this.key = options.key }; search(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (!Utils.checkKeyword(options)) { return } var requestParam = { keyword: options.keyword, orderby: options.orderby || '_distance', page_size: options.page_size || 10, page_index: options.page_index || 1, output: 'json', key: that.key }; if (options.address_format) { requestParam.address_format = options.address_format } if (options.filter) { requestParam.filter = options.filter } var distance = options.distance || "1000"; var auto_extend = options.auto_extend || 1; var region = null; var rectangle = null; if (options.region) { region = options.region } if (options.rectangle) { rectangle = options.rectangle } var locationsuccess = function (result) { if (region && !rectangle) { requestParam.boundary = "region(" + region + "," + auto_extend + "," + result.latitude + "," + result.longitude + ")"; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'search') } } else if (rectangle && !region) { requestParam.boundary = "rectangle(" + rectangle + ")"; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'search') } } else { requestParam.boundary = "nearby(" + result.latitude + "," + result.longitude + "," + distance + "," + auto_extend + ")"; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'search') } } wx.request(Utils.buildWxRequestConfig(options, { url: URL_SEARCH, data: requestParam }, 'search')) }; Utils.locationProcess(options, locationsuccess) }; getSuggestion(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (!Utils.checkKeyword(options)) { return } var requestParam = { keyword: options.keyword, region: options.region || '全国', region_fix: options.region_fix || 0, policy: options.policy || 0, page_size: options.page_size || 10, page_index: options.page_index || 1, get_subpois: options.get_subpois || 0, output: 'json', key: that.key }; if (options.address_format) { requestParam.address_format = options.address_format } if (options.filter) { requestParam.filter = options.filter } if (options.location) { var locationsuccess = function (result) { requestParam.location = result.latitude + ',' + result.longitude; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'suggest') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_SUGGESTION, data: requestParam }, "suggest")) }; Utils.locationProcess(options, locationsuccess) } else { if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'suggest') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_SUGGESTION, data: requestParam }, "suggest")) } }; reverseGeocoder(options) { var that = this; options = options || {}; Utils.polyfillParam(options); var requestParam = { coord_type: options.coord_type || 5, get_poi: options.get_poi || 0, output: 'json', key: that.key }; if (options.poi_options) { requestParam.poi_options = options.poi_options } var locationsuccess = function (result) { requestParam.location = result.latitude + ',' + result.longitude; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'reverseGeocoder') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_GET_GEOCODER, data: requestParam }, 'reverseGeocoder')) }; Utils.locationProcess(options, locationsuccess) }; geocoder(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (Utils.checkParamKeyEmpty(options, 'address')) { return } var requestParam = { address: options.address, output: 'json', key: that.key }; if (options.region) { requestParam.region = options.region } if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'geocoder') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_GET_GEOCODER, data: requestParam }, 'geocoder')) }; getCityList(options) { var that = this; options = options || {}; Utils.polyfillParam(options); var requestParam = { output: 'json', key: that.key }; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'getCityList') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_CITY_LIST, data: requestParam }, 'getCityList')) }; getDistrictByCityId(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (Utils.checkParamKeyEmpty(options, 'id')) { return } var requestParam = { id: options.id || '', output: 'json', key: that.key }; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'getDistrictByCityId') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_AREA_LIST, data: requestParam }, 'getDistrictByCityId')) }; calculateDistance(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (Utils.checkParamKeyEmpty(options, 'to')) { return } var requestParam = { mode: options.mode || 'walking', to: Utils.location2query(options.to), output: 'json', key: that.key }; if (options.from) { options.location = options.from } if (requestParam.mode == 'straight') { var locationsuccess = function (result) { var locationTo = Utils.getEndLocation(requestParam.to); var data = { message: "query ok", result: { elements: [] }, status: 0 }; for (var i = 0; i < locationTo.length; i++) { data.result.elements.push({ distance: Utils.getDistance(result.latitude, result.longitude, locationTo[i].lat, locationTo[i].lng), duration: 0, from: { lat: result.latitude, lng: result.longitude }, to: { lat: locationTo[i].lat, lng: locationTo[i].lng } }) } var calculateResult = data.result.elements; var distanceResult = []; for (var i = 0; i < calculateResult.length; i++) { distanceResult.push(calculateResult[i].distance) } return options.success(data, { calculateResult: calculateResult, distanceResult: distanceResult }) }; Utils.locationProcess(options, locationsuccess) } else { var locationsuccess = function (result) { requestParam.from = result.latitude + ',' + result.longitude; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'calculateDistance') } wx.request(Utils.buildWxRequestConfig(options, { url: URL_DISTANCE, data: requestParam }, 'calculateDistance')) }; Utils.locationProcess(options, locationsuccess) } }; direction(options) { var that = this; options = options || {}; Utils.polyfillParam(options); if (Utils.checkParamKeyEmpty(options, 'to')) { return } var requestParam = { output: 'json', key: that.key }; if (typeof options.to == 'string') { requestParam.to = options.to } else { requestParam.to = options.to.latitude + ',' + options.to.longitude } var SET_URL_DIRECTION = null; options.mode = options.mode || MODE.driving; SET_URL_DIRECTION = URL_DIRECTION + options.mode; if (options.from) { options.location = options.from } if (options.mode == MODE.driving) { if (options.from_poi) { requestParam.from_poi = options.from_poi } if (options.heading) { requestParam.heading = options.heading } if (options.speed) { requestParam.speed = options.speed } if (options.accuracy) { requestParam.accuracy = options.accuracy } if (options.road_type) { requestParam.road_type = options.road_type } if (options.to_poi) { requestParam.to_poi = options.to_poi } if (options.from_track) { requestParam.from_track = options.from_track } if (options.waypoints) { requestParam.waypoints = options.waypoints } if (options.policy) { requestParam.policy = options.policy } if (options.plate_number) { requestParam.plate_number = options.plate_number } } if (options.mode == MODE.transit) { if (options.departure_time) { requestParam.departure_time = options.departure_time } if (options.policy) { requestParam.policy = options.policy } } var locationsuccess = function (result) { requestParam.from = result.latitude + ',' + result.longitude; if (options.sig) { requestParam.sig = Utils.getSig(requestParam, options.sig, 'direction', options.mode) } wx.request(Utils.buildWxRequestConfig(options, { url: SET_URL_DIRECTION, data: requestParam }, 'direction')) }; Utils.locationProcess(options, locationsuccess) } }; module.exports = QQMapWX;
\ No newline at end of file
diff --git a/src/pages/mapDisplay/index.tsx b/src/pages/mapDisplay/index.tsx
new file mode 100644
index 0000000..be7d211
--- /dev/null
+++ b/src/pages/mapDisplay/index.tsx
@@ -0,0 +1,5 @@
+// import MapPlugin from "src/components/MapDisplay/mapPlugin";
+import MapDisplay from "src/components/MapDisplay";
+export default function MapDisplayPage() {
+ return
+}
\ No newline at end of file
diff --git a/src/pages/publishBall/index.config.ts b/src/pages/publishBall/index.config.ts
index b60b329..804ad0a 100644
--- a/src/pages/publishBall/index.config.ts
+++ b/src/pages/publishBall/index.config.ts
@@ -1,3 +1,4 @@
export default definePageConfig({
- navigationBarTitleText: '发布个人约球'
+ navigationBarTitleText: '发布',
+ navigationBarBackgroundColor: '#FAFAFA'
})
\ No newline at end of file
diff --git a/src/pages/publishBall/index.scss b/src/pages/publishBall/index.scss
index 825e47e..9d73241 100644
--- a/src/pages/publishBall/index.scss
+++ b/src/pages/publishBall/index.scss
@@ -1,402 +1,202 @@
-.publish-ball-page {
- background: #f5f5f5;
- min-height: 100vh;
- padding-bottom: 200px;
+@use '~@/scss/themeColor.scss' as theme;
- .reminder {
- background: #fff8dc;
- padding: 16px;
- margin: 16px;
- border-radius: 8px;
- font-size: 14px;
- color: #666;
- line-height: 1.4;
+.publish-ball {
+ min-height: 100vh;
+ background: theme.$page-background-color;
+ padding: 4px 16px 0 16px;
+ position: relative;
+ &__scroll {
+ height: calc(100vh - 120px);
}
- .match-form {
- background: #fff;
- margin: 16px;
- border-radius: 12px;
- padding: 20px;
- position: relative;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+ &__content {
+ padding-bottom: 40px;
+ }
- .delete-btn {
- position: absolute;
- top: 15px;
- right: 15px;
- width: 28px;
- height: 28px;
- background: #ff4757;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #fff;
- font-size: 18px;
- font-weight: bold;
+
+
+ // 标题区域 - 独立白色块
+ .bg-section {
+ background: white;
+ border-radius: 12px;
+ margin-bottom: 8px;
+ position: relative;
+ border: 1px solid rgba(0, 0, 0, 0.06);
+ box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
+ display: flex;
+
+ }
+
+
+
+ // 活动描述文本 - 灰色背景
+ .activity-description {
+ margin-bottom: 20px;
+ padding: 0 8px;
+
+ .description-text {
+ font-size: 12px;
+ color:rgba(60, 60, 67, 0.6) ;
+ line-height: 1.5;
+ }
+ }
+
+ // 表单分组区域 - 费用地点玩法白色块
+ .form-group-section {
+ background: white;
+ border-radius: 16px;
+ padding: 20px 16px;
+ margin-bottom: 16px;
+ }
+
+ // 区域标题 - 灰色背景
+ .section-title-wrapper {
+ padding: 0 4px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 44px;
+ padding-top: 5px;
+ box-sizing: border-box;
+ font-size: 14px;
+
+ .section-title {
+ font-size: 16px;
+ color: theme.$primary-color;
+ font-weight: 600;
}
- .section {
- margin-bottom: 24px;
+ .section-summary {
+ font-size: 14px;
+ color: theme.$input-placeholder-color;
+ white-space: nowrap;
+ }
+ }
- .section-title {
- font-size: 16px;
- font-weight: 600;
- color: #333;
- margin-bottom: 12px;
- display: block;
- }
- // 封面上传
- .cover-upload {
- .upload-container {
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
- .upload-btn {
- width: 80px;
- height: 80px;
- border: 2px dashed #ddd;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #fafafa;
- .plus-icon {
- font-size: 24px;
- color: #999;
- }
- }
- .image-item {
- position: relative;
- width: 80px;
- height: 80px;
- .cover-image {
- width: 100%;
- height: 100%;
- border-radius: 8px;
- }
- .remove-btn {
- position: absolute;
- top: -6px;
- right: -6px;
- width: 20px;
- height: 20px;
- background: #ff4757;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #fff;
- font-size: 14px;
- }
- }
- }
- }
- // 主题输入
- .theme-input {
- width: 100%;
- height: 44px;
- border: 1px solid #e0e0e0;
- border-radius: 8px;
- padding: 0 16px;
- font-size: 14px;
- background: #fff;
- }
- // 时间显示
- .time-display {
- background: #f8f8f8;
- border-radius: 8px;
- padding: 16px;
+ // 自动降分选择 - 白色块
+ .auto-degrade-section {
+ background: white;
+ border-radius: 16px;
+ padding: 20px 16px;
+ margin-bottom: 16px;
- .time-row {
- display: flex;
- align-items: center;
- margin-bottom: 8px;
+ .auto-degrade-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
- &:last-child {
- margin-bottom: 0;
- }
-
- .time-label {
- width: 40px;
- font-size: 14px;
- color: #666;
- }
-
- .time-value {
- flex: 1;
- font-size: 14px;
- color: #333;
- margin-left: 16px;
-
- &:last-child {
- text-align: right;
- }
- }
- }
- }
-
- // 场地输入
- .venue-input-container {
+ .auto-degrade-content {
display: flex;
align-items: center;
- border: 1px solid #e0e0e0;
- border-radius: 8px;
- padding-right: 16px;
+ flex: 1;
- .venue-input {
- flex: 1;
- height: 44px;
- padding: 0 16px;
- font-size: 14px;
- border: none;
+ .auto-degrade-text {
+ font-size: 16px;
+ color: #333;
+ font-weight: 500;
+ user-select: none;
}
- .arrow {
- font-size: 18px;
- color: #999;
- }
- }
-
- // 价格输入
- .price-input {
- width: 100%;
- height: 44px;
- border: 1px solid #e0e0e0;
- border-radius: 8px;
- padding: 0 16px;
- font-size: 14px;
- background: #fff;
- }
-
- // 玩法选择
- .play-style-container {
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
-
- .play-style-btn {
- padding: 8px 20px;
- border: 1px solid #e0e0e0;
- border-radius: 20px;
- background: #fff;
- font-size: 14px;
- color: #666;
-
- &.selected {
- background: #000;
- color: #fff;
- border-color: #000;
- }
- }
- }
-
- // 人数控制
- .player-count-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .count-group {
- display: flex;
- align-items: center;
- gap: 8px;
-
- .count-label {
- font-size: 14px;
- color: #666;
- }
-
- .count-controls {
- display: flex;
- align-items: center;
- gap: 8px;
-
- .count-btn {
- width: 32px;
- height: 32px;
- border: 1px solid #ddd;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #fff;
- font-size: 18px;
- color: #333;
- }
-
- .count-number {
- font-size: 16px;
- color: #333;
- min-width: 24px;
- text-align: center;
- }
- }
- }
-
- .separator {
- font-size: 14px;
- color: #666;
- }
- }
-
- // NTRP滑动条
- .ntrp-container {
- display: flex;
- align-items: center;
- gap: 12px;
-
- .ntrp-label {
- font-size: 12px;
- color: #666;
- white-space: nowrap;
- }
-
- .slider-container {
- flex: 1;
- position: relative;
-
- .slider-track {
- height: 4px;
- background: #e0e0e0;
- border-radius: 2px;
- position: relative;
-
- .slider-fill {
- position: absolute;
- height: 100%;
- background: #333;
- border-radius: 2px;
- left: 20%;
- right: 20%;
- }
-
- .slider-thumb {
- position: absolute;
- width: 20px;
- height: 20px;
- background: #333;
- border-radius: 50%;
- top: -8px;
- transform: translateX(-50%);
- }
- }
- }
- }
-
- // 性别选择
- .requirements-hint {
- font-size: 12px;
- color: #999;
- margin-bottom: 12px;
- }
-
- .gender-buttons {
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
-
- .gender-btn {
- padding: 8px 16px;
- border: 1px solid #e0e0e0;
- border-radius: 6px;
- background: #fff;
- font-size: 14px;
- color: #666;
-
- &.selected {
- background: #000;
- color: #fff;
- border-color: #000;
- }
- }
- }
-
- // 自动候补
- .standby-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .checkbox {
- width: 20px;
- height: 20px;
- border: 1px solid #ddd;
- border-radius: 3px;
+ .info-icon {
+ width: 16px;
+ height: 16px;
+ border: 1px solid #999;
+ border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
- background: #fff;
-
- &.checked {
- background: #000;
- border-color: #000;
-
- .checkmark {
- color: #fff;
- font-size: 12px;
- }
- }
+ font-size: 12px;
+ color: #999;
+ margin-left: 8px;
}
}
+
+ .auto-degrade-checkbox {
+ margin-left: 16px;
+ }
}
}
- // 底部操作区
- .bottom-actions {
+ // 提交区域
+ .submit-section {
position: fixed;
bottom: 0;
left: 0;
right: 0;
- background: #fff;
- padding: 20px 16px 30px;
+ background: white;
+ padding: 16px;
border-top: 1px solid #e0e0e0;
- .add-match-btn {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 8px;
- height: 44px;
- border: 1px solid #ddd;
- border-radius: 8px;
- background: #fff;
- margin-bottom: 12px;
- font-size: 14px;
- color: #666;
-
- .plus-icon {
- font-size: 20px;
- color: #999;
- }
- }
-
- .complete-btn {
+ .submit-btn {
width: 100%;
height: 48px;
- background: #000;
- color: #fff;
- border: none;
- border-radius: 8px;
+ background: #333;
+ color: white;
+ border-radius: 24px;
font-size: 16px;
font-weight: 600;
- margin-bottom: 12px;
+ margin-bottom: 8px;
+ border: none;
}
- .disclaimer {
+ .submit-tip {
+ text-align: center;
font-size: 12px;
color: #999;
- text-align: center;
line-height: 1.4;
+
+ .link {
+ color: #007AFF;
+ }
}
}
-}
\ No newline at end of file
+
+ // 加载状态遮罩保持原样
+ &__loading {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.5);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ z-index: 9999;
+
+ .loading-spinner {
+ width: 40px;
+ height: 40px;
+ border: 3px solid rgba(255, 255, 255, 0.3);
+ border-top: 3px solid #fff;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ margin-bottom: 16px;
+ }
+
+ .loading-text {
+ color: #fff;
+ font-size: 16px;
+ font-weight: 500;
+ }
+ }
+}
+
+// 旋转动画
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
diff --git a/src/pages/publishBall/index.tsx b/src/pages/publishBall/index.tsx
index 1ef99c2..8afce48 100644
--- a/src/pages/publishBall/index.tsx
+++ b/src/pages/publishBall/index.tsx
@@ -1,62 +1,151 @@
-import React from 'react'
-import { View } from '@tarojs/components'
+import React, { useState } from 'react'
+import { View, Text, Input, Button, Image, ScrollView, Picker } from '@tarojs/components'
import Taro from '@tarojs/taro'
-import DynamicForm from '../../components/DynamicForm/DynamicForm'
-import { publishBallFormConfig } from '../../config/formSchema/bulishBallFormSchema'
+import ActivityTypeSwitch, { type ActivityType } from '../../components/ActivityTypeSwitch'
+import PublishForm from './publishForm'
+import { publishBallFormSchema } from '../../config/formSchema/publishBallFormSchema';
import './index.scss'
-const PublishBallPage: React.FC = () => {
- // 提交成功回调
- const handleSubmitSuccess = (response: any) => {
- console.log('发布成功:', response)
+interface FormData {
+ activityType: ActivityType
+ title: string
+ timeRange: TimeRange
+ fee: string
+ location: string
+ gameplay: string
+ minParticipants: number
+ maxParticipants: number
+ ntpLevel: NTRPRange
+ additionalRequirements: string
+ autoDegrade: boolean
+}
+
+const PublishBall: React.FC = () => {
+ const [coverImages, setCoverImages] = useState([])
+ const [showStadiumSelector, setShowStadiumSelector] = useState(false)
+ const [selectedStadium, setSelectedStadium] = useState(null)
+ const [formData, setFormData] = useState({
+ activityType: 'individual', // 默认值
+ title: '',
+ timeRange: {
+ startDate: '2025-11-23',
+ startTime: '08:00',
+ endTime: '10:00'
+ },
+ fee: '',
+ location: '',
+ gameplay: '',
+ minParticipants: 1,
+ maxParticipants: 4,
+ ntpLevel: { min: 2.0, max: 4.0 },
+ additionalRequirements: '',
+ autoDegrade: false
+ })
+
+ // 处理封面图片变化
+ const handleCoverImagesChange = (images: CoverImage[]) => {
+ setCoverImages(images)
+ }
+
+ // 更新表单数据
+ const updateFormData = (key: keyof FormData, value: any) => {
+ setFormData(prev => ({
+ ...prev,
+ [key]: value
+ }))
+ }
+
+
+
+ // 获取人数要求显示文本
+ const getParticipantsText = () => {
+ return `最少${formData.minParticipants}人，最多${formData.maxParticipants}人`
+ }
+
+ // 处理NTRP范围变化
+ const handleNTRPChange = (range: NTRPRange) => {
+ updateFormData('ntpLevel', range)
+ }
+
+ // 处理时间范围变化
+ const handleTimeRangeChange = (timeRange: TimeRange) => {
+ updateFormData('timeRange', timeRange)
+ }
+
+ // 处理补充要求变化
+ const handleAdditionalRequirementsChange = (value: string) => {
+ updateFormData('additionalRequirements', value)
+ }
+
+ // 处理场馆选择
+ const handleStadiumSelect = (stadium: Stadium | null) => {
+ setSelectedStadium(stadium)
+ if (stadium) {
+ updateFormData('location', stadium.name)
+ }
+ setShowStadiumSelector(false)
+ }
+
+ // 处理活动类型变化
+ const handleActivityTypeChange = (type: ActivityType) => {
+ updateFormData('activityType', type)
+ }
+
+
+
+
+ // 提交表单
+ const handleSubmit = async () => {
+ // 基础验证
+ if (!formData.title.trim()) {
+ Taro.showToast({
+ title: '请输入活动标题',
+ icon: 'none'
+ })
+ return
+ }
+
+ if (coverImages.length === 0) {
+ Taro.showToast({
+ title: '请至少上传一张活动封面',
+ icon: 'none'
+ })
+ return
+ }
+
+ // TODO: 实现提交逻辑
+ console.log('提交数据:', { coverImages, formData })
- Taro.showModal({
+ Taro.showToast({
title: '发布成功',
- content: response.data.length > 1 ?
- `成功发布${response.data.length}场约球活动！` :
- '约球活动发布成功！',
- showCancel: false,
- success: () => {
- // 可以跳转到活动列表页面
- // Taro.navigateTo({ url: '/pages/matchList/matchList' })
- }
+ icon: 'success'
})
}
- // 提交失败回调
- const handleSubmitError = (error: any) => {
- console.error('发布失败:', error)
-
- Taro.showModal({
- title: '发布失败',
- content: error.message || '网络错误，请稍后重试',
- showCancel: false
- })
- }
-
- // 添加表单
- const handleAddForm = () => {
- console.log('添加新表单')
- }
-
- // 删除表单
- const handleDeleteForm = (index: number) => {
- console.log('删除表单:', index)
- }
-
return (
-
-
+ {/* 活动类型切换 */}
+
+
+
+
+
+
+ {/* 完成按钮 */}
+
+
+
+ 点击确定发布约球，即表示已经同意条款
+ 《约球规则》
+
+
)
}
-export default PublishBallPage
\ No newline at end of file
+export default PublishBall
diff --git a/src/pages/publishBall/publishForm.tsx b/src/pages/publishBall/publishForm.tsx
new file mode 100644
index 0000000..7a851f5
--- /dev/null
+++ b/src/pages/publishBall/publishForm.tsx
@@ -0,0 +1,198 @@
+import React, { useState } from 'react'
+import { View, Text } from '@tarojs/components'
+
+import Taro from '@tarojs/taro'
+import { CoverImageUpload, NTRPSlider, TimeSelector, TextareaTag, SelectStadium, ParticipantsControl, TitleInput, FormBasicInfo, AutoDegradeSwitch } from '../../components'
+import { type NTRPRange, type TimeRange, type Stadium, type ActivityType, type CoverImage } from '../../components/index.types'
+import { FormFieldConfig, FieldType } from '../../config/formSchema/publishBallFormSchema'
+import './index.scss'
+
+interface FormData {
+ activityType: ActivityType
+ title: string
+ timeRange: TimeRange
+ fee: string
+ location: string
+ gameplay: string
+ minParticipants: number
+ maxParticipants: number
+ ntpLevel: NTRPRange
+ TextareaTag: string
+ autoDegrade: boolean
+}
+
+// 组件映射器
+const componentMap = {
+ [FieldType.TEXT]: TitleInput,
+ [FieldType.TIMEINTERVAL]: TimeSelector,
+ [FieldType.RANGE]: NTRPSlider,
+ [FieldType.TEXTAREATAG]: TextareaTag,
+ [FieldType.NUMBERINTERVAL]: ParticipantsControl,
+ [FieldType.UPLOADIMAGE]: CoverImageUpload,
+ [FieldType.ACTIVITYINFO]: FormBasicInfo,
+ [FieldType.CHECKBOX]: AutoDegradeSwitch,
+}
+
+const PublishForm: React.FC<{
+ formData: FormData,
+ onChange: (key: keyof FormData, value: any) => void,
+ optionsConfig: FormFieldConfig[] }> = ({ formData, onChange, optionsConfig }) => {
+ const [coverImages, setCoverImages] = useState([])
+ const [showStadiumSelector, setShowStadiumSelector] = useState(false)
+ const [selectedStadium, setSelectedStadium] = useState(null)
+
+ // 处理封面图片变化
+ const handleCoverImagesChange = (images: CoverImage[]) => {
+ setCoverImages(images)
+ }
+
+ // 更新表单数据
+ const updateFormData = (key: keyof FormData, value: any) => {
+ onChange(key, value)
+ }
+
+
+
+ // 获取人数要求显示文本
+ const getParticipantsText = () => {
+ return `最少${formData.minParticipants}人，最多${formData.maxParticipants}人`
+ }
+
+ // 处理NTRP范围变化
+ const handleNTRPChange = (range: NTRPRange) => {
+ updateFormData('ntpLevel', range)
+ }
+
+ // 处理时间范围变化
+ const handleTimeRangeChange = (timeRange: TimeRange) => {
+ updateFormData('timeRange', timeRange)
+ }
+
+ // 处理补充要求变化
+ const handleAdditionalRequirementsChange = (value: string) => {
+ updateFormData('additionalRequirements', value)
+ }
+
+ // 处理场馆选择
+ const handleStadiumSelect = (stadium: Stadium | null) => {
+ setSelectedStadium(stadium)
+ if (stadium) {
+ updateFormData('location', stadium.name)
+ }
+ setShowStadiumSelector(false)
+ }
+
+ // 处理活动类型变化
+ const handleActivityTypeChange = (type: ActivityType) => {
+ updateFormData('activityType', type)
+ }
+
+
+
+
+ // 提交表单
+ const handleSubmit = async () => {
+ // 基础验证
+ if (!formData.title.trim()) {
+ Taro.showToast({
+ title: '请输入活动标题',
+ icon: 'none'
+ })
+ return
+ }
+
+ if (coverImages.length === 0) {
+ Taro.showToast({
+ title: '请至少上传一张活动封面',
+ icon: 'none'
+ })
+ return
+ }
+
+ // TODO: 实现提交逻辑
+ console.log('提交数据:', { coverImages, formData })
+
+ Taro.showToast({
+ title: '发布成功',
+ icon: 'success'
+ })
+ }
+
+ return (
+
+
+ {
+ optionsConfig.map((item) => {
+ const Component = componentMap[item.type]
+ const optionProps = {
+ ...item.props,
+ ...(item.key === 'additionalRequirements' ? { options: item.options } : {})
+ }
+ console.log(optionProps, item.label);
+ if (item.type === FieldType.UPLOADIMAGE) {
+ /* 活动封面 */
+ return
+ }
+ if (item.type === FieldType.ACTIVITYINFO) {
+ return <>
+
+
+ 活动开始前2小时未达到最低人数，活动自动取消；活动
+ 结束后，报名者累计到达最低人数时，一旦到达期即有序。
+
+
+
+ {/* 费用地点玩法区域 - 合并白色块 */}
+
+ updateFormData('fee', value)}
+ onLocationChange={(value) => updateFormData('location', value)}
+ onGameplayChange={(value) => updateFormData('gameplay', value)}
+ onStadiumSelect={() => setShowStadiumSelector(true)}
+ />
+
+
+ }
+ return (
+
+ {
+ item.label &&
+ {item.label}
+ 最少1人，最多4人
+
+ }
+
+ updateFormData(item.key as keyof FormData, value)}
+ {...optionProps}
+ placeholder={item.placeholder}
+ />
+
+
+ )
+ })
+ }
+
+
+ {/* 场馆选择弹窗 */}
+ setShowStadiumSelector(false)}
+ onConfirm={handleStadiumSelect}
+ />
+
+
+ )
+}
+
+export default PublishForm
diff --git a/src/scss/images.scss b/src/scss/images.scss
new file mode 100644
index 0000000..32d40b4
--- /dev/null
+++ b/src/scss/images.scss
@@ -0,0 +1,30 @@
+// src/scss/images.scss
+// 暴露公共API (可选)
+@forward 'sass:map';
+@forward 'sass:meta';
+@use 'sass:map';
+
+// 使用私有变量命名 (前缀加 -)
+$-static-path: '~@/static/' !default;
+
+// 图片映射表
+$-images: (
+ 'icon-upload': '/publishBall/icon-upload.svg',
+ 'icon-add': '/publishBall/icon-add.svg',
+ 'icon-location': '/publishBall/icon-location.svg',
+ 'icon-gameplay': '/publishBall/icon-gameplay.svg',
+ 'icon-personal': '/publishBall/icon-personal.svg',
+ 'icon-changda': '/publishBall/icon-changda.svg',
+ 'icon-cost': '/publishBall/icon-cost.svg',
+ 'icon-remove': '/publishBall/icon-remove.svg'
+) !default;
+
+// 图片获取函数
+@function taro-image($name) {
+ @if not map.has-key($-images, $name) {
+ @warn "Image `#{$name}` not found in $images map";
+ @return url($-static-path + 'default.png');
+ }
+ @return url($-static-path + map.get($-images, $name));
+}
+
diff --git a/src/scss/themeColor.scss b/src/scss/themeColor.scss
new file mode 100644
index 0000000..03a92a0
--- /dev/null
+++ b/src/scss/themeColor.scss
@@ -0,0 +1,8 @@
+$page-background-color: #FAFAFA;
+$primary-color: #000000;
+$primary-color-text: #FFFFFF;
+$primary-shallow-bg: rgb(245, 245, 245);
+$input-placeholder-color: rgba(60, 60, 67, 0.6);
+$textarea-placeholder-color: rgba(60, 60, 67, 0.3);
+$primary-background-color: rgba(0, 0, 0, 0.06);
+$primary-border-color: rgba(0, 0, 0, 0.16);
\ No newline at end of file
diff --git a/src/static/publishBall/icon-add.svg b/src/static/publishBall/icon-add.svg
new file mode 100644
index 0000000..5ef824e
--- /dev/null
+++ b/src/static/publishBall/icon-add.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/static/publishBall/icon-arrow-right.svg b/src/static/publishBall/icon-arrow-right.svg
new file mode 100644
index 0000000..a490b6d
--- /dev/null
+++ b/src/static/publishBall/icon-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/static/publishBall/icon-changda.svg b/src/static/publishBall/icon-changda.svg
new file mode 100644
index 0000000..6cc0b19
--- /dev/null
+++ b/src/static/publishBall/icon-changda.svg
@@ -0,0 +1,21 @@
+
diff --git a/src/static/publishBall/icon-cost.svg b/src/static/publishBall/icon-cost.svg
new file mode 100644
index 0000000..c7cd7e5
--- /dev/null
+++ b/src/static/publishBall/icon-cost.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/static/publishBall/icon-gameplay.svg b/src/static/publishBall/icon-gameplay.svg
new file mode 100644
index 0000000..63a7e62
--- /dev/null
+++ b/src/static/publishBall/icon-gameplay.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/static/publishBall/icon-location.svg b/src/static/publishBall/icon-location.svg
new file mode 100644
index 0000000..b5236dc
--- /dev/null
+++ b/src/static/publishBall/icon-location.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/static/publishBall/icon-personal.svg b/src/static/publishBall/icon-personal.svg
new file mode 100644
index 0000000..30a0f54
--- /dev/null
+++ b/src/static/publishBall/icon-personal.svg
@@ -0,0 +1,19 @@
+
diff --git a/src/static/publishBall/icon-remove.svg b/src/static/publishBall/icon-remove.svg
new file mode 100644
index 0000000..d63cdb8
--- /dev/null
+++ b/src/static/publishBall/icon-remove.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/static/publishBall/icon-tips.svg b/src/static/publishBall/icon-tips.svg
new file mode 100644
index 0000000..6a4eb85
--- /dev/null
+++ b/src/static/publishBall/icon-tips.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/static/publishBall/icon-upload.svg b/src/static/publishBall/icon-upload.svg
new file mode 100644
index 0000000..c72d2ce
--- /dev/null
+++ b/src/static/publishBall/icon-upload.svg
@@ -0,0 +1,20 @@
+
diff --git a/src/utils/locationUtils.ts b/src/utils/locationUtils.ts
new file mode 100644
index 0000000..6cce771
--- /dev/null
+++ b/src/utils/locationUtils.ts
@@ -0,0 +1,92 @@
+import Taro from '@tarojs/taro'
+
+export interface LocationInfo {
+ latitude: number
+ longitude: number
+ address: string
+ name?: string
+}
+
+// 获取当前位置
+export const getCurrentLocation = (): Promise => {
+ return new Promise((resolve, reject) => {
+ Taro.getLocation({
+ type: 'wgs84',
+ success: (res) => {
+ // 使用逆地理编码获取地址信息
+ reverseGeocode(res.latitude, res.longitude)
+ .then(address => {
+ resolve({
+ latitude: res.latitude,
+ longitude: res.longitude,
+ address
+ })
+ })
+ .catch(() => {
+ resolve({
+ latitude: res.latitude,
+ longitude: res.longitude,
+ address: `${res.latitude.toFixed(6)}, ${res.longitude.toFixed(6)}`
+ })
+ })
+ },
+ fail: (error) => {
+ reject(error)
+ }
+ })
+ })
+}
+
+// 选择地图位置
+export const chooseLocation = (): Promise => {
+ return new Promise((resolve, reject) => {
+ Taro.chooseLocation({
+ success: (res) => {
+ resolve({
+ latitude: res.latitude,
+ longitude: res.longitude,
+ address: res.address,
+ name: res.name
+ })
+ },
+ fail: (error) => {
+ reject(error)
+ }
+ })
+ })
+}
+
+// 逆地理编码（简化版本，实际项目中应该调用真实的地图服务API）
+export const reverseGeocode = (latitude: number, longitude: number): Promise => {
+ return new Promise((resolve) => {
+ // 这里应该调用真实的地图服务API，比如腾讯地图、高德地图等
+ // 暂时返回坐标字符串
+ setTimeout(() => {
+ resolve(`纬度:${latitude.toFixed(6)}, 经度:${longitude.toFixed(6)}`)
+ }, 500)
+ })
+}
+
+// 计算两点间距离（单位：米）
+export const calculateDistance = (
+ lat1: number,
+ lng1: number,
+ lat2: number,
+ lng2: number
+): number => {
+ const radLat1 = lat1 * Math.PI / 180.0
+ const radLat2 = lat2 * Math.PI / 180.0
+ const a = radLat1 - radLat2
+ const b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0
+
+ let s = 2 * Math.asin(Math.sqrt(
+ Math.pow(Math.sin(a/2), 2) +
+ Math.cos(radLat1) * Math.cos(radLat2) *
+ Math.pow(Math.sin(b/2), 2)
+ ))
+
+ s = s * 6378.137 // 地球半径
+ s = Math.round(s * 10000) / 10000
+
+ return s * 1000 // 转换为米
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 0fc6d47..6236b95 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,7 +20,10 @@
"resolveJsonModule": true,
"typeRoots": [
"node_modules/@types"
- ]
+ ],
+ "paths": {
+ "@/*": ["src/*"]
+ }
},
"include": ["./src", "./types"],
"compileOnSave": false
diff --git a/yarn.lock b/yarn.lock
index c0a99a4..b87f811 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -913,11 +913,16 @@
dependencies:
core-js-pure "^3.43.0"
-"@babel/runtime@^7.21.5", "@babel/runtime@^7.23.9", "@babel/runtime@^7.24.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.21.5", "@babel/runtime@^7.24.4", "@babel/runtime@^7.7.6":
version "7.28.2"
resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.28.2.tgz#2ae5a9d51cc583bd1f5673b3bb70d6d819682473"
integrity sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==
+"@babel/runtime@^7.23.9", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+ version "7.28.3"
+ resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.28.3.tgz#75c5034b55ba868121668be5d5bb31cc64e6e61a"
+ integrity sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==
+
"@babel/template@^7.27.1", "@babel/template@^7.27.2":
version "7.27.2"
resolved "https://registry.npmmirror.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
@@ -8283,6 +8288,11 @@ punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
resolved "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+qqmap-wx-jssdk@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.npmmirror.com/qqmap-wx-jssdk/-/qqmap-wx-jssdk-1.0.0.tgz#8ab4b0d3aa900458217d6fbe52af832bb6c63c73"
+ integrity sha512-wuaNetsA9/OKEQGgK1CNPsX6pppWpY10cQwQu1OHJplGMyMIMzK2bliMkNXjtry99qXYCsvDAWPqw2DI+/foJg==
+
qs@6.13.0:
version "6.13.0"
resolved "https://registry.npmmirror.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"