修改发布

2025-08-23 21:39:46 +08:00
parent 8bc2fa8d97
commit c6f4f11259
29 changed files with 384 additions and 241 deletions
--- a/src/pages/publishBall/components/FormBasicInfo/FormBasicInfo.tsx
+++ b/src/pages/publishBall/components/FormBasicInfo/FormBasicInfo.tsx
@@ -0,0 +1,97 @@
+import React, { useState } from 'react'
+import { View, Text, Input, Image, Picker } from '@tarojs/components'
+import PopupGameplay from '../PopupGameplay'
+import img from '@/config/images';
+import './FormBasicInfo.scss'
+import { FormFieldConfig } from '@/config/formSchema/publishBallFormSchema';
+
+interface FormBasicInfoProps {
+  value: any
+  onChange: (value: any) => void
+  children: FormFieldConfig[]
+}
+
+const FormBasicInfo: React.FC<FormBasicInfoProps> = ({
+  value,
+  onChange,
+  children
+}) => {
+  const [gameplayVisible, setGameplayVisible] = useState(false)
+  
+  const handleGameplaySelect = () => {
+    setGameplayVisible(true)
+  }
+
+  const handleGameplayConfirm = (selectedGameplay: string) => {
+    onGameplayChange(selectedGameplay)
+    setGameplayVisible(false)
+  }
+
+  const handleGameplayClose = () => {
+    setGameplayVisible(false)
+  }
+
+  const renderChildren = () => {
+    return children.map((child: any, index: number) => {
+      return <View className='form-item'>
+      <View className='form-label'>
+        <Image className='lable-icon' src={img[child.iconType]} />
+      </View>
+      {
+        index === 0 && (<View className='form-wrapper'>
+          <Text className='form-item-label'>{child.label}</Text>
+          <View className='form-right-wrapper'>
+            <Input
+              className='fee-input'
+              placeholder='请输入'
+              placeholderClass='title-placeholder'
+              type='digit'
+              value={value[child.key]}
+              onInput={(e) => onChange(child.key, e.detail.value)}
+            />
+            <Text className='unit'>元/每人</Text>
+          </View>
+      </View>)
+      }
+      {
+        index === 1 && (<View className='form-wrapper'>
+          <Text className='form-item-label'>{child.label}</Text>
+          <View className='form-right-wrapper' onClick={() => {}}>
+            <Text className={`right-text ${value[child.key] ? 'selected' : ''}`}>
+              {value[child.key] ? value[child.key] : '请选择'}
+            </Text>
+            <Image src={img.ICON_ARROW_RIGHT}  className='arrow'/>
+          </View>
+        </View>)
+      }
+      {
+        index === 2 && ( <View className='form-wrapper'>
+          <Text className='form-item-label'>{child.label}</Text>
+          <View className='form-right-wrapper' onClick={handleGameplaySelect}>
+            <Text className={`right-text ${value[child.key] ? 'selected' : ''}`}>
+              {value[child.key] ? value[child.key] : '请选择'}
+            </Text>
+            <Image src={img.ICON_ARROW_RIGHT}  className='arrow'/>
+          </View>
+        </View>)
+      }
+    </View>
+    })
+  }
+  return (
+    <View className='form-basic-info'>
+      {/* 费用 */}
+      {/* {renderChildren()} */}
+      
+      {/* 玩法选择弹窗 */}
+      {/* <PopupGameplay 
+        visible={gameplayVisible}
+        onClose={handleGameplayClose}
+        onConfirm={handleGameplayConfirm}
+        selectedGameplay={value[children[2].key]}
+      /> */}
+    </View>
+  )
+}
+
+export default FormBasicInfo