change settings page and add ratio task detail page (#77)

* feat: Update site name to DataMate and refine text for AI data processing

* feat: Refactor settings page and implement model access functionality

- Created a new ModelAccess component for managing model configurations.
- Removed the old Settings component and replaced it with a new SettingsPage component that integrates ModelAccess, SystemConfig, and WebhookConfig.
- Added SystemConfig component for managing system settings.
- Implemented WebhookConfig component for managing webhook configurations.
- Updated API functions for model management in settings.apis.ts.
- Adjusted routing to point to the new SettingsPage component.

* feat: Implement Data Collection Page with Task Management and Execution Log

- Created DataCollectionPage component to manage data collection tasks.
- Added TaskManagement and ExecutionLog components for task handling and logging.
- Integrated task operations including start, stop, edit, and delete functionalities.
- Implemented filtering and searching capabilities in task management.
- Introduced SimpleCronScheduler for scheduling tasks with cron expressions.
- Updated CreateTask component to utilize new scheduling and template features.
- Enhanced BasicInformation component to conditionally render fields based on visibility settings.
- Refactored ImportConfiguration component to remove NAS import section.

* feat: Update task creation API endpoint and enhance task creation form with new fields and validation

* Refactor file upload and operator management components

- Removed unnecessary console logs from file download and export functions.
- Added size property to TaskItem interface for better task management.
- Simplified TaskUpload component by utilizing useFileSliceUpload hook for file upload logic.
- Enhanced OperatorPluginCreate component to handle file uploads and parsing more efficiently.
- Updated ConfigureStep component to use Ant Design Form for better data handling and validation.
- Improved PreviewStep component to navigate back to the operator market.
- Added support for additional file types in UploadStep component.
- Implemented delete operator functionality in OperatorMarketPage with confirmation prompts.
- Cleaned up unused API functions in operator.api.ts to streamline the codebase.
- Fixed number formatting utility to handle zero values correctly.

* Refactor Knowledge Generation to Knowledge Base

- Created new API service for Knowledge Base operations including querying, creating, updating, and deleting knowledge bases and files.
- Added constants for Knowledge Base status and type mappings.
- Defined models for Knowledge Base and related files.
- Removed obsolete Knowledge Base creation and home components, replacing them with new implementations under the Knowledge Base structure.
- Updated routing to reflect the new Knowledge Base paths.
- Adjusted menu items to align with the new Knowledge Base terminology.
- Modified ModelAccess interface to include modelName and type properties.

* feat: Implement Knowledge Base Page with CRUD operations and data management

- Added KnowledgeBasePage component for displaying and managing knowledge bases.
- Integrated search and filter functionalities with SearchControls component.
- Implemented CreateKnowledgeBase component for creating and editing knowledge bases.
- Enhanced AddDataDialog for file uploads and dataset selections.
- Introduced TableTransfer component for managing data transfers between tables.
- Updated API functions for knowledge base operations, including file management.
- Refactored knowledge base model to include file status and metadata.
- Adjusted routing to point to the new KnowledgeBasePage.

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* refactor: remove unused components and clean up API logging in KnowledgeBase

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: Add RatioTransfer component for dataset selection and configuration

- Implemented RatioTransfer component to manage dataset selection and ratio configuration.
- Integrated dataset fetching with search and filter capabilities.
- Added RatioConfig component for displaying and updating selected datasets' configurations.
- Enhanced SelectDataset component with improved UI and functionality for dataset selection.
- Updated RatioTasksPage to utilize new ratio task status mapping and improved error handling for task deletion.
- Refactored ratio model and constants for better type safety and clarity.
- Changed Vite configuration to use local backend service for development.

* feat: Add .editorconfig and enhance SystemConfig with table for settings display

* feat: Enhance parameter configuration for range inputs and update default values

* feat: Update site name to DataMate and refine text for AI data processing

* Refactor file upload and operator management components

* Refactor Knowledge Generation to Knowledge Base

* feat: Implement Knowledge Base Page with CRUD operations and data management

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: Update site name to DataMate and refine text for AI data processing

* Refactor file upload and operator management components

* Refactor Knowledge Generation to Knowledge Base

* feat: Implement Knowledge Base Page with CRUD operations and data management

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: add settings drawer and integrate SettingsPage component

* feat: add ratio task management features including detail view and API integration

This commit is contained in:

chenghh-9609

2025-11-12 17:23:24 +08:00

committed by

GitHub

parent 2b09c7dfd1

commit 442e561817

11 changed files with 707 additions and 113 deletions

									
										92

frontend/src/pages/SettingsPage/SettingsPage.tsx
									
												View File
												
				@@ -1,60 +1,56 @@

				import { useState } from "react";

				import { Tabs } from "antd";

				import { Button, Menu } from "antd";

				import { SettingOutlined, ApiOutlined } from "@ant-design/icons";

				import WebhookConfig from "./WebhookConfig";

				import ModelAccess from "./ModelAccess";

				import { Component, X } from "lucide-react";

				import { useNavigate } from "react-router";

				import SystemConfig from "./SystemConfig";

				import { Component } from "lucide-react";

				import ModelAccess from "./ModelAccess";

				import WebhookConfig from "./WebhookConfig";

				export default function SettingsPage() {

				  const [activeTab, setActiveTab] = useState("modelAccess");

				  const navigate = useNavigate();

				  const [activeTab, setActiveTab] = useState("model-access");

				  return (

				    <div className="h-full flex flex-col gap-4">

				      {/* Header */}

				      <div className="flex items-center justify-between">

				        <div>

				          <h1 className="text-xl font-bold text-gray-900">系统设置</h1>

				    <div className="h-screen flex">

				      <div className="border-right h-full">

				        {/* <h1 className="min-w-[200px] w-full border-bottom flex gap-2 text-lg font-bold text-gray-900 p-4">

				          <Button icon={<X />} type="text" onClick={() => navigate(-1)} />

				          设置中心

				        </h1> */}

				        <div className="h-full">

				          <Menu

				            mode="inline"

				            items={[

				              {

				                key: "system-config",

				                icon: <SettingOutlined />,

				                label: "系统设置",

				              },

				              {

				                key: "model-access",

				                icon: <Component className="w-4 h-4" />,

				                label: "模型接入",

				              },

				              {

				                key: "webhook-config",

				                icon: <ApiOutlined />,

				                label: "Webhook",

				              },

				            ]}

				            selectedKeys={[activeTab]}

				            onClick={({ key }) => {

				              setActiveTab(key);

				            }}

				          />

				        </div>

				      </div>

				      {/* Settings Tabs */}

				      <Tabs

				        activeKey={activeTab}

				        onChange={setActiveTab}

				        items={[

				          // {

				          //   key: "system",

				          //   label: (

				          //     <span>

				          //       <SettingOutlined className="mr-1" />

				          //       系统设置

				          //     </span>

				          //   ),

				          //   children: <SystemConfig />,

				          // },

				          {

				            key: "modelAccess",

				            label: (

				              <span className="flex items-center">

				                <Component className="w-4 h-4 mr-1" />

				                模型接入

				              </span>

				            ),

				            children: <ModelAccess key="modelAccess" />,

				          },

				          // {

				          //   key: "webhook",

				          //   label: (

				          //     <span>

				          //       <ApiOutlined className="mr-1" />

				          //       Webhook

				          //     </span>

				          //   ),

				          //   children: <WebhookConfig />,

				          // },

				        ]}

				      />

				      <div className="flex-1 h-full p-4">

				        {/* 内容区域，根据 activeTab 渲染不同的组件 */}

				        {activeTab === "system-config" && <SystemConfig />}

				        {activeTab === "model-access" && <ModelAccess />}

				        {activeTab === "webhook-config" && <WebhookConfig />}

				      </div>

				    </div>

				  );

				}

change settings page and add ratio task detail page (#77)

92 frontend/src/pages/SettingsPage/SettingsPage.tsx Unescape Escape View File

92

frontend/src/pages/SettingsPage/SettingsPage.tsx

View File