bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'feat/liujie'

Browse Source
This commit is contained in:
刘杰
2025-09-11 23:11:14 +08:00
parent 57ef695e8b 30d97739ae
commit 7c07c6cf06
7 changed files with 376 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.config.ts
View File

@@ -10,11 +10,6 @@ export default defineAppConfig({
"pages/search/index", // 搜索页
"pages/searchResult/index", // 搜索结果页面
"pages/publishBall/index",
"pages/detail/index",
// 'pages/message/index',
// 'pages/orderCheck/index',
// 'pages/mapDisplay/index',
],
subPackages: [
{
@@ -22,6 +17,7 @@ export default defineAppConfig({
pages: [
"pages/myself/index", // 个人中心
"pages/edit/index", // 个人中心
"detail/index", // 球局详情页
"message/index", // 消息页
"orderList/index", // 订单列表页
"orderDetail/index", // 订单详情页

80
src/components/ListCard/index.tsx
View File

@@ -17,19 +17,24 @@ const ListCard: React.FC<ListCardProps> = ({
play_type,
image_list = [],
court_type,
key
key,
}) => {
const renderItemImage = (src: string) => {
return <Image src={src} className="image" mode="aspectFill"
return (
<Image
src={src}
className="image"
mode="aspectFill"
lazyLoad
defaultSource='https://images.unsplash.com/photo-1554068865-24cecd4e34b8?w=200&h=200&fit=crop&crop=center'
/>;
defaultSource="https://images.unsplash.com/photo-1554068865-24cecd4e34b8?w=200&h=200&fit=crop&crop=center"
/>
);
};
const handleViewDetail = () => {
console.log('id', id)
console.log("id", id);
Taro.navigateTo({
url: `/pages/detail/index?id=${id || 1}&from=list&autoShare=0`,
url: `/mod_user/detail/index?id=${id || 1}&from=list`,
});
};
@@ -40,7 +45,9 @@ const ListCard: React.FC<ListCardProps> = ({
if (image_list?.length === 1) {
return (
<View className="single-image">
<View className="image-container">{renderItemImage(image_list?.[0])}</View>
<View className="image-container">
{renderItemImage(image_list?.[0])}
</View>
</View>
);
}
@@ -48,8 +55,12 @@ const ListCard: React.FC<ListCardProps> = ({
if (image_list?.length === 2) {
return (
<View className="double-image">
<View className="image-container">{renderItemImage(image_list?.[0])}</View>
<View className="image-container">{renderItemImage(image_list?.[1])}</View>
<View className="image-container">
{renderItemImage(image_list?.[0])}
</View>
<View className="image-container">
{renderItemImage(image_list?.[1])}
</View>
</View>
);
}
@@ -57,9 +68,15 @@ const ListCard: React.FC<ListCardProps> = ({
// 3张或更多图片
return (
<View className="triple-image">
<View className="image-container">{renderItemImage(image_list?.[0])}</View>
<View className="image-container">{renderItemImage(image_list?.[1])}</View>
<View className="image-container">{renderItemImage(image_list?.[2])}</View>
<View className="image-container">
{renderItemImage(image_list?.[0])}
</View>
<View className="image-container">
{renderItemImage(image_list?.[1])}
</View>
<View className="image-container">
{renderItemImage(image_list?.[2])}
</View>
</View>
);
};
@@ -69,14 +86,16 @@ const ListCard: React.FC<ListCardProps> = ({
{/* 左侧内容区域 */}
<View className="content">
{/* 标题 */}
{title && <View className="titleWrapper">
{title && (
<View className="titleWrapper">
<Text className="title">{title}</Text>
<Image
src={img.ICON_LIST_RIGHT_ARROW}
className="title-right-arrow"
mode="aspectFit"
/>
</View>}
</View>
)}
{/* 时间信息 */}
<View className="date-time">
@@ -86,8 +105,11 @@ const ListCard: React.FC<ListCardProps> = ({
{/* 地点,室内外,距离 */}
<View className="location">
{location &&
<Text className="location-text location-position">{location}</Text>}
{location && (
<Text className="location-text location-position">
{location}
</Text>
)}
<Text className="location-text location-time-distance">
{court_type && `・${court_type}`}
{distance_km && `・${distance_km}km`}
@@ -98,8 +120,7 @@ const ListCard: React.FC<ListCardProps> = ({
<View className="bottom-info">
<View className="left-section">
<View className="avatar-group">
{Array.from({ length: 3 }).map(
(_, index) => (
{Array.from({ length: 3 }).map((_, index) => (
<View key={index} className="avatar">
<Image
className="avatar-image"
@@ -107,8 +128,7 @@ const ListCard: React.FC<ListCardProps> = ({
mode="aspectFill"
/>
</View>
)
)}
))}
</View>
</View>
@@ -120,11 +140,15 @@ const ListCard: React.FC<ListCardProps> = ({
</Text>
</View>
<View className="tag">
<Text className="tag-text">{skill_level_min} 至 {skill_level_max}</Text>
<Text className="tag-text">
{skill_level_min} 至 {skill_level_max}
</Text>
</View>
{play_type && <View className="tag">
{play_type && (
<View className="tag">
<Text className="tag-text">{play_type}</Text>
</View>}
</View>
)}
</View>
</View>
</View>
@@ -135,13 +159,19 @@ const ListCard: React.FC<ListCardProps> = ({
{/* 畅打球局 */}
<View className="smoothPlayingGame">
<View className="smoothWrapper">
<Image src={img.ICON_LIST_PLAYING_GAME} className="iconListPlayingGame" />
<Image
src={img.ICON_LIST_PLAYING_GAME}
className="iconListPlayingGame"
/>
<Text className="smoothTitle">畅打球局</Text>
</View>
<View className="line" />
<View>场馆方:</View>
<View className="localAreaWrapper">
<Image className="localArea" src="https://images.unsplash.com/photo-1554068865-24cecd4e34b8?w=200&h=200&fit=crop&crop=center" />
<Image
className="localArea"
src="https://images.unsplash.com/photo-1554068865-24cecd4e34b8?w=200&h=200&fit=crop&crop=center"
/>
<Text className="localAreaText">仁恒河滨花园网球场</Text>
</View>
</View>

0
src/pages/detail/index.config.ts → src/mod_user/detail/index.config.ts
View File

0
src/pages/detail/index.scss → src/mod_user/detail/index.scss
View File

4
src/pages/detail/index.tsx → src/mod_user/detail/index.tsx
View File

@@ -167,7 +167,7 @@ const SharePopup = forwardRef(
// useShareAppMessage(() => {
// return {
// title: '分享',
// path: `/pages/detail/index?id=${id}&from=share`,
// path: `/mod_user/detail/index?id=${id}&from=share`,
// }
// })
// }
@@ -176,7 +176,7 @@ const SharePopup = forwardRef(
// useShareTimeline(() => {
// return {
// title: '分享',
// path: `/pages/detail/index?id=${id}&from=share`,
// path: `/mod_user/detail/index?id=${id}&from=share`,
// }
// })
// }

2
src/mod_user/pages/other/index.tsx
View File

@@ -105,7 +105,7 @@ const OtherUserPage: React.FC = () => {
// 处理球局详情
const handle_game_detail = (game_id: string) => {
Taro.navigateTo({
url: `/pages/detail/index?id=${game_id}`,
url: `/mod_user/detail/index?id=${game_id}&from=personal`,
});
};

498
src/pages/publishBall/index.tsx
View File

@@ -1,60 +1,65 @@
import React, { useState, useEffect } from 'react'
import { View, Text, Button, Image } from '@tarojs/components'
import { Checkbox } from '@nutui/nutui-react-taro'
import Taro from '@tarojs/taro'
import { type ActivityType } from '../../components/ActivityTypeSwitch'
import CommonDialog from '../../components/CommonDialog'
import { withAuth } from '@/components'
import PublishForm from './publishForm'
import { FormFieldConfig, publishBallFormSchema } from '../../config/formSchema/publishBallFormSchema';
import { PublishBallFormData } from '../../../types/publishBall';
import PublishService from '@/services/publishService';
import { getNextHourTime, getEndTime, delay } from '@/utils';
import images from '@/config/images'
import styles from './index.module.scss'
import dayjs from 'dayjs'
import React, { useState, useEffect } from "react";
import { View, Text, Button, Image } from "@tarojs/components";
import { Checkbox } from "@nutui/nutui-react-taro";
import Taro from "@tarojs/taro";
import { type ActivityType } from "../../components/ActivityTypeSwitch";
import CommonDialog from "../../components/CommonDialog";
import { withAuth } from "@/components";
import PublishForm from "./publishForm";
import {
FormFieldConfig,
publishBallFormSchema,
} from "../../config/formSchema/publishBallFormSchema";
import { PublishBallFormData } from "../../../types/publishBall";
import PublishService from "@/services/publishService";
import { getNextHourTime, getEndTime, delay } from "@/utils";
import images from "@/config/images";
import styles from "./index.module.scss";
import dayjs from "dayjs";
const defaultFormData: PublishBallFormData = {
title: '',
title: "",
image_list: [],
timeRange: {
start_time: getNextHourTime(),
end_time: getEndTime(getNextHourTime())
end_time: getEndTime(getNextHourTime()),
},
activityInfo: {
play_type: '不限',
price: '',
play_type: "不限",
price: "",
venue_id: null,
location_name: '',
location: '',
latitude: '',
longitude: '',
court_type: '',
court_surface: '',
location_name: "",
location: "",
latitude: "",
longitude: "",
court_type: "",
court_surface: "",
venue_description_tag: [],
venue_description: '',
venue_description: "",
venue_image_list: [],
},
players: [1, 1],
skill_level: [1.0, 5.0],
descriptionInfo: {
description: '',
description: "",
description_tag: [],
},
is_substitute_supported: true,
is_wechat_contact: true,
wechat_contact: '14223332214'
}
wechat_contact: "14223332214",
};
const PublishBall: React.FC = () => {
const [activityType, setActivityType] = useState<ActivityType>('individual')
const [isSubmitDisabled, setIsSubmitDisabled] = useState(false)
const [activityType, setActivityType] = useState<ActivityType>("individual");
const [isSubmitDisabled, setIsSubmitDisabled] = useState(false);
// 获取页面参数并设置导航标题
const [optionsConfig, setOptionsConfig] = useState<FormFieldConfig[]>(publishBallFormSchema)
const [optionsConfig, setOptionsConfig] = useState<FormFieldConfig[]>(
publishBallFormSchema,
);
const [formData, setFormData] = useState<PublishBallFormData[]>([
defaultFormData
])
const [checked, setChecked] = useState(true)
defaultFormData,
]);
const [checked, setChecked] = useState(true);
// 删除确认弹窗状态
const [deleteConfirm, setDeleteConfirm] = useState<{
@@ -62,200 +67,225 @@ const PublishBall: React.FC = () => {
index: number;
}>({
visible: false,
index: -1
})
index: -1,
});
// 更新表单数据
const updateFormData = (key: keyof PublishBallFormData, value: any, index: number) => {
console.log(key, value, index, 'key, value, index');
setFormData(prev => {
const newData = [...prev]
newData[index] = { ...newData[index], [key]: value }
console.log(newData, 'newData');
return newData
})
}
const updateFormData = (
key: keyof PublishBallFormData,
value: any,
index: number,
) => {
console.log(key, value, index, "key, value, index");
setFormData((prev) => {
const newData = [...prev];
newData[index] = { ...newData[index], [key]: value };
console.log(newData, "newData");
return newData;
});
};
// 处理活动类型变化
const handleActivityTypeChange = (type: ActivityType) => {
if (type === 'group') {
setFormData([defaultFormData])
if (type === "group") {
setFormData([defaultFormData]);
} else {
setFormData([defaultFormData])
}
setFormData([defaultFormData]);
}
};
// 检查相邻两组数据是否相同
const checkAdjacentDataSame = (formDataArray: PublishBallFormData[]) => {
if (formDataArray.length < 2) return false
if (formDataArray.length < 2) return false;
const lastIndex = formDataArray.length - 1
const secondLastIndex = formDataArray.length - 2
const lastIndex = formDataArray.length - 1;
const secondLastIndex = formDataArray.length - 2;
const lastData = formDataArray[lastIndex]
const secondLastData = formDataArray[secondLastIndex]
const lastData = formDataArray[lastIndex];
const secondLastData = formDataArray[secondLastIndex];
// 比较关键字段是否相同
return (JSON.stringify(lastData) === JSON.stringify(secondLastData))
}
return JSON.stringify(lastData) === JSON.stringify(secondLastData);
};
const handleAdd = () => {
// 检查最后两组数据是否相同
if (checkAdjacentDataSame(formData)) {
Taro.showToast({
title: '信息不可与前序场完全一致',
icon: 'none'
})
return
title: "信息不可与前序场完全一致",
icon: "none",
});
return;
}
const newStartTime = getNextHourTime()
setFormData(prev => [...prev, {
const newStartTime = getNextHourTime();
setFormData((prev) => [
...prev,
{
...defaultFormData,
title: '',
title: "",
timeRange: {
start_time: newStartTime,
end_time: getEndTime(newStartTime)
}
}])
}
end_time: getEndTime(newStartTime),
},
},
]);
};
// 复制上一场数据
const handleCopyPrevious = (index: number) => {
if (index > 0) {
setFormData(prev => {
const newData = [...prev]
newData[index] = { ...newData[index - 1] }
return newData
})
setFormData((prev) => {
const newData = [...prev];
newData[index] = { ...newData[index - 1] };
return newData;
});
Taro.showToast({
title: '复制上一场填入',
icon: 'success'
})
}
title: "复制上一场填入",
icon: "success",
});
}
};
// 删除确认弹窗
const showDeleteConfirm = (index: number) => {
setDeleteConfirm({
visible: true,
index
})
}
index,
});
};
// 关闭删除确认弹窗
const closeDeleteConfirm = () => {
setDeleteConfirm({
visible: false,
index: -1
})
}
index: -1,
});
};
// 确认删除
const confirmDelete = () => {
if (deleteConfirm.index >= 0) {
setFormData(prev => prev.filter((_, index) => index !== deleteConfirm.index))
closeDeleteConfirm()
setFormData((prev) =>
prev.filter((_, index) => index !== deleteConfirm.index),
);
closeDeleteConfirm();
Taro.showToast({
title: '已删除该场次',
icon: 'success'
})
}
title: "已删除该场次",
icon: "success",
});
}
};
const validateFormData = (formData: PublishBallFormData, isOnSubmit: boolean = false) => {
const validateFormData = (
formData: PublishBallFormData,
isOnSubmit: boolean = false,
) => {
const { activityInfo, image_list, title, timeRange } = formData;
const { play_type, price, location_name } = activityInfo;
if (!image_list?.length) {
if (!isOnSubmit) {
Taro.showToast({
title: `请上传活动封面`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
if (!title) {
if (!isOnSubmit) {
Taro.showToast({
title: `请输入活动标题`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
if (!price || (typeof price === 'number' && price <= 0) || (typeof price === 'string' && !price.trim())) {
if (
!price ||
(typeof price === "number" && price <= 0) ||
(typeof price === "string" && !price.trim())
) {
if (!isOnSubmit) {
Taro.showToast({
title: `请输入费用`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
if (!play_type || !play_type.trim()) {
if (!isOnSubmit) {
Taro.showToast({
title: `请选择玩法类型`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
if (!location_name || !location_name.trim()) {
if (!isOnSubmit) {
Taro.showToast({
title: `请选择场地`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
// 时间范围校验：结束时间需晚于开始时间，且至少间隔30分钟（支持跨天）
if (timeRange?.start_time && timeRange?.end_time) {
const start = dayjs(timeRange.start_time)
const end = dayjs(timeRange.end_time)
const start = dayjs(timeRange.start_time);
const end = dayjs(timeRange.end_time);
if (!end.isAfter(start)) {
if (!isOnSubmit) {
Taro.showToast({
title: `结束时间需晚于开始时间`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
if (end.isBefore(start.add(30, 'minute'))) {
if (end.isBefore(start.add(30, "minute"))) {
if (!isOnSubmit) {
Taro.showToast({
title: `时间间隔至少30分钟`,
icon: 'none'
})
icon: "none",
});
}
return false
return false;
}
}
return true
}
return true;
};
const validateOnSubmit = () => {
const isValid = activityType === 'individual' ? validateFormData(formData[0], true) : formData.every(item => validateFormData(item, true))
const isValid =
activityType === "individual"
? validateFormData(formData[0], true)
: formData.every((item) => validateFormData(item, true));
if (!isValid) {
return false
}
return true
return false;
}
return true;
};
// 提交表单
const handleSubmit = async () => {
// 基础验证
console.log(formData, 'formData');
if (activityType === 'individual') {
const isValid = validateFormData(formData[0])
console.log(formData, "formData");
if (activityType === "individual") {
const isValid = validateFormData(formData[0]);
if (!isValid) {
return
return;
}
const { activityInfo, descriptionInfo, timeRange, players, skill_level,image_list, ...rest } = formData[0];
const {
activityInfo,
descriptionInfo,
timeRange,
players,
skill_level,
image_list,
...rest
} = formData[0];
const options = {
...rest,
...activityInfo,
@@ -265,42 +295,49 @@ const PublishBall: React.FC = () => {
current_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),
};
const res = await PublishService.createPersonal(options);
if (res.code === 0 && res.data) {
Taro.showToast({
title: '发布成功',
icon: 'success'
})
delay(1000)
title: "发布成功",
icon: "success",
});
delay(1000);
// 如果是个人球局，则跳转到详情页，并自动分享
// 如果是畅打，则跳转第一个球局详情页，并自动分享 @刘杰
Taro.navigateTo({
// @ts-expect-error: id
url: `/pages/detail/index?id=${res.data.id || 1}&from=publish&autoShare=1`
})
url: `/mod_user/detail/index?id=${res.data.id || 1}&from=publish`,
});
} else {
Taro.showToast({
title: res.message,
icon: 'none'
})
icon: "none",
});
}
}
if (activityType === 'group') {
const isValid = formData.every(item => validateFormData(item))
if (activityType === "group") {
const isValid = formData.every((item) => validateFormData(item));
if (!isValid) {
return
return;
}
if (checkAdjacentDataSame(formData)) {
Taro.showToast({
title: '信息不可与前序场完全一致',
icon: 'none'
})
return
title: "信息不可与前序场完全一致",
icon: "none",
});
return;
}
const options = formData.map((item) => {
const { activityInfo, descriptionInfo, timeRange, players, skill_level, ...rest } = item;
const {
activityInfo,
descriptionInfo,
timeRange,
players,
skill_level,
...rest
} = item;
return {
...rest,
...activityInfo,
@@ -310,122 +347,122 @@ const PublishBall: React.FC = () => {
current_players: players[0],
skill_level_min: skill_level[0],
skill_level_max: skill_level[1],
image_list: item.image_list.map(img => img.url)
}
})
const res = await PublishService.create_play_pmoothlys({rows: options});
image_list: item.image_list.map((img) => img.url),
};
});
const res = await PublishService.create_play_pmoothlys({ rows: options });
if (res.code === 0 && res.data) {
Taro.showToast({
title: '发布成功',
icon: 'success'
})
delay(1000)
title: "发布成功",
icon: "success",
});
delay(1000);
// 如果是个人球局，则跳转到详情页，并自动分享
// 如果是畅打，则跳转第一个球局详情页，并自动分享 @刘杰
Taro.navigateTo({
// @ts-expect-error: id
url: `/pages/detail/index?id=${res.data?.[0].id || 1}&from=publish&autoShare=1`
})
url: `/mod_user/detail/index?id=${res.data?.[0].id || 1}&from=publish`,
});
} else {
Taro.showToast({
title: res.message,
icon: 'none'
})
}
icon: "none",
});
}
}
};
const initFormData = () => {
const currentInstance = Taro.getCurrentInstance()
const params = currentInstance.router?.params
const currentInstance = Taro.getCurrentInstance();
const params = currentInstance.router?.params;
if (params?.type) {
const type = params.type as ActivityType
if (type === 'individual' || type === 'group') {
setActivityType(type)
if (type === 'group') {
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') {
return acc
if (item.prop === "is_wechat_contact") {
return acc;
}
if (item.prop === 'image_list') {
if (item.prop === "image_list") {
if (item.props) {
item.props.source = ['album', 'history']
item.props.source = ["album", "history"];
}
}
if (item.prop === 'players') {
if (item.prop === "players") {
if (item.props) {
item.props.max = 100
item.props.max = 100;
}
}
acc.push(item)
return acc
}, [] as FormFieldConfig[])
setOptionsConfig(newFormSchema)
setFormData([defaultFormData])
acc.push(item);
return acc;
}, [] as FormFieldConfig[]);
setOptionsConfig(newFormSchema);
setFormData([defaultFormData]);
}
// 根据type设置导航标题
if (type === 'group') {
if (type === "group") {
Taro.setNavigationBarTitle({
title: '发布畅打活动'
})
title: "发布畅打活动",
});
} else {
Taro.setNavigationBarTitle({
title: '发布'
})
title: "发布",
});
}
}
handleActivityTypeChange(type)
}
handleActivityTypeChange(type);
}
};
const onCheckedChange = (checked: boolean) => {
setChecked(checked)
}
setChecked(checked);
};
useEffect(() => {
const isValid = validateOnSubmit()
const isValid = validateOnSubmit();
if (!isValid) {
setIsSubmitDisabled(true)
setIsSubmitDisabled(true);
} else {
setIsSubmitDisabled(false)
setIsSubmitDisabled(false);
}
console.log(formData, 'formData');
}, [formData])
console.log(formData, "formData");
}, [formData]);
useEffect(() => {
initFormData()
}, [])
initFormData();
}, []);
return (
<View className={styles['publish-ball']}>
<View className={styles["publish-ball"]}>
{/* 活动类型切换 */}
<View className={styles['activity-type-switch']}>
<View className={styles["activity-type-switch"]}>
{/* <ActivityTypeSwitch
value={activityType}
onChange={handleActivityTypeChange}
/> */}
</View>
<View className={styles['publish-ball__scroll']}>
{
formData.map((item, index) => (
<View className={styles["publish-ball__scroll"]}>
{formData.map((item, index) => (
<View key={index}>
{/* 场次标题行 */}
{activityType === 'group' && index > 0 && (
<View className={styles['session-header']}>
<View className={styles['session-title']}>
{activityType === "group" && index > 0 && (
<View className={styles["session-header"]}>
<View className={styles["session-title"]}>
第{index + 1}场
<View
className={styles['session-delete']}
className={styles["session-delete"]}
onClick={() => showDeleteConfirm(index)}
>
<Image src={images.ICON_DELETE} className={styles['session-delete-icon']} />
<Image
src={images.ICON_DELETE}
className={styles["session-delete-icon"]}
/>
</View>
</View>
<View className={styles['session-actions']}>
<View className={styles["session-actions"]}>
{index > 0 && (
<View
className={styles['session-action-btn']}
className={styles["session-action-btn"]}
onClick={() => handleCopyPrevious(index)}
>
复制上一场
@@ -440,16 +477,16 @@ const PublishBall: React.FC = () => {
optionsConfig={optionsConfig}
/>
</View>
))
}
{
activityType === 'group' && (
<View className={styles['publish-ball__add']} onClick={handleAdd}>
<Image src={images.ICON_ADD} className={styles['publish-ball__add-icon']} />
))}
{activityType === "group" && (
<View className={styles["publish-ball__add"]} onClick={handleAdd}>
<Image
src={images.ICON_ADD}
className={styles["publish-ball__add-icon"]}
/>
再添加一场
</View>
)
}
)}
</View>
{/* 删除确认弹窗 */}
@@ -463,33 +500,32 @@ const PublishBall: React.FC = () => {
contentDesc="该操作不可恢复"
/>
{/* 完成按钮 */}
<View className={styles['submit-section']}>
<Button className={`${styles['submit-btn']} ${isSubmitDisabled ? styles['submit-btn-disabled'] : ''}`} onClick={handleSubmit}>
<View className={styles["submit-section"]}>
<Button
className={`${styles["submit-btn"]} ${isSubmitDisabled ? styles["submit-btn-disabled"] : ""}`}
onClick={handleSubmit}
>
发布
</Button>
{
activityType === 'individual' && (
<Text className={styles['submit-tip']}>
{activityType === "individual" && (
<Text className={styles["submit-tip"]}>
点击确定发布约球，即表示已经同意条款
<Text className={styles['link']}>《约球规则》</Text>
<Text className={styles["link"]}>《约球规则》</Text>
</Text>
)
}
{
activityType === 'group' && (
<View className={styles['submit-tip']}>
)}
{activityType === "group" && (
<View className={styles["submit-tip"]}>
<Checkbox
className={styles['submit-checkbox']}
className={styles["submit-checkbox"]}
checked={checked}
onChange={onCheckedChange}
/>
已认证 徐汇爱打球官方球场，请严格遵守签约协议
</View>
)
}
)}
</View>
</View>
)
}
);
};
export default withAuth(PublishBall)
export default withAuth(PublishBall);