feat: add router to detail and ignore css order problem

src/pages/publishBall/index.tsx

@@ -6,40 +6,40 @@ import PublishForm from './publishForm'
 import { publishBallFormSchema } from '../../config/formSchema/publishBallFormSchema';
 import { PublishBallFormData } from '../../../types/publishBall';
 import PublishService from '@/services/publishService';
-import { getNextHourTime, getEndTime } from '@/utils/timeUtils';
+import { getNextHourTime, getEndTime, delay } from '@/utils';
 import images from '@/config/images'
 import styles from './index.module.scss'
 
 const defaultFormData: PublishBallFormData = {
-  title: '',   
-  image_list: ['https://static-o.oss-cn-shenzhen.aliyuncs.com/images/tpbj/tpss10.jpg'],  
+  title: '',
+  image_list: ['https://static-o.oss-cn-shenzhen.aliyuncs.com/images/tpbj/tpss10.jpg'],
   timeRange: {
-    start_time: getNextHourTime(), 
+    start_time: getNextHourTime(),
     end_time: getEndTime(getNextHourTime())
   },
-  activityInfo: {   
+  activityInfo: {
     play_type: '不限',
     price: '',
-    venue_id: null, 
+    venue_id: null,
     location_name: '',
-    location: '', 
-    latitude: '', 
+    location: '',
+    latitude: '',
     longitude: '',
-    court_type: '', 
-    court_surface: '', 
-    venue_description_tag: [], 
-    venue_description: '', 
-    venue_image_list: [], 
+    court_type: '',
+    court_surface: '',
+    venue_description_tag: [],
+    venue_description: '',
+    venue_image_list: [],
   },
   players: [1, 4],
   skill_level: [1.0, 5.0],
   descriptionInfo: {
-    description: '', 
-    description_tag: [], 
+    description: '',
+    description_tag: [],
   },
-  is_substitute_supported: true, 
-  is_wechat_contact: true, 
-  wechat_contact: '14223332214' 
+  is_substitute_supported: true,
+  is_wechat_contact: true,
+  wechat_contact: '14223332214'
 }
 
 const PublishBall: React.FC = () => {
@@ -47,7 +47,7 @@ const PublishBall: React.FC = () => {
   const [formData, setFormData] = useState<PublishBallFormData[]>([
     defaultFormData
   ])
-  
+
   // 删除确认弹窗状态
   const [deleteConfirm, setDeleteConfirm] = useState<{
     visible: boolean;
@@ -195,6 +195,13 @@ const PublishBall: React.FC = () => {
           title: '发布成功',
           icon: 'success'
         })
+        delay(1000)
+        // 如果是个人球局，则跳转到详情页，并自动分享
+        // 如果是畅打，则跳转第一个球局详情页，并自动分享 @刘杰
+        Taro.navigateTo({
+          // @ts-expect-error: id
+          url: `/pages/detail/index?id=${res.data.id || 1}&from=publish&autoShare=1`
+        })
       } else {
         Taro.showToast({
           title: res.message,
@@ -208,12 +215,12 @@ const PublishBall: React.FC = () => {
     <View className={styles['publish-ball']}>
       {/* 活动类型切换 */}
       <View className={styles['activity-type-switch']}>
-        <ActivityTypeSwitch 
+        <ActivityTypeSwitch
           value={activityType}
           onChange={handleActivityTypeChange}
         />
       </View>
-      
+
       <View className={styles['publish-ball__scroll']}>
         {
           formData.map((item, index) => (
@@ -223,19 +230,19 @@ const PublishBall: React.FC = () => {
                 <View className={styles['session-header']}>
                   <View className={styles['session-title']}>
                   第{index + 1}场
-                  <View 
-                      className={styles['session-delete']} 
+                  <View
+                      className={styles['session-delete']}
                       onClick={() => showDeleteConfirm(index)}
                     >
                       <Image src={images.ICON_DELETE} className={styles['session-delete-icon']} />
-                      
+
                     </View>
                   </View>
                   <View className={styles['session-actions']}>
-                    
+
                     {index > 0 && (
-                      <View 
-                        className={styles['session-action-btn']} 
+                      <View
+                        className={styles['session-action-btn']}
                         onClick={() => handleCopyPrevious(index)}
                       >
                         复制上一场
@@ -244,10 +251,10 @@ const PublishBall: React.FC = () => {
                   </View>
                 </View>
               )}
-              <PublishForm 
-                formData={item} 
-                onChange={(key, value) => updateFormData(key, value, index)} 
-                optionsConfig={publishBallFormSchema} 
+              <PublishForm
+                formData={item}
+                onChange={(key, value) => updateFormData(key, value, index)}
+                optionsConfig={publishBallFormSchema}
               />
             </View>
           ))
@@ -269,14 +276,14 @@ const PublishBall: React.FC = () => {
             <Text className={styles['delete-modal__title']}>确认移除该场次？</Text>
             <Text className={styles['delete-modal__desc']}>该操作不可恢复</Text>
             <View className={styles['delete-modal__actions']}>
-              <Button 
-                className={styles['delete-modal__btn']} 
+              <Button
+                className={styles['delete-modal__btn']}
                 onClick={closeDeleteConfirm}
               >
                 再想想
               </Button>
-              <Button 
-                className={styles['delete-modal__btn']} 
+              <Button
+                className={styles['delete-modal__btn']}
                 onClick={confirmDelete}
               >
                 确认移除