From 1cc80986edceec30c0e6662ee6e45f2ea0445008 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 22 Jul 2024 09:59:53 +0800
Subject: [PATCH 1/6] =?UTF-8?q?feat:=20=E5=BA=94=E7=94=A8=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=20&=20=E5=AE=9E=E9=AA=8C=E5=AF=B9=E6=AF=94=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/routes.ts                     |   2 +-
 react-ui/src/assets/img/robot.png             | Bin 1789 -> 1777 bytes
 .../FullScreenFrame}/index.less               |   4 ++--
 .../src/components/FullScreenFrame/index.tsx  |  18 ++++++++++++++++++
 react-ui/src/pages/Application/index.tsx      |   9 +++++++++
 .../DatasetAnnotation/index.tsx               |   8 ++------
 .../src/pages/Experiment/Comparison/index.tsx |   7 +++++--
 react-ui/src/pages/Tool/Swagger/index.tsx     |   2 +-
 react-ui/src/pages/Workspace/index.less       |   1 +
 react-ui/src/pages/Workspace/index.tsx        |   2 +-
 .../services/developmentEnvironment/index.ts  |   3 +--
 11 files changed, 41 insertions(+), 15 deletions(-)
 rename react-ui/src/{pages/DatasetPreparation/DatasetAnnotation => components/FullScreenFrame}/index.less (70%)
 create mode 100644 react-ui/src/components/FullScreenFrame/index.tsx
 create mode 100644 react-ui/src/pages/Application/index.tsx

diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index c93f43a5..0c027b80 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -229,7 +229,7 @@ export default [
         name: '应用开发',
         path: '',
         key: 'appsDeployment',
-        component: './missingPage.jsx',
+        component: './Application',
       },
     ],
   },
diff --git a/react-ui/src/assets/img/robot.png b/react-ui/src/assets/img/robot.png
index e91be9ac1d1a3b443719ca963cb959685b057580..c1379ef35055ce861d41a5ae240da54982d6dac2 100644
GIT binary patch
delta 1748
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

delta 1760
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
CQXh%{

diff --git a/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.less b/react-ui/src/components/FullScreenFrame/index.less
similarity index 70%
rename from react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.less
rename to react-ui/src/components/FullScreenFrame/index.less
index d0d8b09b..e7a68498 100644
--- a/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.less
+++ b/react-ui/src/components/FullScreenFrame/index.less
@@ -1,8 +1,8 @@
-.container {
+.kf-full-screen-frame {
   width: 100%;
   height: 100%;
 
-  .frame {
+  &__iframe {
     width: 100%;
     height: 100%;
     border: none;
diff --git a/react-ui/src/components/FullScreenFrame/index.tsx b/react-ui/src/components/FullScreenFrame/index.tsx
new file mode 100644
index 00000000..f93fcfae
--- /dev/null
+++ b/react-ui/src/components/FullScreenFrame/index.tsx
@@ -0,0 +1,18 @@
+import classNames from 'classnames';
+import './index.less';
+
+type FullScreenFrameProps = {
+  url: string;
+  className?: string;
+  style?: React.CSSProperties;
+};
+
+function FullScreenFrame({ url, className, style }: FullScreenFrameProps) {
+  return (
+    <div className={classNames('kf-full-screen-frame', className ?? '')} style={style}>
+      {url && <iframe src={url} className="kf-full-screen-frame__iframe"></iframe>}
+    </div>
+  );
+}
+
+export default FullScreenFrame;
diff --git a/react-ui/src/pages/Application/index.tsx b/react-ui/src/pages/Application/index.tsx
new file mode 100644
index 00000000..77f70208
--- /dev/null
+++ b/react-ui/src/pages/Application/index.tsx
@@ -0,0 +1,9 @@
+import FullScreenFrame from '@/components/FullScreenFrame';
+import { useState } from 'react';
+
+function Application() {
+  const [iframeUrl] = useState('http://172.20.32.181:30080/');
+  return <FullScreenFrame url={iframeUrl}></FullScreenFrame>;
+}
+
+export default Application;
diff --git a/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.tsx b/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.tsx
index a1f017e6..090d941e 100644
--- a/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.tsx
+++ b/react-ui/src/pages/DatasetPreparation/DatasetAnnotation/index.tsx
@@ -1,7 +1,7 @@
+import FullScreenFrame from '@/components/FullScreenFrame';
 import { getLabelStudioUrl } from '@/services/developmentEnvironment';
 import { to } from '@/utils/promise';
 import { useEffect, useState } from 'react';
-import styles from './index.less';
 
 function DatasetAnnotation() {
   const [iframeUrl, setIframeUrl] = useState('');
@@ -14,11 +14,7 @@ function DatasetAnnotation() {
       setIframeUrl(res.data);
     }
   };
-  return (
-    <div className={styles.container}>
-      {iframeUrl && <iframe src={iframeUrl} className={styles.frame}></iframe>}
-    </div>
-  );
+  return <FullScreenFrame url={iframeUrl} />;
 }
 
 export default DatasetAnnotation;
diff --git a/react-ui/src/pages/Experiment/Comparison/index.tsx b/react-ui/src/pages/Experiment/Comparison/index.tsx
index 29bbc388..e11a0166 100644
--- a/react-ui/src/pages/Experiment/Comparison/index.tsx
+++ b/react-ui/src/pages/Experiment/Comparison/index.tsx
@@ -93,8 +93,7 @@ function ExperimentComparison() {
     type: 'checkbox',
     fixed: 'left',
     selectedRowKeys,
-    onChange: (selectedRowKeys: React.Key[], selectedRows: any[]) => {
-      // console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+    onChange: (selectedRowKeys: React.Key[]) => {
       setSelectedRowKeys(selectedRowKeys);
     },
   };
@@ -159,6 +158,8 @@ function ExperimentComparison() {
           align: 'center',
           render: tableCellRender(true),
           ellipsis: { showTitle: false },
+          sorter: (a, b) => a.params[name] - b.params[name],
+          showSorterTooltip: false,
         })),
       },
       {
@@ -176,6 +177,8 @@ function ExperimentComparison() {
           align: 'center',
           render: tableCellRender(true),
           ellipsis: { showTitle: false },
+          sorter: (a, b) => a.metrics[name] - b.metrics[name],
+          showSorterTooltip: false,
         })),
       },
     ];
diff --git a/react-ui/src/pages/Tool/Swagger/index.tsx b/react-ui/src/pages/Tool/Swagger/index.tsx
index adcc9680..934120a8 100644
--- a/react-ui/src/pages/Tool/Swagger/index.tsx
+++ b/react-ui/src/pages/Tool/Swagger/index.tsx
@@ -18,7 +18,7 @@ const CacheInfo: React.FC = () => {
   });
 
   return (
-    <div style={{}}>
+    <div>
       <iframe
         style={{ width: '100%', border: '0px', height: '100%' }}
         src={`/api/swagger-ui/index.html`}
diff --git a/react-ui/src/pages/Workspace/index.less b/react-ui/src/pages/Workspace/index.less
index 3c7bd42e..60340576 100644
--- a/react-ui/src/pages/Workspace/index.less
+++ b/react-ui/src/pages/Workspace/index.less
@@ -49,6 +49,7 @@
     position: fixed;
     right: 30px;
     bottom: 20px;
+    z-index: 999;
     width: 64px;
     height: 64px;
     background-color: white;
diff --git a/react-ui/src/pages/Workspace/index.tsx b/react-ui/src/pages/Workspace/index.tsx
index f5e6fe99..7fa3dd22 100644
--- a/react-ui/src/pages/Workspace/index.tsx
+++ b/react-ui/src/pages/Workspace/index.tsx
@@ -71,7 +71,7 @@ function Workspace() {
           <AssetsManagement></AssetsManagement>
         </div>
       </div>
-      <Draggable onStart={handleStart} onStop={handleStop} onDrag={handleDrag}>
+      <Draggable onStart={handleStart} onStop={handleStop} onDrag={handleDrag} bounds="body">
         <img
           className={styles['workspace__robot-img']}
           src={require('@/assets/img/robot.png')}
diff --git a/react-ui/src/services/developmentEnvironment/index.ts b/react-ui/src/services/developmentEnvironment/index.ts
index 330f76d3..1d7b6f4d 100644
--- a/react-ui/src/services/developmentEnvironment/index.ts
+++ b/react-ui/src/services/developmentEnvironment/index.ts
@@ -7,10 +7,9 @@ export function getJupyterUrl() {
 }
 
 // 查询 labelStudio url
-export function getLabelStudioUrl(params: any) {
+export function getLabelStudioUrl() {
   return request(`/api/mmp/labelStudio/getURL`, {
     method: 'GET',
-    params,
   });
 }
 

From fd3d84852043b7e976f1f49d935700e23b1d6394 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Thu, 25 Jul 2024 10:38:48 +0800
Subject: [PATCH 2/6] =?UTF-8?q?fix:=20=E7=99=BB=E5=BD=95=E4=B8=8D=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/proxy.ts                | 8 ++++----
 react-ui/src/app.tsx                    | 1 +
 react-ui/src/pages/Workspace/index.less | 2 +-
 react-ui/src/services/session.ts        | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/react-ui/config/proxy.ts b/react-ui/config/proxy.ts
index 0fdf89e3..f8875e9d 100644
--- a/react-ui/config/proxy.ts
+++ b/react-ui/config/proxy.ts
@@ -20,16 +20,16 @@ export default {
     // localhost:8000/api/** -> https://preview.pro.ant.design/api/**
     '/api/': {
       // 要代理的地址
-      // target: 'http://172.20.32.181:31205',
-      target: 'http://172.20.32.98:8082',
+      target: 'http://172.20.32.181:31213', // 开发环境
+      // target: 'http://172.20.32.98:8082',
       // target: 'http://172.20.32.150:8082',
       // 配置了这个可以从 http 代理到 https
       // 依赖 origin 的功能可能需要这个，比如 cookie
       changeOrigin: true,
-      pathRewrite: { '^/api': '' },
+      // pathRewrite: { '^/api': '' },
     },
     '/profile/avatar/': {
-      target: 'http://172.20.32.181:31205',
+      target: 'http://172.20.32.181:31213',
       changeOrigin: true,
     },
   },
diff --git a/react-ui/src/app.tsx b/react-ui/src/app.tsx
index 9f6db9b9..d6accb30 100644
--- a/react-ui/src/app.tsx
+++ b/react-ui/src/app.tsx
@@ -193,6 +193,7 @@ export function render(oldRender: () => void) {
       oldRender();
     })
     .catch(() => {
+      setRemoteMenu([]);
       oldRender();
     });
 }
diff --git a/react-ui/src/pages/Workspace/index.less b/react-ui/src/pages/Workspace/index.less
index 60340576..09be2848 100644
--- a/react-ui/src/pages/Workspace/index.less
+++ b/react-ui/src/pages/Workspace/index.less
@@ -49,7 +49,7 @@
     position: fixed;
     right: 30px;
     bottom: 20px;
-    z-index: 999;
+    z-index: 99;
     width: 64px;
     height: 64px;
     background-color: white;
diff --git a/react-ui/src/services/session.ts b/react-ui/src/services/session.ts
index a412f35f..cd6c6fa2 100644
--- a/react-ui/src/services/session.ts
+++ b/react-ui/src/services/session.ts
@@ -2,7 +2,7 @@ import { MenuDataItem } from '@ant-design/pro-components';
 import { request } from '@umijs/max';
 import React, { lazy } from 'react';
 
-let remoteMenu: any = [];
+let remoteMenu: any = null;
 
 export function getRemoteMenu() {
   return remoteMenu;

From 231313258d7781090bbc192fa6ca36278ccc4c78 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Fri, 26 Jul 2024 11:30:25 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat:=20fix:=20=E4=BF=AE=E5=A4=8D=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E7=AE=A1=E7=90=86=E7=9A=84table=E4=B8=8D=E8=83=BD?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/overrides.less                   | 56 +++++++++++++++++++
 react-ui/src/pages/Monitor/Job/index.tsx      | 11 ++--
 react-ui/src/pages/Monitor/JobLog/index.tsx   | 11 ++--
 react-ui/src/pages/System/Config/index.tsx    | 11 ++--
 react-ui/src/pages/System/Dept/index.tsx      | 11 ++--
 react-ui/src/pages/System/Dict/index.tsx      | 11 ++--
 react-ui/src/pages/System/DictData/index.tsx  | 11 ++--
 .../src/pages/System/Logininfor/index.tsx     | 15 +++--
 react-ui/src/pages/System/Menu/index.tsx      | 11 ++--
 react-ui/src/pages/System/Notice/index.tsx    | 11 ++--
 react-ui/src/pages/System/Operlog/index.tsx   | 11 ++--
 react-ui/src/pages/System/Post/index.tsx      | 11 ++--
 react-ui/src/pages/System/Role/authUser.tsx   | 12 ++--
 react-ui/src/pages/System/Role/index.tsx      | 11 ++--
 react-ui/src/pages/System/User/index.tsx      | 15 +++--
 15 files changed, 158 insertions(+), 61 deletions(-)

diff --git a/react-ui/src/overrides.less b/react-ui/src/overrides.less
index a3080072..e20ad0e4 100644
--- a/react-ui/src/overrides.less
+++ b/react-ui/src/overrides.less
@@ -120,6 +120,12 @@
   .ant-select-single {
     height: 46px;
   }
+
+  .ant-input-number {
+    .ant-input-number-input {
+      height: 44px;
+    }
+  }
 }
 
 // Confirm Modal
@@ -187,3 +193,53 @@
 .ant-pro-layout .ant-pro-sider-logo > a > h1 {
   margin-inline-start: 12px;
 }
+
+// PageContainer 里的 ProTable 只滑动内容区域
+.system-menu.ant-pro-page-container {
+  height: 100%;
+  overflow: hidden;
+  .ant-pro-grid-content {
+    height: 100%;
+    .ant-pro-grid-content-children {
+      height: 100%;
+      .ant-pro-layout-watermark-wrapper {
+        height: 100%;
+        .ant-pro-page-container-children-container {
+          height: 100%;
+          padding: 0;
+          .ant-pro-table {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            .ant-pro-card.ant-pro-table-search {
+              flex: none;
+              height: auto;
+            }
+            .ant-pro-card {
+              flex: 1;
+              min-height: 0;
+              .ant-pro-card-body {
+                height: 100%;
+                .ant-table-wrapper {
+                  height: calc(100% - 64px);
+                  .ant-spin-nested-loading {
+                    height: 100%;
+                    .ant-spin-container {
+                      height: 100%;
+                      .ant-table-fixed-header {
+                        height: 100%;
+                        .ant-table-container {
+                          height: 100%;
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/react-ui/src/pages/Monitor/Job/index.tsx b/react-ui/src/pages/Monitor/Job/index.tsx
index a160be3e..6bf166d9 100644
--- a/react-ui/src/pages/Monitor/Job/index.tsx
+++ b/react-ui/src/pages/Monitor/Job/index.tsx
@@ -319,8 +319,8 @@ const JobTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.Monitor.Job>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -333,6 +333,9 @@ const JobTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -365,7 +368,7 @@ const JobTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -376,7 +379,7 @@ const JobTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/Monitor/JobLog/index.tsx b/react-ui/src/pages/Monitor/JobLog/index.tsx
index c0d7052d..4c69330a 100644
--- a/react-ui/src/pages/Monitor/JobLog/index.tsx
+++ b/react-ui/src/pages/Monitor/JobLog/index.tsx
@@ -217,8 +217,8 @@ const JobLogTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.Monitor.JobLog>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -231,6 +231,9 @@ const JobLogTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -263,7 +266,7 @@ const JobLogTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -274,7 +277,7 @@ const JobLogTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Config/index.tsx b/react-ui/src/pages/System/Config/index.tsx
index a86937dc..bb671cd2 100644
--- a/react-ui/src/pages/System/Config/index.tsx
+++ b/react-ui/src/pages/System/Config/index.tsx
@@ -258,8 +258,8 @@ const ConfigTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Config>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -272,6 +272,9 @@ const ConfigTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -305,7 +308,7 @@ const ConfigTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -316,7 +319,7 @@ const ConfigTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <DownloadOutlined />
+              <DownloadOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
             <Button
diff --git a/react-ui/src/pages/System/Dept/index.tsx b/react-ui/src/pages/System/Dept/index.tsx
index 29b30aa9..df8a27c5 100644
--- a/react-ui/src/pages/System/Dept/index.tsx
+++ b/react-ui/src/pages/System/Dept/index.tsx
@@ -234,8 +234,8 @@ const DeptTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Dept>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -248,6 +248,9 @@ const DeptTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -287,7 +290,7 @@ const DeptTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -298,7 +301,7 @@ const DeptTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Dict/index.tsx b/react-ui/src/pages/System/Dict/index.tsx
index 0332ed88..29d64386 100644
--- a/react-ui/src/pages/System/Dict/index.tsx
+++ b/react-ui/src/pages/System/Dict/index.tsx
@@ -259,8 +259,8 @@ const DictTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.DictType>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -273,6 +273,9 @@ const DictTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -305,7 +308,7 @@ const DictTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -316,7 +319,7 @@ const DictTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/DictData/index.tsx b/react-ui/src/pages/System/DictData/index.tsx
index a4ef118a..28005cc8 100644
--- a/react-ui/src/pages/System/DictData/index.tsx
+++ b/react-ui/src/pages/System/DictData/index.tsx
@@ -303,8 +303,8 @@ const DictDataTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.DictData>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -317,6 +317,9 @@ const DictDataTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -353,7 +356,7 @@ const DictDataTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -364,7 +367,7 @@ const DictDataTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Logininfor/index.tsx b/react-ui/src/pages/System/Logininfor/index.tsx
index ffcffd01..7868ee86 100644
--- a/react-ui/src/pages/System/Logininfor/index.tsx
+++ b/react-ui/src/pages/System/Logininfor/index.tsx
@@ -180,8 +180,8 @@ const LogininforTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.Monitor.Logininfor>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -194,6 +194,9 @@ const LogininforTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               key="remove"
@@ -215,7 +218,7 @@ const LogininforTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -239,7 +242,7 @@ const LogininforTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.cleanAll" defaultMessage="清空" />
             </Button>,
             <Button
@@ -262,7 +265,7 @@ const LogininforTableList: React.FC = () => {
                 });
               }}
             >
-              <UnlockOutlined />
+              <UnlockOutlined />{' '}
               <FormattedMessage id="monitor.logininfor.unlock" defaultMessage="解锁" />
             </Button>,
             <Button
@@ -273,7 +276,7 @@ const LogininforTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Menu/index.tsx b/react-ui/src/pages/System/Menu/index.tsx
index 195f459c..7f58fad0 100644
--- a/react-ui/src/pages/System/Menu/index.tsx
+++ b/react-ui/src/pages/System/Menu/index.tsx
@@ -221,8 +221,8 @@ const MenuTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Menu>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -234,6 +234,9 @@ const MenuTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -266,7 +269,7 @@ const MenuTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -277,7 +280,7 @@ const MenuTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Notice/index.tsx b/react-ui/src/pages/System/Notice/index.tsx
index e21a7615..12211453 100644
--- a/react-ui/src/pages/System/Notice/index.tsx
+++ b/react-ui/src/pages/System/Notice/index.tsx
@@ -259,8 +259,8 @@ const NoticeTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Notice>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -273,6 +273,9 @@ const NoticeTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -305,7 +308,7 @@ const NoticeTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -316,7 +319,7 @@ const NoticeTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Operlog/index.tsx b/react-ui/src/pages/System/Operlog/index.tsx
index 5c94c9c2..7c65bccd 100644
--- a/react-ui/src/pages/System/Operlog/index.tsx
+++ b/react-ui/src/pages/System/Operlog/index.tsx
@@ -227,8 +227,8 @@ const OperlogTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.Monitor.Operlog>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -241,6 +241,9 @@ const OperlogTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -273,7 +276,7 @@ const OperlogTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -284,7 +287,7 @@ const OperlogTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Post/index.tsx b/react-ui/src/pages/System/Post/index.tsx
index d0be93a3..e86693f3 100644
--- a/react-ui/src/pages/System/Post/index.tsx
+++ b/react-ui/src/pages/System/Post/index.tsx
@@ -225,8 +225,8 @@ const PostTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Post>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -239,6 +239,9 @@ const PostTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -271,7 +274,7 @@ const PostTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -282,7 +285,7 @@ const PostTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/Role/authUser.tsx b/react-ui/src/pages/System/Role/authUser.tsx
index 5d702c87..2ba3f3a1 100644
--- a/react-ui/src/pages/System/Role/authUser.tsx
+++ b/react-ui/src/pages/System/Role/authUser.tsx
@@ -163,8 +163,8 @@ const AuthUserTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
-      <div style={{ width: '100%', float: 'right' }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.User>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -176,6 +176,9 @@ const AuthUserTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -208,7 +211,7 @@ const AuthUserTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="system.role.auth.cancelAll" defaultMessage="批量取消授权" />
             </Button>,
             <Button
@@ -218,8 +221,7 @@ const AuthUserTableList: React.FC = () => {
                 history.back();
               }}
             >
-              <RollbackOutlined />
-              <FormattedMessage id="pages.goback" defaultMessage="返回" />
+              <RollbackOutlined /> <FormattedMessage id="pages.goback" defaultMessage="返回" />
             </Button>,
           ]}
           request={(params) =>
diff --git a/react-ui/src/pages/System/Role/index.tsx b/react-ui/src/pages/System/Role/index.tsx
index 2d54af8c..b616c133 100644
--- a/react-ui/src/pages/System/Role/index.tsx
+++ b/react-ui/src/pages/System/Role/index.tsx
@@ -360,9 +360,9 @@ const RoleTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
       {contextHolder}
-      <div style={{ width: '100%', float: 'right' }}>
+      <div style={{ width: '100%', height: '100%' }}>
         <ProTable<API.System.Role>
           headerTitle={intl.formatMessage({
             id: 'pages.searchTable.title',
@@ -375,6 +375,9 @@ const RoleTableList: React.FC = () => {
           search={{
             labelWidth: 120,
           }}
+          scroll={{ y: 'calc(100% - 55px)' }}
+          tableAlertRender={false}
+          tableAlertOptionRender={false}
           toolBarRender={() => [
             <Button
               type="primary"
@@ -416,7 +419,7 @@ const RoleTableList: React.FC = () => {
                 });
               }}
             >
-              <DeleteOutlined />
+              <DeleteOutlined />{' '}
               <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
             </Button>,
             <Button
@@ -427,7 +430,7 @@ const RoleTableList: React.FC = () => {
                 handleExport();
               }}
             >
-              <PlusOutlined />
+              <PlusOutlined />{' '}
               <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
             </Button>,
           ]}
diff --git a/react-ui/src/pages/System/User/index.tsx b/react-ui/src/pages/System/User/index.tsx
index 1135c17f..73cd0984 100644
--- a/react-ui/src/pages/System/User/index.tsx
+++ b/react-ui/src/pages/System/User/index.tsx
@@ -365,10 +365,10 @@ const UserTableList: React.FC = () => {
   ];
 
   return (
-    <PageContainer header={{ breadcrumb: {} }}>
+    <PageContainer header={{ breadcrumb: {}, title: '' }} className="system-menu">
       {contextHolder}
-      <Row gutter={[16, 24]}>
-        <Col lg={6} md={24}>
+      <Row gutter={[16, 24]} style={{ height: '100%' }}>
+        <Col lg={6} md={24} style={{ height: '100%' }}>
           <Card>
             <DeptTree
               onSelect={async (value: any) => {
@@ -380,7 +380,7 @@ const UserTableList: React.FC = () => {
             />
           </Card>
         </Col>
-        <Col lg={18} md={24}>
+        <Col lg={18} md={24} style={{ height: '100%' }}>
           <ProTable<API.System.User>
             headerTitle={intl.formatMessage({
               id: 'pages.searchTable.title',
@@ -393,6 +393,9 @@ const UserTableList: React.FC = () => {
             search={{
               labelWidth: 120,
             }}
+            scroll={{ y: 'calc(100% - 55px)' }}
+            tableAlertRender={false}
+            tableAlertOptionRender={false}
             toolBarRender={() => [
               <Button
                 type="primary"
@@ -452,7 +455,7 @@ const UserTableList: React.FC = () => {
                   });
                 }}
               >
-                <DeleteOutlined />
+                <DeleteOutlined />{' '}
                 <FormattedMessage id="pages.searchTable.delete" defaultMessage="删除" />
               </Button>,
               <Button
@@ -463,7 +466,7 @@ const UserTableList: React.FC = () => {
                   handleExport();
                 }}
               >
-                <PlusOutlined />
+                <PlusOutlined />{' '}
                 <FormattedMessage id="pages.searchTable.export" defaultMessage="导出" />
               </Button>,
             ]}

From fab65e2dd5bf9ee08f2b1cbed5d5f043971c4200 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Fri, 26 Jul 2024 15:12:44 +0800
Subject: [PATCH 4/6] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=96=B0=E5=BB=BAbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/app.tsx                          |   4 +-
 .../components/MenuIconSelector/index.less    |  32 ++++
 .../src/components/MenuIconSelector/index.tsx |  62 +++++++
 react-ui/src/iconfont/iconfont.json           | 163 ++++++++++++++++++
 react-ui/src/pages/System/Menu/edit.tsx       |  92 +++++-----
 5 files changed, 299 insertions(+), 54 deletions(-)
 create mode 100644 react-ui/src/components/MenuIconSelector/index.less
 create mode 100644 react-ui/src/components/MenuIconSelector/index.tsx
 create mode 100644 react-ui/src/iconfont/iconfont.json

diff --git a/react-ui/src/app.tsx b/react-ui/src/app.tsx
index d6accb30..ff14f8c9 100644
--- a/react-ui/src/app.tsx
+++ b/react-ui/src/app.tsx
@@ -181,7 +181,7 @@ export const patchClientRoutes: RuntimeConfig['patchClientRoutes'] = (e) => {
 };
 
 export function render(oldRender: () => void) {
-  //console.log('render');
+  // console.log('render');
   const token = getAccessToken();
   if (!token || token?.length === 0) {
     oldRender();
@@ -193,7 +193,6 @@ export function render(oldRender: () => void) {
       oldRender();
     })
     .catch(() => {
-      setRemoteMenu([]);
       oldRender();
     });
 }
@@ -208,6 +207,7 @@ export const antd: RuntimeAntdConfig = (memo) => {
     colorWarning: themes['warningColor'],
     colorLink: themes['primaryColor'],
     colorText: themes['textColor'],
+    controlHeightLG: 46,
   };
   memo.theme.components ??= {};
   memo.theme.components.Tabs = {};
diff --git a/react-ui/src/components/MenuIconSelector/index.less b/react-ui/src/components/MenuIconSelector/index.less
new file mode 100644
index 00000000..c4b134b8
--- /dev/null
+++ b/react-ui/src/components/MenuIconSelector/index.less
@@ -0,0 +1,32 @@
+.menu-icon-selector {
+  // grid 布局，每行显示 8 个图标
+  display: grid;
+  grid-auto-rows: 1fr;
+  grid-template-columns: repeat(4, 1fr);
+
+  &__item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 80px;
+    cursor: pointer;
+
+    &__icon {
+      display: block;
+    }
+
+    &__icon--active {
+      display: none;
+    }
+
+    &:hover &__icon,
+    &:active &__icon {
+      display: none;
+    }
+
+    &:hover &__icon--active,
+    &:active &__icon--active {
+      display: block;
+    }
+  }
+}
diff --git a/react-ui/src/components/MenuIconSelector/index.tsx b/react-ui/src/components/MenuIconSelector/index.tsx
new file mode 100644
index 00000000..2709c22d
--- /dev/null
+++ b/react-ui/src/components/MenuIconSelector/index.tsx
@@ -0,0 +1,62 @@
+import KFIcon from '@/components/KFIcon';
+import KFModal from '@/components/KFModal';
+import iconData from '@/iconfont/iconfont.json';
+import { type ModalProps } from 'antd';
+import { useEffect, useState } from 'react';
+import styles from './index.less';
+
+interface MenuIconSelectorProps extends Omit<ModalProps, 'onOk'> {
+  selectedIcon?: string;
+  onOk: (param: string) => void;
+}
+
+type IconObject = {
+  icon_id: string;
+  font_class: string;
+};
+
+function MenuIconSelector({ open, selectedIcon, onOk, ...rest }: MenuIconSelectorProps) {
+  const [icons, setIcons] = useState<IconObject[]>([]);
+  useEffect(() => {
+    const glyphs = iconData.glyphs as IconObject[];
+    setIcons(glyphs.filter((item) => !item.font_class.endsWith('-active')));
+  }, []);
+
+  return (
+    <KFModal
+      {...rest}
+      title="选择图标"
+      width={680}
+      open={open}
+      cancelButtonProps={{ style: { display: 'none' } }}
+      okButtonProps={{ style: { display: 'none' } }}
+    >
+      <div className={styles['menu-icon-selector']}>
+        {icons.map((icon) => (
+          <div
+            key={icon.icon_id}
+            className={styles['menu-icon-selector__item']}
+            onClick={() => onOk(icon.font_class)}
+          >
+            <KFIcon
+              className={styles['menu-icon-selector__item__icon']}
+              type={
+                selectedIcon === icon.font_class
+                  ? `icon-${icon.font_class}-active`
+                  : `icon-${icon.font_class}`
+              }
+              font={24}
+            />
+            <KFIcon
+              className={styles['menu-icon-selector__item__icon--active']}
+              type={`icon-${icon.font_class}-active`}
+              font={24}
+            />
+          </div>
+        ))}
+      </div>
+    </KFModal>
+  );
+}
+
+export default MenuIconSelector;
diff --git a/react-ui/src/iconfont/iconfont.json b/react-ui/src/iconfont/iconfont.json
new file mode 100644
index 00000000..db913c64
--- /dev/null
+++ b/react-ui/src/iconfont/iconfont.json
@@ -0,0 +1,163 @@
+{
+  "id": "4511326",
+  "name": "复杂智能软件-导航",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "40233218",
+      "name": "操作手册-active",
+      "font_class": "manual-icon-active",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "40233217",
+      "name": "操作手册",
+      "font_class": "manual-icon",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "40171713",
+      "name": "监控运维-active",
+      "font_class": "monitor-icon-active",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "40171711",
+      "name": "监控运维",
+      "font_class": "monitor-icon",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "40171710",
+      "name": "开发环境-active",
+      "font_class": "developmentEnvironment-icon-active",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "40171699",
+      "name": "开发环境",
+      "font_class": "developmentEnvironment-icon",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "39969575",
+      "name": "系统管理",
+      "font_class": "system-icon",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "39969573",
+      "name": "流水线-active",
+      "font_class": "workflow-icon-active",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "39969569",
+      "name": "数据准备-active",
+      "font_class": "datasetPreparation-icon-active",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "39969568",
+      "name": "数据准备",
+      "font_class": "datasetPreparation-icon",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "39969570",
+      "name": "模型在线部署",
+      "font_class": "modelDseployment-icon",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "39969567",
+      "name": "流水线",
+      "font_class": "workflow-icon",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "39969566",
+      "name": "AI资产管理-active",
+      "font_class": "aiAsset-icon-active",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "39969563",
+      "name": "AI资产管理",
+      "font_class": "aiAsset-icon",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "39969580",
+      "name": "工作空间",
+      "font_class": "workspace-icon",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "39969572",
+      "name": "模型开发-active",
+      "font_class": "model-icon-active",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "39969579",
+      "name": "系统管理-active",
+      "font_class": "system-icon-active",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "39969578",
+      "name": "模型在线部署-active",
+      "font_class": "modelDseployment-icon-active",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "39969565",
+      "name": "模型开发",
+      "font_class": "model-icon",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "39969577",
+      "name": "应用开发",
+      "font_class": "appsDeployment-icon",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "39969576",
+      "name": "工作空间-active",
+      "font_class": "workspace-icon-active",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "39969574",
+      "name": "应用开发-active",
+      "font_class": "appsDeployment-icon-active",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    }
+  ]
+}
diff --git a/react-ui/src/pages/System/Menu/edit.tsx b/react-ui/src/pages/System/Menu/edit.tsx
index db4e6e88..e8ac269a 100644
--- a/react-ui/src/pages/System/Menu/edit.tsx
+++ b/react-ui/src/pages/System/Menu/edit.tsx
@@ -1,7 +1,7 @@
 import { DictValueEnumObj } from '@/components/DictTag';
-import IconSelector from '@/components/IconSelector';
 import KFModal from '@/components/KFModal';
-import { createIcon } from '@/utils/IconUtil';
+import MenuIconSelector from '@/components/MenuIconSelector';
+import { openAntdModal } from '@/utils/modal';
 import {
   ProForm,
   ProFormDigit,
@@ -27,31 +27,39 @@ export type MenuFormProps = {
   menuTree: DataNode[];
 };
 
+const formLayout = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 16 },
+};
+
+const formItemLayout = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 20 },
+};
+
 const MenuForm: React.FC<MenuFormProps> = (props) => {
   const [form] = Form.useForm();
-
-  const [menuTypeId, setMenuTypeId] = useState<any>('M');
+  const [menuTypeId, setMenuTypeId] = useState<any>();
   const [menuIconName, setMenuIconName] = useState<any>();
-  const [iconSelectorOpen, setIconSelectorOpen] = useState<boolean>(false);
-
   const { menuTree, visibleOptions, statusOptions } = props;
 
   useEffect(() => {
     form.resetFields();
     setMenuIconName(props.values.icon);
+    setMenuTypeId(props.values.menuType ?? 'M');
     form.setFieldsValue({
       menuId: props.values.menuId,
       menuName: props.values.menuName,
-      parentId: props.values.parentId,
-      orderNum: props.values.orderNum,
+      parentId: props.values.parentId ?? 0,
+      orderNum: props.values.orderNum ?? 1,
       path: props.values.path,
       component: props.values.component,
       query: props.values.query,
-      isFrame: props.values.isFrame,
-      isCache: props.values.isCache,
-      menuType: props.values.menuType,
-      visible: props.values.visible,
-      status: props.values.status,
+      isFrame: props.values.isFrame ?? '1',
+      isCache: props.values.isCache ?? '1',
+      menuType: props.values.menuType ?? 'M',
+      visible: props.values.visible ?? Object.keys(visibleOptions)[0],
+      status: props.values.status ?? Object.keys(statusOptions)[0],
       perms: props.values.perms,
       icon: props.values.icon,
       createBy: props.values.createBy,
@@ -73,9 +81,20 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
     props.onSubmit(values as MenuFormData);
   };
 
+  const selectIcon = () => {
+    const { close } = openAntdModal(MenuIconSelector, {
+      selectedIcon: menuIconName,
+      onOk: (icon) => {
+        setMenuIconName(icon);
+        form.setFieldsValue({ icon });
+        close();
+      },
+    });
+  };
+
   return (
     <KFModal
-      width={640}
+      width={680}
       title={intl.formatMessage({
         id: 'system.menu.title',
         defaultMessage: '编辑菜单权限',
@@ -92,6 +111,8 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
         submitter={false}
         layout="horizontal"
         onFinish={handleFinish}
+        {...formLayout}
+        size="large"
       >
         <ProFormDigit
           name="menuId"
@@ -110,6 +131,7 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
           ]}
         />
         <ProFormTreeSelect
+          {...formItemLayout}
           name="parentId"
           label={intl.formatMessage({
             id: 'system.menu.parent_id',
@@ -128,11 +150,9 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               ),
             },
           ]}
-          fieldProps={{
-            defaultValue: 0,
-          }}
         />
         <ProFormRadio.Group
+          {...formItemLayout}
           name="menuType"
           valueEnum={{
             M: '目录',
@@ -151,13 +171,13 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
             },
           ]}
           fieldProps={{
-            defaultValue: 'M',
             onChange: (e) => {
               setMenuTypeId(e.target.value);
             },
           }}
         />
         <ProFormSelect
+          {...formItemLayout}
           name="icon"
           label={intl.formatMessage({
             id: 'system.menu.icon',
@@ -165,10 +185,10 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
           })}
           valueEnum={{}}
           hidden={menuTypeId === 'F'}
-          addonBefore={createIcon(menuIconName)}
+          // addonBefore={createIcon(menuIconName)}
           fieldProps={{
             onClick: () => {
-              setIconSelectorOpen(true);
+              selectIcon();
             },
           }}
           placeholder="请输入菜单图标"
@@ -209,9 +229,6 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               message: <FormattedMessage id="请输入显示顺序！" defaultMessage="请输入显示顺序！" />,
             },
           ]}
-          fieldProps={{
-            defaultValue: 1,
-          }}
         />
         <ProFormRadio.Group
           name="isFrame"
@@ -219,7 +236,6 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
             0: '是',
             1: '否',
           }}
-          initialValue="1"
           label={intl.formatMessage({
             id: 'system.menu.is_frame',
             defaultMessage: '是否为外链',
@@ -235,9 +251,6 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               ),
             },
           ]}
-          fieldProps={{
-            defaultValue: '1',
-          }}
         />
         <ProFormText
           name="path"
@@ -323,9 +336,6 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               message: <FormattedMessage id="请输入是否缓存！" defaultMessage="请输入是否缓存！" />,
             },
           ]}
-          fieldProps={{
-            defaultValue: 0,
-          }}
         />
         <ProFormRadio.Group
           name="visible"
@@ -343,9 +353,6 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               message: <FormattedMessage id="请输入显示状态！" defaultMessage="请输入显示状态！" />,
             },
           ]}
-          fieldProps={{
-            defaultValue: '0',
-          }}
         />
         <ProFormRadio.Group
           valueEnum={statusOptions}
@@ -363,27 +370,8 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
               message: <FormattedMessage id="请输入菜单状态！" defaultMessage="请输入菜单状态！" />,
             },
           ]}
-          fieldProps={{
-            defaultValue: '0',
-          }}
         />
       </ProForm>
-      <KFModal
-        width={800}
-        open={iconSelectorOpen}
-        onCancel={() => {
-          setIconSelectorOpen(false);
-        }}
-        footer={null}
-      >
-        <IconSelector
-          onSelect={(name: string) => {
-            form.setFieldsValue({ icon: name });
-            setMenuIconName(name);
-            setIconSelectorOpen(false);
-          }}
-        />
-      </KFModal>
     </KFModal>
   );
 };

From 58d216a95bdb62805087f5f01a7944468affae5a Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Fri, 26 Jul 2024 17:32:09 +0800
Subject: [PATCH 5/6] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E6=95=B4=E5=90=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/routes.ts        | 30 +++++++++++++--------------
 react-ui/src/services/session.ts | 35 ++++++++++++++++----------------
 2 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index 0c027b80..c2b1c2a0 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -14,10 +14,9 @@ export default [
   {
     path: '/',
     redirect: '/workspace',
-    breadcrumb: '工作空间',
   },
   {
-    name: 'workspace',
+    name: '工作空间',
     path: '/workspace',
     routes: [
       {
@@ -41,6 +40,7 @@ export default [
   },
   {
     path: '/account',
+    name: '用户中心',
     routes: [
       {
         name: '用户中心',
@@ -70,21 +70,21 @@ export default [
     ],
   },
   {
-    name: 'developmentEnvironment',
+    name: '开发环境',
     path: '/developmentEnvironment',
     routes: [
       {
         name: '开发环境',
         path: '',
-        component: './DevelopmentEnvironment/Editor',
+        component: './DevelopmentEnvironment/List',
       },
       {
-        name: '创建编辑器',
+        name: '创建开发环境',
         path: 'create',
         component: './DevelopmentEnvironment/Create',
       },
       {
-        name: '编辑器',
+        name: '开发环境详情',
         path: 'editor',
         component: './DevelopmentEnvironment/Editor',
       },
@@ -306,47 +306,47 @@ export default [
       },
       {
         name: '用户管理',
-        path: '/system/user',
+        path: 'user',
         component: './System/User',
       },
       {
         name: '角色管理',
-        path: '/system/role',
+        path: 'role',
         component: './System/Role',
       },
       {
         name: '定时任务',
-        path: '/system/job',
+        path: 'job',
         component: './Monitor/Job',
       },
       {
         name: '菜单管理',
-        path: '/system/menu',
+        path: 'menu',
         component: './System/Menu',
       },
       {
         name: '部门管理',
-        path: '/system/dept',
+        path: 'dept',
         component: './System/Dept',
       },
       {
         name: '岗位管理',
-        path: '/system/post',
+        path: 'post',
         component: './System/Post',
       },
       {
         name: '字典管理',
-        path: '/system/dict',
+        path: 'dict',
         component: './System/Dict',
       },
       {
         name: '字典数据',
-        path: '/system/dict-data/index/:id',
+        path: 'dict-data/index/:id',
         component: './System/DictData',
       },
       {
         name: '分配用户',
-        path: '/system/role-auth/user/:id',
+        path: 'role-auth/user/:id',
         component: './System/Role/authUser',
       },
     ],
diff --git a/react-ui/src/services/session.ts b/react-ui/src/services/session.ts
index cd6c6fa2..f4594140 100644
--- a/react-ui/src/services/session.ts
+++ b/react-ui/src/services/session.ts
@@ -12,30 +12,35 @@ export function setRemoteMenu(data: any) {
   remoteMenu = data;
 }
 
+// 根据后台配置的菜单路径获取本地路由
+const getLocalRoute = (route: any, menuItem: any) => {
+  for (const routeChild of route.routes) {
+    if (routeChild.path === menuItem.path) {
+      return routeChild;
+    }
+  }
+  return null;
+};
+
 function patchRouteItems(route: any, menu: any, parentPath: string) {
   for (const menuItem of menu) {
     if (menuItem.component === 'Layout' || menuItem.component === 'ParentView') {
       if (menuItem.routes) {
-        let hasItem = false;
-        let newItem = null;
-        for (const routeChild of route.routes) {
-          if (routeChild.path === menuItem.path) {
-            hasItem = true;
-            newItem = routeChild;
-            break;
-          }
-        }
-        if (!hasItem) {
+        let newItem = getLocalRoute(route, menuItem);
+        if (!newItem) {
           newItem = {
             path: menuItem.path,
             routes: [],
-            children: [],
           };
+          route.children = route.routes;
           route.routes.push(newItem);
         }
         patchRouteItems(newItem, menuItem.routes, parentPath + menuItem.path + '/');
       }
     } else {
+      if (getLocalRoute(route, menuItem)) {
+        return;
+      }
       const names: string[] = menuItem.component.split('/');
       let path = '';
       names.forEach((name) => {
@@ -53,17 +58,13 @@ function patchRouteItems(route: any, menu: any, parentPath: string) {
       }
       if (route.routes === undefined) {
         route.routes = [];
+        route.children = route.routes;
       }
-      if (route.children === undefined) {
-        route.children = [];
-      }
+
       const newRoute = {
         element: React.createElement(lazy(() => import('@/pages/' + path))),
         path: parentPath + menuItem.path,
       };
-      // console.log(newRoute);
-
-      route.children.push(newRoute);
       route.routes.push(newRoute);
     }
   }

From 79757795bf408d987486bef3e925bbb6efb32b98 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 29 Jul 2024 08:44:29 +0800
Subject: [PATCH 6/6] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E6=95=B4=E5=90=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/routes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index c2b1c2a0..82c568bc 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -76,7 +76,7 @@ export default [
       {
         name: '开发环境',
         path: '',
-        component: './DevelopmentEnvironment/List',
+        component: './DevelopmentEnvironment/Editor',
       },
       {
         name: '创建开发环境',