fix: ui

2025-05-30 12:54:25 +08:00
parent 3b0f0a8108
commit e74ab643fe
16 changed files with 310 additions and 395 deletions
--- a/projects/app/src/pageComponents/account/gateway/ConfigButtons.tsx
+++ b/projects/app/src/pageComponents/account/gateway/ConfigButtons.tsx
@@ -7,7 +7,6 @@ import { useToast } from '@fastgpt/web/hooks/useToast';
 import ShareGateModal from './ShareModol';
 import { AppTypeEnum } from '@fastgpt/global/core/app/constants';
 import { getMyAppsGate, postCreateApp, putAppById } from '@/web/core/app/api';
-import { useUserStore } from '@/web/support/user/useUserStore';
 import { emptyTemplates } from '@/web/core/app/templates';
 import { saveGateConfig } from './HomeTable';
 import type { GateSchemaType } from '@fastgpt/global/support/user/team/gate/type';
@@ -32,7 +31,10 @@ const ConfigButtons = ({ tab, appForm, gateConfig, copyRightConfig }: Props) =>
  const { runAsync: saveHomeConfig, loading: savingHome } = useRequest2(
    async () => {
      if (!!gateConfig) {
-        await saveGateConfig(gateConfig);
+        await saveGateConfig({
+          ...gateConfig,
+          status: true
+        });
        toast({
          title: t('common:save_success'),
          status: 'success'
@@ -89,7 +91,6 @@ const ConfigButtons = ({ tab, appForm, gateConfig, copyRightConfig }: Props) =>
      const gateApp = apps.find((app) => app.type === AppTypeEnum.gate);
      const currentTeamAvatar = copyRightConfig?.logo;
      const currentSlogan = gateConfig?.slogan;
-      console.log('gateApp', gateApp, currentTeamAvatar, currentSlogan, nodes, edges);
      if (gateApp) {
        if (
          gateApp.avatar !== currentTeamAvatar ||
@@ -104,25 +105,17 @@ const ConfigButtons = ({ tab, appForm, gateConfig, copyRightConfig }: Props) =>
            nodes,
            edges
          });
-          toast({
-            title: t('common:update_success'),
-            status: 'success'
-          });
        }
      } else {
        await postCreateApp({
          avatar: gateConfig?.logo,
-          name: gateConfig?.name,
+          name: 'App',
          intro: gateConfig?.slogan,
          type: AppTypeEnum.gate,
          modules: emptyTemplates[AppTypeEnum.gate].nodes,
          edges: emptyTemplates[AppTypeEnum.gate].edges,
          chatConfig: emptyTemplates[AppTypeEnum.gate].chatConfig
        });
-        toast({
-          title: t('common:create_success'),
-          status: 'success'
-        });
      }
    } catch (error) {
      toast({
--- a/projects/app/src/pageComponents/account/gateway/HomeTable.tsx
+++ b/projects/app/src/pageComponents/account/gateway/HomeTable.tsx
@@ -22,7 +22,6 @@ import { v1Workflow2V2 } from '@/web/core/workflow/adapt';
 import { useMount } from 'ahooks';
 import type { AppDetailType, AppSimpleEditFormType } from '@fastgpt/global/core/app/type';
 import { useSimpleAppSnapshots } from '@/pageComponents/app/detail/Gate/useSnapshots';
-import { Dropdown } from 'react-day-picker';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import AddQuickAppModal from './AddQuickAppModal';
 import { listQuickApps } from '@/web/support/user/team/gate/quickApp';
@@ -43,7 +42,6 @@ type Props = {
  tools: string[];
  slogan: string;
  placeholderText: string;
-  onStatusChange?: (status: boolean) => void;
  onSloganChange?: (slogan: string) => void;
  onPlaceholderChange?: (text: string) => void;
  onToolsChange?: (tools: string[]) => void;
@@ -54,7 +52,6 @@ const HomeTable = ({
  appDetail,
  slogan,
  placeholderText,
-  onStatusChange,
  onSloganChange,
  onPlaceholderChange,
  onAppFormChange
@@ -165,12 +162,6 @@ const HomeTable = ({
    letterSpacing: '0.25px'
  };

-  // 响应式工具布局
-
-  const handleStatusChange = (val: string) => {
-    onStatusChange?.(val === 'enabled');
-  };
-
  const handleSloganChange = (val: string) => {
    onSloganChange?.(val);
  };
@@ -287,75 +278,6 @@ const HomeTable = ({
        pb={6}
        pt={{ base: 4, md: 6 }}
      >
-        {/* 状态选择 */}
-        <FormControl display="flex" flexDirection="column" gap={spacing.sm} w="full">
-          <FormLabel
-            fontWeight={formStyles.fontWeight}
-            fontSize={formStyles.fontSize}
-            lineHeight={formStyles.lineHeight}
-            letterSpacing={formStyles.letterSpacing}
-            color="myGray.700"
-            mb="0"
-          >
-            {t('account_gate:status')}
-          </FormLabel>
-          <RadioGroup value={status ? 'enabled' : 'disabled'} onChange={handleStatusChange}>
-            <Stack direction={{ base: 'column', sm: 'row' }} spacing={spacing.md}>
-              <Flex
-                alignItems="center"
-                p={`${spacing.sm} ${spacing.lg} ${spacing.sm} ${spacing.md}`}
-                borderWidth="1px"
-                borderColor={status ? 'primary.500' : 'myGray.200'}
-                borderRadius="7px"
-                bg={status ? 'blue.50' : 'white'}
-                transition="all 0.2s ease-in-out"
-                _hover={{
-                  bg: status ? 'blue.100' : 'myGray.50',
-                  borderColor: status ? 'primary.600' : 'myGray.300',
-                  boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.05)',
-                  transform: 'translateY(-1px)'
-                }}
-              >
-                <Radio value="enabled" colorScheme="blue">
-                  <Text
-                    fontSize={formStyles.fontSize}
-                    lineHeight={formStyles.lineHeight}
-                    fontWeight={formStyles.fontWeight}
-                    letterSpacing={formStyles.letterSpacing}
-                  >
-                    {t('account_gate:enabled')}
-                  </Text>
-                </Radio>
-              </Flex>
-              <Flex
-                alignItems="center"
-                p={`${spacing.sm} ${spacing.lg} ${spacing.sm} ${spacing.md}`}
-                borderWidth="1px"
-                borderColor={!status ? 'primary.500' : 'myGray.200'}
-                borderRadius="7px"
-                bg={!status ? 'blue.50' : 'white'}
-                transition="all 0.2s ease-in-out"
-                _hover={{
-                  bg: !status ? 'blue.100' : 'myGray.50',
-                  borderColor: !status ? 'primary.600' : 'myGray.300',
-                  boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.05)',
-                  transform: 'translateY(-1px)'
-                }}
-              >
-                <Radio value="disabled" colorScheme="blue">
-                  <Text
-                    fontSize={formStyles.fontSize}
-                    lineHeight={formStyles.lineHeight}
-                    fontWeight={formStyles.fontWeight}
-                    letterSpacing={formStyles.letterSpacing}
-                  >
-                    {t('account_gate:disabled')}
-                  </Text>
-                </Radio>
-              </Flex>
-            </Stack>
-          </RadioGroup>
-        </FormControl>
        {/* 快捷应用 */}
        <FormControl
          display={'flex'}
@@ -365,7 +287,7 @@ const HomeTable = ({
          gap={'8px'}
        >
          {/* 标题行 */}
-          <Flex alignItems={'center'} gap={'4px'}>
+          <Flex alignItems={'center'} gap={'1'}>
            <Text
              color={'var(--Gray-Modern-600, #485264)'}
              fontFamily={'PingFang SC'}
--- a/projects/app/src/pageComponents/account/gateway/ToolSelect.tsx
+++ b/projects/app/src/pageComponents/account/gateway/ToolSelect.tsx
@@ -1,11 +1,10 @@
 import { Box, Button, Flex, Grid, useDisclosure, Text } from '@chakra-ui/react';
-import React, { useMemo, useState, useCallback, useEffect, useRef } from 'react';
+import React, { useState, useCallback } from 'react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useTranslation } from 'next-i18next';
 import { SmallAddIcon } from '@chakra-ui/icons';
 import type { AppSimpleEditFormType } from '@fastgpt/global/core/app/type';
 import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
-import { theme } from '@fastgpt/web/styles/theme';
 import {
  FlowNodeInputTypeEnum,
  FlowNodeTypeEnum
@@ -113,9 +112,8 @@ const ToolSelect = ({
    <>
      {/* 标题区域 */}
      <Flex alignItems="center" justifyContent="space-between" width="100%">
-        <Flex alignItems="center" gap={spacing.xs}>
+        <Flex alignItems="center" gap={1}>
          <Text
-            ml={2}
            fontWeight={formStyles.fontWeight}
            fontSize={formStyles.fontSize}
            lineHeight={formStyles.lineHeight}
@@ -124,7 +122,7 @@ const ToolSelect = ({
          >
            {t('common:core.app.Tool call')}
          </Text>
-          <QuestionTip ml={1} label={t('app:plugin_dispatch_tip')} />
+          <QuestionTip label={t('app:plugin_dispatch_tip')} />
        </Flex>

        {/* 已有工具时显示新增按钮 */}