修复单双打 ,多选功能

This commit is contained in:
张成
2025-12-06 22:02:27 +08:00
parent 2c83d9faa5
commit 10ff967f4a
5 changed files with 37 additions and 19 deletions

View File

@@ -8,10 +8,10 @@ import styles from './index.module.scss'
interface IProps {
name: string;
options: BubbleOption[];
value: string;
onChange: (name: string, value: string) => void;
value: string | string[];
onChange: (name: string, value: string | string[] | number | (string | number)[]) => void;
}
const GamePlayType = (props: IProps) => {
const CourtType = (props: IProps) => {
const { name, onChange , options, value} = props;
return (
<View className={styles.courtTypeWrapper}>
@@ -24,8 +24,9 @@ const GamePlayType = (props: IProps) => {
size="small"
columns={3}
name={name}
multiple={true}
/>
</View>
);
};
export default GamePlayType;
export default CourtType;

View File

@@ -87,10 +87,12 @@ const FilterPopup = (props: FilterPopupProps) => {
/**
* @description 筛选选项改变
* @param name 选项名称
* @param value 选项值
* @param value 选项值(单选时为字符串,多选时为数组)
*/
const handleFilterChange = (name, value) => {
onChange({ [name]: value });
const handleFilterChange = (name: string, value: string | string[] | number | (string | number)[]) => {
// 多选时,如果数组为空,传空数组;单选时保持原值
const finalValue = Array.isArray(value) && value.length === 0 ? [] : value;
onChange({ [name]: finalValue });
};
/**
@@ -147,12 +149,13 @@ const FilterPopup = (props: FilterPopupProps) => {
<Bubble
options={timeBubbleData}
value={filterOptions?.timeSlot}
value={Array.isArray(filterOptions?.timeSlot) ? filterOptions.timeSlot : (filterOptions?.timeSlot ? [filterOptions.timeSlot] : [])}
onChange={handleFilterChange}
layout="grid"
size="small"
columns={3}
name="timeSlot"
multiple={true}
/>
{/* 范围选择 */}
@@ -188,14 +191,14 @@ const FilterPopup = (props: FilterPopupProps) => {
onChange={handleFilterChange}
name="venueType"
options={locationOptions}
value={filterOptions?.venueType}
value={Array.isArray(filterOptions?.venueType) ? filterOptions.venueType : (filterOptions?.venueType ? [filterOptions.venueType] : [])}
/>
{/* 玩法 */}
<GamePlayType
onChange={handleFilterChange}
name="playType"
options={gamePlayOptions}
value={filterOptions?.playType}
value={Array.isArray(filterOptions?.playType) ? filterOptions.playType : (filterOptions?.playType ? [filterOptions.playType] : [])}
/>
</ScrollView>

View File

@@ -7,9 +7,9 @@ import styles from "./index.module.scss";
import { BubbleOption } from "types/list/types";
interface IProps {
name: string;
value: string;
value: string | string[];
options: BubbleOption[];
onChange: (name: string, value: string) => void;
onChange: (name: string, value: string | string[] | number | (string | number)[]) => void;
}
const GamePlayType = (props: IProps) => {
const { name, onChange, value, options } = props;
@@ -24,6 +24,7 @@ const GamePlayType = (props: IProps) => {
size="small"
columns={3}
name={name}
multiple={true}
/>
{/* <PopupGameplay
onClose={() => {