Merge branch 'light_v2'

This commit is contained in:
张成
2025-09-08 13:23:46 +08:00
12 changed files with 330 additions and 101 deletions

1
.gitignore vendored
View File

@@ -5,3 +5,4 @@ deploy_versions/
node_modules/ node_modules/
.DS_Store .DS_Store
.swc .swc
src/config/env.ts

View File

@@ -32,17 +32,17 @@ export default function withAuth<P extends object>(WrappedComponent: React.Compo
if (!is_login) { if (!is_login) {
const currentPage = getCurrentFullPath() const currentPage = getCurrentFullPath()
Taro.redirectTo({ // Taro.redirectTo({
url: `/pages/login/index/index${ // url: `/pages/login/index/index${
currentPage ? `?redirect=${encodeURIComponent(currentPage)}` : '' // currentPage ? `?redirect=${encodeURIComponent(currentPage)}` : ''
}`, // }`,
}) // })
} }
}, []) }, [])
if (!authed) { // if (!authed) {
return <View style={{ width: '100vh', height: '100vw', backgroundColor: 'white', position: 'fixed', top: 0, left: 0, zIndex: 999 }} /> // 空壳,避免 children 渲染出错 // return <View style={{ width: '100vh', height: '100vw', backgroundColor: 'white', position: 'fixed', top: 0, left: 0, zIndex: 999 }} /> // 空壳,避免 children 渲染出错
} // }
return <WrappedComponent {...props} /> return <WrappedComponent {...props} />
} }

View File

@@ -17,7 +17,8 @@ export const API_CONFIG = {
// 文件上传接口 // 文件上传接口
UPLOAD: { UPLOAD: {
AVATAR: '/gallery/upload', AVATAR: '/gallery/upload',
IMAGE: '/gallery/upload' IMAGE: '/gallery/upload',
OSS_IMG: '/gallery/upload_oss_img'
}, },
// 球局相关接口 // 球局相关接口

View File

@@ -1,7 +1,7 @@
import Taro from '@tarojs/taro' import Taro from '@tarojs/taro'
// 环境类型 // 环境类型
export type EnvType = 'development' | 'test' | 'production' export type EnvType = 'development' | 'production'
// 环境配置接口 // 环境配置接口
export interface EnvConfig { export interface EnvConfig {
@@ -24,15 +24,7 @@ const envConfigs: Record<EnvType, EnvConfig> = {
enableMock: true enableMock: true
}, },
// 测试环境
test: {
name: '测试环境',
apiBaseURL: 'https://sit.light120.com',
// apiBaseURL: 'http://localhost:9098',
timeout: 12000,
enableLog: true,
enableMock: false
},
// 生产环境 // 生产环境
production: { production: {
@@ -85,10 +77,7 @@ export const isProduction = (): boolean => {
return getCurrentEnv() === 'production' return getCurrentEnv() === 'production'
} }
// 是否为测试环境
export const isTest = (): boolean => {
return getCurrentEnv() === 'test'
}
// 环境配置调试信息 // 环境配置调试信息
export const getEnvInfo = () => { export const getEnvInfo = () => {

View File

@@ -4,7 +4,8 @@ import Taro from '@tarojs/taro';
import './index.scss'; import './index.scss';
import { UserInfo } from '@/components/UserInfo'; import { UserInfo } from '@/components/UserInfo';
import { UserService } from '@/services/userService'; import { UserService } from '@/services/userService';
import {clear_login_state} from '@/services/loginService'; import { clear_login_state } from '@/services/loginService';
import { convert_db_gender_to_display } from '@/utils/genderUtils';
import { EditModal } from '@/components'; import { EditModal } from '@/components';
const EditProfilePage: React.FC = () => { const EditProfilePage: React.FC = () => {
@@ -179,8 +180,9 @@ const EditProfilePage: React.FC = () => {
// 处理性别选择 // 处理性别选择
const handle_gender_change = (e: any) => { const handle_gender_change = (e: any) => {
const gender_value = e.detail.value; const gender_value = e.detail.value;
const gender_text = gender_value === 'male' ? '男' : '女'; // 使用工具函数转换:页面选择器值(0/1) -> 数据库值('0'/'1')
handle_field_edit('gender', gender_text); const gender_db_value = gender_value === 0 ? '0' : '1';
handle_field_edit('gender', gender_db_value);
}; };
// 处理生日选择 // 处理生日选择
@@ -189,19 +191,42 @@ const EditProfilePage: React.FC = () => {
handle_field_edit('birthday', birthday_value); handle_field_edit('birthday', birthday_value);
}; };
// 处理职业输入 // 处理职业输入 - 实时更新本地状态
const handle_occupation_change = (e: any) => { const handle_occupation_input = (e: any) => {
const occupation_value = e.detail.value;
setFormData(prev => ({ ...prev, occupation: occupation_value }));
};
// 处理职业输入 - 失去焦点时保存到服务器
const handle_occupation_blur = (e: any) => {
const occupation_value = e.detail.value; const occupation_value = e.detail.value;
handle_field_edit('occupation', occupation_value); handle_field_edit('occupation', occupation_value);
}; };
// 处理地区输入 - 实时更新本地状态
const handle_location_input = (e: any) => {
const location_value = e.detail.value;
setFormData(prev => ({ ...prev, location: location_value }));
};
// 处理地区输入 // 处理地区输入 - 失去焦点时保存到服务器
const handle_location_change = (e: any) => { const handle_location_blur = (e: any) => {
const location_value = e.detail.value; const location_value = e.detail.value;
handle_field_edit('location', location_value); handle_field_edit('location', location_value);
}; };
// 处理手机号输入 - 实时更新本地状态
const handle_phone_input = (e: any) => {
const phone_value = e.detail.value;
setFormData(prev => ({ ...prev, phone: phone_value }));
};
// 处理手机号输入 - 失去焦点时保存到服务器
const handle_phone_blur = (e: any) => {
const phone_value = e.detail.value;
handle_field_edit('phone', phone_value);
};
// 处理退出登录 // 处理退出登录
const handle_logout = () => { const handle_logout = () => {
@@ -270,7 +295,7 @@ const EditProfilePage: React.FC = () => {
<Picker <Picker
mode="selector" mode="selector"
range={['男', '女']} range={['男', '女']}
value={form_data.gender === '' ? 0 : 1} value={form_data.gender === '0' ? 0 : form_data.gender === '1' ? 1 : 0}
onChange={handle_gender_change} onChange={handle_gender_change}
> >
<View className="form_item"> <View className="form_item">
@@ -279,7 +304,9 @@ const EditProfilePage: React.FC = () => {
<Text className="item_label"></Text> <Text className="item_label"></Text>
</View> </View>
<View className="item_right"> <View className="item_right">
<Text className="item_value">{form_data.gender || '请选择'}</Text> <Text className="item_value">
{convert_db_gender_to_display(form_data.gender)}
</Text>
<Image className="arrow_icon" src={require('../../../static/list/icon-list-right-arrow.svg')} /> <Image className="arrow_icon" src={require('../../../static/list/icon-list-right-arrow.svg')} />
</View> </View>
</View> </View>
@@ -340,7 +367,8 @@ const EditProfilePage: React.FC = () => {
className="item_input" className="item_input"
value={form_data.location} value={form_data.location}
placeholder="请输入地区" placeholder="请输入地区"
onBlur={(e) => handle_location_change(e)} onInput={handle_location_input}
onBlur={handle_location_blur}
/> />
</View> </View>
</View> </View>
@@ -370,7 +398,8 @@ const EditProfilePage: React.FC = () => {
className="item_input" className="item_input"
value={form_data.occupation} value={form_data.occupation}
placeholder="请输入职业" placeholder="请输入职业"
onBlur={(e) => handle_occupation_change(e)} onInput={handle_occupation_input}
onBlur={handle_occupation_blur}
/> />
</View> </View>
</View> </View>
@@ -391,7 +420,8 @@ const EditProfilePage: React.FC = () => {
value={form_data.phone} value={form_data.phone}
placeholder="请输入手机号" placeholder="请输入手机号"
type="number" type="number"
onBlur={(e) => handle_field_edit('phone', e.detail.value)} onInput={handle_phone_input}
onBlur={handle_phone_blur}
/> />
</View> </View>
</View> </View>

View File

@@ -13,11 +13,20 @@ import DistanceQuickFilter from "@/components/DistanceQuickFilter";
import { withAuth } from "@/components"; import { withAuth } from "@/components";
// import img from "@/config/images"; // import img from "@/config/images";
const ListPage = () => { const ListPage = () => {
// 从 store 获取数据和方法 // 从 store 获取数据和方法
const store = useListStore() || {}; const store = useListStore() || {};
const { statusNavbarHeightInfo, location = {} } = useGlobalState() || {}; const { statusNavbarHeightInfo, location = {}, getCurrentLocationInfo } = useGlobalState() || {};
useEffect(() => {
getCurrentLocationInfo?.();
}, [getCurrentLocationInfo]);
const { totalHeight } = statusNavbarHeightInfo || {}; const { totalHeight } = statusNavbarHeightInfo || {};
const { const {
isShowFilterPopup, isShowFilterPopup,
@@ -53,6 +62,7 @@ const ListPage = () => {
}); });
useEffect(() => { useEffect(() => {
if (location?.address) { if (location?.address) {
// 保存位置 // 保存位置
updateState({ location }); updateState({ location });
@@ -111,7 +121,7 @@ const ListPage = () => {
updateFilterOptions(params); updateFilterOptions(params);
}; };
const handleSearchChange = () => {}; const handleSearchChange = () => { };
// 距离筛选 // 距离筛选
const handleDistanceOrQuickChange = (name, value) => { const handleDistanceOrQuickChange = (name, value) => {
@@ -135,8 +145,7 @@ const ListPage = () => {
<CustomerNavBar /> <CustomerNavBar />
<View className={styles.listPage}> <View className={styles.listPage}>
<View <View
className={`${styles.listTopSearchWrapper} ${ className={`${styles.listTopSearchWrapper} ${isScrollTop ? styles.isScroll : ""
isScrollTop ? styles.isScroll : ""
}`} }`}
> >
<SearchBar <SearchBar

View File

@@ -91,8 +91,21 @@ const PublishForm: React.FC<{
}) })
} }
const getNTRPText = (ntrp: [number, number]) => { const getNTRPText = (ntrp: [number, number] | any) => {
const [min, max] = ntrp // 检查 ntrp 是否为数组
if (!Array.isArray(ntrp) || ntrp.length !== 2) {
console.warn('getNTRPText: ntrp 不是有效的数组格式:', ntrp);
return '未设置';
}
const [min, max] = ntrp;
// 检查 min 和 max 是否为有效数字
if (typeof min !== 'number' || typeof max !== 'number') {
console.warn('getNTRPText: min 或 max 不是有效数字:', { min, max });
return '未设置';
}
if (min === 1.0 && max === 5.0) { if (min === 1.0 && max === 5.0) {
return '不限' return '不限'
} }
@@ -112,12 +125,24 @@ const PublishForm: React.FC<{
return `${min.toFixed(1)} - ${max.toFixed(1)}之间` return `${min.toFixed(1)} - ${max.toFixed(1)}之间`
} }
return ''; return '';
} }
const getPlayersText = (players: [number, number]) => { const getPlayersText = (players: [number, number] | any) => {
const [min, max] = players // 检查 players 是否为数组
if (!Array.isArray(players) || players.length !== 2) {
console.warn('getPlayersText: players 不是有效的数组格式:', players);
return '未设置';
}
const [min, max] = players;
// 检查 min 和 max 是否为有效数字
if (typeof min !== 'number' || typeof max !== 'number') {
console.warn('getPlayersText: min 或 max 不是有效数字:', { min, max });
return '未设置';
}
return `最少${min}人,最多${max}` return `最少${min}人,最多${max}`
} }

View File

@@ -176,6 +176,13 @@ class HttpService {
}) })
} }
getHashParam(key) {
const hash = window.location.hash;
const queryString = hash.split('?')[1] || '';
const params = new URLSearchParams(queryString);
return params.get(key);
}
// 统一请求方法 // 统一请求方法
async request<T = any>(config: RequestConfig): Promise<ApiResponse<T>> { async request<T = any>(config: RequestConfig): Promise<ApiResponse<T>> {
const { const {
@@ -187,7 +194,20 @@ class HttpService {
loadingText = '请求中...' loadingText = '请求中...'
} = config } = config
const fullUrl = this.buildUrl(url, method === 'GET' ? params : undefined) let fullUrl = this.buildUrl(url, method === 'GET' ? params : undefined)
// 后门id用于调试
let userid = this.getHashParam("userIdTest")
if (userid) {
if (fullUrl.indexOf("?") > -1) {
fullUrl += `&userIdTest45=${userid}`
}
else {
fullUrl += `?userIdTest45=${userid}`
}
}
this.log('info', `发起请求: ${method} ${fullUrl}`, { this.log('info', `发起请求: ${method} ${fullUrl}`, {
data: method !== 'GET' ? data : undefined, data: method !== 'GET' ? data : undefined,
@@ -283,6 +303,12 @@ class HttpService {
}) })
} }
uploadFile(){
}
// PUT请求 // PUT请求
put<T = any>(url: string, data?: any, config?: Partial<RequestConfig>): Promise<ApiResponse<T>> { put<T = any>(url: string, data?: any, config?: Partial<RequestConfig>): Promise<ApiResponse<T>> {
return this.request<T>({ return this.request<T>({

View File

@@ -1,7 +1,7 @@
import httpService from './httpService'
import type { ApiResponse } from './httpService'
import Taro from '@tarojs/taro' import Taro from '@tarojs/taro'
import envConfig from '@/config/env' import envConfig from '@/config/env'
import { API_CONFIG } from '@/config/api'
import httpService from './httpService'
// 用户接口 // 用户接口
export interface UploadFilesData { export interface UploadFilesData {
@@ -39,18 +39,28 @@ export interface uploadFileResponseData {
updated_at: string, updated_at: string,
} }
function delay(ms: number) {
return new Promise(resolve => setTimeout(resolve, ms))
}
// 发布球局类 // 发布球局类
class UploadApi { class UploadApi {
async upload(req: UploadFilesData): Promise<{ id: string, data: uploadFileResponseData }> { async upload(req: UploadFilesData): Promise<{ id: string, data: uploadFileResponseData }> {
// return httpService.post('/files/upload', req, { // return httpService.post('/files/upload', req, {
// showLoading: true, // showLoading: true,
// }) // })
let fullUrl = `${envConfig.apiBaseURL}/api/gallery/upload`
// 后门id用于调试
let userid = httpService.getHashParam("userIdTest")
if (userid) {
if (fullUrl.indexOf("?") > -1) {
fullUrl += `&userIdTest45=${userid}`
}
else {
fullUrl += `?userIdTest45=${userid}`
}
}
const { id, ...rest } = req const { id, ...rest } = req
return Taro.uploadFile({ return Taro.uploadFile({
url: `${envConfig.apiBaseURL}/api/gallery/upload`, url: fullUrl,
filePath: rest.filePath, filePath: rest.filePath,
name: 'file', name: 'file',
formData: { formData: {
@@ -69,6 +79,42 @@ class UploadApi {
async batchUpload(req: UploadFilesData[]): Promise<{ id: string, data: uploadFileResponseData }[]> { async batchUpload(req: UploadFilesData[]): Promise<{ id: string, data: uploadFileResponseData }[]> {
return Promise.all(req.map(item => this.upload(item))) return Promise.all(req.map(item => this.upload(item)))
} }
// 上传单张图片到OSS
async upload_oss_img(file_path: string): Promise<any> {
try {
let fullUrl = `${envConfig.apiBaseURL}/api${API_CONFIG.UPLOAD.OSS_IMG}`
// 后门id用于调试
let userid = httpService.getHashParam("userIdTest")
if (userid) {
if (fullUrl.indexOf("?") > -1) {
fullUrl += `&userIdTest45=${userid}`
}
else {
fullUrl += `?userIdTest45=${userid}`
}
}
const response = await Taro.uploadFile({
url: fullUrl,
filePath: file_path,
name: 'file',
});
const result = JSON.parse(response.data);
if (result.code === 0) {
return result.data;
} else {
throw new Error(result.message || '上传失败');
}
} catch (error) {
console.error('上传图片失败:', error);
throw error;
}
}
} }
// 导出认证服务实例 // 导出认证服务实例

View File

@@ -2,6 +2,7 @@ import { UserInfo } from '@/components/UserInfo';
import Taro from '@tarojs/taro'; import Taro from '@tarojs/taro';
import { API_CONFIG } from '@/config/api'; import { API_CONFIG } from '@/config/api';
import httpService from './httpService'; import httpService from './httpService';
import uploadFiles from './uploadFiles';
// 用户详情接口 // 用户详情接口
@@ -158,8 +159,8 @@ export class UserService {
} }
// 处理距离 - 优先使用venue_dtl中的坐标其次使用game中的坐标 // 处理距离 - 优先使用venue_dtl中的坐标其次使用game中的坐标
let latitude = game.latitude || 0; let latitude: number = typeof game.latitude === 'number' ? game.latitude : parseFloat(game.latitude || '0') || 0;
let longitude = game.longitude || 0; let longitude: number = typeof game.longitude === 'number' ? game.longitude : parseFloat(game.longitude || '0') || 0;
if (game.venue_dtl) { if (game.venue_dtl) {
latitude = parseFloat(game.venue_dtl.latitude) || latitude; latitude = parseFloat(game.venue_dtl.latitude) || latitude;
longitude = parseFloat(game.venue_dtl.longitude) || longitude; longitude = parseFloat(game.venue_dtl.longitude) || longitude;
@@ -267,7 +268,7 @@ export class UserService {
}, },
personal_profile: '', personal_profile: '',
location:userData.province + userData.city || '', location: userData.province + userData.city || '',
occupation: '', occupation: '',
ntrp_level: '', ntrp_level: '',
phone: userData.phone || '', phone: userData.phone || '',
@@ -286,7 +287,28 @@ export class UserService {
// 更新用户信息 // 更新用户信息
static async update_user_info(update_data: Partial<UserInfo>): Promise<void> { static async update_user_info(update_data: Partial<UserInfo>): Promise<void> {
try { try {
const response = await httpService.post(API_CONFIG.USER.UPDATE, update_data, { // 过滤掉空字段
const filtered_data: Record<string, any> = {};
Object.keys(update_data).forEach(key => {
const value = update_data[key as keyof UserInfo];
// 只添加非空且非空字符串的字段
if (value !== null && value !== undefined && value !== '') {
if (typeof value === 'string' && value.trim() !== '') {
filtered_data[key] = value.trim();
} else if (typeof value !== 'string') {
filtered_data[key] = value;
}
}
});
// 如果没有需要更新的字段,直接返回
if (Object.keys(filtered_data).length === 0) {
console.log('没有需要更新的字段');
return;
}
const response = await httpService.post(API_CONFIG.USER.UPDATE, filtered_data, {
showLoading: true showLoading: true
}); });
@@ -379,25 +401,41 @@ export class UserService {
// 保存用户信息 // 保存用户信息
static async save_user_info(user_info: Partial<UserInfo> & { phone?: string; gender?: string }): Promise<boolean> { static async save_user_info(user_info: Partial<UserInfo> & { phone?: string; gender?: string }): Promise<boolean> {
try { try {
// 获取当前位置信息 // 字段映射配置
// const location = await Taro.getLocation({ const field_mapping: Record<string, string> = {
// type: 'wgs84' nickname: 'nickname',
// }); avatar: 'avatar_url',
gender: 'gender',
const updateParams: UpdateUserParams = { phone: 'phone',
nickname: user_info.nickname || '', latitude: 'latitude',
avatar_url: user_info.avatar || '', longitude: 'longitude',
gender: user_info.gender || '', province: 'province',
phone: user_info.phone || '', country:"country",
latitude: user_info.latitude||'', city:"city",
longitude: user_info.longitude||'', personal_profile: 'personal_profile',
city: user_info.location || '', occupation: 'occupation',
province: '', // 需要从用户信息中获取 ntrp_level: 'ntrp_level'
country: '' // 需要从用户信息中获取
}; };
const response = await httpService.post<any>(API_CONFIG.USER.UPDATE, updateParams, { // 构建更新参数,只包含非空字段
const updateParams: Record<string, string> = {};
// 循环处理所有字段
Object.keys(field_mapping).forEach(key => {
const value = user_info[key as keyof typeof user_info];
if (value && typeof value === 'string' && value.trim() !== '') {
updateParams[field_mapping[key]] = value.trim();
}
});
// 如果没有需要更新的字段,直接返回成功
if (Object.keys(updateParams).length === 0) {
console.log('没有需要更新的字段');
return true;
}
const response = await httpService.post<any>(API_CONFIG.USER.UPDATE, updateParams, {
showLoading: true, showLoading: true,
loadingText: '保存中...' loadingText: '保存中...'
}); });
@@ -440,19 +478,12 @@ export class UserService {
static async upload_avatar(file_path: string): Promise<string> { static async upload_avatar(file_path: string): Promise<string> {
try { try {
// 先上传文件到服务器 // 先上传文件到服务器
const uploadResponse = await Taro.uploadFile({ const result = await uploadFiles.upload_oss_img(file_path)
url: `${API_CONFIG.BASE_URL}${API_CONFIG.UPLOAD.AVATAR}`,
filePath: file_path, await this.save_user_info({ avatar: result.ossPath })
name: 'file'
});
const result = JSON.parse(uploadResponse.data) as { code: number; message: string; data: UploadResponseData };
if (result.code === 0) {
// 使用新的响应格式中的file_url字段 // 使用新的响应格式中的file_url字段
return result.data.file_url; return result.ossPath;
} else {
throw new Error(result.message || '头像上传失败');
}
} catch (error) { } catch (error) {
console.error('头像上传失败:', error); console.error('头像上传失败:', error);
// 如果上传失败,返回默认头像 // 如果上传失败,返回默认头像

70
src/utils/genderUtils.ts Normal file
View File

@@ -0,0 +1,70 @@
/**
* 性别字段转换工具函数
* 数据库存储:'0' = 男,'1' = 女
* 页面显示:'男' = 男,'女' = 女
* 微信返回0 = 未知1 = 男2 = 女
*/
/**
* 将数据库性别值转换为页面显示文本
* @param db_gender 数据库性别值 ('0' | '1')
* @returns 页面显示文本 ('男' | '女' | '未知')
*/
export const convert_db_gender_to_display = (db_gender: string): string => {
switch (db_gender) {
case '0':
return '男';
case '1':
return '女';
default:
return '未知';
}
};
/**
* 将页面显示文本转换为数据库性别值
* @param display_gender 页面显示文本 ('男' | '女')
* @returns 数据库性别值 ('0' | '1')
*/
export const convert_display_gender_to_db = (display_gender: string): string => {
switch (display_gender) {
case '男':
return '0';
case '女':
return '1';
default:
return '0'; // 默认返回男性
}
};
/**
* 将微信性别值转换为数据库性别值
* @param wechat_gender 微信性别值 (0 | 1 | 2)
* @returns 数据库性别值 ('0' | '1')
*/
export const convert_wechat_gender_to_db = (wechat_gender: number): string => {
switch (wechat_gender) {
case 1: // 微信1 = 男
return '0'; // 数据库:'0' = 男
case 2: // 微信2 = 女
return '1'; // 数据库:'1' = 女
default: // 微信0 = 未知
return '0'; // 默认返回男性
}
};
/**
* 将数据库性别值转换为微信性别值
* @param db_gender 数据库性别值 ('0' | '1')
* @returns 微信性别值 (1 | 2)
*/
export const convert_db_gender_to_wechat = (db_gender: string): number => {
switch (db_gender) {
case '0':
return 1; // 微信1 = 男
case '1':
return 2; // 微信2 = 女
default:
return 1; // 默认返回男性
}
};

View File

@@ -1,4 +1,5 @@
export * from './getNavbarHeight' export * from './getNavbarHeight'
export * from './genderUtils'
export * from './locationUtils' export * from './locationUtils'
export * from './processImage' export * from './processImage'
export * from './timeUtils' export * from './timeUtils'