调整字典及发布

This commit is contained in:
筱野
2025-09-18 22:26:55 +08:00
parent c096d265ab
commit 81898de75d
9 changed files with 145 additions and 74 deletions

View File

@@ -2,7 +2,6 @@ import { Component, ReactNode } from "react";
import "./nutui-theme.scss";
import "./app.scss";
import "qweather-icons/font/qweather-icons.css";
import { useDictionaryStore } from "./store/dictionaryStore";
import { useGlobalStore } from "./store/global";
interface AppProps {
@@ -17,7 +16,6 @@ class App extends Component<AppProps> {
componentDidMount() {
// 初始化字典数据
this.initDictionaryData();
this.getNavBarHeight();
// this.getLocation()
}
@@ -26,15 +24,7 @@ class App extends Component<AppProps> {
componentDidHide() {}
// 初始化字典数据
private async initDictionaryData() {
try {
const { fetchDictionary } = useDictionaryStore.getState();
await fetchDictionary();
} catch (error) {
console.error("初始化字典数据失败:", error);
}
}
// 获取导航高度
getNavBarHeight = () => {

View File

@@ -171,7 +171,7 @@ export const publishBallFormSchema: FormFieldConfig[] = [
}
},
{
prop: 'is_wechat_contact',
prop: 'wechat',
label: '',
type: FieldType.WECHATCONTACT,
required: true,

View File

@@ -12,6 +12,7 @@ import ListContainer from "@/container/listContainer";
import DistanceQuickFilter from "@/components/DistanceQuickFilter";
import { withAuth } from "@/components";
import { updateUserLocation } from "@/services/userService";
import { useDictionaryStore } from "@/store/dictionaryStore";
const ListPage = () => {
@@ -227,6 +228,20 @@ const ListPage = () => {
});
};
// 初始化字典数据
const initDictionaryData = async () => {
try {
const { fetchDictionary } = useDictionaryStore.getState();
await fetchDictionary();
} catch (error) {
console.error("初始化字典数据失败:", error);
}
}
useEffect(() => {
initDictionaryData()
}, []);
return (
<>
{/* 自定义导航 */}

View File

@@ -76,7 +76,7 @@ const AiImportPopup: React.FC<AiImportPopupProps> = ({
if (Array.isArray(data) && data.length > 0) {
setPublishData(data)
Taro.navigateTo({
url: '/publish_pages/publishBall/pages/publishBall?type=ai'
url: '/publish_pages/publishBall/index?type=ai'
})
}
}
@@ -110,11 +110,13 @@ const AiImportPopup: React.FC<AiImportPopupProps> = ({
}
} catch (error) {
console.error('选择图片失败:', error)
setUploadFailCount(prev => prev + 1)
Taro.showToast({
title: '上传失败',
icon: 'error'
})
if (!(typeof error === 'object' && error.errMsg && error.errMsg.includes('fail cancel'))) {
setUploadFailCount(prev => prev + 1)
Taro.showToast({
title: '上传失败',
icon: 'error'
})
}
}
}

View File

@@ -96,8 +96,8 @@ const FormBasicInfo: React.FC<FormBasicInfoProps> = ({
onChange({...value, [key]: ''});
return;
}
if (numValue < 0) {
onChange({...value, [key]: '0'});
if (numValue <= 0) {
onChange({...value, [key]: '1'});
return;
}
if (numValue > 9999.99) {

View File

@@ -1,50 +1,74 @@
import React, { useCallback, useState } from 'react'
import React, { useCallback, useState, useEffect } from 'react'
import { View, Text, Input } from '@tarojs/components'
import { Checkbox } from '@nutui/nutui-react-taro'
import styles from './index.module.scss'
interface FormSwitchProps {
value: boolean
onChange: (checked: boolean) => void
subTitle: string
wechatId?: string
type WechatContactValue = {
is_wechat_contact: boolean
wechat_contact: string
default_wechat_contact: string
}
const FormSwitch: React.FC<FormSwitchProps> = ({ value, onChange, subTitle, wechatId }) => {
interface FormSwitchProps {
value: WechatContactValue
wechatId: string
onChange: (val: WechatContactValue) => void
subTitle: string
}
const FormSwitch: React.FC<FormSwitchProps> = ({ value, onChange, subTitle }) => {
const [editWechat, setEditWechat] = useState(false)
const [wechatIdValue, setWechatIdValue] = useState('')
const [wechat, setWechat] = useState(wechatId)
const [defaultWechat, setDefaultWechat] = useState('')
const [isWechatContact, setIsWechatContact] = useState(false)
const editWechatId = () => {
setEditWechat(true)
}
const setWechatId = useCallback((e: any) => {
const value = e.target.value
onChange && onChange(value)
setWechatIdValue(value)
}, [onChange])
const valueStr = e.target.value
onChange && onChange({ is_wechat_contact: isWechatContact, wechat_contact: valueStr, default_wechat_contact: defaultWechat })
setWechatIdValue(valueStr)
}, [onChange, isWechatContact])
const fillWithPhone = () => {
if (wechat) {
setWechatIdValue(wechat)
if (defaultWechat) {
setWechatIdValue(defaultWechat)
}
}
const handleChange = (checked: boolean) => {
setIsWechatContact(checked)
onChange({ is_wechat_contact: checked, wechat_contact: wechatIdValue, default_wechat_contact: defaultWechat })
}
useEffect(() => {
const { is_wechat_contact, default_wechat_contact } = value || {} as any
if (is_wechat_contact) {
setIsWechatContact(is_wechat_contact)
}
if (default_wechat_contact) {
setDefaultWechat(default_wechat_contact)
}
}, [value])
return (
<>
<View className={styles['wechat-contact-section']}>
<View className={styles['wechat-contact-item']}>
<Checkbox
className={styles['wechat-contact-checkbox']}
checked={value}
onChange={onChange}
checked={isWechatContact}
onChange={(checked) => handleChange(checked)}
/>
<View className={styles['wechat-contact-content']}>
<Text className={styles['wechat-contact-text']}>{subTitle}</Text>
</View>
</View>
{
!editWechat && wechatId && (
!editWechat && (
<View className={styles['wechat-contact-id']}>
<Text className={styles['wechat-contact-text']}>: {wechatId.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3')}</Text>
<Text className={styles['wechat-contact-text']}>: {defaultWechat.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3')}</Text>
<View className={styles['wechat-contact-edit']} onClick={editWechatId}></View>
</View>
)
@@ -55,7 +79,9 @@ const FormSwitch: React.FC<FormSwitchProps> = ({ value, onChange, subTitle, wech
<View className={styles['wechat-contact-edit-input']}>
<Input value={wechatIdValue} onInput={setWechatId} placeholder='请输入正确微信号' />
</View>
<View className={styles['wechat-contact-edit']} onClick={fillWithPhone}>{wechat}</View>
{defaultWechat && (
<View className={styles['wechat-contact-edit']} onClick={fillWithPhone}>{defaultWechat}</View>
)}
</View>
)
}

View File

@@ -14,7 +14,7 @@ import images from '@/config/images'
import { useUserInfo } from '@/store/userStore'
import styles from './index.module.scss'
import dayjs from 'dayjs'
import { usePublishBallData, usePublishBallActions } from '@/store/publishBallStore'
import { usePublishBallData } from '@/store/publishBallStore'
const defaultFormData: PublishBallFormData = {
title: '',
@@ -44,8 +44,12 @@ const defaultFormData: PublishBallFormData = {
description_tag: [],
},
is_substitute_supported: true,
is_wechat_contact: true,
wechat_contact: ''
wechat: {
is_wechat_contact: true,
wechat_contact: '',
default_wechat_contact: ''
}
}
const PublishBall: React.FC = () => {
@@ -53,7 +57,6 @@ const PublishBall: React.FC = () => {
const [isSubmitDisabled, setIsSubmitDisabled] = useState(false)
const userInfo = useUserInfo();
const publishAiData = usePublishBallData()
const { clearPublishData } = usePublishBallActions()
// 获取页面参数并设置导航标题
const [optionsConfig, setOptionsConfig] = useState<FormFieldConfig[]>(publishBallFormSchema)
@@ -251,17 +254,19 @@ const PublishBall: React.FC = () => {
if (!isValid) {
return
}
const { activityInfo, descriptionInfo, timeRange, players, skill_level,image_list, ...rest } = formData[0];
const { activityInfo, descriptionInfo, timeRange, players, skill_level,image_list,wechat, ...rest } = formData[0];
const options = {
...rest,
...activityInfo,
...descriptionInfo,
...timeRange,
max_players: players[1],
current_players: players[0],
min_players: players[0],
skill_level_min: skill_level[0],
skill_level_max: skill_level[1],
image_list: image_list.map(item => item.url)
image_list: image_list.map(item => item.url),
is_wechat_contact: wechat.is_wechat_contact,
wechat_contact: wechat.wechat_contact || wechat.default_wechat_contact,
}
const res = await PublishService.createPersonal(options);
if (res.code === 0 && res.data) {
@@ -274,7 +279,7 @@ const PublishBall: React.FC = () => {
// 如果是畅打,则跳转第一个球局详情页,并自动分享 @刘杰
Taro.navigateTo({
// @ts-expect-error: id
url: `/pages/detail/index?id=${(res as any).data?.id || 1}&from=publish&autoShare=1`
url: `/game_pages/detail/index?id=${(res as any).data?.id || 1}&from=publish&autoShare=1`
})
} else {
Taro.showToast({
@@ -303,7 +308,7 @@ const PublishBall: React.FC = () => {
...descriptionInfo,
...timeRange,
max_players: players[1],
current_players: players[0],
min_players: players[0],
skill_level_min: skill_level[0],
skill_level_max: skill_level[1],
image_list: item.image_list.map(img => img.url)
@@ -320,7 +325,7 @@ const PublishBall: React.FC = () => {
// 如果是畅打,则跳转第一个球局详情页,并自动分享 @刘杰
Taro.navigateTo({
// @ts-expect-error: id
url: `/pages/detail/index?id=${(res as any).data?.[0]?.id || 1}&from=publish&autoShare=1`
url: `/game_pages/detail/index?id=${(res as any).data?.[0]?.id || 1}&from=publish&autoShare=1`
})
} else {
Taro.showToast({
@@ -330,17 +335,66 @@ const PublishBall: React.FC = () => {
}
}
}
const mergeWithDefault = (data: any): PublishBallFormData => {
const userPhone = (userInfo as any)?.phone || ''
const { start_time, end_time, play_type, price, venue_id, location_name, location, latitude,
longitude, court_type, court_surface, venue_description_tag, venue_description, venue_image_list,
description, description_tag, max_players, min_players, skill_level_max, skill_level_min,
venueDtl
} = data;
let activityInfo = {};
if (venueDtl) {
const { latitude, longitude } = venueDtl;
activityInfo = {
latitude,
longitude,
}
}
return {
...defaultFormData,
...data,
timeRange: {
...defaultFormData.timeRange,
start_time,
end_time,
},
activityInfo: {
...defaultFormData.activityInfo,
...(play_type ? { play_type } : {}),
...((price) ? { price } : {}),
...(venue_id ? { venue_id } : {}),
...(location_name ? { location_name } : {}),
...(location ? { location } : {}),
...(latitude ? { latitude } : {}),
...(longitude ? { longitude } : {}),
...(court_type ? { court_type } : {}),
...(court_surface ? { court_surface } : {}),
...(venue_description_tag ? { venue_description_tag } : {}),
...(venue_description ? { venue_description } : {}),
...(venue_image_list ? { venue_image_list } : {}),
},
descriptionInfo: {
...defaultFormData.descriptionInfo,
...(description ? { description } : {}),
...(description_tag ? { description_tag } : {}),
},
...(skill_level_max && skill_level_min ? { skill_level: [skill_level_min, skill_level_max] } : {}),
...(max_players && min_players ? { players: [min_players, max_players] } : {}),
wechat: { ...defaultFormData.wechat, default_wechat_contact: userPhone }
}
}
const initFormData = () => {
const currentInstance = Taro.getCurrentInstance()
const params = currentInstance.router?.params
const userPhone = (userInfo as any)?.phone || ''
if (params?.type) {
const type = params.type as ActivityType
if (type === 'individual' || type === 'group') {
setActivityType(type)
if (type === 'group') {
const newFormSchema = publishBallFormSchema.reduce((acc, item) => {
if (item.prop === 'is_wechat_contact') {
if (item.prop === 'wechat') {
return acc
}
if (item.prop === 'image_list') {
@@ -365,29 +419,11 @@ const PublishBall: React.FC = () => {
Taro.setNavigationBarTitle({
title: '发布'
})
const userPhone = (userInfo as any)?.phone || ''
setFormData([{...defaultFormData, wechat_contact: userPhone }])
setFormData([{...defaultFormData, wechat: { ...defaultFormData.wechat, default_wechat_contact: userPhone } }])
}
} else if (type === 'ai') {
// 从 Store 注入 AI 生成的表单 JSON
const mergeWithDefault = (data: PublishBallFormData): PublishBallFormData => {
return {
...defaultFormData,
...data,
timeRange: {
...defaultFormData.timeRange,
...(data?.timeRange || {}),
},
activityInfo: {
...defaultFormData.activityInfo,
...(data?.activityInfo || {}),
},
descriptionInfo: {
...defaultFormData.descriptionInfo,
...(data?.descriptionInfo || {}),
},
}
}
if (publishAiData) {
if (Array.isArray(publishAiData)) {
@@ -399,6 +435,9 @@ const PublishBall: React.FC = () => {
} else {
setFormData([defaultFormData])
}
Taro.setNavigationBarTitle({
title: '发布畅打活动'
})
}
}
}
@@ -419,7 +458,6 @@ const PublishBall: React.FC = () => {
initFormData()
}, [])
console.log(formData, 'formDataformDataformData');
return (
<View className={styles['publish-ball']}>
{/* 活动类型切换 */}
@@ -497,7 +535,7 @@ const PublishBall: React.FC = () => {
activityType === 'individual' && (
<Text className={styles['submit-tip']}>
<Text className={styles['link']} onClick={() => Taro.navigateTo({url: '/pages/publishBall/footballRules/index'})}></Text>
<Text className={styles['link']} onClick={() => Taro.navigateTo({url: '/publish_pages/publishBall/footballRules/index'})}></Text>
</Text>
)
}

View File

@@ -174,7 +174,7 @@ const PublishForm: React.FC<{
...item.props,
...(item.type === FieldType.TEXTAREATAG ? { options: item.options } : {}),
...(item.props?.className ? { className: styles[item.props.className] } : {}),
...(item.type === FieldType.WECHATCONTACT ? { wechatId: formData.wechat_contact } : {})
// ...(item.type === FieldType.WECHATCONTACT ? { wechatId: formData.wechat.wechat_contact } : {})
}
if (item.type === FieldType.UPLOADIMAGE) {
/* 活动封面 */

View File

@@ -20,7 +20,7 @@ export interface PublishBallData {
venue_description?: string // 场地描述
venue_image_list?: string[] // 场地图片
max_players: number // 人数要求
current_players: number // 人数要求
min_players: number // 人数要求
skill_level_min: number // 水平要求(NTRP)
skill_level_max: number // 水平要求(NTRP)
description: string // 备注