feat: 放开识别入口

This commit is contained in:
2025-09-30 14:48:24 +08:00
parent 4b31141287
commit e3b5166a4a

View File

@@ -1,50 +1,48 @@
import React, { useState } from 'react' import React, { useState } from "react";
import { View, Text, Image } from '@tarojs/components' import { View, Text, Image } from "@tarojs/components";
import Taro from '@tarojs/taro' import Taro from "@tarojs/taro";
import styles from './index.module.scss' import styles from "./index.module.scss";
import images from '@/config/images' import images from "@/config/images";
import AiImportPopup from '@/publish_pages/publishBall/components/AiImportPopup' import AiImportPopup from "@/publish_pages/publishBall/components/AiImportPopup";
export interface PublishMenuProps { export interface PublishMenuProps {
onPersonalPublish?: () => void onPersonalPublish?: () => void;
onActivityPublish?: () => void onActivityPublish?: () => void;
} }
const PublishMenu: React.FC<PublishMenuProps> = () => { const PublishMenu: React.FC<PublishMenuProps> = () => {
const [isVisible, setIsVisible] = useState(false) const [isVisible, setIsVisible] = useState(false);
const [aiImportVisible, setAiImportVisible] = useState(false) const [aiImportVisible, setAiImportVisible] = useState(false);
const handleIconClick = () => { const handleIconClick = () => {
setIsVisible(!isVisible) setIsVisible(!isVisible);
} };
const handleOverlayClick = () => { const handleOverlayClick = () => {
setIsVisible(false) setIsVisible(false);
} };
const handleMenuItemClick = (type: 'individual' | 'group' | 'ai') => { const handleMenuItemClick = (type: "individual" | "group" | "ai") => {
// 跳转到publishBall页面并传递type参数 // 跳转到publishBall页面并传递type参数
console.log(type, 'type'); console.log(type, "type");
if (type === 'ai') { if (type === "ai") {
setAiImportVisible(true) setAiImportVisible(true);
setIsVisible(false) setIsVisible(false);
return return;
} }
Taro.navigateTo({ Taro.navigateTo({
url: `/publish_pages/publishBall/index?type=${type}` url: `/publish_pages/publishBall/index?type=${type}`,
}) });
setIsVisible(false) setIsVisible(false);
} };
const handleAiImportClose = () => { const handleAiImportClose = () => {
setAiImportVisible(false) setAiImportVisible(false);
} };
const handleManualPublish = () => { const handleManualPublish = () => {
Taro.navigateTo({ Taro.navigateTo({
url: '/publish_pages/publishBall/index?type=individual' url: "/publish_pages/publishBall/index?type=individual",
}) });
} };
return ( return (
<View className={styles.publishMenu}> <View className={styles.publishMenu}>
@@ -57,15 +55,21 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
<View className={styles.menuCard}> <View className={styles.menuCard}>
<View <View
className={styles.menuItem} className={styles.menuItem}
onClick={() => handleMenuItemClick('individual')} onClick={() => handleMenuItemClick("individual")}
> >
<View className={styles.menuContent}> <View className={styles.menuContent}>
<View className={styles.menuTitle}> <View className={styles.menuTitle}>
<View className={styles.menuArrow}> <View className={styles.menuArrow}>
<Image src={images.ICON_ARROW_RIGHT_BLACK} className={styles.img} /> <Image
src={images.ICON_ARROW_RIGHT_BLACK}
className={styles.img}
/>
</View> </View>
</View> </View>
<Text className={styles.menuDesc}></Text> <Text className={styles.menuDesc}>
</Text>
</View> </View>
<View className={styles.menuIcon}> <View className={styles.menuIcon}>
<Image src={images.ICON_PERSON} /> <Image src={images.ICON_PERSON} />
@@ -74,13 +78,16 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
<View <View
className={styles.menuItem} className={styles.menuItem}
onClick={() => handleMenuItemClick('group')} onClick={() => handleMenuItemClick("group")}
> >
<View className={styles.menuContent}> <View className={styles.menuContent}>
<View className={styles.menuTitle}> <View className={styles.menuTitle}>
<View className={styles.menuArrow}> <View className={styles.menuArrow}>
<Image src={images.ICON_ARROW_RIGHT_BLACK} className={styles.img} /> <Image
src={images.ICON_ARROW_RIGHT_BLACK}
className={styles.img}
/>
</View> </View>
</View> </View>
<Text className={styles.menuDesc}></Text> <Text className={styles.menuDesc}></Text>
@@ -89,29 +96,35 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
<Image src={images.ICON_GROUP} /> <Image src={images.ICON_GROUP} />
</View> </View>
</View> </View>
{/* <View <View
className={`${styles.menuItem} ${styles.aiItem}`} className={`${styles.menuItem} ${styles.aiItem}`}
onClick={() => handleMenuItemClick('ai')} onClick={() => handleMenuItemClick("ai")}
> >
<View className={styles.menuContent}> <View className={styles.menuContent}>
<View className={styles.menuTitle}>智能发布球局 <View className={styles.menuTitle}>
<View className={styles.menuArrow}> <View className={styles.menuArrow}>
<Image src={images.ICON_ARROW_RIGHT_WHITE} className={styles.img} /> <Image
src={images.ICON_ARROW_RIGHT_WHITE}
className={styles.img}
/>
</View> </View>
</View> </View>
<Text className={styles.menuDesc}>识别文本/图片,快速导入球局信息</Text> <Text className={styles.menuDesc}>
/
</Text>
</View> </View>
<View className={styles.menuIcon}> <View className={styles.menuIcon}>
<Image src={images.ICON_IMPORTANT_BTN} /> <Image src={images.ICON_IMPORTANT_BTN} />
</View> </View>
</View> */} </View>
</View> </View>
)} )}
{/* 绿色圆形按钮 */} {/* 绿色圆形按钮 */}
<View <View
className={`${styles.greenButton} ${isVisible ? styles.rotated : ''}`} className={`${styles.greenButton} ${isVisible ? styles.rotated : ""}`}
onClick={handleIconClick} onClick={handleIconClick}
> >
<Image src={images.ICON_PUBLISH} className={styles.closeIcon} /> <Image src={images.ICON_PUBLISH} className={styles.closeIcon} />
@@ -124,7 +137,7 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
onManualPublish={handleManualPublish} onManualPublish={handleManualPublish}
/> />
</View> </View>
) );
} };
export default PublishMenu export default PublishMenu;