From e88cc9e197406f2faae7698565e1cf88c4987af8 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Thu, 27 Jun 2024 09:42:54 +0800
Subject: [PATCH 01/13] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80loading=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/components/KFSpin/index.less     | 19 ++++++
 react-ui/src/components/KFSpin/index.tsx      | 13 ++++
 .../src/pages/Experiment/Comparison/index.tsx |  6 +-
 react-ui/src/utils/loading.tsx                | 66 +++++++++++++++++++
 4 files changed, 103 insertions(+), 1 deletion(-)
 create mode 100644 react-ui/src/components/KFSpin/index.less
 create mode 100644 react-ui/src/components/KFSpin/index.tsx
 create mode 100644 react-ui/src/utils/loading.tsx

diff --git a/react-ui/src/components/KFSpin/index.less b/react-ui/src/components/KFSpin/index.less
new file mode 100644
index 00000000..931e7ea0
--- /dev/null
+++ b/react-ui/src/components/KFSpin/index.less
@@ -0,0 +1,19 @@
+.kf-spin {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.5);
+
+  &__label {
+    margin-top: 20px;
+    color: @text-color;
+    font-size: @font-size-content;
+  }
+}
diff --git a/react-ui/src/components/KFSpin/index.tsx b/react-ui/src/components/KFSpin/index.tsx
new file mode 100644
index 00000000..64d315a9
--- /dev/null
+++ b/react-ui/src/components/KFSpin/index.tsx
@@ -0,0 +1,13 @@
+import { Spin, SpinProps } from 'antd';
+import styles from './index.less';
+
+function KFSpin(props: SpinProps) {
+  return (
+    <div className={styles['kf-spin']}>
+      <Spin {...props} />
+      <div className={styles['kf-spin__label']}>加载中</div>
+    </div>
+  );
+}
+
+export default KFSpin;
diff --git a/react-ui/src/pages/Experiment/Comparison/index.tsx b/react-ui/src/pages/Experiment/Comparison/index.tsx
index 59cd3f8b..12b60416 100644
--- a/react-ui/src/pages/Experiment/Comparison/index.tsx
+++ b/react-ui/src/pages/Experiment/Comparison/index.tsx
@@ -7,7 +7,7 @@ import {
 import { to } from '@/utils/promise';
 import tableCellRender, { arrayFormatter, dateFormatter } from '@/utils/table';
 import { useSearchParams } from '@umijs/max';
-import { App, Button, Table, /*TablePaginationConfig,*/ TableProps } from 'antd';
+import { App, Button, Table, /* TablePaginationConfig,*/ TableProps } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
 import ExperimentStatusCell from '../components/ExperimentStatusCell';
@@ -38,6 +38,7 @@ function ExperimentComparison() {
   // const [cacheState, setCacheState] = useCacheState();
   // const [total, setTotal] = useState(0);
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState(false);
   const { message } = App.useApp();
   // const [pagination, setPagination] = useState<TablePaginationConfig>(
   //   cacheState?.pagination ?? {
@@ -52,9 +53,11 @@ function ExperimentComparison() {
 
   // 获取对比数据列表
   const getComparisonData = async () => {
+    setLoading(true);
     const request =
       comparisonType === ComparisonType.Train ? getExpTrainInfosReq : getExpEvaluateInfosReq;
     const [res] = await to(request(experimentId));
+    setLoading(false);
     if (res && res.data) {
       // const { content = [], totalElements = 0 } = res.data;
       setTableData(res.data);
@@ -180,6 +183,7 @@ function ExperimentComparison() {
           scroll={{ y: 'calc(100% - 55px)' }}
           pagination={false}
           bordered={true}
+          loading={loading}
           // pagination={{
           //   ...pagination,
           //   total: total,
diff --git a/react-ui/src/utils/loading.tsx b/react-ui/src/utils/loading.tsx
new file mode 100644
index 00000000..aba4a16c
--- /dev/null
+++ b/react-ui/src/utils/loading.tsx
@@ -0,0 +1,66 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-06-26 16:37:39
+ * @Description: 全局网络请求 Loading
+ */
+
+import KFSpin from '@/components/KFSpin';
+import { ConfigProvider, SpinProps } from 'antd';
+import { globalConfig } from 'antd/es/config-provider';
+import zhCN from 'antd/locale/zh_CN';
+import { createRoot } from 'react-dom/client';
+
+export class Loading {
+  static total = 0;
+  static show(props?: SpinProps) {
+    Loading.total += 1;
+    if (Loading.total > 1) {
+      return;
+    }
+    const container = document.createElement('div');
+    container.id = 'loading';
+    const rootContainer = document.getElementsByTagName('main')[0];
+    rootContainer?.appendChild(container);
+    const root = createRoot(container);
+    const global = globalConfig();
+    let timeoutId: ReturnType<typeof setTimeout>;
+
+    function render(spinProps: SpinProps) {
+      clearTimeout(timeoutId);
+
+      timeoutId = setTimeout(() => {
+        const rootPrefixCls = global.getPrefixCls();
+        const iconPrefixCls = global.getIconPrefixCls();
+        const theme = global.getTheme();
+        const dom = <KFSpin {...spinProps} />;
+
+        root.render(
+          <ConfigProvider
+            prefixCls={rootPrefixCls}
+            iconPrefixCls={iconPrefixCls}
+            theme={theme}
+            locale={zhCN}
+          >
+            {global.holderRender ? global.holderRender(dom) : dom}
+          </ConfigProvider>,
+        );
+      });
+    }
+
+    render({ size: 'large', ...props, spinning: true });
+  }
+
+  static hide(force: boolean = false) {
+    Loading.total -= 1;
+    if (Loading.total <= 0 || force) {
+      Loading.total = 0;
+      const rootContainer = document.getElementsByTagName('main')[0];
+      const container = document.getElementById('loading');
+      if (container) {
+        rootContainer?.removeChild(container);
+      }
+    }
+  }
+}
+
+export default Loading;

From 4ccf5555e5ca7b2672504e41d4ef251d307f9847 Mon Sep 17 00:00:00 2001
From: fanshuai <1141904845@qq.com>
Date: Fri, 28 Jun 2024 14:08:31 +0800
Subject: [PATCH 02/13] =?UTF-8?q?=E6=8C=87=E6=A0=87=E5=AF=B9=E6=AF=94?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4=E8=84=8F=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../java/com/ruoyi/platform/service/impl/AimServiceImpl.java   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
index fdd7b5c9..09dcc04f 100644
--- a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
+++ b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
@@ -111,9 +111,10 @@ public class AimServiceImpl implements AimService {
                         List<String> datasetList = getTrainDateSet(records, aimrunId);
                         aimRunInfo.setDataset(datasetList);
                     }
+                    aimRunInfoList.add(aimRunInfo);
                 }
             }
-            aimRunInfoList.add(aimRunInfo);
+
         }
         //判断哪个最长
 

From 03ea2ef74a43a194dce7b65ad577196c254208a5 Mon Sep 17 00:00:00 2001
From: fanshuai <1141904845@qq.com>
Date: Fri, 28 Jun 2024 14:15:12 +0800
Subject: [PATCH 03/13] =?UTF-8?q?=E6=8C=87=E6=A0=87=E5=AF=B9=E6=AF=94?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4=E8=84=8F=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../java/com/ruoyi/platform/service/impl/AimServiceImpl.java    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
index 09dcc04f..338fab19 100644
--- a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
+++ b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/AimServiceImpl.java
@@ -59,7 +59,7 @@ public class AimServiceImpl implements AimService {
             return new ArrayList<>();
         }
         //查询实例数据
-        List<ExperimentIns> byExperimentId = experimentInsService.getByExperimentId(experimentId);
+        List<ExperimentIns> byExperimentId = experimentInsService.queryByExperimentId(experimentId);
 
         if (byExperimentId == null || byExperimentId.size() == 0){
             return new ArrayList<>();

From 2cc70b1f00633694ac7321330d2fe7a35abde668 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 1 Jul 2024 11:45:39 +0800
Subject: [PATCH 04/13] =?UTF-8?q?feat:=20=E6=A8=A1=E5=9E=8B=E6=BC=94?=
 =?UTF-8?q?=E5=8C=96=E6=B7=BB=E5=8A=A0=E7=82=B9=E5=87=BB=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=E6=95=B0=E6=8D=AE=E9=9B=86=E5=92=8C=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Model/components/ModelEvolution/index.tsx |  67 +++++--
 .../Model/components/ModelEvolution/utils.tsx | 163 +++++++++++++-----
 .../Model/components/NodeTooltips/index.tsx   |  14 +-
 .../src/pages/ModelDeployment/List/index.tsx  |   2 +-
 4 files changed, 180 insertions(+), 66 deletions(-)

diff --git a/react-ui/src/pages/Model/components/ModelEvolution/index.tsx b/react-ui/src/pages/Model/components/ModelEvolution/index.tsx
index f46d77ec..a0e9beaf 100644
--- a/react-ui/src/pages/Model/components/ModelEvolution/index.tsx
+++ b/react-ui/src/pages/Model/components/ModelEvolution/index.tsx
@@ -1,9 +1,15 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-06-07 11:24:10
+ * @Description: 模型演化
+ */
+
 import { useEffectWhen } from '@/hooks';
 import { ResourceVersionData } from '@/pages/Dataset/config';
 import { getModelAtlasReq } from '@/services/dataset/index.js';
 import themes from '@/styles/theme.less';
 import { to } from '@/utils/promise';
-import G6, { G6GraphEvent, Graph } from '@antv/g6';
+import G6, { G6GraphEvent, Graph, INode } from '@antv/g6';
 // @ts-ignore
 import { Flex, Select } from 'antd';
 import { useEffect, useRef, useState } from 'react';
@@ -11,7 +17,15 @@ import GraphLegend from '../GraphLegend';
 import NodeTooltips from '../NodeTooltips';
 import styles from './index.less';
 import type { ModelDepsData, ProjectDependency, TrainDataset } from './utils';
-import { getGraphData, nodeFontSize, nodeHeight, nodeWidth, normalizeTreeData } from './utils';
+import {
+  NodeType,
+  getGraphData,
+  nodeFontSize,
+  nodeHeight,
+  nodeWidth,
+  normalizeTreeData,
+  traverseHierarchically,
+} from './utils';
 
 type modeModelEvolutionProps = {
   resourceId: number;
@@ -37,6 +51,8 @@ function ModelEvolution({
   const [hoverNodeData, setHoverNodeData] = useState<
     ModelDepsData | ProjectDependency | TrainDataset | undefined
   >(undefined);
+  const apiData = useRef<ModelDepsData | undefined>(undefined); // 接口返回的树形结构
+  const hierarchyNodes = useRef<ModelDepsData[]>([]); // 层级迭代树形结构，得到的节点列表
 
   useEffect(() => {
     initGraph();
@@ -111,18 +127,7 @@ function ModelEvolution({
         },
       },
       modes: {
-        default: [
-          'drag-canvas',
-          'zoom-canvas',
-          // {
-          //   type: 'collapse-expand',
-          //   onChange(item?: Item, collapsed?: boolean) {
-          //     const data = item!.getModel();
-          //     data.collapsed = collapsed;
-          //     return true;
-          //   },
-          // },
-        ],
+        default: ['drag-canvas', 'zoom-canvas'],
       },
     });
 
@@ -161,11 +166,26 @@ function ModelEvolution({
     });
 
     graph.on('node:click', (e: G6GraphEvent) => {
-      const nodeItem = e.item;
+      const nodeItem = e.item as INode;
       const model = nodeItem.getModel() as ModelDepsData | ProjectDependency | TrainDataset;
       const { model_type } = model;
-      switch (model_type) {
+      if (
+        model_type === NodeType.Project ||
+        model_type === NodeType.TrainDataset ||
+        model_type === NodeType.TestDataset ||
+        !apiData.current ||
+        !hierarchyNodes.current
+      ) {
+        return;
       }
+
+      setShowNodeTooltip(false);
+      setEnterTooltip(false);
+      toggleExpended(model.id);
+      const graphData = getGraphData(apiData.current, hierarchyNodes.current);
+      graph.data(graphData);
+      graph.render();
+      graph.fitView();
     });
 
     // 鼠标滚轮缩放时，隐藏 tooltip
@@ -175,6 +195,17 @@ function ModelEvolution({
     });
   };
 
+  // toggle 展开
+  const toggleExpended = (id: string) => {
+    const nodes = hierarchyNodes.current;
+    for (const node of nodes) {
+      if (node.id === id) {
+        node.expanded = !node.expanded;
+        break;
+      }
+    }
+  };
+
   const handleTooltipsMouseEnter = () => {
     setEnterTooltip(true);
   };
@@ -192,7 +223,9 @@ function ModelEvolution({
     const [res] = await to(getModelAtlasReq(params));
     if (res && res.data) {
       const data = normalizeTreeData(res.data);
-      const graphData = getGraphData(data);
+      apiData.current = data;
+      hierarchyNodes.current = traverseHierarchically(data);
+      const graphData = getGraphData(data, hierarchyNodes.current);
 
       graph.data(graphData);
       graph.render();
diff --git a/react-ui/src/pages/Model/components/ModelEvolution/utils.tsx b/react-ui/src/pages/Model/components/ModelEvolution/utils.tsx
index a878321a..30a06817 100644
--- a/react-ui/src/pages/Model/components/ModelEvolution/utils.tsx
+++ b/react-ui/src/pages/Model/components/ModelEvolution/utils.tsx
@@ -6,21 +6,22 @@ import Hierarchy from '@antv/hierarchy';
 export const nodeWidth = 90;
 export const nodeHeight = 40;
 export const vGap = nodeHeight + 20;
-export const hGap = nodeWidth;
+export const hGap = nodeHeight + 20;
 export const ellipseWidth = nodeWidth;
 export const labelPadding = 30;
 export const nodeFontSize = 8;
+export const datasetHGap = 20;
 
 // 数据集节点
 const datasetNodes: NodeConfig[] = [];
 
 export enum NodeType {
-  current = 'current',
-  parent = 'parent',
-  children = 'children',
-  project = 'project',
-  trainDataset = 'trainDataset',
-  testDataset = 'testDataset',
+  Current = 'Current', // 当前模型
+  Parent = 'Parent', // 父模型
+  Children = 'Children', // 子模型
+  Project = 'Project', // 项目
+  TrainDataset = 'TrainDataset', // 训练数据集
+  TestDataset = 'TestDataset', // 测试数据集
 }
 
 export type Rect = {
@@ -40,14 +41,14 @@ export interface TrainDataset extends NodeConfig {
   dataset_id: number;
   dataset_name: string;
   dataset_version: string;
-  model_type: NodeType.testDataset | NodeType.trainDataset;
+  model_type: NodeType.TestDataset | NodeType.TrainDataset;
 }
 
 export interface ProjectDependency extends NodeConfig {
   url: string;
   name: string;
   branch: string;
-  model_type: NodeType.project;
+  model_type: NodeType.Project;
 }
 
 export type ModalDetail = {
@@ -66,9 +67,9 @@ export interface ModelDepsAPIData {
   version: string;
   workflow_id: number;
   exp_ins_id: number;
-  model_type: NodeType.children | NodeType.current | NodeType.parent;
+  model_type: NodeType.Children | NodeType.Current | NodeType.Parent;
   current_model_name: string;
-  project_dependency: ProjectDependency;
+  project_dependency?: ProjectDependency;
   test_dataset: TrainDataset[];
   train_dataset: TrainDataset[];
   train_task: TrainTask;
@@ -79,16 +80,22 @@ export interface ModelDepsAPIData {
 
 export interface ModelDepsData extends Omit<ModelDepsAPIData, 'children_models'>, TreeGraphData {
   children: ModelDepsData[];
+  expanded: boolean; // 是否展开
+  level: number; // 层级，从 0 开始
+  datasetLen: number; // 数据集数量
 }
 
 // 规范化子数据
 export function normalizeChildren(data: ModelDepsData[]) {
   if (Array.isArray(data)) {
     data.forEach((item) => {
-      item.model_type = NodeType.children;
+      item.model_type = NodeType.Children;
+      item.expanded = false;
+      item.level = 0;
+      item.datasetLen = item.train_dataset.length + item.test_dataset.length;
       item.id = `$M_${item.current_model_id}_${item.version}`;
       item.label = getLabel(item);
-      item.style = getStyle(NodeType.children);
+      item.style = getStyle(NodeType.Children);
       normalizeChildren(item.children);
     });
   }
@@ -111,22 +118,22 @@ export function getLabel(node: ModelDepsData | ModelDepsAPIData) {
 export function getStyle(model_type: NodeType) {
   let fill = '';
   switch (model_type) {
-    case NodeType.current:
+    case NodeType.Current:
       fill = 'l(0) 0:#72a1ff 1:#1664ff';
       break;
-    case NodeType.parent:
+    case NodeType.Parent:
       fill = 'l(0) 0:#93dfd1 1:#43c9b1';
       break;
-    case NodeType.children:
+    case NodeType.Children:
       fill = 'l(0) 0:#72b4ff 1:#169aff';
       break;
-    case NodeType.project:
+    case NodeType.Project:
       fill = 'l(0) 0:#b3a9ff 1:#8981ff';
       break;
-    case NodeType.trainDataset:
+    case NodeType.TrainDataset:
       fill = '#a5d878';
       break;
-    case NodeType.testDataset:
+    case NodeType.TestDataset:
       fill = '#d8b578';
       break;
     default:
@@ -145,11 +152,15 @@ export function normalizeTreeData(apiData: ModelDepsAPIData): ModelDepsData {
   }) as ModelDepsData;
 
   // 设置当前模型的数据
-  normalizedData.model_type = NodeType.current;
+  normalizedData.model_type = NodeType.Current;
   normalizedData.id = `$M_${normalizedData.current_model_id}_${normalizedData.version}`;
   normalizedData.label = getLabel(normalizedData);
-  normalizedData.style = getStyle(NodeType.current);
+  normalizedData.style = getStyle(NodeType.Current);
+  normalizedData.expanded = true;
+  normalizedData.datasetLen =
+    normalizedData.train_dataset.length + normalizedData.test_dataset.length;
   normalizeChildren(normalizedData.children as ModelDepsData[]);
+  normalizedData.level = 0;
 
   // 将 parent_models 转换成树形结构
   let parent_models = normalizedData.parent_models || [];
@@ -157,10 +168,13 @@ export function normalizeTreeData(apiData: ModelDepsAPIData): ModelDepsData {
     const parent = parent_models[0];
     normalizedData = {
       ...parent,
-      model_type: NodeType.parent,
+      expanded: false,
+      level: 0,
+      datasetLen: parent.train_dataset.length + parent.test_dataset.length,
+      model_type: NodeType.Parent,
       id: `$M_${parent.current_model_id}_${parent.version}`,
       label: getLabel(parent),
-      style: getStyle(NodeType.parent),
+      style: getStyle(NodeType.Parent),
       children: [
         {
           ...normalizedData,
@@ -174,13 +188,34 @@ export function normalizeTreeData(apiData: ModelDepsAPIData): ModelDepsData {
 }
 
 // 将树形数据，使用 Hierarchy 进行布局，计算出坐标，然后转换成 G6 的数据
-export function getGraphData(data: ModelDepsData): GraphData {
+export function getGraphData(data: ModelDepsData, hierarchyNodes: ModelDepsData[]): GraphData {
   const config = {
     direction: 'LR',
     getHeight: () => nodeHeight,
     getWidth: () => nodeWidth,
-    getVGap: () => vGap / 2,
-    getHGap: () => hGap / 2,
+    getVGap: (node: NodeConfig) => {
+      const model = node as ModelDepsData;
+      const { model_type, expanded, project_dependency } = model;
+      if (model_type === NodeType.Current || model_type === NodeType.Parent) {
+        return vGap / 2;
+      }
+      const selfGap = expanded && project_dependency?.url ? nodeHeight + vGap : 0;
+      const nextNode = getSameHierarchyNextNode(model, hierarchyNodes);
+      if (!nextNode) {
+        return vGap / 2;
+      }
+      const nextGap = nextNode.expanded === true && nextNode.datasetLen > 0 ? nodeHeight + vGap : 0;
+      return (selfGap + nextGap + vGap) / 2;
+    },
+    getHGap: (node: NodeConfig) => {
+      const model = node as ModelDepsData;
+      return (
+        (getHierarchyWidth(model.level, hierarchyNodes) +
+          getHierarchyWidth(model.level + 1, hierarchyNodes) +
+          hGap) /
+        2
+      );
+    },
   };
 
   // 树形布局计算出坐标
@@ -191,11 +226,11 @@ export function getGraphData(data: ModelDepsData): GraphData {
   Util.traverseTree(treeLayoutData, (node: NodeConfig, parent: NodeConfig) => {
     const data = node.data as ModelDepsData;
     // 当前模型显示数据集和项目
-    if (data.model_type === NodeType.current) {
+    if (data.expanded === true) {
       addDatasetDependency(data, node, nodes, edges);
       addProjectDependency(data, node, nodes, edges);
-    } else if (data.model_type === NodeType.children) {
-      adjustDatasetPosition(node);
+    } else if (data.model_type === NodeType.Children) {
+      // adjustDatasetPosition(node);
     }
     nodes.push({
       ...data,
@@ -219,16 +254,16 @@ const addDatasetDependency = (
   nodes: NodeConfig[],
   edges: EdgeConfig[],
 ) => {
-  const { train_dataset, test_dataset } = data;
+  const { train_dataset, test_dataset, id } = data;
   train_dataset.forEach((item) => {
-    item.id = `$DTrain_${item.dataset_id}_${item.dataset_version}`;
-    item.model_type = NodeType.trainDataset;
-    item.style = getStyle(NodeType.trainDataset);
+    item.id = `$DTrain_${id}_${item.dataset_id}_${item.dataset_version}`;
+    item.model_type = NodeType.TrainDataset;
+    item.style = getStyle(NodeType.TrainDataset);
   });
   test_dataset.forEach((item) => {
-    item.id = `$DTest_${item.dataset_id}_${item.dataset_version}`;
-    item.model_type = NodeType.testDataset;
-    item.style = getStyle(NodeType.testDataset);
+    item.id = `$DTest_${id}_${item.dataset_id}_${item.dataset_version}`;
+    item.model_type = NodeType.TestDataset;
+    item.style = getStyle(NodeType.TestDataset);
   });
 
   datasetNodes.length = 0;
@@ -243,7 +278,7 @@ const addDatasetDependency = (
       fittingString(node.dataset_version, ellipseWidth - labelPadding, nodeFontSize);
 
     const half = len / 2 - 0.5;
-    node.x = currentNode.x! - (half - index) * (ellipseWidth + 20);
+    node.x = currentNode.x! - (half - index) * (ellipseWidth + datasetHGap);
     node.y = currentNode.y! - nodeHeight - vGap;
     nodes.push(node);
     datasetNodes.push(node);
@@ -264,14 +299,14 @@ const addProjectDependency = (
   nodes: NodeConfig[],
   edges: EdgeConfig[],
 ) => {
-  const { project_dependency } = data;
+  const { project_dependency, id } = data;
   if (project_dependency?.url) {
     const node = { ...project_dependency };
-    node.id = `$P_${node.url}_${node.branch}`;
-    node.model_type = NodeType.project;
+    node.id = `$P_${id}_${node.url}_${node.branch}`;
+    node.model_type = NodeType.Project;
     node.type = 'rect';
     node.label = fittingString(node.name, nodeWidth - labelPadding, nodeFontSize);
-    node.style = getStyle(NodeType.project);
+    node.style = getStyle(NodeType.Project);
     node.style.radius = nodeHeight / 2;
     node.x = currentNode.x;
     node.y = currentNode.y! + nodeHeight + vGap;
@@ -331,3 +366,49 @@ function adjustDatasetPosition(node: NodeConfig) {
     });
   }
 }
+
+// 层级遍历树结构
+export function traverseHierarchically(data: ModelDepsData | undefined): ModelDepsData[] {
+  if (!data) return [];
+  let level = 0;
+  data.level = level;
+  const result: ModelDepsData[] = [data];
+  let index = 0;
+
+  while (index < result.length) {
+    const item = result[index];
+    if (item.children) {
+      item.children.forEach((child) => {
+        child.level = item.level + 1;
+        result.push(child);
+      });
+    }
+    index++;
+  }
+
+  return result;
+}
+
+// 找到同层次的下一个节点
+export function getSameHierarchyNextNode(node: ModelDepsData, nodes: ModelDepsData[]) {
+  const index = nodes.findIndex((item) => item.id === node.id);
+  if (index >= 0 && index < nodes.length - 1) {
+    const nextNode = nodes[index + 1];
+    if (nextNode.level === node.level) {
+      return nextNode;
+    }
+  }
+  return null;
+}
+
+// 得到层级的宽度
+export function getHierarchyWidth(level: number, nodes: ModelDepsData[]) {
+  const hierarchyNodes = nodes
+    .filter((item) => item.level === level && item.expanded === true)
+    .sort((a, b) => b.datasetLen - a.datasetLen);
+  const first = hierarchyNodes[0];
+  if (first) {
+    return Math.max(((first.datasetLen - 1) * (nodeWidth + datasetHGap)) / 2, 0);
+  }
+  return 0;
+}
diff --git a/react-ui/src/pages/Model/components/NodeTooltips/index.tsx b/react-ui/src/pages/Model/components/NodeTooltips/index.tsx
index 217222da..f5bb2c82 100644
--- a/react-ui/src/pages/Model/components/NodeTooltips/index.tsx
+++ b/react-ui/src/pages/Model/components/NodeTooltips/index.tsx
@@ -22,7 +22,7 @@ function ModelInfo({ resourceId, data, onVersionChange }: ModelInfoProps) {
   };
 
   const gotoModelPage = () => {
-    if (data.model_type === NodeType.current) {
+    if (data.model_type === NodeType.Current) {
       return;
     }
     if (data.current_model_id === resourceId) {
@@ -39,7 +39,7 @@ function ModelInfo({ resourceId, data, onVersionChange }: ModelInfoProps) {
       <div>
         <div className={styles['node-tooltips__row']}>
           <span className={styles['node-tooltips__row__title']}>模型名称：</span>
-          {data.model_type === NodeType.current ? (
+          {data.model_type === NodeType.Current ? (
             <span className={styles['node-tooltips__row__value']}>
               {data.model_version_dependcy_vo?.name || '--'}
             </span>
@@ -199,14 +199,14 @@ function NodeTooltips({
   if (!data) return null;
   let Component = null;
   const { model_type } = data;
-  if (model_type === NodeType.testDataset || model_type === NodeType.trainDataset) {
+  if (model_type === NodeType.TestDataset || model_type === NodeType.TrainDataset) {
     Component = <DatasetInfo data={data} />;
-  } else if (model_type === NodeType.project) {
+  } else if (model_type === NodeType.Project) {
     Component = <ProjectInfo data={data} />;
   } else if (
-    model_type === NodeType.children ||
-    model_type === NodeType.parent ||
-    model_type === NodeType.current
+    model_type === NodeType.Children ||
+    model_type === NodeType.Parent ||
+    model_type === NodeType.Current
   ) {
     Component = <ModelInfo resourceId={resourceId} data={data} onVersionChange={onVersionChange} />;
   }
diff --git a/react-ui/src/pages/ModelDeployment/List/index.tsx b/react-ui/src/pages/ModelDeployment/List/index.tsx
index 934b4cbd..af8fba44 100644
--- a/react-ui/src/pages/ModelDeployment/List/index.tsx
+++ b/react-ui/src/pages/ModelDeployment/List/index.tsx
@@ -223,7 +223,7 @@ function ModelDeployment() {
     {
       title: '操作',
       dataIndex: 'operation',
-      width: 350,
+      width: 250,
       key: 'operation',
       render: (_: any, record: ModelDeploymentData) => (
         <div>

From 566aa26cd9d61b5d02b83352687875e534c2be43 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 1 Jul 2024 11:47:17 +0800
Subject: [PATCH 05/13] =?UTF-8?q?feat:=20=E5=AE=9E=E9=AA=8C=E5=AF=B9?=
 =?UTF-8?q?=E6=AF=94=E6=B7=BB=E5=8A=A0=E6=A8=AA=E5=90=91=E6=BB=91=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/mock/model.ts                        | 236 ++++++++++++++----
 react-ui/src/components/PageTitle/index.less  |   2 +-
 .../pages/Experiment/Comparison/config.tsx    |  17 ++
 .../pages/Experiment/Comparison/index.less    |   6 +
 .../src/pages/Experiment/Comparison/index.tsx |  54 ++--
 react-ui/src/pages/Experiment/index.jsx       |   2 +-
 6 files changed, 255 insertions(+), 62 deletions(-)
 create mode 100644 react-ui/src/pages/Experiment/Comparison/config.tsx

diff --git a/react-ui/mock/model.ts b/react-ui/mock/model.ts
index 02054802..af637db0 100644
--- a/react-ui/mock/model.ts
+++ b/react-ui/mock/model.ts
@@ -48,12 +48,33 @@ export default defineMock({
           exp_ins_id: null,
           version: 'v0.1.0',
           ref_item: null,
-          train_task: {},
-          train_dataset: [],
-          train_params: [],
-          train_image: null,
-          test_dataset: [],
-          project_dependency: {},
+          train_task: {
+            name: '模型训练测试导出0529',
+            ins_id: 229,
+            task_id: 'model-train-5d76f002',
+          },
+          train_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          train_params: ['256', '2'],
+          train_image:
+            '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+          test_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          project_dependency: {
+            url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+            name: 'somun202304241505581',
+            branch: 'train_ci_test',
+          },
           parent_models_map: [],
           parent_models: [],
           children_models: null,
@@ -80,12 +101,38 @@ export default defineMock({
           exp_ins_id: null,
           version: 'v0.3.0',
           ref_item: null,
-          train_task: {},
-          train_dataset: [],
-          train_params: [],
-          train_image: null,
-          test_dataset: [],
-          project_dependency: {},
+          train_task: {
+            name: '模型训练测试导出0529',
+            ins_id: 229,
+            task_id: 'model-train-5d76f002',
+          },
+          train_dataset: [
+            {
+              dataset_id: 120,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          train_params: ['256', '2'],
+          train_image:
+            '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+          test_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          project_dependency: {
+            url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+            name: 'somun202304241505581',
+            branch: 'train_ci_test',
+          },
           parent_models_map: [],
           parent_models: [],
           children_models: [],
@@ -110,12 +157,33 @@ export default defineMock({
           exp_ins_id: null,
           version: 'v0.31.0',
           ref_item: null,
-          train_task: {},
-          train_dataset: [],
-          train_params: [],
-          train_image: null,
-          test_dataset: [],
-          project_dependency: {},
+          train_task: {
+            name: '模型训练测试导出0529',
+            ins_id: 229,
+            task_id: 'model-train-5d76f002',
+          },
+          train_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          train_params: ['256', '2'],
+          train_image:
+            '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+          test_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          project_dependency: {
+            url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+            name: 'somun202304241505581',
+            branch: 'train_ci_test',
+          },
           parent_models_map: [],
           parent_models: [],
           children_models: [],
@@ -140,12 +208,33 @@ export default defineMock({
           exp_ins_id: null,
           version: 'v0.4.0',
           ref_item: null,
-          train_task: {},
-          train_dataset: [],
-          train_params: [],
-          train_image: null,
-          test_dataset: [],
-          project_dependency: {},
+          train_task: {
+            name: '模型训练测试导出0529',
+            ins_id: 229,
+            task_id: 'model-train-5d76f002',
+          },
+          train_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          train_params: ['256', '2'],
+          train_image:
+            '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+          test_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          project_dependency: {
+            url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+            name: 'somun202304241505581',
+            branch: 'train_ci_test',
+          },
           parent_models_map: [],
           parent_models: [],
           children_models: [
@@ -154,12 +243,33 @@ export default defineMock({
               exp_ins_id: null,
               version: 'v0.6.0',
               ref_item: null,
-              train_task: {},
-              train_dataset: [],
-              train_params: [],
-              train_image: null,
-              test_dataset: [],
-              project_dependency: {},
+              train_task: {
+                name: '模型训练测试导出0529',
+                ins_id: 229,
+                task_id: 'model-train-5d76f002',
+              },
+              train_dataset: [
+                {
+                  dataset_id: 20,
+                  dataset_version: 'v0.1.0',
+                  dataset_name: '手写体识别模型依赖测试训练数据集',
+                },
+              ],
+              train_params: ['256', '2'],
+              train_image:
+                '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+              test_dataset: [
+                {
+                  dataset_id: 20,
+                  dataset_version: 'v0.1.0',
+                  dataset_name: '手写体识别模型依赖测试训练数据集',
+                },
+              ],
+              project_dependency: {
+                url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+                name: 'somun202304241505581',
+                branch: 'train_ci_test',
+              },
               parent_models_map: [],
               parent_models: [],
               children_models: [],
@@ -231,12 +341,33 @@ export default defineMock({
           exp_ins_id: null,
           version: 'v0.5.0',
           ref_item: null,
-          train_task: {},
-          train_dataset: [],
-          train_params: [],
-          train_image: null,
-          test_dataset: [],
-          project_dependency: {},
+          train_task: {
+            name: '模型训练测试导出0529',
+            ins_id: 229,
+            task_id: 'model-train-5d76f002',
+          },
+          train_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          train_params: ['256', '2'],
+          train_image:
+            '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+          test_dataset: [
+            {
+              dataset_id: 20,
+              dataset_version: 'v0.1.0',
+              dataset_name: '手写体识别模型依赖测试训练数据集',
+            },
+          ],
+          project_dependency: {
+            url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+            name: 'somun202304241505581',
+            branch: 'train_ci_test',
+          },
           parent_models_map: [],
           parent_models: [],
           children_models: [
@@ -275,12 +406,33 @@ export default defineMock({
               exp_ins_id: null,
               version: 'v0.11.0',
               ref_item: null,
-              train_task: {},
-              train_dataset: [],
-              train_params: [],
-              train_image: null,
-              test_dataset: [],
-              project_dependency: {},
+              train_task: {
+                name: '模型训练测试导出0529',
+                ins_id: 229,
+                task_id: 'model-train-5d76f002',
+              },
+              train_dataset: [
+                {
+                  dataset_id: 20,
+                  dataset_version: 'v0.1.0',
+                  dataset_name: '手写体识别模型依赖测试训练数据集',
+                },
+              ],
+              train_params: ['256', '2'],
+              train_image:
+                '172.20.32.187/machine-learning/pytorch:pytorch_1.9.1_cuda11.1_detection_aim',
+              test_dataset: [
+                {
+                  dataset_id: 20,
+                  dataset_version: 'v0.1.0',
+                  dataset_name: '手写体识别模型依赖测试训练数据集',
+                },
+              ],
+              project_dependency: {
+                url: 'https://openi.pcl.ac.cn/somunslotus/somun202304241505581.git',
+                name: 'somun202304241505581',
+                branch: 'train_ci_test',
+              },
               parent_models_map: [],
               parent_models: [],
               children_models: [],
diff --git a/react-ui/src/components/PageTitle/index.less b/react-ui/src/components/PageTitle/index.less
index d120009b..47907246 100644
--- a/react-ui/src/components/PageTitle/index.less
+++ b/react-ui/src/components/PageTitle/index.less
@@ -6,5 +6,5 @@
   background-image: url(@/assets/img/page-title-bg.png);
   background-repeat: no-repeat;
   background-position: top center;
-  background-size: 100%;
+  background-size: 100% 100%;
 }
diff --git a/react-ui/src/pages/Experiment/Comparison/config.tsx b/react-ui/src/pages/Experiment/Comparison/config.tsx
new file mode 100644
index 00000000..c6c53971
--- /dev/null
+++ b/react-ui/src/pages/Experiment/Comparison/config.tsx
@@ -0,0 +1,17 @@
+export enum ComparisonType {
+  Train = 'Train', // 训练
+  Evaluate = 'Evaluate', // 评估
+}
+
+type ComparisonTypeInfo = {
+  title: string;
+};
+
+export const comparisonConfig: Record<ComparisonType, ComparisonTypeInfo> = {
+  [ComparisonType.Train]: {
+    title: '训练',
+  },
+  [ComparisonType.Evaluate]: {
+    title: '评估',
+  },
+};
diff --git a/react-ui/src/pages/Experiment/Comparison/index.less b/react-ui/src/pages/Experiment/Comparison/index.less
index a491c621..7a97a588 100644
--- a/react-ui/src/pages/Experiment/Comparison/index.less
+++ b/react-ui/src/pages/Experiment/Comparison/index.less
@@ -22,6 +22,12 @@
       .ant-table-container {
         border: none !important;
       }
+      .ant-table-thead {
+        .ant-table-cell {
+          background-color: rgb(247, 247, 247);
+          border-color: #e8e8e8 !important;
+        }
+      }
       .ant-table-tbody {
         .ant-table-cell {
           border-right: none !important;
diff --git a/react-ui/src/pages/Experiment/Comparison/index.tsx b/react-ui/src/pages/Experiment/Comparison/index.tsx
index 12b60416..3aca2028 100644
--- a/react-ui/src/pages/Experiment/Comparison/index.tsx
+++ b/react-ui/src/pages/Experiment/Comparison/index.tsx
@@ -7,17 +7,13 @@ import {
 import { to } from '@/utils/promise';
 import tableCellRender, { arrayFormatter, dateFormatter } from '@/utils/table';
 import { useSearchParams } from '@umijs/max';
-import { App, Button, Table, /* TablePaginationConfig,*/ TableProps } from 'antd';
+import { App, Button, Table, /* TablePaginationConfig,*/ TableProps, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
 import ExperimentStatusCell from '../components/ExperimentStatusCell';
+import { ComparisonType, comparisonConfig } from './config';
 import styles from './index.less';
 
-export enum ComparisonType {
-  Train = 'Train', // 训练
-  Evaluate = 'Evaluate', // 评估
-}
-
 type TableData = {
   experiment_ins_id: number;
   run_id: string;
@@ -32,7 +28,7 @@ type TableData = {
 
 function ExperimentComparison() {
   const [searchParams] = useSearchParams();
-  const comparisonType = searchParams.get('type');
+  const comparisonType = searchParams.get('type') as ComparisonType;
   const experimentId = searchParams.get('id');
   const [tableData, setTableData] = useState<TableData[]>([]);
   // const [cacheState, setCacheState] = useCacheState();
@@ -40,6 +36,7 @@ function ExperimentComparison() {
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
   const [loading, setLoading] = useState(false);
   const { message } = App.useApp();
+  const config = useMemo(() => comparisonConfig[comparisonType], [comparisonType]);
   // const [pagination, setPagination] = useState<TablePaginationConfig>(
   //   cacheState?.pagination ?? {
   //     current: 1,
@@ -94,6 +91,7 @@ function ExperimentComparison() {
   // 选择行
   const rowSelection: TableProps['rowSelection'] = {
     type: 'checkbox',
+    fixed: 'left',
     selectedRowKeys,
     onChange: (selectedRowKeys: React.Key[], selectedRows: any[]) => {
       console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
@@ -111,7 +109,9 @@ function ExperimentComparison() {
             title: '实例 ID',
             dataIndex: 'experiment_ins_id',
             key: 'experiment_ins_id',
-            width: '20%',
+            width: 100,
+            fixed: 'left',
+            align: 'center',
             render: tableCellRender(),
           },
           {
@@ -119,43 +119,61 @@ function ExperimentComparison() {
             dataIndex: 'start_time',
             key: 'start_time',
             width: 180,
+            fixed: 'left',
+            align: 'center',
             render: tableCellRender(false, dateFormatter),
           },
           {
             title: '运行状态',
             dataIndex: 'status',
             key: 'status',
-            width: '20%',
+            width: 100,
+            fixed: 'left',
+            align: 'center',
             render: ExperimentStatusCell,
           },
           {
-            title: '训练数据集',
+            title: `${config.title}数据集`,
             dataIndex: 'dataset',
             key: 'dataset',
-            width: '20%',
+            width: 180,
+            fixed: 'left',
+            align: 'center',
             render: tableCellRender(true, arrayFormatter()),
             ellipsis: { showTitle: false },
           },
         ],
       },
       {
-        title: '训练参数',
+        title: `${config.title}参数`,
+        align: 'center',
         children: first?.params_names.map((name) => ({
-          title: name,
+          title: (
+            <Tooltip title={name}>
+              <span>{name}</span>
+            </Tooltip>
+          ),
           dataIndex: ['params', name],
           key: name,
-          width: '20%',
+          width: 120,
+          align: 'center',
           render: tableCellRender(true),
           ellipsis: { showTitle: false },
         })),
       },
       {
-        title: '训练指标',
+        title: `${config.title}指标`,
+        align: 'center',
         children: first?.metrics_names.map((name) => ({
-          title: name,
+          title: (
+            <Tooltip title={name}>
+              <span>{name}</span>
+            </Tooltip>
+          ),
           dataIndex: ['metrics', name],
           key: name,
-          width: '20%',
+          width: 120,
+          align: 'center',
           render: tableCellRender(true),
           ellipsis: { showTitle: false },
         })),
@@ -180,7 +198,7 @@ function ExperimentComparison() {
           dataSource={tableData}
           columns={columns}
           rowSelection={rowSelection}
-          scroll={{ y: 'calc(100% - 55px)' }}
+          scroll={{ y: 'calc(100% - 55px)', x: '100%' }}
           pagination={false}
           bordered={true}
           loading={loading}
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index 68f4fd96..3bbecbb8 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -23,7 +23,7 @@ import { App, Button, ConfigProvider, Dropdown, Space, Table, Tooltip } from 'an
 import classNames from 'classnames';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { ComparisonType } from './Comparison';
+import { ComparisonType } from './Comparison/config';
 import AddExperimentModal from './components/AddExperimentModal';
 import TensorBoardStatusCell from './components/TensorBoardStatus';
 import Styles from './index.less';

From 16fc554008a430e777c2ceaff2e0950c2f1c96d7 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 1 Jul 2024 14:49:56 +0800
Subject: [PATCH 06/13] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E6=B5=81?=
 =?UTF-8?q?=E6=B0=B4=E7=BA=BF=E4=B8=8A=E4=B8=8B=E6=96=87=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/components/KFIcon/index.tsx      |  2 +-
 react-ui/src/iconfont/iconfont.js             |  2 +-
 react-ui/src/pages/Experiment/Info/index.jsx  | 52 ++++++++++++-----
 .../src/pages/Pipeline/editPipeline/index.jsx | 58 +++++++++++--------
 .../pages/Pipeline/editPipeline/index.less    | 33 +++++++++++
 5 files changed, 109 insertions(+), 38 deletions(-)

diff --git a/react-ui/src/components/KFIcon/index.tsx b/react-ui/src/components/KFIcon/index.tsx
index 65239957..e50dabec 100644
--- a/react-ui/src/components/KFIcon/index.tsx
+++ b/react-ui/src/components/KFIcon/index.tsx
@@ -1,7 +1,7 @@
 /*
  * @Author: 赵伟
  * @Date: 2024-04-17 12:53:06
- * @Description:
+ * @Description: 封装 iconfont 组件
  */
 import '@/iconfont/iconfont-menu.js';
 import '@/iconfont/iconfont.js';
diff --git a/react-ui/src/iconfont/iconfont.js b/react-ui/src/iconfont/iconfont.js
index 1ec213e7..6d617cfb 100644
--- a/react-ui/src/iconfont/iconfont.js
+++ b/react-ui/src/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4511447='<svg><symbol id="icon-moxingyanhua1" viewBox="0 0 1024 1024"><path d="M20.57716 764.998441V251.992138L512.0694-0.0694l491.35344 252.061538v513.006303l-491.35344 258.932159z m521.126127-233.462284v403.353982l395.99756-209.102813v-396.969163z m-455.404134 194.32057l396.13636 209.102812V531.605557L86.299153 328.887564z m31.577092-447.561912L511.9306 473.586987l394.193155-201.746391L512.0694 70.094205z m541.321586 357.480448a27.760081 27.760081 0 0 1-27.760081-17.974653 20.33426 20.33426 0 0 1-3.817011-16.170247 37.961911 37.961911 0 0 1 20.820061-25.469875l201.260589-101.254897h2.567808a35.532904 35.532904 0 0 1 35.116503 19.223857l0.971603 2.220806v2.220807a37.40671 37.40671 0 0 1-18.460454 36.088105l-201.26059 101.116097z m-310.218909 0l-201.260589-101.116097a28.592884 28.592884 0 0 1-16.031447-20.820061 26.441477 26.441477 0 0 1 4.164012-19.015655 25.261674 25.261674 0 0 1 25.678075-22.416266 33.867299 33.867299 0 0 1 14.921044 3.678211l190.364758 99.242291a24.359471 24.359471 0 0 1 18.738055 11.381633 30.536089 30.536089 0 0 1 0.624601 29.980888l-0.624601 1.596204-1.110404 1.110404a40.737919 40.737919 0 0 1-26.788478 16.517248z"  ></path></symbol><symbol id="icon-moxingwenjian" viewBox="0 0 1027 1024"><path d="M511.808649 1023.71409A513.744498 513.744498 0 0 1 0 511.830986V469.0934c0-12.806385 4.243976-29.78229 4.243976-42.66313A512.032016 512.032016 0 0 1 507.564673 0.022337 470.932456 470.932456 0 0 1 708.073938 42.685467a42.290851 42.290851 0 0 1 21.294337 55.469514c-4.243976 21.294337-25.612769 29.78229-51.151082 21.294337A427.599225 427.599225 0 0 0 89.346869 439.31111l-4.243976 38.419154v34.100722A427.822592 427.822592 0 0 0 511.808649 938.164463h38.419154c12.806385 0 21.294337-4.243976 34.100721-4.243976A426.407933 426.407933 0 0 0 938.142126 511.830986c0-51.151083-8.562408-217.559626-123.670958-217.559627-72.519875 0-106.620597 68.275899-149.283727 166.334088-8.562408 21.294337-17.050361 38.419154-25.612769 59.56458L545.983826 708.021819a48.991867 48.991867 0 0 1-38.419153 25.612769 41.025104 41.025104 0 0 1-38.49361-25.612769L298.567454 353.98485A41.993029 41.993029 0 0 1 375.331306 320.181951l136.477343 276.975295 55.469514-110.93903c8.562408-17.050361 17.050361-34.100722 25.61277-55.469514 38.344698-93.814213 93.814213-217.485171 226.122034-217.485171 127.98939 0 208.997218 115.183005 208.997218 302.811431a508.681508 508.681508 0 0 1-426.556844 503.320696 118.086779 118.086779 0 0 1-38.419154 4.243976h-51.225538z"  ></path></symbol><symbol id="icon-moxingjianjie" viewBox="0 0 1024 1024"><path d="M837.088479 1023.999264H186.837905A166.07781 166.07781 0 0 1 20.46563 857.626989V166.44589A166.07781 166.07781 0 0 1 186.837905 0.073616h650.250574a166.07781 166.07781 0 0 1 166.372275 166.372274v691.181099a166.07781 166.07781 0 0 1-166.372275 166.372275zM186.837905 76.855157a90.694974 90.694974 0 0 0-89.590734 89.590733v691.181099a90.694974 90.694974 0 0 0 89.590734 89.590734h650.250574a90.694974 90.694974 0 0 0 89.590734-89.590734V166.44589a90.694974 90.694974 0 0 0-89.590734-89.590733z"  ></path><path d="M757.877609 332.818165H266.343239a38.427578 38.427578 0 1 1 0-76.781541h491.53437a38.427578 38.427578 0 0 1 0 76.781541zM655.477683 550.42721H266.343239a38.427578 38.427578 0 1 1 0-76.78154h389.134444a38.427578 38.427578 0 1 1 0 76.78154z m-112.632558 217.609046H266.343239a38.427578 38.427578 0 1 1 0-76.781541h276.501886a38.427578 38.427578 0 1 1 0 76.781541z"  ></path></symbol><symbol id="icon-peizhibushu" viewBox="0 0 1060 1024"><path d="M517.801278 952.580781a805.742638 805.742638 0 0 1-107.16117 6.668399c-201.719066 0-356.159185-84.42193-356.159185-130.500566v-125.966055a724.854959 724.854959 0 0 0 96.425048 51.613407 786.871069 786.871069 0 0 0 259.133981 41.610809h13.87027c22.0724-0.600156 38.476662-6.068243 35.342514-27.540487v-0.600156a43.277909 43.277909 0 0 0-42.277649-36.60951h-6.668399c-31.474843 0-61.816058-1.933836-89.489913-4.401143a556.877991 556.877991 0 0 1-169.644068-42.277649C105.760911 663.772425 54.747659 621.56146 54.747659 601.422896v-112.695942a726.188639 726.188639 0 0 0 93.957741 51.079936 784.003657 784.003657 0 0 0 261.601288 42.210965c15.737421 0 30.874687-0.600156 46.678792-1.200312a44.678273 44.678273 0 0 0 40.877285-18.138045c7.535291-12.603274 15.203949-14.803846 24.006236-26.673595a13.803586 13.803586 0 0 0-12.603274-22.072401 799.407659 799.407659 0 0 1-98.692303 5.668139 788.4048 788.4048 0 0 1-98.2922-5.734823 559.545351 559.545351 0 0 1-163.309088-42.210965C104.827335 450.850449 54.414239 409.23964 54.414239 389.101075v-118.6975a740.725748 740.725748 0 0 0 96.425048 56.014551 790.138584 790.138584 0 0 0 259.067297 40.010393 750.795031 750.795031 0 0 0 253.399158-40.010393 752.862234 752.862234 0 0 0 97.625359-56.014551L760.330946 394.70253l0.600155 6.668399v0.600156c3.134147 18.271413 3.000779 39.410237 21.872349 39.410237a30.607951 30.607951 0 0 0 34.94241-33.341994 19.405041 19.405041 0 0 0-0.66684-6.268295v-194.717248h1.266996a126.699579 126.699579 0 0 0 1.266996-15.737421c0-123.565431-210.521353-190.982944-409.172956-190.982944S1.333784 67.017409 1.333784 191.316364h-1.33368v641.700025h1.266996c0 123.565431 210.521353 190.982944 409.172956 190.982944a874.960618 874.960618 0 0 0 129.23357-9.469126 29.941111 29.941111 0 0 0 18.204729-53.347191l-1.133627-1.266996a46.678792 46.678792 0 0 0-39.143502-6.668399z m241.462724-767.932816a22.205768 22.205768 0 0 1-0.600156 6.268295c-4.401143 18.938253-47.212264 51.746775-87.556078 70.018188a546.808709 546.808709 0 0 1-168.310387 42.277649 842.618883 842.618883 0 0 1-184.181178 0 552.743584 552.743584 0 0 1-168.310388-42.277649c-45.411796-20.805405-90.623541-60.01559-90.623541-80.020786C59.682274 135.501865 200.185439 52.813719 409.50648 52.813719c201.719066 0 349.757522 79.020527 349.757522 131.767562z"  ></path><path d="M973.653026 549.742804a91.823853 91.823853 0 0 0-74.352648-52.346931l-180.980345-15.737421a92.023905 92.023905 0 0 0-82.554779 38.409977L531.138076 668.840408a89.156493 89.156493 0 0 0-8.202131 90.156753l76.953323 165.176241a91.823853 91.823853 0 0 0 74.419332 52.346931l180.980346 15.737421a40.343813 40.343813 0 0 0 8.20213 0.600156 90.556857 90.556857 0 0 0 74.419332-39.076817l104.627178-148.771979a89.089809 89.089809 0 0 0 8.135447-90.156753L973.71971 549.67612z m-89.089809 379.498581a10.53607 10.53607 0 0 1-10.736122 5.001299l-210.321301-19.271673a13.336798 13.336798 0 0 1-10.135967-6.668399L562.946338 723.121175a11.669698 11.669698 0 0 1 1.00026-12.136486l125.832687-170.044171a13.336798 13.336798 0 0 1 10.135967-5.001299h1.266995l203.78627 16.004157a13.336798 13.336798 0 0 1 10.135967 6.668399l93.95774 188.2489a11.86975 11.86975 0 0 1-1.33368 11.936434z m-202.78601-180.780294v0.533472a103.893655 103.893655 0 0 0 105.294018 103.160131 98.092148 98.092148 0 0 0 101.359663-100.025983 105.960858 105.960858 0 0 0-102.093187-108.228114 101.626399 101.626399 0 0 0-104.627178 104.560494z m104.293758 62.149478a61.149218 61.149218 0 0 1-62.082793-62.949686 60.01559 60.01559 0 0 1 61.149217-62.949685 60.68243 60.68243 0 0 1 61.882742 64.350049 58.215122 58.215122 0 0 1-60.949166 61.549322z"  ></path></symbol><symbol id="icon-yuce" viewBox="0 0 1024 1024"><path d="M221.637324 1023.690775v-39.348936a39.348936 39.348936 0 0 1 39.348936-39.348935h502.491318a39.348936 39.348936 0 0 1 39.348936 39.348935v39.348936zM984.10992 233.387891a9.276763 9.276763 0 0 1-6.802959-3.169561L810.866375 64.241582a10.513665 10.513665 0 0 1-3.710705-8.890231 9.585988 9.585988 0 0 1 9.431375-8.426393h2.087272l193.807036-27.289143h2.628416a9.508682 9.508682 0 0 1 8.426393 10.513664l-30.922543 194.270874a7.730636 7.730636 0 0 1-3.16956 6.339122 6.493734 6.493734 0 0 1-5.256833 2.628416zM196.435452 492.828024a40.817756 40.817756 0 0 1-27.830288-14.147064 33.860184 33.860184 0 0 1 0-55.119432l146.882077-146.882078a39.503548 39.503548 0 1 1 55.660577 55.660577l-146.882077 145.954402a40.817756 40.817756 0 0 1-27.907595 14.765514z"  ></path><path d="M540.835271 545.087121a40.817756 40.817756 0 0 1-27.830288-14.147064 33.860184 33.860184 0 0 1 0-55.119432l355.60924-354.99079a39.503548 39.503548 0 1 1 55.660577 55.660577L569.28401 531.481202a44.451155 44.451155 0 0 1-28.371433 13.683225z"  ></path><path d="M541.221803 545.087121a40.817756 40.817756 0 0 1-27.830289-14.147064L314.868791 332.417334a33.860184 33.860184 0 0 1 0-55.119433 34.401329 34.401329 0 0 1 55.660576 0l198.522724 198.522724a33.860184 33.860184 0 0 1 0 55.119432 41.822739 41.822739 0 0 1-27.830288 14.147064z"  ></path><path d="M68.802657 802.439982A69.034576 69.034576 0 0 1 0 733.637324V68.802657A69.034576 69.034576 0 0 1 68.802657 0h528.311642a39.426242 39.426242 0 0 1 0 78.775177H78.234033v645.89461h867.531934v-301.494791a39.426242 39.426242 0 1 1 78.775177 0V733.637324a69.034576 69.034576 0 0 1-68.802657 68.802658z"  ></path></symbol><symbol id="icon-fuwurizhi" viewBox="0 0 1024 1024"><path d="M401.924957 116.135305a38.836726 38.836726 0 0 0 38.611802-39.061649V38.761751a38.611803 38.611803 0 0 0-77.148631 0v38.161957a38.686777 38.686777 0 0 0 38.536829 39.061649z m219.150095 0a38.836726 38.836726 0 0 0 38.611802-39.061649V38.761751a38.611803 38.611803 0 0 0-77.14863 0v38.161957a39.586469 39.586469 0 0 0 11.546053 27.740518 37.487187 37.487187 0 0 0 27.065749 11.321131z m-154.447211 829.591449H230.90841a90.718993 90.718993 0 0 1-89.969249-91.318788V182.262703a90.718993 90.718993 0 0 1 89.969249-91.243813A38.386879 38.386879 0 0 0 269.745135 52.856934a38.611803 38.611803 0 0 0-39.136623-40.411188A168.542393 168.542393 0 0 0 63.340684 181.962806v672.070288a168.467418 168.467418 0 0 0 167.267828 169.51706H466.327944a37.487187 37.487187 0 0 0 33.363596-18.368722 40.261239 40.261239 0 0 0 1.274565-39.136623 37.487187 37.487187 0 0 0-34.638161-20.692927z m492.881535-763.464051A168.542393 168.542393 0 0 0 792.166573 12.820618a37.487187 37.487187 0 0 0-33.438571 18.443696 40.261239 40.261239 0 0 0-1.649436 39.136623 37.487187 37.487187 0 0 0 32.164007 20.692927h2.549128a90.644018 90.644018 0 0 1 89.969249 91.243814v491.082149a34.638161 34.638161 0 0 0 0.374872 3.673745 38.611803 38.611803 0 0 1-36.737443 18.068824H662.310958c-56.680627 0-114.635818 12.52072-114.635818 104.964123v125.207205a89.969249 89.969249 0 0 0 54.881241 93.568019 64.62791 64.62791 0 0 0 24.291698 4.873334 110.662176 110.662176 0 0 0 71.300629-38.161956l1.949334-1.949334c44.384829-47.758676 178.214087-166.817982 234.14497-216.226095l25.266364-21.817543V182.262703z m-314.892371 747.194611s-11.32113 10.046566-17.544003 14.39508a50.532728 50.532728 0 0 1-2.39918-18.068824v-125.507102a72.50022 72.50022 0 0 1 2.39918-22.492312 77.073656 77.073656 0 0 1 35.088007-4.27354h154.897056l-172.44106 155.496852v0.374872z m121.53346-404.861619h-509.825743a37.487187 37.487187 0 0 0-33.513545 18.368721 40.261239 40.261239 0 0 0-1.274564 39.211598 37.487187 37.487187 0 0 0 34.788109 20.617953h509.825743a37.487187 37.487187 0 0 0 33.513546-18.368722 40.261239 40.261239 0 0 0 1.274564-39.136623 37.487187 37.487187 0 0 0-34.78811-20.692927z m0-195.608142h-509.825743a37.487187 37.487187 0 0 0-33.363596 18.443696 40.261239 40.261239 0 0 0-1.274564 39.061649 37.487187 37.487187 0 0 0 34.63816 20.692927h509.825743a37.487187 37.487187 0 0 0 33.363597-18.443696 40.261239 40.261239 0 0 0 1.274564-39.061649 37.487187 37.487187 0 0 0-34.638161-20.692927z"  ></path></symbol><symbol id="icon-tiaoyongzhinan" viewBox="0 0 1024 1024"><path d="M883.309183 0.00149H140.241823A103.226557 103.226557 0 0 0 37.164221 103.079091v817.843308a103.226557 103.226557 0 0 0 103.077602 103.077601h743.06736a103.226557 103.226557 0 0 0 103.077601-103.077601V103.079091A103.077601 103.077601 0 0 0 883.309183 0.00149z m-0.819258 68.743226a34.48333 34.48333 0 0 1 34.334374 34.334375v322.415416l-100.247436-62.18916a46.176382 46.176382 0 0 0-24.130883-7.000935 45.13369 45.13369 0 0 0-24.130884 7.000935l-100.247436 62.18916V68.744716z m0.819258 886.288623H140.241823a34.48333 34.48333 0 0 1-34.334375-34.334374V103.079091a34.48333 34.48333 0 0 1 34.334375-34.334375h459.157089v387.285785a51.464323 51.464323 0 0 0 78.648805 43.718607l114.323785-70.977568 114.323784 70.977568a49.30446 49.30446 0 0 0 10.873793 5.064506v415.736395a34.259896 34.259896 0 0 1-34.259896 34.706764z"  ></path><path d="M232.07324 657.568065h258.513262a34.408852 34.408852 0 1 0 0-68.743227H232.07324a34.408852 34.408852 0 1 0 0 68.743227z m559.479003 113.35557H232.07324a34.408852 34.408852 0 0 0 0 68.743227h559.479003a34.408852 34.408852 0 1 0 0-68.743227z"  ></path></symbol><symbol id="icon-gerenmoxing" viewBox="0 0 1024 1024"><path d="M950.818133 186.845867L527.5648 44.919467 512.682667 39.936a2.730667 2.730667 0 0 0-1.297067 0l-14.7456 4.983467-423.253333 141.9264a23.893333 23.893333 0 0 0-14.882134 22.186666v564.906667a2.048 2.048 0 0 0 1.2288 1.911467l423.662934 179.746133 14.609066 6.212267 13.653334 5.666133a1.911467 1.911467 0 0 0 1.570133 0l13.653333-5.666133 14.609067-6.212267 423.662933-179.746133a1.911467 1.911467 0 0 0 1.2288-1.911467V208.896a24.234667 24.234667 0 0 0-15.5648-22.050133zM480.256 891.6992l-363.178667-154.146133a1.911467 1.911467 0 0 1-1.2288-1.911467V262.826667a1.979733 1.979733 0 0 1 2.798934-1.911467l363.178666 154.146133a1.911467 1.911467 0 0 1 1.2288 1.911467v472.8832a1.979733 1.979733 0 0 1-2.798933 1.8432z m30.856533-526.7456L168.004267 219.204267a2.048 2.048 0 0 1 0-3.754667l343.927466-115.234133 343.790934 115.234133a1.979733 1.979733 0 0 1 0 3.754667L512.477867 364.9536a1.911467 1.911467 0 0 1-1.365334 0z m395.605334 372.599467l-363.178667 154.146133a1.979733 1.979733 0 0 1-2.798933-1.911467V416.9728a2.048 2.048 0 0 1 1.2288-1.911467l363.178666-154.146133a1.979733 1.979733 0 0 1 2.798934 1.911467v472.8832a2.048 2.048 0 0 1-1.297067 1.8432z"  ></path></symbol><symbol id="icon-shujuguangchang" viewBox="0 0 1024 1024"><path d="M512 25.053867C260.7104 25.053867 57.480533 112.0256 57.480533 219.818667v584.362666c0 107.793067 203.229867 194.7648 454.519467 194.7648s454.519467-86.971733 454.519467-194.7648V214.016C957.371733 108.817067 758.033067 25.053867 512 25.053867z m0 324.676266c-212.309333 0-384.4096-58.436267-384.4096-129.706666s172.032-129.706667 384.4096-129.706667 384.4096 58.436267 384.4096 129.706667-172.100267 129.706667-384.4096 129.706666z m0 64.9216a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667V319.829333A714.205867 714.205867 0 0 0 512 414.651733z m0 194.7648a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667V514.594133A714.205867 714.205867 0 0 0 512 609.416533z m0 194.7648a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667v-94.754133A714.205867 714.205867 0 0 0 512 804.181333z"  ></path></symbol><symbol id="icon-gerenshuju" viewBox="0 0 1024 1024"><path d="M581.154133 966.109867a33.245867 33.245867 0 0 1-32.494933-34.133334 240.366933 240.366933 0 0 1 145.749333-223.982933 152.7808 152.7808 0 0 1-51.063466-166.024533 139.6736 139.6736 0 0 1 269.380266 0 152.712533 152.712533 0 0 1-51.4048 166.161066 198.929067 198.929067 0 0 1 31.197867 15.496534 242.688 242.688 0 0 1 114.2784 208.349866 33.245867 33.245867 0 0 1-32.494933 34.133334z m130.116267-191.488a170.666667 170.666667 0 0 0-94.0032 121.2416l-0.477867 2.116266h321.7408l-0.341333-2.048a172.714667 172.714667 0 0 0-68.266667-106.564266l-9.8304-6.485334a157.559467 157.559467 0 0 0-148.821333-8.260266z m-1.774933-227.259734a83.968 83.968 0 0 0 0 81.92 76.1856 76.1856 0 0 0 68.266666 39.594667 80.759467 80.759467 0 0 0 0-161.109333h-2.2528a76.253867 76.253867 0 0 0-66.082133 39.253333z m-555.485867 364.1344a305.152 305.152 0 0 1-94.685867-51.677866 111.616 111.616 0 0 1-42.3936-76.663467v-547.498667a109.9776 109.9776 0 0 1 42.3936-81.442133 305.9712 305.9712 0 0 1 94.685867-51.677867 879.0016 879.0016 0 0 1 291.362133-44.373333 878.660267 878.660267 0 0 1 291.293867 44.373333 305.083733 305.083733 0 0 1 94.685867 51.677867 112.503467 112.503467 0 0 1 42.1888 75.9808v214.766933a162.747733 162.747733 0 0 0-61.44-31.266133V331.229867a349.730133 349.730133 0 0 1-75.844267 37.341866 878.660267 878.660267 0 0 1-291.293867 44.373334A881.2544 881.2544 0 0 1 153.668267 368.64a350.8224 350.8224 0 0 1-75.298134-37.410133v175.786666c0 17.2032 25.122133 46.4896 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96 978.466133 978.466133 0 0 0 161.723734-12.834133 179.882667 179.882667 0 0 0 19.933866 61.44 1023.3856 1023.3856 0 0 1-181.6576 15.496533 879.684267 879.684267 0 0 1-291.293866-44.373333 350.8224 350.8224 0 0 1-75.502934-37.341867v175.7184c0 17.2032 25.122133 46.4896 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96c24.849067 0 49.698133-0.887467 73.864534-2.525867a292.2496 292.2496 0 0 0-14.9504 65.262933c-19.592533 1.024-39.389867 1.501867-58.914134 1.501867a879.0016 879.0016 0 0 1-291.157333-44.509867zM173.943467 163.157333c-70.656 25.873067-95.573333 55.159467-95.573334 72.4992s25.122133 46.421333 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96 821.248 821.248 0 0 0 271.223467-40.96c70.792533-25.873067 95.573333-55.159467 95.573333-72.362667s-25.122133-46.4896-95.573333-72.362666a820.8384 820.8384 0 0 0-271.223467-40.96 820.8384 820.8384 0 0 0-271.223466 40.823466z"  ></path></symbol><symbol id="icon-moxingguangchang" viewBox="0 0 1024 1024"><path d="M63.0784 797.627733h163.2256v163.2256H63.0784z"  ></path><path d="M267.127467 797.627733h489.6768v81.92H267.0592z"  ></path><path d="M144.725333 267.127467h81.92v489.6768h-81.92z"  ></path><path d="M63.0784 63.0784h163.2256v163.2256H63.0784z"  ></path><path d="M267.127467 144.725333h489.6768v81.92H267.0592z"  ></path><path d="M797.627733 797.627733h163.2256v163.2256h-163.2256z"  ></path><path d="M797.627733 63.0784h163.2256v163.2256h-163.2256z"  ></path><path d="M797.627733 267.127467h81.92v489.6768h-81.92z"  ></path></symbol><symbol id="icon-xiangqing2" viewBox="0 0 1024 1024"><path d="M308.404706 297.261176h410.322823a24.094118 24.094118 0 0 0 0-48.188235H308.404706a24.094118 24.094118 0 1 0 0 48.188235z m-2.349177 169.923765h410.322824a24.094118 24.094118 0 1 0 0-48.188235H305.935059a24.094118 24.094118 0 0 0 0 48.188235z m271.058824 145.709177a24.094118 24.094118 0 0 0-24.094118-24.094118H309.308235a24.094118 24.094118 0 1 0 0 48.188235h243.59153a24.094118 24.094118 0 0 0 24.094117-23.853176z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path></symbol><symbol id="icon-moxingguanli" viewBox="0 0 1182 1024"><path d="M10.568285 350.059254v333.447612l569.320798 333.812034V704.947122z" fill="#EFEFEF" ></path><path d="M1167.825855 353.885702L579.858715 706.799609v311.096295l587.96714-366.276105z" fill="#DDDDDD" ></path><path d="M579.889083 706.252973l584.20143-352.276165L579.889083 8.928379 11.327501 353.916071z" fill="#FFFFFF" ></path><path d="M718.461164 348.115662a31.795961 31.795961 0 0 0-29.123521 19.101871h-60.737269a44.429313 44.429313 0 0 0-31.15822-36.108307V278.115958h76.377117a38.203743 38.203743 0 0 0 0-76.377116h-178.112044a38.203743 38.203743 0 0 0 0 76.377116h76.377117v52.993268a44.398944 44.398944 0 0 0-31.279694 36.108307h-60.73727a31.765592 31.765592 0 1 0 0 25.448916h64.442244a44.27747 44.27747 0 0 0 80.173196 0h64.442243a31.795961 31.795961 0 1 0 29.123521-44.550787z m-222.753937-95.478988a12.754827 12.754827 0 0 1 0-25.448916h178.20315a12.754827 12.754827 0 0 1 0 25.448916z m89.101575 140.029775a19.101871 19.101871 0 1 1 19.101872-19.101871 19.101871 19.101871 0 0 1-19.101872 19.101871z" fill="#575757" ></path><path d="M489.360183 329.044159h36.442362a12.724458 12.724458 0 1 0 0-25.448916h-36.442362a70.030072 70.030072 0 0 1-10.932709-139.179454l7.56179-1.184376 2.490228-7.258104a101.88677 101.88677 0 0 1 192.688989 0l2.490228 7.258104 7.56179 1.184376a70.030072 70.030072 0 0 1-10.932709 139.179454h-38.689641a12.724458 12.724458 0 1 0 0 25.448916h38.689641a95.478988 95.478988 0 0 0 22.351316-188.285536 127.335686 127.335686 0 0 0-235.630239 0 95.478988 95.478988 0 0 0 22.351316 188.285536z" fill="#575757" ></path></symbol><symbol id="icon-tiaoduguanli" viewBox="0 0 1063 1024"><path d="M997.247709 0.001607H65.390694a65.470989 65.470989 0 0 0-65.390656 65.390656V731.027368a65.470989 65.470989 0 0 0 65.390656 65.390656h931.857015a65.470989 65.470989 0 0 0 65.390656-65.390656V65.392263A65.470989 65.470989 0 0 0 997.247709 0.001607z m-10.684223 720.100541H76.315914V76.076485h910.247572zM719.538252 947.925121H570.601795V798.908332H487.778986V947.925121H340.208181a37.997273 37.997273 0 0 0 0 76.074879h379.410403a37.997273 37.997273 0 1 0 0-76.074879z"  ></path><path d="M872.009339 225.334273H429.698587a94.390689 94.390689 0 0 0-173.518202 0H187.415764a37.997273 37.997273 0 1 0 0 76.074878h69.407281a94.471021 94.471021 0 0 0 172.313215 0h442.873079a37.997273 37.997273 0 0 0 0-76.074878z m0 252.886714h-49.886483a94.471021 94.471021 0 0 0-173.036208 0H187.335431a37.997273 37.997273 0 1 0 0 76.074878h461.751217a94.471021 94.471021 0 0 0 172.79521 0h50.047149a37.997273 37.997273 0 0 0 0-76.074878z"  ></path></symbol><symbol id="icon-xuanzemoxing" viewBox="0 0 1024 1024"><path d="M512 1020.510815a95.649185 95.649185 0 0 1-47.483259-12.667259L106.723556 801.450667a95.194074 95.194074 0 0 1-47.48326-82.223408V306.441481a95.42163 95.42163 0 0 1 47.48326-82.223407L464.516741 17.825185a96.407704 96.407704 0 0 1 94.890666 0l357.793186 206.392889a95.194074 95.194074 0 0 1 47.483259 82.223407v412.785778a95.194074 95.194074 0 0 1-47.483259 82.223408l-357.793186 206.392889a96.786963 96.786963 0 0 1-47.407407 12.667259z m0-955.733334a36.257185 36.257185 0 0 0-17.59763 4.702815L136.609185 275.873185a35.346963 35.346963 0 0 0-17.597629 30.340741v412.785778a35.195259 35.195259 0 0 0 17.597629 30.34074L494.40237 955.733333a35.574519 35.574519 0 0 0 35.119408 0l357.793185-206.392889a35.346963 35.346963 0 0 0 17.59763-30.34074V305.98637a35.195259 35.195259 0 0 0-17.59763-30.34074L529.521778 69.252741a35.271111 35.271111 0 0 0-17.521778-4.47526z"  ></path><path d="M512.455111 533.010963a94.208 94.208 0 0 1-46.724741-12.363852l-282.320592-159.288889a29.88563 29.88563 0 1 1 29.354666-51.958518l282.320593 159.288889a34.967704 34.967704 0 0 0 34.209185 0l291.802074-159.668149a29.88563 29.88563 0 1 1 28.596148 52.41363L558.042074 521.253926a94.890667 94.890667 0 0 1-45.586963 11.757037z"  ></path><path d="M512 900.133926a29.733926 29.733926 0 0 1-29.809778-30.340741l1.21363-321.308444a94.966519 94.966519 0 0 1 49.531259-82.981926l288.237037-156.785778a29.809778 29.809778 0 1 1 28.444445 52.41363l-288.237037 156.785777a35.422815 35.422815 0 0 0-18.356149 30.72l-1.213629 321.308445a29.88563 29.88563 0 0 1-29.809778 30.189037z"  ></path><path d="M512 900.361481a29.733926 29.733926 0 0 1-29.809778-29.658074l-1.213629-321.308444a35.119407 35.119407 0 0 0-18.356149-30.871704L183.637333 361.585778a29.88563 29.88563 0 0 1 29.202963-52.110222L491.671704 466.261333a94.435556 94.435556 0 0 1 49.076148 82.830223l1.213629 321.15674a30.340741 30.340741 0 0 1-30.34074 30.340741z"  ></path></symbol><symbol id="icon-quanjucanshu" viewBox="0 0 1102 1024"><path d="M827.048445 708.877513a39.390311 39.390311 0 0 1 39.390311 39.390311v78.780621h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v78.780622a39.390311 39.390311 0 0 1-78.780622 0v-236.341865a39.390311 39.390311 0 0 1 39.390311-39.390311z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891zM275.658134 354.734924a39.390311 39.390311 0 0 1 39.390311 39.390311v236.267824a39.390311 39.390311 0 1 1-78.780621 0V551.316269H39.390311a39.390311 39.390311 0 1 1 0-78.780622h196.951555V393.829067a39.390311 39.390311 0 0 1 39.39031-39.390311z m787.658135 118.467101a39.390311 39.390311 0 0 1 0 78.780621H433.29342a39.390311 39.390311 0 1 1 0-78.780621zM827.048445 0.592336a39.390311 39.390311 0 0 1 39.390311 39.39031v78.780622h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v77.818077a39.390311 39.390311 0 0 1-78.780622 0V39.390311A39.390311 39.390311 0 0 1 827.048445 0z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891z"  ></path></symbol><symbol id="icon-baocun" viewBox="0 0 1024 1024"><path d="M890.482929 0h-756.965858A133.675266 133.675266 0 0 0 0 133.517071v756.88676a133.675266 133.675266 0 0 0 133.517071 133.596169h756.88676a133.675266 133.675266 0 0 0 133.596169-133.596169V133.517071A133.675266 133.675266 0 0 0 890.482929 0zM311.645296 88.985015h400.63031v178.049127a44.611154 44.611154 0 0 1-44.532056 44.532056H355.940059a44.611154 44.611154 0 0 1-44.532057-44.532056V88.985015z m623.290592 801.418816a44.611154 44.611154 0 0 1-44.532057 44.532057H133.517071a44.611154 44.611154 0 0 1-44.532056-44.532057v-756.965858a44.611154 44.611154 0 0 1 44.532056-44.532056h88.985015v178.049127A133.675266 133.675266 0 0 0 355.940059 400.551213h311.645296a133.675266 133.675266 0 0 0 133.596168-133.596169v-177.970029h88.985015a44.611154 44.611154 0 0 1 44.532056 44.532056z"  ></path><path d="M600.985015 255.960451a55.368454 55.368454 0 1 0-55.368454-55.368453 55.368454 55.368454 0 0 0 55.368454 55.368453z m155.901745 434.009578H267.11324a44.611154 44.611154 0 0 0 0 89.143211h489.77352a44.611154 44.611154 0 0 0 0-89.143211z"  ></path></symbol><symbol id="icon-xuanzeshujuji" viewBox="0 0 1024 1024"><path d="M980.707557 238.350445L534.736146 5.830722a49.403547 49.403547 0 0 0-45.621457 0L43.537245 234.804736A49.403547 49.403547 0 0 0 16.589856 278.771529v473.470355a49.561134 49.561134 0 0 0 27.42015 44.36076l445.813825 222.197771a49.403547 49.403547 0 0 0 44.203173 0l445.735031-222.197771a49.561134 49.561134 0 0 0 27.42015-44.36076V282.080857a49.324753 49.324753 0 0 0-26.474628-43.730412z m-472.761213 223.931228L340.588874 379.863635l379.0757-203.050941L883.318747 261.988506z m3.545709-393.967678l137.258339 71.623324-381.045538 204.075257-149.707718-73.593162zM82.303665 326.441618l158.138626 77.848013v173.345778a33.014491 33.014491 0 0 0 66.028982 0v-141.040429l172.085082 84.703051v418.31488L82.303665 741.919931z m462.596847 613.171293v-422.33335l396.25269-211.245469v435.807045z"  ></path></symbol><symbol id="icon-xuanzejingxiang" viewBox="0 0 1024 1024"><path d="M548.603948 0a18.210919 18.210919 0 0 1 18.21092 18.210919v987.487107a18.210919 18.210919 0 0 1-18.21092 18.210919h-72.843678a18.210919 18.210919 0 0 1-18.210919-18.210919V18.210919a18.210919 18.210919 0 0 1 18.210919-18.210919zM365.766317 109.265517a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H109.265517v585.116842h256.045527a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H18.210919a18.210919 18.210919 0 0 1-18.210919-18.210919v-766.679708a18.210919 18.210919 0 0 1 18.210919-18.21092z m566.905922 694.837631v109.265516h-109.265517v-109.265516z m-182.837631 0v109.265516h-109.265517v-109.265516z m274.256447-164.535657v109.265516h-109.265517v-109.265516z m0-182.837631v109.265516h-109.265517v-109.265516z m0-182.837632v109.265517h-109.265517v-109.265517zM749.743553 109.265517v109.265516h-109.265516V109.265517z m182.837631 0v109.265516h-109.265516V109.265517z"  ></path></symbol><symbol id="icon-baocunbingfanhui" viewBox="0 0 1024 1024"><path d="M195.381615 89.081884h382.051717v228.863542a68.461708 68.461708 0 0 0 77.512808 77.512808h228.863542v484.199851a38.041844 38.041844 0 0 1-5.104004 16.87724 84.862574 84.862574 0 0 1-13.270411 18.170254 56.620418 56.620418 0 0 1-36.884936 20.416017h-632.896502a56.620418 56.620418 0 0 1-36.884936-20.416017 84.862574 84.862574 0 0 1-13.270411-18.170254 38.041844 38.041844 0 0 1-5.104004-16.87724V144.273181a38.041844 38.041844 0 0 1 5.104004-16.87724 84.862574 84.862574 0 0 1 13.270411-18.170254 56.620418 56.620418 0 0 1 36.884936-20.416017z m241.317312 432.683437l23.410365-23.410365a39.266805 39.266805 0 1 0-55.531564-55.531565L315.087524 532.313596a39.266805 39.266805 0 0 0 27.221355 68.053387h206.678137a55.667671 55.667671 0 1 1 0 111.267289h-93.913675a39.266805 39.266805 0 0 0 0 78.533609H548.578696a134.133226 134.133226 0 1 0 0-268.334507z m226.41362-503.595067a60.499461 60.499461 0 0 0-43.145848-18.034147H195.381615A144.000968 144.000968 0 0 0 51.108434 144.409288v735.31685a144.000968 144.000968 0 0 0 144.273181 144.273181h632.896503a147.403637 147.403637 0 0 0 144.273181-144.273181V357.552497a60.499461 60.499461 0 0 0-17.421667-42.465314z m3.402669 288.342203V148.832758l157.679698 157.679699H666.515216z"  ></path></symbol><symbol id="icon-zidingyijingxiang" viewBox="0 0 1116 1024"><path d="M595.247277 1016.045693h-483.497068a103.873886 103.873886 0 0 1-103.561952-103.561952v-483.497068a103.561953 103.561953 0 0 1 103.561952-103.172036h331.819359v56.45998H111.750209a46.790039 46.790039 0 0 0-46.790038 46.790039v483.497068a46.790039 46.790039 0 0 0 46.790038 46.790039h483.497068a46.790039 46.790039 0 0 0 46.790039-46.790039v-241.748534h56.45998v241.748534a103.561953 103.561953 0 0 1-103.561952 103.561953z"  ></path><path d="M595.247277 1023.844033h-483.497068a111.906176 111.906176 0 0 1-111.360292-111.360292v-483.497068a111.516259 111.516259 0 0 1 111.360292-110.970376h339.617699v72.05666H111.750209a38.991699 38.991699 0 0 0-38.991699 38.991699v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h483.497068a38.991699 38.991699 0 0 0 38.991699-38.991699v-249.546874h72.05666v249.546874a111.516259 111.516259 0 0 1-111.048359 111.282309z m-483.497068-690.231056A95.841596 95.841596 0 0 0 15.986597 429.37659v483.497068a96.231513 96.231513 0 0 0 95.763612 95.373696h483.497068a95.841596 95.841596 0 0 0 95.763613-95.763613v-233.950194h-41.175234v233.950194a54.978296 54.978296 0 0 1-54.588379 54.588378h-483.497068a54.978296 54.978296 0 0 1-54.588378-54.588378v-483.497068a54.978296 54.978296 0 0 1 54.588378-54.588379h324.021019v-40.8633z"  ></path><path d="M1003.958267 698.887213h-483.497068a103.873886 103.873886 0 0 1-103.561953-103.561952v-483.497068A103.873886 103.873886 0 0 1 520.461199 7.954307h483.497068a103.561953 103.561953 0 0 1 104.41977 103.873886v483.497068a103.561953 103.561953 0 0 1-104.41977 103.561952zM520.461199 64.25832a47.413906 47.413906 0 0 0-46.790039 47.413906v483.497068a46.790039 46.790039 0 0 0 46.790039 46.790039h483.497068a46.790039 46.790039 0 0 0 47.95979-46.790039v-483.497068a47.413906 47.413906 0 0 0-47.95979-47.413906z"  ></path><path d="M1004.816084 706.685553H520.305232a111.906176 111.906176 0 0 1-111.360293-111.360292v-483.497068A111.828193 111.828193 0 0 1 520.305232 0.155967h484.588835a110.658442 110.658442 0 0 1 78.529282 32.441093 112.062143 112.062143 0 0 1 32.831011 79.231133v483.497068a112.140126 112.140126 0 0 1-32.908994 79.075165 110.658442 110.658442 0 0 1-78.529282 32.285127zM520.305232 15.59668a96.231513 96.231513 0 0 0-95.763613 96.075546v483.497068A96.231513 96.231513 0 0 0 520.305232 690.932907h484.510852a95.217729 95.217729 0 0 0 67.455639-27.76209 96.38748 96.38748 0 0 0 28.307974-68.001523v-483.497068a96.38748 96.38748 0 0 0-28.22999-68.15749 95.139746 95.139746 0 0 0-67.533623-27.840073H520.305232z m484.510852 634.628893H520.305232a54.978296 54.978296 0 0 1-54.588379-54.588379v-483.497068a55.368213 55.368213 0 0 1 54.588379-55.212245h484.276902a54.588379 54.588379 0 0 1 38.991699 15.596679 55.602163 55.602163 0 0 1 16.376514 38.991699v483.497068a55.290229 55.290229 0 0 1-16.454497 38.991699 54.588379 54.588379 0 0 1-38.679766 16.220547zM520.305232 71.978676a39.69355 39.69355 0 0 0-38.991699 39.615567v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h484.510852a38.991699 38.991699 0 0 0 27.52814-11.307593 39.537583 39.537583 0 0 0 11.775493-28.074023v-483.497068a39.849516 39.849516 0 0 0-11.775493-28.152007 38.991699 38.991699 0 0 0-27.840074-11.46356H520.305232z"  ></path></symbol><symbol id="icon-bendishangchuan" viewBox="0 0 1024 1024"><path d="M529.422023 426.428172v333.916154a35.774176 35.774176 0 0 1-70.975964 0V426.428172l-56.523197 62.175517a35.774176 35.774176 0 0 1-52.51649-47.72275l118.197876-130.074902a35.344885 35.344885 0 0 1 52.51649 0l118.197876 130.074902a35.774176 35.774176 0 0 1-52.444942 47.72275zM116.731135 74.553382a34.200112 34.200112 0 0 0-36.632756 31.123532v812.574623a34.200112 34.200112 0 0 0 36.632756 31.123533h789.893795a34.200112 34.200112 0 0 0 36.632756-31.123533V222.15763a34.27166 34.27166 0 0 0-36.632756-31.123533H535.145892a108.968139 108.968139 0 0 1-85.07099-39.566238l-51.872554-63.534936a38.850755 38.850755 0 0 0-30.050308-13.45109H116.731135z m789.893795 945.8692H116.731135a105.032979 105.032979 0 0 1-107.322527-102.099496V105.748463A105.032979 105.032979 0 0 1 116.731135 3.577418h251.420905a108.89659 108.89659 0 0 1 85.07099 39.566238l51.872554 63.534935a38.850755 38.850755 0 0 0 30.121856 13.45109h371.479038a105.032979 105.032979 0 0 1 107.322527 102.099497v696.093908a105.104528 105.104528 0 0 1-107.107881 102.099496z"  ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M853.870282 799.648577a480.64016 480.64016 0 1 0-226.91662 149.899916 38.356386 38.356386 0 0 0-22.369493-73.369505 412.315948 412.315948 0 1 1 172.755702-106.194303 44.374265 44.374265 0 0 0 0.486293 62.245544l179.806955 179.806955a38.356386 38.356386 0 0 0 54.282492-54.221705z"  ></path></symbol><symbol id="icon-jiyugongwangjingxiang" viewBox="0 0 1029 1024"><path d="M317.2765 36.013224H147.005979A111.208834 111.208834 0 0 0 36.013224 147.005979v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 110.992755-111.785046V147.005979A111.208834 111.208834 0 0 0 317.2765 36.013224z m37.021594 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H147.005979a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594z m36.877541 191.734402H73.034817a37.021594 37.021594 0 0 0 0 74.115214h318.140818a37.021594 37.021594 0 0 0 0-74.115214zM882.756137 36.013224H712.485616a111.208834 111.208834 0 0 0-110.992755 110.992755v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 111.208835-111.857073V146.933952A111.280861 111.280861 0 0 0 882.756137 36.013224z m36.877541 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H712.485616a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594v575.131181z m37.021594 191.734402H638.514455a37.021594 37.021594 0 0 0 0 74.115214h318.140817a37.021594 37.021594 0 0 0 0-74.115214zM514.556939 36.013224a37.09362 37.09362 0 0 0-37.021594 37.021593v37.021594a37.021594 37.021594 0 0 0 74.115214 0v-37.021594A37.381726 37.381726 0 0 0 514.556939 36.013224z m0 402.62784a36.661462 36.661462 0 0 0-37.021594 37.021593v72.530633a37.09362 37.09362 0 0 0 74.115214 0.792291V475.374552a36.877541 36.877541 0 0 0-37.09362-36.733488z m0-219.752691a36.661462 36.661462 0 0 0-37.021594 37.021594v73.106844a37.021594 37.021594 0 0 0 74.115214 0V255.909967a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 438.857143a36.661462 36.661462 0 0 0-37.021594 37.021594v72.530632a37.09362 37.09362 0 0 0 74.115214 0.792291V694.76711a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 219.104452a36.661462 36.661462 0 0 0-37.021594 37.021594v36.877541a36.661462 36.661462 0 0 0 37.021594 37.021594 37.165647 37.165647 0 0 0 37.021594-37.021594v-37.021594a36.733488 36.733488 0 0 0-37.021594-36.877541z"  ></path></symbol><symbol id="icon-gonggongjingxiang" viewBox="0 0 1024 1024"><path d="M515.409476 1023.991387a463.688796 463.688796 0 0 1-357.672023-168.24869 31.941411 31.941411 0 1 1 49.096461-40.913718 400.021309 400.021309 0 0 0 551.904512 62.375475 32.084968 32.084968 0 0 1 38.903921 51.106257 455.14716 455.14716 0 0 1-282.232871 95.680676z m423.492863-346.402807a27.850039 27.850039 0 0 1-6.101168-0.43067 31.941411 31.941411 0 0 1-25.122458-37.755466 404.902244 404.902244 0 0 0 7.680294-78.956296 398.226848 398.226848 0 0 0-221.795414-358.389808 31.726075 31.726075 0 0 1-14.355691-43.06707 32.084968 32.084968 0 0 1 43.067071-14.355691 462.468562 462.468562 0 0 1 257.110413 415.597234 457.515849 457.515849 0 0 1-9.25942 91.589303 31.726075 31.726075 0 0 1-31.008291 25.768464zM82.872529 577.888312h-1.148455a32.156746 32.156746 0 0 1-31.223627-33.233423 466.559934 466.559934 0 0 1 356.380011-436.412984 32.156746 32.156746 0 0 1 15.360589 62.375474 400.954429 400.954429 0 0 0-306.637544 376.262642 33.089866 33.089866 0 0 1-32.515639 31.008291z m0 0"  ></path><path d="M515.337698 255.961957a127.980979 127.980979 0 1 1 128.196314-127.765643 128.268093 128.268093 0 0 1-128.196314 127.765643z"  ></path><path d="M515.409476 63.739265a63.9546 63.9546 0 1 0 63.954601 63.9546 64.098157 64.098157 0 0 0-63.954601-63.9546z m-386.168068 810.16338a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.268092 128.196314z"  ></path><path d="M129.16963 681.679952a64.026379 64.026379 0 1 0 63.9546 64.026379 64.098157 64.098157 0 0 0-63.9546-64.026379z m765.588962 192.222693a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.124536 128.124535z"  ></path><path d="M894.83037 681.679952a63.9546 63.9546 0 1 0 63.9546 63.9546 64.098157 64.098157 0 0 0-63.9546-63.9546z"  ></path></symbol><symbol id="icon-shuaxin" viewBox="0 0 1024 1024"><path d="M511.991431 0.017138a511.991431 511.991431 0 1 0 511.991431 511.991431 47.414548 47.414548 0 1 0-94.829096 0 420.875522 420.875522 0 0 1-417.162335 417.162335A420.875522 420.875522 0 0 1 94.829096 512.008569 420.875522 420.875522 0 0 1 511.991431 94.846234a349.896515 349.896515 0 0 1 218.078359 66.337523v9.497191l-47.414549 57.125962c-18.994382 18.994382 0 57.125962 28.562981 57.125961l218.078359 9.497192c18.994382 0 37.917357-28.562981 37.917357-47.414549L900.7336 37.934495A36.774838 36.774838 0 0 0 834.396077 28.580119l-37.917357 57.125961A501.708758 501.708758 0 0 0 511.991431 0.017138z"  ></path></symbol><symbol id="icon-xinjian2" viewBox="0 0 1024 1024"><path d="M822.146022 820.78166a436.564065 436.564065 0 1 0-617.234953 0 436.564065 436.564065 0 0 0 617.234953 0z m52.415166 52.415167a511.855051 511.855051 0 1 1 0-722.614855 511.855051 511.855051 0 0 1 0.068696 722.752247z"  ></path><path d="M551.208386 474.553039h203.271923a37.920278 37.920278 0 0 1 0 75.56577H551.551867v202.928442a37.920278 37.920278 0 0 1-75.565771 0V550.118809H272.439389a37.920278 37.920278 0 0 1 0-75.56577h203.546707V271.006332a37.920278 37.920278 0 0 1 75.565771 0z"  ></path></symbol><symbol id="icon-fuzhi" viewBox="0 0 1024 1024"><path d="M660.058353 237.206588a63.427765 63.427765 0 0 1 63.427765 63.427765v591.811765a63.427765 63.427765 0 0 1-63.427765 63.427764h-465.016471a63.427765 63.427765 0 0 1-63.367529-63.427764V300.634353a63.427765 63.427765 0 0 1 63.427765-63.427765z m-21.142588 84.329412H216.003765v549.526588h422.731294z m190.102588-253.409882a63.427765 63.427765 0 0 1 63.126588 57.344V701.861647a42.224941 42.224941 0 0 1-84.329412 4.939294V152.455529H385.264941a42.164706 42.164706 0 0 1-42.164706-37.345882v-4.939294a42.164706 42.164706 0 0 1 37.345883-42.164706h4.939294z"  ></path></symbol><symbol id="icon-chakanxiangqing" viewBox="0 0 1024 1024"><path d="M749.146353 292.924235a31.563294 31.563294 0 0 0-31.442824-31.442823H316.717176a31.442824 31.442824 0 0 0 0 62.885647h400.986353a31.563294 31.563294 0 0 0 31.442824-31.442824z m-432.429177 156.611765a31.442824 31.442824 0 0 0 0 62.885647h187.27153a31.442824 31.442824 0 0 0 0-62.885647z m450.981648 322.198588a27.949176 27.949176 0 0 0-6.746353-5.12 154.503529 154.503529 0 0 0 28.129882-89.088 158.479059 158.479059 0 1 0-158.479059 156.611765 159.563294 159.563294 0 0 0 86.91953-25.6 31.382588 31.382588 0 0 0 5.662117 7.830588l81.618824 81.618824a31.503059 31.503059 0 0 0 44.513882-44.513883z m-137.09553 0.602353a94.750118 94.750118 0 1 1 96.015059-94.750117 95.412706 95.412706 0 0 1-95.954824 94.750117z"  ></path><path d="M582.656 887.988706h-349.364706a62.885647 62.885647 0 0 1-62.704941-62.704941V199.559529a62.885647 62.885647 0 0 1 62.704941-62.704941h536.094118a62.885647 62.885647 0 0 1 62.704941 62.704941v312.018824a31.563294 31.563294 0 0 0 63.126588 0V198.475294c0-68.969412-27.045647-125.409882-96.015059-125.409882H237.086118a125.831529 125.831529 0 0 0-125.409883 125.409882v626.989177a125.831529 125.831529 0 0 0 125.409883 125.409882h345.148235a31.442824 31.442824 0 0 0 0.421647-62.885647z"  ></path><path d="M832.572235 637.048471a31.563294 31.563294 0 1 0 31.563294-31.442824 31.503059 31.503059 0 0 0-31.563294 31.442824z"  ></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M912.384 668.551529v88.545883a99.448471 99.448471 0 0 1-99.568941 99.508706H211.184941a99.448471 99.448471 0 0 1-99.568941-99.508706v-88.545883a49.814588 49.814588 0 0 0-99.568941 0v87.100236a199.800471 199.800471 0 0 0 199.80047 199.80047h600.184471a199.800471 199.800471 0 0 0 199.800471-199.80047v-87.100236a49.814588 49.814588 0 0 0-99.568942 0z"  ></path><path d="M728.003765 398.516706a50.778353 50.778353 0 0 0-71.740236 0l-95.171764 95.171765V125.530353a49.814588 49.814588 0 1 0-99.568941 0v368.158118l-95.171765-95.171765a50.718118 50.718118 0 1 0-71.740235 71.740235l177.995294 177.995294a54.753882 54.753882 0 0 0 77.462588 0l177.874823-177.995294a50.537412 50.537412 0 0 0 0.060236-71.740235z"  ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M198.354824 835.764706a78.305882 78.305882 0 0 1-77.040942-91.617882l36.502589-209.498353a78.305882 78.305882 0 0 1 21.805176-42.164706L597.413647 74.691765a78.305882 78.305882 0 0 1 110.592 0l172.875294 172.875294a78.305882 78.305882 0 0 1 0 110.592l-417.792 417.91247a77.402353 77.402353 0 0 1-42.164706 21.684706l-209.377882 36.502589a73.547294 73.547294 0 0 1-13.191529 1.505882z m43.309176-284.069647l-34.334118 196.969412 196.969412-34.334118 411.105882-411.105882-162.635294-162.635295z m619.399529 420.141176H162.936471a42.706824 42.706824 0 1 1 0-85.413647h698.247529a42.706824 42.706824 0 1 1 0 85.413647z"  ></path></symbol><symbol id="icon-shiyanduibi" viewBox="0 0 1024 1024"><path d="M974.426353 316.536471a502.061176 502.061176 0 1 0 39.755294 195.463529 501.820235 501.820235 0 0 0-39.755294-195.463529z m-157.515294 500.555294a431.164235 431.164235 0 1 1 126.494117-304.971294 428.574118 428.574118 0 0 1-126.494117 304.971294z"  ></path><path d="M511.819294 3.915294a506.759529 506.759529 0 1 1-197.812706 39.996235A505.976471 505.976471 0 0 1 511.819294 3.915294z m0 1004.242824a494.712471 494.712471 0 1 0-193.114353-39.032471 493.146353 493.146353 0 0 0 193.234824 39.032471z m0-933.647059a437.488941 437.488941 0 1 1-309.308235 128.180706 434.477176 434.477176 0 0 1 309.308235-128.060236z m0 862.689882a425.441882 425.441882 0 1 0-300.694588-124.626823 422.490353 422.490353 0 0 0 300.694588 124.988235z"  ></path><path d="M180.224 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 180.224 512.602353z"  ></path><path d="M250.940235 435.862588A76.739765 76.739765 0 1 1 174.200471 512.602353a76.860235 76.860235 0 0 1 76.739764-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M440.500706 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 440.500706 512.602353z"  ></path><path d="M511.216941 435.862588A76.739765 76.739765 0 1 1 434.477176 512.602353a76.860235 76.860235 0 0 1 76.739765-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M701.982118 512a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 701.982118 512z"  ></path><path d="M772.698353 588.8a76.739765 76.739765 0 1 1 76.739765-76.739765 76.860235 76.860235 0 0 1-76.739765 76.739765z m0-141.432471a64.692706 64.692706 0 1 0 64.692706 64.692706 64.752941 64.752941 0 0 0-64.692706-64.752941z"  ></path></symbol><symbol id="icon-shangchuan" viewBox="0 0 1024 1024"><path d="M808.237176 393.336471a297.622588 297.622588 0 0 0-592.655058 0 221.003294 221.003294 0 0 0-197.029647 238.953411 216.124235 216.124235 0 0 0 216.244705 217.750589h32.346353a26.985412 26.985412 0 0 0 0-53.729883h-32.346353a175.465412 175.465412 0 0 1-2.409411-349.364706l24.094117 6.02353 3.132236-29.57553a251.181176 251.181176 0 0 1 502.241882 0l4.879059 29.033412 24.094117-5.662118a175.465412 175.465412 0 0 1-2.409411 349.364706h-36.442353a26.985412 26.985412 0 0 0 0 53.729883h36.683294a216.124235 216.124235 0 0 0 216.244706-217.750589 221.003294 221.003294 0 0 0-196.668236-238.772705z"  ></path><path d="M511.939765 114.567529a320.150588 320.150588 0 0 1 303.947294 270.21553 231.183059 231.183059 0 0 1 198.535529 247.868235 225.942588 225.942588 0 0 1-215.461647 226.605177h-46.501647a36.141176 36.141176 0 0 1 0-71.800471h37.707294a166.610824 166.610824 0 0 0 2.168471-331.294118l-32.587294 7.589647-6.505412-38.972235a242.206118 242.206118 0 0 0-484.291765 0l-4.276706 39.875765-33.249882-8.432941a166.610824 166.610824 0 0 0 2.288941 331.294117h33.551059a36.141176 36.141176 0 0 1 0 71.800471H225.159529a225.942588 225.942588 0 0 1-215.461647-226.605177 231.183059 231.183059 0 0 1 198.475294-247.868235 320.150588 320.150588 0 0 1 303.766589-270.275765z m286.900706 726.678589a207.932235 207.932235 0 0 0 197.511529-209.076706 212.208941 212.208941 0 0 0-188.476235-229.556706l-7.168-0.361412-1.264941-7.107765a288.647529 288.647529 0 0 0-574.885648 0l-1.264941 7.107765-7.168 0.361412a212.208941 212.208941 0 0 0-188.476235 229.556706 207.932235 207.932235 0 0 0 197.451294 209.317647H267.143529a18.070588 18.070588 0 0 0 0-35.659294h-33.551058a184.560941 184.560941 0 0 1-1.264942-367.435294h1.144471l15.36 3.915294 2.048-19.215059a260.156235 260.156235 0 0 1 520.131765-0.301177l3.252706 19.275295 15.962353-3.734589h1.325176a184.560941 184.560941 0 0 1-1.264941 367.435294h-37.707294a18.070588 18.070588 0 0 0 0 35.659295h37.165176c2.831059-0.301176 5.963294-0.180706 9.035294-0.180706z"  ></path><path d="M530.974118 491.339294a26.864941 26.864941 0 0 0-38.128942 0l-151.792941 151.792941a26.864941 26.864941 0 0 0 37.888 38.128941l106.134589-106.134588v328.824471a26.864941 26.864941 0 1 0 53.729882 0V575.126588l107.459765 106.134588a26.864941 26.864941 0 1 0 37.888-38.128941z"  ></path><path d="M511.879529 474.172235a36.141176 36.141176 0 0 1 25.47953 10.601412l153.057882 151.732706a36.141176 36.141176 0 0 1-50.597647 50.959059L547.779765 596.570353v307.2a36.141176 36.141176 0 1 1-71.800471 0v-307.2L385.325176 687.284706a36.141176 36.141176 0 0 1-50.657882 0 36.141176 36.141176 0 0 1 0-50.959059l151.732706-151.732706a36.141176 36.141176 0 0 1 25.479529-10.420706z m153.238589 205.643294a18.070588 18.070588 0 0 0 12.589176-30.479058L524.589176 497.543529a18.070588 18.070588 0 0 0-25.359058 0l-151.792942 151.792942a18.070588 18.070588 0 0 0 0 25.359058 18.070588 18.070588 0 0 0 25.118118 0l121.494588-121.494588v350.629647a18.070588 18.070588 0 1 0 35.659294 0V553.381647l122.819765 121.313882a17.709176 17.709176 0 0 0 12.589177 5.12z"  ></path></symbol><symbol id="icon-xiangqing" viewBox="0 0 1024 1024"><path d="M308.464941 297.261176h410.322824a24.094118 24.094118 0 0 0 0-48.188235H308.464941a24.094118 24.094118 0 1 0 0 48.188235z m-2.349176 169.923765h410.322823a24.094118 24.094118 0 1 0 0-48.188235H305.995294a24.094118 24.094118 0 0 0 0 48.188235z m271.058823 145.709177a24.094118 24.094118 0 0 0-24.094117-24.094118H309.368471a24.094118 24.094118 0 1 0 0 48.188235H552.96a24.094118 24.094118 0 0 0 24.094118-23.853176z"  ></path><path d="M308.464941 240.037647h410.322824a33.249882 33.249882 0 0 1 0 66.258824H308.464941a33.249882 33.249882 0 1 1 0-66.258824z m410.322824 48.188235a15.179294 15.179294 0 0 0 0-30.117647H308.464941a15.179294 15.179294 0 1 0 0 30.117647zM306.115765 409.660235h410.322823a33.249882 33.249882 0 1 1 0 66.258824H305.995294a33.249882 33.249882 0 0 1 0-66.258824z m410.322823 48.188236a15.179294 15.179294 0 1 0 0-30.117647H305.995294a15.179294 15.179294 0 0 0 0 30.117647zM309.187765 579.282824H552.96a33.249882 33.249882 0 1 1 0 66.258823H309.248a33.249882 33.249882 0 1 1 0-66.258823z m243.712 48.188235a15.179294 15.179294 0 1 0 0-30.117647H309.187765a15.179294 15.179294 0 1 0 0 30.117647z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path><path d="M599.04 960.150588H259.072a130.349176 130.349176 0 0 1-130.228706-130.16847V193.897412a130.349176 130.349176 0 0 1 130.228706-130.168471h505.976471a130.349176 130.349176 0 0 1 130.228705 130.168471v465.980235a20.841412 20.841412 0 0 1 0 2.409412 13.432471 13.432471 0 0 1 0 1.987765v1.987764l-0.421647 1.204706V668.732235l-0.361411 0.783059-0.361412 1.505882-0.722824 0.90353v0.903529l-1.566117 2.108236v1.325176l-2.650353 2.650353-1.204706 1.325176-1.445647 1.505883-263.710118 267.806117v0.963765l-4.035765 2.590118h-0.301176l-2.048 2.048h-0.361412l-0.602353 0.602353h-1.686588l-0.542118 0.542117h-1.746823l-0.963765 0.361412a9.758118 9.758118 0 0 1-1.927529 0.783059l-0.90353 0.301176-1.204706 0.602353h-5.782588zM259.132235 81.799529A112.278588 112.278588 0 0 0 146.974118 193.897412v636.02447a112.278588 112.278588 0 0 0 112.158117 112.097883H601.750588l1.024-0.481883h0.421647l0.90353-0.421647 1.385411-0.903529 1.264942-1.204706h0.361411l0.722824-0.602353h0.481882l0.421647-0.421647 265.035294-269.372235 1.445648-1.92753 0.602352-1.204706v-2.409411l1.084236-1.084236V193.897412a112.278588 112.278588 0 0 0-112.158118-112.097883z m323.704471 829.861647H259.132235a81.799529 81.799529 0 0 1-81.739294-81.739294V193.897412a81.799529 81.799529 0 0 1 81.739294-81.739294h505.976471a81.799529 81.799529 0 0 1 81.739294 81.739294v449.837176h-151.672471a112.278588 112.278588 0 0 0-112.158117 112.097883zM259.132235 130.228706a63.728941 63.728941 0 0 0-63.668706 63.668706v636.02447a63.728941 63.728941 0 0 0 63.668706 63.668706h305.633883v-137.697882a130.349176 130.349176 0 0 1 130.228706-130.168471h133.601882V193.897412a63.728941 63.728941 0 0 0-63.668706-63.668706z m354.063059 759.506823v-133.842823a81.799529 81.799529 0 0 1 81.739294-81.739294h130.590118z m81.739294-197.571764a63.728941 63.728941 0 0 0-63.668706 63.668706v89.810823l151.070118-153.479529z"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M766.012235 947.320471H257.566118a80.414118 80.414118 0 0 1-81.859765-78.908236V258.168471a32.045176 32.045176 0 0 1 32.647529-31.442824 32.406588 32.406588 0 0 1 32.64753 31.442824v610.243764a16.323765 16.323765 0 0 0 16.624941 16.022589h507.663059a16.323765 16.323765 0 0 0 16.624941-16.022589V258.168471a32.045176 32.045176 0 0 1 32.587294-31.442824 32.406588 32.406588 0 0 1 32.647529 31.442824v610.243764a79.872 79.872 0 0 1-81.136941 78.908236z"  ></path><path d="M766.012235 953.344H257.566118a86.558118 86.558118 0 0 1-87.883294-84.931765V258.168471a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a10.300235 10.300235 0 0 0 10.601412 9.999059h507.663059a10.300235 10.300235 0 0 0 10.601412-9.999059V258.168471a38.128941 38.128941 0 0 1 38.610823-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a81.558588 81.558588 0 0 1-24.094118 58.608941 89.449412 89.449412 0 0 1-63.066353 26.322824zM208.353882 232.749176a26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a74.511059 74.511059 0 0 0 75.836236 72.884706h508.446117a77.342118 77.342118 0 0 0 54.753883-22.708706 69.632 69.632 0 0 0 20.540235-50.055529V258.168471a26.383059 26.383059 0 0 0-26.804706-25.419295 26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a22.347294 22.347294 0 0 1-22.648471 22.046118H257.566118a22.347294 22.347294 0 0 1-22.648471-22.046118V258.168471a26.383059 26.383059 0 0 0-26.563765-25.419295z"  ></path><path d="M913.950118 265.938824H109.327059a32.045176 32.045176 0 0 1-32.64753-31.442824 32.045176 32.045176 0 0 1 32.64753-31.442824h805.345882a32.045176 32.045176 0 0 1 32.64753 31.442824 32.527059 32.527059 0 0 1-33.370353 31.442824z"  ></path><path d="M913.950118 271.962353H109.327059a38.128941 38.128941 0 0 1-38.671059-37.466353 38.128941 38.128941 0 0 1 38.671059-37.466353h805.345882a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.393882 37.466353zM109.327059 209.076706a26.081882 26.081882 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h804.623059a26.684235 26.684235 0 0 0 27.166117-25.419294 26.081882 26.081882 0 0 0-26.443294-25.419294z"  ></path><path d="M425.321412 805.526588a32.045176 32.045176 0 0 1-32.64753-31.442823V363.580235a32.045176 32.045176 0 0 1 32.64753-31.442823 32.406588 32.406588 0 0 1 32.647529 31.442823v410.50353a32.406588 32.406588 0 0 1-32.647529 31.442823z"  ></path><path d="M425.321412 811.550118a38.128941 38.128941 0 0 1-38.671059-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a38.610824 38.610824 0 0 1-38.671059 37.466353z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 26.383059 26.383059 0 0 0 26.624-25.419294V363.580235a26.383059 26.383059 0 0 0-26.624-25.419294z"  ></path><path d="M618.797176 805.526588a32.045176 32.045176 0 0 1-32.647529-31.442823V363.580235a32.045176 32.045176 0 0 1 32.647529-31.442823 32.406588 32.406588 0 0 1 32.64753 31.442823v410.50353a31.683765 31.683765 0 0 1-32.64753 31.442823z"  ></path><path d="M618.797176 811.550118a38.128941 38.128941 0 0 1-38.671058-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a34.996706 34.996706 0 0 1-10.119529 25.539764 39.815529 39.815529 0 0 1-28.55153 11.926589z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 27.708235 27.708235 0 0 0 19.877648-8.252235 23.190588 23.190588 0 0 0 6.686117-16.986353V363.580235a26.383059 26.383059 0 0 0-26.563765-25.419294z"  ></path><path d="M576.933647 139.565176H446.464a32.045176 32.045176 0 0 1-32.647529-31.442823 32.406588 32.406588 0 0 1 32.647529-31.442824h131.072a32.045176 32.045176 0 0 1 32.647529 31.442824 32.527059 32.527059 0 0 1-33.249882 31.442823z"  ></path><path d="M576.933647 145.588706H446.464a38.128941 38.128941 0 0 1-38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059-37.466353h131.072a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.273412 37.466353zM446.464 82.703059a26.383059 26.383059 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h130.469647a26.684235 26.684235 0 0 0 27.226353-25.419294 26.081882 26.081882 0 0 0-26.624-25.419294z"  ></path></symbol><symbol id="icon-peizhi" viewBox="0 0 1024 1024"><path d="M512.060235 313.344a198.776471 198.776471 0 1 0 198.776471 198.776471 198.776471 198.776471 0 0 0-198.776471-198.776471z m-128.602353 198.776471a128.602353 128.602353 0 1 1 128.602353 128.602353 128.602353 128.602353 0 0 1-128.542117-128.662589z"  ></path><path d="M604.400941 56.079059H419.779765c-36.141176 0-65.596235 0-89.931294 2.409412a167.032471 167.032471 0 0 0-69.150118 20.058353 164.984471 164.984471 0 0 0-52.043294 49.754352c-14.336 19.757176-29.093647 45.296941-47.164235 76.438589L69.812706 362.797176c-18.070588 31.201882-32.948706 56.801882-43.128471 79.149177a150.588235 150.588235 0 0 0 0 140.288c10.119529 22.287059 25.057882 48.188235 43.128471 79.149176l91.678118 158.057412c18.070588 31.141647 32.828235 56.681412 47.164235 76.438588a150.588235 150.588235 0 0 0 121.193412 69.812706c24.094118 2.409412 53.850353 2.409412 89.931294 2.409412h184.621176c36.141176 0 65.596235 0 89.931294-2.409412a151.371294 151.371294 0 0 0 121.193412-69.812706c14.336-19.757176 29.093647-45.296941 47.164235-76.438588l91.617883-158.117647c18.070588-31.201882 32.948706-56.801882 43.12847-79.149176a150.588235 150.588235 0 0 0 0-140.288c-10.179765-22.287059-25.057882-48.188235-43.12847-79.149177l-91.678118-158.057412c-18.070588-31.141647-32.828235-56.681412-47.164235-76.438588A150.588235 150.588235 0 0 0 694.272 58.428235c-24.395294-2.349176-53.850353-2.349176-89.871059-2.349176zM295.695059 139.324235a96.677647 96.677647 0 0 1 41.020235-11.083294c20.48-1.987765 46.561882-2.048 84.751059-2.048h181.248c38.189176 0 64.271059 0 84.751059 2.108235a82.823529 82.823529 0 0 1 71.198117 40.899765c12.047059 16.685176 25.118118 39.213176 44.212706 72.282353l89.99153 155.045647c19.215059 33.129412 32.286118 55.777882 40.839529 74.511059a82.221176 82.221176 0 0 1 0 82.221176c-8.553412 18.733176-21.624471 41.381647-40.839529 74.511059l-89.99153 155.045647c-19.094588 32.948706-32.225882 55.476706-44.212706 72.282353a83.124706 83.124706 0 0 1-71.198117 40.96c-20.48 1.987765-46.561882 2.048-84.751059 2.048H421.466353c-38.189176 0-64.271059 0-84.751059-2.108235a82.823529 82.823529 0 0 1-71.198118-40.899765c-12.047059-16.685176-25.118118-39.213176-44.212705-72.282353L131.312941 627.772235c-19.215059-33.129412-32.286118-55.777882-40.839529-74.511059a82.221176 82.221176 0 0 1 0-82.221176c8.553412-18.733176 21.624471-41.381647 40.839529-74.511059l89.99153-155.045647c19.094588-32.948706 32.225882-55.476706 44.212705-72.282353a97.460706 97.460706 0 0 1 30.177883-29.876706z"  ></path></symbol><symbol id="icon-tiaoshi" viewBox="0 0 1024 1024"><path d="M549.586824 169.020235V69.270588a37.888 37.888 0 1 0-75.776 0v99.749647a148.359529 148.359529 0 0 0 0 286.418824v497.061647a37.888 37.888 0 0 0 75.776 0V455.439059a148.359529 148.359529 0 0 0 0-286.418824z m-37.707295 216.124236a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.282353 72.282353z m-271.058823 181.308235V69.270588a38.008471 38.008471 0 0 0-75.896471 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a38.008471 38.008471 0 1 0 75.896471 0v-99.508706a148.359529 148.359529 0 0 0 0-286.418824z m-37.888 215.702588a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.704 72.282353z m766.614588-72.282353a148.359529 148.359529 0 0 0-110.471529-143.239529V69.270588a37.888 37.888 0 1 0-75.776 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a37.888 37.888 0 0 0 75.776 0v-99.508706a148.359529 148.359529 0 0 0 110.471529-143.299765z m-148.359529 72.282353a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.643765 72.282353z"  ></path></symbol><symbol id="icon-yunhang" viewBox="0 0 1024 1024"><path d="M511.518118 24.395294a487.122824 487.122824 0 1 0 487.122823 487.122824A487.905882 487.905882 0 0 0 511.518118 24.395294z m0 899.252706a412.190118 412.190118 0 1 1 412.190117-412.190118 412.672 412.672 0 0 1-412.190117 412.190118z"  ></path><path d="M458.631529 292.562824a37.466353 37.466353 0 0 0-59.51247 30.117647v397.552941a37.466353 37.466353 0 0 0 59.51247 30.117647l273.528471-198.776471a37.466353 37.466353 0 0 0 0-60.596706z"  ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M25.359059 512A487.183059 487.183059 0 0 1 512.060235 25.298824a483.870118 483.870118 0 0 1 343.883294 142.817882A483.448471 483.448471 0 0 1 998.640941 512a487.183059 487.183059 0 0 1-486.580706 486.701176A487.183059 487.183059 0 0 1 25.359059 512z m69.692235 0a416.286118 416.286118 0 0 0 249.434353 382.132706 413.515294 413.515294 0 0 0 166.791529 34.876235 415.262118 415.262118 0 0 0 280.816942-108.845176L203.836235 231.905882A413.394824 413.394824 0 0 0 95.051294 512z m159.683765-327.619765l584.944941 584.884706A415.623529 415.623529 0 0 0 928.888471 512a418.635294 418.635294 0 0 0-235.881412-375.747765 413.153882 413.153882 0 0 0-180.705883-41.200941 417.972706 417.972706 0 0 0-257.566117 89.328941z"  ></path></symbol><symbol id="icon-tingzhi" viewBox="0 0 1024 1024"><path d="M500.796235 60.235294A440.560941 440.560941 0 1 1 60.235294 500.796235 440.560941 440.560941 0 0 1 500.796235 60.235294z m0 73.426824a367.134118 367.134118 0 1 0 367.134118 367.134117 367.134118 367.134118 0 0 0-367.134118-367.134117z m110.110118 220.28047a36.683294 36.683294 0 0 1 36.683294 36.683294v220.280471a36.683294 36.683294 0 0 1-36.683294 36.683294H390.625882a36.683294 36.683294 0 0 1-36.683294-36.683294V390.625882a36.683294 36.683294 0 0 1 36.683294-36.683294z"  ></path></symbol></svg>',function(t){var a=(a=document.getElementsByTagName("script"))[a.length-1],h=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var l,v,z,i,o,m=function(a,h){h.parentNode.insertBefore(a,h)};if(h&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}l=function(){var a,h=document.createElement("div");h.innerHTML=t._iconfont_svg_string_4511447,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(a=document.body).firstChild?m(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(v=function(){document.removeEventListener("DOMContentLoaded",v,!1),l()},document.addEventListener("DOMContentLoaded",v,!1)):document.attachEvent&&(z=l,i=t.document,o=!1,d(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,p())})}function p(){o||(o=!0,z())}function d(){try{i.documentElement.doScroll("left")}catch(a){return void setTimeout(d,50)}p()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4511447='<svg><symbol id="icon-shanchu1" viewBox="0 0 1024 1024"><path d="M635.712 347.136a41.216 41.216 0 0 1 41.216 41.216v412.224a41.216 41.216 0 1 1-82.496 0V388.48a41.152 41.152 0 0 1 41.28-41.344z m-247.424 0a41.216 41.216 0 0 1 41.216 41.216v412.224a41.216 41.216 0 1 1-82.496 0V388.48a41.216 41.216 0 0 1 41.408-41.344zM223.36 264.64v577.152a82.496 82.496 0 0 0 82.496 82.496h412.16a82.496 82.496 0 0 0 82.496-82.496V264.64z m206.144-164.928a82.496 82.496 0 0 0-82.496 82.496h329.728a82.496 82.496 0 0 0-82.496-82.496z m-288.64 164.928H58.432a41.216 41.216 0 1 1 0-82.432h206.144v-41.216A123.712 123.712 0 0 1 388.416 17.28h247.424a123.712 123.712 0 0 1 123.712 123.712v41.216h206.144a41.216 41.216 0 1 1 0 82.432H883.2v577.152a164.928 164.928 0 0 1-164.928 164.928H305.856a164.928 164.928 0 0 1-164.928-164.928z"  ></path></symbol><symbol id="icon-fuzhi1" viewBox="0 0 1024 1024"><path d="M583.872 44.48a143.872 143.872 0 0 1 143.872 143.872v144.128h-71.936V188.352a71.936 71.936 0 0 0-66.56-71.744H188.352a71.936 71.936 0 0 0-71.936 71.936v395.584a71.936 71.936 0 0 0 71.936 71.936h144.128v71.936H188.352A143.872 143.872 0 0 1 44.48 583.872v-395.52A143.872 143.872 0 0 1 188.352 44.48z"  ></path><path d="M835.584 296.192H440a143.872 143.872 0 0 0-143.808 143.872v395.584a143.872 143.872 0 0 0 143.872 143.872h395.584a143.872 143.872 0 0 0 143.872-143.872V440.064a143.872 143.872 0 0 0-143.936-143.872zM440 368.128h395.584a71.936 71.936 0 0 1 71.936 71.936v395.584a71.936 71.936 0 0 1-71.936 71.936H440a71.936 71.936 0 0 1-71.936-71.936V440.064a71.936 71.936 0 0 1 72-71.936z"  ></path><path d="M80.448 763.712a35.968 35.968 0 0 1 35.968 35.968 107.904 107.904 0 0 0 101.568 107.712h6.4a35.968 35.968 0 1 1 0 71.936 179.776 179.776 0 0 1-179.904-179.648 35.968 35.968 0 0 1 35.968-35.968z"  ></path></symbol><symbol id="icon-moxingyanhua" viewBox="0 0 1024 1024"><path d="M20.57716 764.998441V251.992138L512.0694-0.0694l491.35344 252.061538v513.006303l-491.35344 258.932159z m521.126127-233.462284v403.353982l395.99756-209.102813v-396.969163z m-455.404134 194.32057l396.13636 209.102812V531.605557L86.299153 328.887564z m31.577092-447.561912L511.9306 473.586987l394.193155-201.746391L512.0694 70.094205z m541.321586 357.480448a27.760081 27.760081 0 0 1-27.760081-17.974653 20.33426 20.33426 0 0 1-3.817011-16.170247 37.961911 37.961911 0 0 1 20.820061-25.469875l201.260589-101.254897h2.567808a35.532904 35.532904 0 0 1 35.116503 19.223857l0.971603 2.220806v2.220807a37.40671 37.40671 0 0 1-18.460454 36.088105l-201.26059 101.116097z m-310.218909 0l-201.260589-101.116097a28.592884 28.592884 0 0 1-16.031447-20.820061 26.441477 26.441477 0 0 1 4.164012-19.015655 25.261674 25.261674 0 0 1 25.678075-22.416266 33.867299 33.867299 0 0 1 14.921044 3.678211l190.364758 99.242291a24.359471 24.359471 0 0 1 18.738055 11.381633 30.536089 30.536089 0 0 1 0.624601 29.980888l-0.624601 1.596204-1.110404 1.110404a40.737919 40.737919 0 0 1-26.788478 16.517248z"  ></path></symbol><symbol id="icon-moxingyanhua1" viewBox="0 0 1024 1024"><path d="M20.57716 764.998441V251.992138L512.0694-0.0694l491.35344 252.061538v513.006303l-491.35344 258.932159z m521.126127-233.462284v403.353982l395.99756-209.102813v-396.969163z m-455.404134 194.32057l396.13636 209.102812V531.605557L86.299153 328.887564z m31.577092-447.561912L511.9306 473.586987l394.193155-201.746391L512.0694 70.094205z m541.321586 357.480448a27.760081 27.760081 0 0 1-27.760081-17.974653 20.33426 20.33426 0 0 1-3.817011-16.170247 37.961911 37.961911 0 0 1 20.820061-25.469875l201.260589-101.254897h2.567808a35.532904 35.532904 0 0 1 35.116503 19.223857l0.971603 2.220806v2.220807a37.40671 37.40671 0 0 1-18.460454 36.088105l-201.26059 101.116097z m-310.218909 0l-201.260589-101.116097a28.592884 28.592884 0 0 1-16.031447-20.820061 26.441477 26.441477 0 0 1 4.164012-19.015655 25.261674 25.261674 0 0 1 25.678075-22.416266 33.867299 33.867299 0 0 1 14.921044 3.678211l190.364758 99.242291a24.359471 24.359471 0 0 1 18.738055 11.381633 30.536089 30.536089 0 0 1 0.624601 29.980888l-0.624601 1.596204-1.110404 1.110404a40.737919 40.737919 0 0 1-26.788478 16.517248z"  ></path></symbol><symbol id="icon-moxingwenjian" viewBox="0 0 1027 1024"><path d="M511.808649 1023.71409A513.744498 513.744498 0 0 1 0 511.830986V469.0934c0-12.806385 4.243976-29.78229 4.243976-42.66313A512.032016 512.032016 0 0 1 507.564673 0.022337 470.932456 470.932456 0 0 1 708.073938 42.685467a42.290851 42.290851 0 0 1 21.294337 55.469514c-4.243976 21.294337-25.612769 29.78229-51.151082 21.294337A427.599225 427.599225 0 0 0 89.346869 439.31111l-4.243976 38.419154v34.100722A427.822592 427.822592 0 0 0 511.808649 938.164463h38.419154c12.806385 0 21.294337-4.243976 34.100721-4.243976A426.407933 426.407933 0 0 0 938.142126 511.830986c0-51.151083-8.562408-217.559626-123.670958-217.559627-72.519875 0-106.620597 68.275899-149.283727 166.334088-8.562408 21.294337-17.050361 38.419154-25.612769 59.56458L545.983826 708.021819a48.991867 48.991867 0 0 1-38.419153 25.612769 41.025104 41.025104 0 0 1-38.49361-25.612769L298.567454 353.98485A41.993029 41.993029 0 0 1 375.331306 320.181951l136.477343 276.975295 55.469514-110.93903c8.562408-17.050361 17.050361-34.100722 25.61277-55.469514 38.344698-93.814213 93.814213-217.485171 226.122034-217.485171 127.98939 0 208.997218 115.183005 208.997218 302.811431a508.681508 508.681508 0 0 1-426.556844 503.320696 118.086779 118.086779 0 0 1-38.419154 4.243976h-51.225538z"  ></path></symbol><symbol id="icon-moxingjianjie" viewBox="0 0 1024 1024"><path d="M837.088479 1023.999264H186.837905A166.07781 166.07781 0 0 1 20.46563 857.626989V166.44589A166.07781 166.07781 0 0 1 186.837905 0.073616h650.250574a166.07781 166.07781 0 0 1 166.372275 166.372274v691.181099a166.07781 166.07781 0 0 1-166.372275 166.372275zM186.837905 76.855157a90.694974 90.694974 0 0 0-89.590734 89.590733v691.181099a90.694974 90.694974 0 0 0 89.590734 89.590734h650.250574a90.694974 90.694974 0 0 0 89.590734-89.590734V166.44589a90.694974 90.694974 0 0 0-89.590734-89.590733z"  ></path><path d="M757.877609 332.818165H266.343239a38.427578 38.427578 0 1 1 0-76.781541h491.53437a38.427578 38.427578 0 0 1 0 76.781541zM655.477683 550.42721H266.343239a38.427578 38.427578 0 1 1 0-76.78154h389.134444a38.427578 38.427578 0 1 1 0 76.78154z m-112.632558 217.609046H266.343239a38.427578 38.427578 0 1 1 0-76.781541h276.501886a38.427578 38.427578 0 1 1 0 76.781541z"  ></path></symbol><symbol id="icon-peizhibushu" viewBox="0 0 1060 1024"><path d="M517.801278 952.580781a805.742638 805.742638 0 0 1-107.16117 6.668399c-201.719066 0-356.159185-84.42193-356.159185-130.500566v-125.966055a724.854959 724.854959 0 0 0 96.425048 51.613407 786.871069 786.871069 0 0 0 259.133981 41.610809h13.87027c22.0724-0.600156 38.476662-6.068243 35.342514-27.540487v-0.600156a43.277909 43.277909 0 0 0-42.277649-36.60951h-6.668399c-31.474843 0-61.816058-1.933836-89.489913-4.401143a556.877991 556.877991 0 0 1-169.644068-42.277649C105.760911 663.772425 54.747659 621.56146 54.747659 601.422896v-112.695942a726.188639 726.188639 0 0 0 93.957741 51.079936 784.003657 784.003657 0 0 0 261.601288 42.210965c15.737421 0 30.874687-0.600156 46.678792-1.200312a44.678273 44.678273 0 0 0 40.877285-18.138045c7.535291-12.603274 15.203949-14.803846 24.006236-26.673595a13.803586 13.803586 0 0 0-12.603274-22.072401 799.407659 799.407659 0 0 1-98.692303 5.668139 788.4048 788.4048 0 0 1-98.2922-5.734823 559.545351 559.545351 0 0 1-163.309088-42.210965C104.827335 450.850449 54.414239 409.23964 54.414239 389.101075v-118.6975a740.725748 740.725748 0 0 0 96.425048 56.014551 790.138584 790.138584 0 0 0 259.067297 40.010393 750.795031 750.795031 0 0 0 253.399158-40.010393 752.862234 752.862234 0 0 0 97.625359-56.014551L760.330946 394.70253l0.600155 6.668399v0.600156c3.134147 18.271413 3.000779 39.410237 21.872349 39.410237a30.607951 30.607951 0 0 0 34.94241-33.341994 19.405041 19.405041 0 0 0-0.66684-6.268295v-194.717248h1.266996a126.699579 126.699579 0 0 0 1.266996-15.737421c0-123.565431-210.521353-190.982944-409.172956-190.982944S1.333784 67.017409 1.333784 191.316364h-1.33368v641.700025h1.266996c0 123.565431 210.521353 190.982944 409.172956 190.982944a874.960618 874.960618 0 0 0 129.23357-9.469126 29.941111 29.941111 0 0 0 18.204729-53.347191l-1.133627-1.266996a46.678792 46.678792 0 0 0-39.143502-6.668399z m241.462724-767.932816a22.205768 22.205768 0 0 1-0.600156 6.268295c-4.401143 18.938253-47.212264 51.746775-87.556078 70.018188a546.808709 546.808709 0 0 1-168.310387 42.277649 842.618883 842.618883 0 0 1-184.181178 0 552.743584 552.743584 0 0 1-168.310388-42.277649c-45.411796-20.805405-90.623541-60.01559-90.623541-80.020786C59.682274 135.501865 200.185439 52.813719 409.50648 52.813719c201.719066 0 349.757522 79.020527 349.757522 131.767562z"  ></path><path d="M973.653026 549.742804a91.823853 91.823853 0 0 0-74.352648-52.346931l-180.980345-15.737421a92.023905 92.023905 0 0 0-82.554779 38.409977L531.138076 668.840408a89.156493 89.156493 0 0 0-8.202131 90.156753l76.953323 165.176241a91.823853 91.823853 0 0 0 74.419332 52.346931l180.980346 15.737421a40.343813 40.343813 0 0 0 8.20213 0.600156 90.556857 90.556857 0 0 0 74.419332-39.076817l104.627178-148.771979a89.089809 89.089809 0 0 0 8.135447-90.156753L973.71971 549.67612z m-89.089809 379.498581a10.53607 10.53607 0 0 1-10.736122 5.001299l-210.321301-19.271673a13.336798 13.336798 0 0 1-10.135967-6.668399L562.946338 723.121175a11.669698 11.669698 0 0 1 1.00026-12.136486l125.832687-170.044171a13.336798 13.336798 0 0 1 10.135967-5.001299h1.266995l203.78627 16.004157a13.336798 13.336798 0 0 1 10.135967 6.668399l93.95774 188.2489a11.86975 11.86975 0 0 1-1.33368 11.936434z m-202.78601-180.780294v0.533472a103.893655 103.893655 0 0 0 105.294018 103.160131 98.092148 98.092148 0 0 0 101.359663-100.025983 105.960858 105.960858 0 0 0-102.093187-108.228114 101.626399 101.626399 0 0 0-104.627178 104.560494z m104.293758 62.149478a61.149218 61.149218 0 0 1-62.082793-62.949686 60.01559 60.01559 0 0 1 61.149217-62.949685 60.68243 60.68243 0 0 1 61.882742 64.350049 58.215122 58.215122 0 0 1-60.949166 61.549322z"  ></path></symbol><symbol id="icon-yuce" viewBox="0 0 1024 1024"><path d="M221.637324 1023.690775v-39.348936a39.348936 39.348936 0 0 1 39.348936-39.348935h502.491318a39.348936 39.348936 0 0 1 39.348936 39.348935v39.348936zM984.10992 233.387891a9.276763 9.276763 0 0 1-6.802959-3.169561L810.866375 64.241582a10.513665 10.513665 0 0 1-3.710705-8.890231 9.585988 9.585988 0 0 1 9.431375-8.426393h2.087272l193.807036-27.289143h2.628416a9.508682 9.508682 0 0 1 8.426393 10.513664l-30.922543 194.270874a7.730636 7.730636 0 0 1-3.16956 6.339122 6.493734 6.493734 0 0 1-5.256833 2.628416zM196.435452 492.828024a40.817756 40.817756 0 0 1-27.830288-14.147064 33.860184 33.860184 0 0 1 0-55.119432l146.882077-146.882078a39.503548 39.503548 0 1 1 55.660577 55.660577l-146.882077 145.954402a40.817756 40.817756 0 0 1-27.907595 14.765514z"  ></path><path d="M540.835271 545.087121a40.817756 40.817756 0 0 1-27.830288-14.147064 33.860184 33.860184 0 0 1 0-55.119432l355.60924-354.99079a39.503548 39.503548 0 1 1 55.660577 55.660577L569.28401 531.481202a44.451155 44.451155 0 0 1-28.371433 13.683225z"  ></path><path d="M541.221803 545.087121a40.817756 40.817756 0 0 1-27.830289-14.147064L314.868791 332.417334a33.860184 33.860184 0 0 1 0-55.119433 34.401329 34.401329 0 0 1 55.660576 0l198.522724 198.522724a33.860184 33.860184 0 0 1 0 55.119432 41.822739 41.822739 0 0 1-27.830288 14.147064z"  ></path><path d="M68.802657 802.439982A69.034576 69.034576 0 0 1 0 733.637324V68.802657A69.034576 69.034576 0 0 1 68.802657 0h528.311642a39.426242 39.426242 0 0 1 0 78.775177H78.234033v645.89461h867.531934v-301.494791a39.426242 39.426242 0 1 1 78.775177 0V733.637324a69.034576 69.034576 0 0 1-68.802657 68.802658z"  ></path></symbol><symbol id="icon-fuwurizhi" viewBox="0 0 1024 1024"><path d="M401.924957 116.135305a38.836726 38.836726 0 0 0 38.611802-39.061649V38.761751a38.611803 38.611803 0 0 0-77.148631 0v38.161957a38.686777 38.686777 0 0 0 38.536829 39.061649z m219.150095 0a38.836726 38.836726 0 0 0 38.611802-39.061649V38.761751a38.611803 38.611803 0 0 0-77.14863 0v38.161957a39.586469 39.586469 0 0 0 11.546053 27.740518 37.487187 37.487187 0 0 0 27.065749 11.321131z m-154.447211 829.591449H230.90841a90.718993 90.718993 0 0 1-89.969249-91.318788V182.262703a90.718993 90.718993 0 0 1 89.969249-91.243813A38.386879 38.386879 0 0 0 269.745135 52.856934a38.611803 38.611803 0 0 0-39.136623-40.411188A168.542393 168.542393 0 0 0 63.340684 181.962806v672.070288a168.467418 168.467418 0 0 0 167.267828 169.51706H466.327944a37.487187 37.487187 0 0 0 33.363596-18.368722 40.261239 40.261239 0 0 0 1.274565-39.136623 37.487187 37.487187 0 0 0-34.638161-20.692927z m492.881535-763.464051A168.542393 168.542393 0 0 0 792.166573 12.820618a37.487187 37.487187 0 0 0-33.438571 18.443696 40.261239 40.261239 0 0 0-1.649436 39.136623 37.487187 37.487187 0 0 0 32.164007 20.692927h2.549128a90.644018 90.644018 0 0 1 89.969249 91.243814v491.082149a34.638161 34.638161 0 0 0 0.374872 3.673745 38.611803 38.611803 0 0 1-36.737443 18.068824H662.310958c-56.680627 0-114.635818 12.52072-114.635818 104.964123v125.207205a89.969249 89.969249 0 0 0 54.881241 93.568019 64.62791 64.62791 0 0 0 24.291698 4.873334 110.662176 110.662176 0 0 0 71.300629-38.161956l1.949334-1.949334c44.384829-47.758676 178.214087-166.817982 234.14497-216.226095l25.266364-21.817543V182.262703z m-314.892371 747.194611s-11.32113 10.046566-17.544003 14.39508a50.532728 50.532728 0 0 1-2.39918-18.068824v-125.507102a72.50022 72.50022 0 0 1 2.39918-22.492312 77.073656 77.073656 0 0 1 35.088007-4.27354h154.897056l-172.44106 155.496852v0.374872z m121.53346-404.861619h-509.825743a37.487187 37.487187 0 0 0-33.513545 18.368721 40.261239 40.261239 0 0 0-1.274564 39.211598 37.487187 37.487187 0 0 0 34.788109 20.617953h509.825743a37.487187 37.487187 0 0 0 33.513546-18.368722 40.261239 40.261239 0 0 0 1.274564-39.136623 37.487187 37.487187 0 0 0-34.78811-20.692927z m0-195.608142h-509.825743a37.487187 37.487187 0 0 0-33.363596 18.443696 40.261239 40.261239 0 0 0-1.274564 39.061649 37.487187 37.487187 0 0 0 34.63816 20.692927h509.825743a37.487187 37.487187 0 0 0 33.363597-18.443696 40.261239 40.261239 0 0 0 1.274564-39.061649 37.487187 37.487187 0 0 0-34.638161-20.692927z"  ></path></symbol><symbol id="icon-tiaoyongzhinan" viewBox="0 0 1024 1024"><path d="M883.309183 0.00149H140.241823A103.226557 103.226557 0 0 0 37.164221 103.079091v817.843308a103.226557 103.226557 0 0 0 103.077602 103.077601h743.06736a103.226557 103.226557 0 0 0 103.077601-103.077601V103.079091A103.077601 103.077601 0 0 0 883.309183 0.00149z m-0.819258 68.743226a34.48333 34.48333 0 0 1 34.334374 34.334375v322.415416l-100.247436-62.18916a46.176382 46.176382 0 0 0-24.130883-7.000935 45.13369 45.13369 0 0 0-24.130884 7.000935l-100.247436 62.18916V68.744716z m0.819258 886.288623H140.241823a34.48333 34.48333 0 0 1-34.334375-34.334374V103.079091a34.48333 34.48333 0 0 1 34.334375-34.334375h459.157089v387.285785a51.464323 51.464323 0 0 0 78.648805 43.718607l114.323785-70.977568 114.323784 70.977568a49.30446 49.30446 0 0 0 10.873793 5.064506v415.736395a34.259896 34.259896 0 0 1-34.259896 34.706764z"  ></path><path d="M232.07324 657.568065h258.513262a34.408852 34.408852 0 1 0 0-68.743227H232.07324a34.408852 34.408852 0 1 0 0 68.743227z m559.479003 113.35557H232.07324a34.408852 34.408852 0 0 0 0 68.743227h559.479003a34.408852 34.408852 0 1 0 0-68.743227z"  ></path></symbol><symbol id="icon-gerenmoxing" viewBox="0 0 1024 1024"><path d="M950.818133 186.845867L527.5648 44.919467 512.682667 39.936a2.730667 2.730667 0 0 0-1.297067 0l-14.7456 4.983467-423.253333 141.9264a23.893333 23.893333 0 0 0-14.882134 22.186666v564.906667a2.048 2.048 0 0 0 1.2288 1.911467l423.662934 179.746133 14.609066 6.212267 13.653334 5.666133a1.911467 1.911467 0 0 0 1.570133 0l13.653333-5.666133 14.609067-6.212267 423.662933-179.746133a1.911467 1.911467 0 0 0 1.2288-1.911467V208.896a24.234667 24.234667 0 0 0-15.5648-22.050133zM480.256 891.6992l-363.178667-154.146133a1.911467 1.911467 0 0 1-1.2288-1.911467V262.826667a1.979733 1.979733 0 0 1 2.798934-1.911467l363.178666 154.146133a1.911467 1.911467 0 0 1 1.2288 1.911467v472.8832a1.979733 1.979733 0 0 1-2.798933 1.8432z m30.856533-526.7456L168.004267 219.204267a2.048 2.048 0 0 1 0-3.754667l343.927466-115.234133 343.790934 115.234133a1.979733 1.979733 0 0 1 0 3.754667L512.477867 364.9536a1.911467 1.911467 0 0 1-1.365334 0z m395.605334 372.599467l-363.178667 154.146133a1.979733 1.979733 0 0 1-2.798933-1.911467V416.9728a2.048 2.048 0 0 1 1.2288-1.911467l363.178666-154.146133a1.979733 1.979733 0 0 1 2.798934 1.911467v472.8832a2.048 2.048 0 0 1-1.297067 1.8432z"  ></path></symbol><symbol id="icon-shujuguangchang" viewBox="0 0 1024 1024"><path d="M512 25.053867C260.7104 25.053867 57.480533 112.0256 57.480533 219.818667v584.362666c0 107.793067 203.229867 194.7648 454.519467 194.7648s454.519467-86.971733 454.519467-194.7648V214.016C957.371733 108.817067 758.033067 25.053867 512 25.053867z m0 324.676266c-212.309333 0-384.4096-58.436267-384.4096-129.706666s172.032-129.706667 384.4096-129.706667 384.4096 58.436267 384.4096 129.706667-172.100267 129.706667-384.4096 129.706666z m0 64.9216a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667V319.829333A714.205867 714.205867 0 0 0 512 414.651733z m0 194.7648a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667V514.594133A714.205867 714.205867 0 0 0 512 609.416533z m0 194.7648a714.205867 714.205867 0 0 0 389.597867-94.8224v94.8224c0 71.406933-177.493333 129.706667-389.597867 129.706667s-389.597867-58.436267-389.597867-129.706667v-94.754133A714.205867 714.205867 0 0 0 512 804.181333z"  ></path></symbol><symbol id="icon-gerenshuju" viewBox="0 0 1024 1024"><path d="M581.154133 966.109867a33.245867 33.245867 0 0 1-32.494933-34.133334 240.366933 240.366933 0 0 1 145.749333-223.982933 152.7808 152.7808 0 0 1-51.063466-166.024533 139.6736 139.6736 0 0 1 269.380266 0 152.712533 152.712533 0 0 1-51.4048 166.161066 198.929067 198.929067 0 0 1 31.197867 15.496534 242.688 242.688 0 0 1 114.2784 208.349866 33.245867 33.245867 0 0 1-32.494933 34.133334z m130.116267-191.488a170.666667 170.666667 0 0 0-94.0032 121.2416l-0.477867 2.116266h321.7408l-0.341333-2.048a172.714667 172.714667 0 0 0-68.266667-106.564266l-9.8304-6.485334a157.559467 157.559467 0 0 0-148.821333-8.260266z m-1.774933-227.259734a83.968 83.968 0 0 0 0 81.92 76.1856 76.1856 0 0 0 68.266666 39.594667 80.759467 80.759467 0 0 0 0-161.109333h-2.2528a76.253867 76.253867 0 0 0-66.082133 39.253333z m-555.485867 364.1344a305.152 305.152 0 0 1-94.685867-51.677866 111.616 111.616 0 0 1-42.3936-76.663467v-547.498667a109.9776 109.9776 0 0 1 42.3936-81.442133 305.9712 305.9712 0 0 1 94.685867-51.677867 879.0016 879.0016 0 0 1 291.362133-44.373333 878.660267 878.660267 0 0 1 291.293867 44.373333 305.083733 305.083733 0 0 1 94.685867 51.677867 112.503467 112.503467 0 0 1 42.1888 75.9808v214.766933a162.747733 162.747733 0 0 0-61.44-31.266133V331.229867a349.730133 349.730133 0 0 1-75.844267 37.341866 878.660267 878.660267 0 0 1-291.293867 44.373334A881.2544 881.2544 0 0 1 153.668267 368.64a350.8224 350.8224 0 0 1-75.298134-37.410133v175.786666c0 17.2032 25.122133 46.4896 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96 978.466133 978.466133 0 0 0 161.723734-12.834133 179.882667 179.882667 0 0 0 19.933866 61.44 1023.3856 1023.3856 0 0 1-181.6576 15.496533 879.684267 879.684267 0 0 1-291.293866-44.373333 350.8224 350.8224 0 0 1-75.502934-37.341867v175.7184c0 17.2032 25.122133 46.4896 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96c24.849067 0 49.698133-0.887467 73.864534-2.525867a292.2496 292.2496 0 0 0-14.9504 65.262933c-19.592533 1.024-39.389867 1.501867-58.914134 1.501867a879.0016 879.0016 0 0 1-291.157333-44.509867zM173.943467 163.157333c-70.656 25.873067-95.573333 55.159467-95.573334 72.4992s25.122133 46.421333 95.573334 72.362667a821.248 821.248 0 0 0 271.223466 40.96 821.248 821.248 0 0 0 271.223467-40.96c70.792533-25.873067 95.573333-55.159467 95.573333-72.362667s-25.122133-46.4896-95.573333-72.362666a820.8384 820.8384 0 0 0-271.223467-40.96 820.8384 820.8384 0 0 0-271.223466 40.823466z"  ></path></symbol><symbol id="icon-moxingguangchang" viewBox="0 0 1024 1024"><path d="M63.0784 797.627733h163.2256v163.2256H63.0784z"  ></path><path d="M267.127467 797.627733h489.6768v81.92H267.0592z"  ></path><path d="M144.725333 267.127467h81.92v489.6768h-81.92z"  ></path><path d="M63.0784 63.0784h163.2256v163.2256H63.0784z"  ></path><path d="M267.127467 144.725333h489.6768v81.92H267.0592z"  ></path><path d="M797.627733 797.627733h163.2256v163.2256h-163.2256z"  ></path><path d="M797.627733 63.0784h163.2256v163.2256h-163.2256z"  ></path><path d="M797.627733 267.127467h81.92v489.6768h-81.92z"  ></path></symbol><symbol id="icon-xiangqing2" viewBox="0 0 1024 1024"><path d="M308.404706 297.261176h410.322823a24.094118 24.094118 0 0 0 0-48.188235H308.404706a24.094118 24.094118 0 1 0 0 48.188235z m-2.349177 169.923765h410.322824a24.094118 24.094118 0 1 0 0-48.188235H305.935059a24.094118 24.094118 0 0 0 0 48.188235z m271.058824 145.709177a24.094118 24.094118 0 0 0-24.094118-24.094118H309.308235a24.094118 24.094118 0 1 0 0 48.188235h243.59153a24.094118 24.094118 0 0 0 24.094117-23.853176z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path></symbol><symbol id="icon-moxingguanli" viewBox="0 0 1182 1024"><path d="M10.568285 350.059254v333.447612l569.320798 333.812034V704.947122z" fill="#EFEFEF" ></path><path d="M1167.825855 353.885702L579.858715 706.799609v311.096295l587.96714-366.276105z" fill="#DDDDDD" ></path><path d="M579.889083 706.252973l584.20143-352.276165L579.889083 8.928379 11.327501 353.916071z" fill="#FFFFFF" ></path><path d="M718.461164 348.115662a31.795961 31.795961 0 0 0-29.123521 19.101871h-60.737269a44.429313 44.429313 0 0 0-31.15822-36.108307V278.115958h76.377117a38.203743 38.203743 0 0 0 0-76.377116h-178.112044a38.203743 38.203743 0 0 0 0 76.377116h76.377117v52.993268a44.398944 44.398944 0 0 0-31.279694 36.108307h-60.73727a31.765592 31.765592 0 1 0 0 25.448916h64.442244a44.27747 44.27747 0 0 0 80.173196 0h64.442243a31.795961 31.795961 0 1 0 29.123521-44.550787z m-222.753937-95.478988a12.754827 12.754827 0 0 1 0-25.448916h178.20315a12.754827 12.754827 0 0 1 0 25.448916z m89.101575 140.029775a19.101871 19.101871 0 1 1 19.101872-19.101871 19.101871 19.101871 0 0 1-19.101872 19.101871z" fill="#575757" ></path><path d="M489.360183 329.044159h36.442362a12.724458 12.724458 0 1 0 0-25.448916h-36.442362a70.030072 70.030072 0 0 1-10.932709-139.179454l7.56179-1.184376 2.490228-7.258104a101.88677 101.88677 0 0 1 192.688989 0l2.490228 7.258104 7.56179 1.184376a70.030072 70.030072 0 0 1-10.932709 139.179454h-38.689641a12.724458 12.724458 0 1 0 0 25.448916h38.689641a95.478988 95.478988 0 0 0 22.351316-188.285536 127.335686 127.335686 0 0 0-235.630239 0 95.478988 95.478988 0 0 0 22.351316 188.285536z" fill="#575757" ></path></symbol><symbol id="icon-tiaoduguanli" viewBox="0 0 1063 1024"><path d="M997.247709 0.001607H65.390694a65.470989 65.470989 0 0 0-65.390656 65.390656V731.027368a65.470989 65.470989 0 0 0 65.390656 65.390656h931.857015a65.470989 65.470989 0 0 0 65.390656-65.390656V65.392263A65.470989 65.470989 0 0 0 997.247709 0.001607z m-10.684223 720.100541H76.315914V76.076485h910.247572zM719.538252 947.925121H570.601795V798.908332H487.778986V947.925121H340.208181a37.997273 37.997273 0 0 0 0 76.074879h379.410403a37.997273 37.997273 0 1 0 0-76.074879z"  ></path><path d="M872.009339 225.334273H429.698587a94.390689 94.390689 0 0 0-173.518202 0H187.415764a37.997273 37.997273 0 1 0 0 76.074878h69.407281a94.471021 94.471021 0 0 0 172.313215 0h442.873079a37.997273 37.997273 0 0 0 0-76.074878z m0 252.886714h-49.886483a94.471021 94.471021 0 0 0-173.036208 0H187.335431a37.997273 37.997273 0 1 0 0 76.074878h461.751217a94.471021 94.471021 0 0 0 172.79521 0h50.047149a37.997273 37.997273 0 0 0 0-76.074878z"  ></path></symbol><symbol id="icon-xuanzemoxing" viewBox="0 0 1024 1024"><path d="M512 1020.510815a95.649185 95.649185 0 0 1-47.483259-12.667259L106.723556 801.450667a95.194074 95.194074 0 0 1-47.48326-82.223408V306.441481a95.42163 95.42163 0 0 1 47.48326-82.223407L464.516741 17.825185a96.407704 96.407704 0 0 1 94.890666 0l357.793186 206.392889a95.194074 95.194074 0 0 1 47.483259 82.223407v412.785778a95.194074 95.194074 0 0 1-47.483259 82.223408l-357.793186 206.392889a96.786963 96.786963 0 0 1-47.407407 12.667259z m0-955.733334a36.257185 36.257185 0 0 0-17.59763 4.702815L136.609185 275.873185a35.346963 35.346963 0 0 0-17.597629 30.340741v412.785778a35.195259 35.195259 0 0 0 17.597629 30.34074L494.40237 955.733333a35.574519 35.574519 0 0 0 35.119408 0l357.793185-206.392889a35.346963 35.346963 0 0 0 17.59763-30.34074V305.98637a35.195259 35.195259 0 0 0-17.59763-30.34074L529.521778 69.252741a35.271111 35.271111 0 0 0-17.521778-4.47526z"  ></path><path d="M512.455111 533.010963a94.208 94.208 0 0 1-46.724741-12.363852l-282.320592-159.288889a29.88563 29.88563 0 1 1 29.354666-51.958518l282.320593 159.288889a34.967704 34.967704 0 0 0 34.209185 0l291.802074-159.668149a29.88563 29.88563 0 1 1 28.596148 52.41363L558.042074 521.253926a94.890667 94.890667 0 0 1-45.586963 11.757037z"  ></path><path d="M512 900.133926a29.733926 29.733926 0 0 1-29.809778-30.340741l1.21363-321.308444a94.966519 94.966519 0 0 1 49.531259-82.981926l288.237037-156.785778a29.809778 29.809778 0 1 1 28.444445 52.41363l-288.237037 156.785777a35.422815 35.422815 0 0 0-18.356149 30.72l-1.213629 321.308445a29.88563 29.88563 0 0 1-29.809778 30.189037z"  ></path><path d="M512 900.361481a29.733926 29.733926 0 0 1-29.809778-29.658074l-1.213629-321.308444a35.119407 35.119407 0 0 0-18.356149-30.871704L183.637333 361.585778a29.88563 29.88563 0 0 1 29.202963-52.110222L491.671704 466.261333a94.435556 94.435556 0 0 1 49.076148 82.830223l1.213629 321.15674a30.340741 30.340741 0 0 1-30.34074 30.340741z"  ></path></symbol><symbol id="icon-quanjucanshu" viewBox="0 0 1102 1024"><path d="M827.048445 708.877513a39.390311 39.390311 0 0 1 39.390311 39.390311v78.780621h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v78.780622a39.390311 39.390311 0 0 1-78.780622 0v-236.341865a39.390311 39.390311 0 0 1 39.390311-39.390311z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891zM275.658134 354.734924a39.390311 39.390311 0 0 1 39.390311 39.390311v236.267824a39.390311 39.390311 0 1 1-78.780621 0V551.316269H39.390311a39.390311 39.390311 0 1 1 0-78.780622h196.951555V393.829067a39.390311 39.390311 0 0 1 39.39031-39.390311z m787.658135 118.467101a39.390311 39.390311 0 0 1 0 78.780621H433.29342a39.390311 39.390311 0 1 1 0-78.780621zM827.048445 0.592336a39.390311 39.390311 0 0 1 39.390311 39.39031v78.780622h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v77.818077a39.390311 39.390311 0 0 1-78.780622 0V39.390311A39.390311 39.390311 0 0 1 827.048445 0z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891z"  ></path></symbol><symbol id="icon-baocun" viewBox="0 0 1024 1024"><path d="M890.482929 0h-756.965858A133.675266 133.675266 0 0 0 0 133.517071v756.88676a133.675266 133.675266 0 0 0 133.517071 133.596169h756.88676a133.675266 133.675266 0 0 0 133.596169-133.596169V133.517071A133.675266 133.675266 0 0 0 890.482929 0zM311.645296 88.985015h400.63031v178.049127a44.611154 44.611154 0 0 1-44.532056 44.532056H355.940059a44.611154 44.611154 0 0 1-44.532057-44.532056V88.985015z m623.290592 801.418816a44.611154 44.611154 0 0 1-44.532057 44.532057H133.517071a44.611154 44.611154 0 0 1-44.532056-44.532057v-756.965858a44.611154 44.611154 0 0 1 44.532056-44.532056h88.985015v178.049127A133.675266 133.675266 0 0 0 355.940059 400.551213h311.645296a133.675266 133.675266 0 0 0 133.596168-133.596169v-177.970029h88.985015a44.611154 44.611154 0 0 1 44.532056 44.532056z"  ></path><path d="M600.985015 255.960451a55.368454 55.368454 0 1 0-55.368454-55.368453 55.368454 55.368454 0 0 0 55.368454 55.368453z m155.901745 434.009578H267.11324a44.611154 44.611154 0 0 0 0 89.143211h489.77352a44.611154 44.611154 0 0 0 0-89.143211z"  ></path></symbol><symbol id="icon-xuanzeshujuji" viewBox="0 0 1024 1024"><path d="M980.707557 238.350445L534.736146 5.830722a49.403547 49.403547 0 0 0-45.621457 0L43.537245 234.804736A49.403547 49.403547 0 0 0 16.589856 278.771529v473.470355a49.561134 49.561134 0 0 0 27.42015 44.36076l445.813825 222.197771a49.403547 49.403547 0 0 0 44.203173 0l445.735031-222.197771a49.561134 49.561134 0 0 0 27.42015-44.36076V282.080857a49.324753 49.324753 0 0 0-26.474628-43.730412z m-472.761213 223.931228L340.588874 379.863635l379.0757-203.050941L883.318747 261.988506z m3.545709-393.967678l137.258339 71.623324-381.045538 204.075257-149.707718-73.593162zM82.303665 326.441618l158.138626 77.848013v173.345778a33.014491 33.014491 0 0 0 66.028982 0v-141.040429l172.085082 84.703051v418.31488L82.303665 741.919931z m462.596847 613.171293v-422.33335l396.25269-211.245469v435.807045z"  ></path></symbol><symbol id="icon-xuanzejingxiang" viewBox="0 0 1024 1024"><path d="M548.603948 0a18.210919 18.210919 0 0 1 18.21092 18.210919v987.487107a18.210919 18.210919 0 0 1-18.21092 18.210919h-72.843678a18.210919 18.210919 0 0 1-18.210919-18.210919V18.210919a18.210919 18.210919 0 0 1 18.210919-18.210919zM365.766317 109.265517a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H109.265517v585.116842h256.045527a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H18.210919a18.210919 18.210919 0 0 1-18.210919-18.210919v-766.679708a18.210919 18.210919 0 0 1 18.210919-18.21092z m566.905922 694.837631v109.265516h-109.265517v-109.265516z m-182.837631 0v109.265516h-109.265517v-109.265516z m274.256447-164.535657v109.265516h-109.265517v-109.265516z m0-182.837631v109.265516h-109.265517v-109.265516z m0-182.837632v109.265517h-109.265517v-109.265517zM749.743553 109.265517v109.265516h-109.265516V109.265517z m182.837631 0v109.265516h-109.265516V109.265517z"  ></path></symbol><symbol id="icon-baocunbingfanhui" viewBox="0 0 1024 1024"><path d="M195.381615 89.081884h382.051717v228.863542a68.461708 68.461708 0 0 0 77.512808 77.512808h228.863542v484.199851a38.041844 38.041844 0 0 1-5.104004 16.87724 84.862574 84.862574 0 0 1-13.270411 18.170254 56.620418 56.620418 0 0 1-36.884936 20.416017h-632.896502a56.620418 56.620418 0 0 1-36.884936-20.416017 84.862574 84.862574 0 0 1-13.270411-18.170254 38.041844 38.041844 0 0 1-5.104004-16.87724V144.273181a38.041844 38.041844 0 0 1 5.104004-16.87724 84.862574 84.862574 0 0 1 13.270411-18.170254 56.620418 56.620418 0 0 1 36.884936-20.416017z m241.317312 432.683437l23.410365-23.410365a39.266805 39.266805 0 1 0-55.531564-55.531565L315.087524 532.313596a39.266805 39.266805 0 0 0 27.221355 68.053387h206.678137a55.667671 55.667671 0 1 1 0 111.267289h-93.913675a39.266805 39.266805 0 0 0 0 78.533609H548.578696a134.133226 134.133226 0 1 0 0-268.334507z m226.41362-503.595067a60.499461 60.499461 0 0 0-43.145848-18.034147H195.381615A144.000968 144.000968 0 0 0 51.108434 144.409288v735.31685a144.000968 144.000968 0 0 0 144.273181 144.273181h632.896503a147.403637 147.403637 0 0 0 144.273181-144.273181V357.552497a60.499461 60.499461 0 0 0-17.421667-42.465314z m3.402669 288.342203V148.832758l157.679698 157.679699H666.515216z"  ></path></symbol><symbol id="icon-zidingyijingxiang" viewBox="0 0 1116 1024"><path d="M595.247277 1016.045693h-483.497068a103.873886 103.873886 0 0 1-103.561952-103.561952v-483.497068a103.561953 103.561953 0 0 1 103.561952-103.172036h331.819359v56.45998H111.750209a46.790039 46.790039 0 0 0-46.790038 46.790039v483.497068a46.790039 46.790039 0 0 0 46.790038 46.790039h483.497068a46.790039 46.790039 0 0 0 46.790039-46.790039v-241.748534h56.45998v241.748534a103.561953 103.561953 0 0 1-103.561952 103.561953z"  ></path><path d="M595.247277 1023.844033h-483.497068a111.906176 111.906176 0 0 1-111.360292-111.360292v-483.497068a111.516259 111.516259 0 0 1 111.360292-110.970376h339.617699v72.05666H111.750209a38.991699 38.991699 0 0 0-38.991699 38.991699v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h483.497068a38.991699 38.991699 0 0 0 38.991699-38.991699v-249.546874h72.05666v249.546874a111.516259 111.516259 0 0 1-111.048359 111.282309z m-483.497068-690.231056A95.841596 95.841596 0 0 0 15.986597 429.37659v483.497068a96.231513 96.231513 0 0 0 95.763612 95.373696h483.497068a95.841596 95.841596 0 0 0 95.763613-95.763613v-233.950194h-41.175234v233.950194a54.978296 54.978296 0 0 1-54.588379 54.588378h-483.497068a54.978296 54.978296 0 0 1-54.588378-54.588378v-483.497068a54.978296 54.978296 0 0 1 54.588378-54.588379h324.021019v-40.8633z"  ></path><path d="M1003.958267 698.887213h-483.497068a103.873886 103.873886 0 0 1-103.561953-103.561952v-483.497068A103.873886 103.873886 0 0 1 520.461199 7.954307h483.497068a103.561953 103.561953 0 0 1 104.41977 103.873886v483.497068a103.561953 103.561953 0 0 1-104.41977 103.561952zM520.461199 64.25832a47.413906 47.413906 0 0 0-46.790039 47.413906v483.497068a46.790039 46.790039 0 0 0 46.790039 46.790039h483.497068a46.790039 46.790039 0 0 0 47.95979-46.790039v-483.497068a47.413906 47.413906 0 0 0-47.95979-47.413906z"  ></path><path d="M1004.816084 706.685553H520.305232a111.906176 111.906176 0 0 1-111.360293-111.360292v-483.497068A111.828193 111.828193 0 0 1 520.305232 0.155967h484.588835a110.658442 110.658442 0 0 1 78.529282 32.441093 112.062143 112.062143 0 0 1 32.831011 79.231133v483.497068a112.140126 112.140126 0 0 1-32.908994 79.075165 110.658442 110.658442 0 0 1-78.529282 32.285127zM520.305232 15.59668a96.231513 96.231513 0 0 0-95.763613 96.075546v483.497068A96.231513 96.231513 0 0 0 520.305232 690.932907h484.510852a95.217729 95.217729 0 0 0 67.455639-27.76209 96.38748 96.38748 0 0 0 28.307974-68.001523v-483.497068a96.38748 96.38748 0 0 0-28.22999-68.15749 95.139746 95.139746 0 0 0-67.533623-27.840073H520.305232z m484.510852 634.628893H520.305232a54.978296 54.978296 0 0 1-54.588379-54.588379v-483.497068a55.368213 55.368213 0 0 1 54.588379-55.212245h484.276902a54.588379 54.588379 0 0 1 38.991699 15.596679 55.602163 55.602163 0 0 1 16.376514 38.991699v483.497068a55.290229 55.290229 0 0 1-16.454497 38.991699 54.588379 54.588379 0 0 1-38.679766 16.220547zM520.305232 71.978676a39.69355 39.69355 0 0 0-38.991699 39.615567v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h484.510852a38.991699 38.991699 0 0 0 27.52814-11.307593 39.537583 39.537583 0 0 0 11.775493-28.074023v-483.497068a39.849516 39.849516 0 0 0-11.775493-28.152007 38.991699 38.991699 0 0 0-27.840074-11.46356H520.305232z"  ></path></symbol><symbol id="icon-bendishangchuan" viewBox="0 0 1024 1024"><path d="M529.422023 426.428172v333.916154a35.774176 35.774176 0 0 1-70.975964 0V426.428172l-56.523197 62.175517a35.774176 35.774176 0 0 1-52.51649-47.72275l118.197876-130.074902a35.344885 35.344885 0 0 1 52.51649 0l118.197876 130.074902a35.774176 35.774176 0 0 1-52.444942 47.72275zM116.731135 74.553382a34.200112 34.200112 0 0 0-36.632756 31.123532v812.574623a34.200112 34.200112 0 0 0 36.632756 31.123533h789.893795a34.200112 34.200112 0 0 0 36.632756-31.123533V222.15763a34.27166 34.27166 0 0 0-36.632756-31.123533H535.145892a108.968139 108.968139 0 0 1-85.07099-39.566238l-51.872554-63.534936a38.850755 38.850755 0 0 0-30.050308-13.45109H116.731135z m789.893795 945.8692H116.731135a105.032979 105.032979 0 0 1-107.322527-102.099496V105.748463A105.032979 105.032979 0 0 1 116.731135 3.577418h251.420905a108.89659 108.89659 0 0 1 85.07099 39.566238l51.872554 63.534935a38.850755 38.850755 0 0 0 30.121856 13.45109h371.479038a105.032979 105.032979 0 0 1 107.322527 102.099497v696.093908a105.104528 105.104528 0 0 1-107.107881 102.099496z"  ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M853.870282 799.648577a480.64016 480.64016 0 1 0-226.91662 149.899916 38.356386 38.356386 0 0 0-22.369493-73.369505 412.315948 412.315948 0 1 1 172.755702-106.194303 44.374265 44.374265 0 0 0 0.486293 62.245544l179.806955 179.806955a38.356386 38.356386 0 0 0 54.282492-54.221705z"  ></path></symbol><symbol id="icon-jiyugongwangjingxiang" viewBox="0 0 1029 1024"><path d="M317.2765 36.013224H147.005979A111.208834 111.208834 0 0 0 36.013224 147.005979v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 110.992755-111.785046V147.005979A111.208834 111.208834 0 0 0 317.2765 36.013224z m37.021594 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H147.005979a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594z m36.877541 191.734402H73.034817a37.021594 37.021594 0 0 0 0 74.115214h318.140818a37.021594 37.021594 0 0 0 0-74.115214zM882.756137 36.013224H712.485616a111.208834 111.208834 0 0 0-110.992755 110.992755v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 111.208835-111.857073V146.933952A111.280861 111.280861 0 0 0 882.756137 36.013224z m36.877541 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H712.485616a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594v575.131181z m37.021594 191.734402H638.514455a37.021594 37.021594 0 0 0 0 74.115214h318.140817a37.021594 37.021594 0 0 0 0-74.115214zM514.556939 36.013224a37.09362 37.09362 0 0 0-37.021594 37.021593v37.021594a37.021594 37.021594 0 0 0 74.115214 0v-37.021594A37.381726 37.381726 0 0 0 514.556939 36.013224z m0 402.62784a36.661462 36.661462 0 0 0-37.021594 37.021593v72.530633a37.09362 37.09362 0 0 0 74.115214 0.792291V475.374552a36.877541 36.877541 0 0 0-37.09362-36.733488z m0-219.752691a36.661462 36.661462 0 0 0-37.021594 37.021594v73.106844a37.021594 37.021594 0 0 0 74.115214 0V255.909967a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 438.857143a36.661462 36.661462 0 0 0-37.021594 37.021594v72.530632a37.09362 37.09362 0 0 0 74.115214 0.792291V694.76711a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 219.104452a36.661462 36.661462 0 0 0-37.021594 37.021594v36.877541a36.661462 36.661462 0 0 0 37.021594 37.021594 37.165647 37.165647 0 0 0 37.021594-37.021594v-37.021594a36.733488 36.733488 0 0 0-37.021594-36.877541z"  ></path></symbol><symbol id="icon-gonggongjingxiang" viewBox="0 0 1024 1024"><path d="M515.409476 1023.991387a463.688796 463.688796 0 0 1-357.672023-168.24869 31.941411 31.941411 0 1 1 49.096461-40.913718 400.021309 400.021309 0 0 0 551.904512 62.375475 32.084968 32.084968 0 0 1 38.903921 51.106257 455.14716 455.14716 0 0 1-282.232871 95.680676z m423.492863-346.402807a27.850039 27.850039 0 0 1-6.101168-0.43067 31.941411 31.941411 0 0 1-25.122458-37.755466 404.902244 404.902244 0 0 0 7.680294-78.956296 398.226848 398.226848 0 0 0-221.795414-358.389808 31.726075 31.726075 0 0 1-14.355691-43.06707 32.084968 32.084968 0 0 1 43.067071-14.355691 462.468562 462.468562 0 0 1 257.110413 415.597234 457.515849 457.515849 0 0 1-9.25942 91.589303 31.726075 31.726075 0 0 1-31.008291 25.768464zM82.872529 577.888312h-1.148455a32.156746 32.156746 0 0 1-31.223627-33.233423 466.559934 466.559934 0 0 1 356.380011-436.412984 32.156746 32.156746 0 0 1 15.360589 62.375474 400.954429 400.954429 0 0 0-306.637544 376.262642 33.089866 33.089866 0 0 1-32.515639 31.008291z m0 0"  ></path><path d="M515.337698 255.961957a127.980979 127.980979 0 1 1 128.196314-127.765643 128.268093 128.268093 0 0 1-128.196314 127.765643z"  ></path><path d="M515.409476 63.739265a63.9546 63.9546 0 1 0 63.954601 63.9546 64.098157 64.098157 0 0 0-63.954601-63.9546z m-386.168068 810.16338a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.268092 128.196314z"  ></path><path d="M129.16963 681.679952a64.026379 64.026379 0 1 0 63.9546 64.026379 64.098157 64.098157 0 0 0-63.9546-64.026379z m765.588962 192.222693a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.124536 128.124535z"  ></path><path d="M894.83037 681.679952a63.9546 63.9546 0 1 0 63.9546 63.9546 64.098157 64.098157 0 0 0-63.9546-63.9546z"  ></path></symbol><symbol id="icon-shuaxin" viewBox="0 0 1024 1024"><path d="M511.991431 0.017138a511.991431 511.991431 0 1 0 511.991431 511.991431 47.414548 47.414548 0 1 0-94.829096 0 420.875522 420.875522 0 0 1-417.162335 417.162335A420.875522 420.875522 0 0 1 94.829096 512.008569 420.875522 420.875522 0 0 1 511.991431 94.846234a349.896515 349.896515 0 0 1 218.078359 66.337523v9.497191l-47.414549 57.125962c-18.994382 18.994382 0 57.125962 28.562981 57.125961l218.078359 9.497192c18.994382 0 37.917357-28.562981 37.917357-47.414549L900.7336 37.934495A36.774838 36.774838 0 0 0 834.396077 28.580119l-37.917357 57.125961A501.708758 501.708758 0 0 0 511.991431 0.017138z"  ></path></symbol><symbol id="icon-xinjian2" viewBox="0 0 1024 1024"><path d="M822.146022 820.78166a436.564065 436.564065 0 1 0-617.234953 0 436.564065 436.564065 0 0 0 617.234953 0z m52.415166 52.415167a511.855051 511.855051 0 1 1 0-722.614855 511.855051 511.855051 0 0 1 0.068696 722.752247z"  ></path><path d="M551.208386 474.553039h203.271923a37.920278 37.920278 0 0 1 0 75.56577H551.551867v202.928442a37.920278 37.920278 0 0 1-75.565771 0V550.118809H272.439389a37.920278 37.920278 0 0 1 0-75.56577h203.546707V271.006332a37.920278 37.920278 0 0 1 75.565771 0z"  ></path></symbol><symbol id="icon-fuzhi" viewBox="0 0 1024 1024"><path d="M660.058353 237.206588a63.427765 63.427765 0 0 1 63.427765 63.427765v591.811765a63.427765 63.427765 0 0 1-63.427765 63.427764h-465.016471a63.427765 63.427765 0 0 1-63.367529-63.427764V300.634353a63.427765 63.427765 0 0 1 63.427765-63.427765z m-21.142588 84.329412H216.003765v549.526588h422.731294z m190.102588-253.409882a63.427765 63.427765 0 0 1 63.126588 57.344V701.861647a42.224941 42.224941 0 0 1-84.329412 4.939294V152.455529H385.264941a42.164706 42.164706 0 0 1-42.164706-37.345882v-4.939294a42.164706 42.164706 0 0 1 37.345883-42.164706h4.939294z"  ></path></symbol><symbol id="icon-chakanxiangqing" viewBox="0 0 1024 1024"><path d="M749.146353 292.924235a31.563294 31.563294 0 0 0-31.442824-31.442823H316.717176a31.442824 31.442824 0 0 0 0 62.885647h400.986353a31.563294 31.563294 0 0 0 31.442824-31.442824z m-432.429177 156.611765a31.442824 31.442824 0 0 0 0 62.885647h187.27153a31.442824 31.442824 0 0 0 0-62.885647z m450.981648 322.198588a27.949176 27.949176 0 0 0-6.746353-5.12 154.503529 154.503529 0 0 0 28.129882-89.088 158.479059 158.479059 0 1 0-158.479059 156.611765 159.563294 159.563294 0 0 0 86.91953-25.6 31.382588 31.382588 0 0 0 5.662117 7.830588l81.618824 81.618824a31.503059 31.503059 0 0 0 44.513882-44.513883z m-137.09553 0.602353a94.750118 94.750118 0 1 1 96.015059-94.750117 95.412706 95.412706 0 0 1-95.954824 94.750117z"  ></path><path d="M582.656 887.988706h-349.364706a62.885647 62.885647 0 0 1-62.704941-62.704941V199.559529a62.885647 62.885647 0 0 1 62.704941-62.704941h536.094118a62.885647 62.885647 0 0 1 62.704941 62.704941v312.018824a31.563294 31.563294 0 0 0 63.126588 0V198.475294c0-68.969412-27.045647-125.409882-96.015059-125.409882H237.086118a125.831529 125.831529 0 0 0-125.409883 125.409882v626.989177a125.831529 125.831529 0 0 0 125.409883 125.409882h345.148235a31.442824 31.442824 0 0 0 0.421647-62.885647z"  ></path><path d="M832.572235 637.048471a31.563294 31.563294 0 1 0 31.563294-31.442824 31.503059 31.503059 0 0 0-31.563294 31.442824z"  ></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M912.384 668.551529v88.545883a99.448471 99.448471 0 0 1-99.568941 99.508706H211.184941a99.448471 99.448471 0 0 1-99.568941-99.508706v-88.545883a49.814588 49.814588 0 0 0-99.568941 0v87.100236a199.800471 199.800471 0 0 0 199.80047 199.80047h600.184471a199.800471 199.800471 0 0 0 199.800471-199.80047v-87.100236a49.814588 49.814588 0 0 0-99.568942 0z"  ></path><path d="M728.003765 398.516706a50.778353 50.778353 0 0 0-71.740236 0l-95.171764 95.171765V125.530353a49.814588 49.814588 0 1 0-99.568941 0v368.158118l-95.171765-95.171765a50.718118 50.718118 0 1 0-71.740235 71.740235l177.995294 177.995294a54.753882 54.753882 0 0 0 77.462588 0l177.874823-177.995294a50.537412 50.537412 0 0 0 0.060236-71.740235z"  ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M198.354824 835.764706a78.305882 78.305882 0 0 1-77.040942-91.617882l36.502589-209.498353a78.305882 78.305882 0 0 1 21.805176-42.164706L597.413647 74.691765a78.305882 78.305882 0 0 1 110.592 0l172.875294 172.875294a78.305882 78.305882 0 0 1 0 110.592l-417.792 417.91247a77.402353 77.402353 0 0 1-42.164706 21.684706l-209.377882 36.502589a73.547294 73.547294 0 0 1-13.191529 1.505882z m43.309176-284.069647l-34.334118 196.969412 196.969412-34.334118 411.105882-411.105882-162.635294-162.635295z m619.399529 420.141176H162.936471a42.706824 42.706824 0 1 1 0-85.413647h698.247529a42.706824 42.706824 0 1 1 0 85.413647z"  ></path></symbol><symbol id="icon-shiyanduibi" viewBox="0 0 1024 1024"><path d="M974.426353 316.536471a502.061176 502.061176 0 1 0 39.755294 195.463529 501.820235 501.820235 0 0 0-39.755294-195.463529z m-157.515294 500.555294a431.164235 431.164235 0 1 1 126.494117-304.971294 428.574118 428.574118 0 0 1-126.494117 304.971294z"  ></path><path d="M511.819294 3.915294a506.759529 506.759529 0 1 1-197.812706 39.996235A505.976471 505.976471 0 0 1 511.819294 3.915294z m0 1004.242824a494.712471 494.712471 0 1 0-193.114353-39.032471 493.146353 493.146353 0 0 0 193.234824 39.032471z m0-933.647059a437.488941 437.488941 0 1 1-309.308235 128.180706 434.477176 434.477176 0 0 1 309.308235-128.060236z m0 862.689882a425.441882 425.441882 0 1 0-300.694588-124.626823 422.490353 422.490353 0 0 0 300.694588 124.988235z"  ></path><path d="M180.224 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 180.224 512.602353z"  ></path><path d="M250.940235 435.862588A76.739765 76.739765 0 1 1 174.200471 512.602353a76.860235 76.860235 0 0 1 76.739764-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M440.500706 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 440.500706 512.602353z"  ></path><path d="M511.216941 435.862588A76.739765 76.739765 0 1 1 434.477176 512.602353a76.860235 76.860235 0 0 1 76.739765-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M701.982118 512a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 701.982118 512z"  ></path><path d="M772.698353 588.8a76.739765 76.739765 0 1 1 76.739765-76.739765 76.860235 76.860235 0 0 1-76.739765 76.739765z m0-141.432471a64.692706 64.692706 0 1 0 64.692706 64.692706 64.752941 64.752941 0 0 0-64.692706-64.752941z"  ></path></symbol><symbol id="icon-shangchuan" viewBox="0 0 1024 1024"><path d="M808.237176 393.336471a297.622588 297.622588 0 0 0-592.655058 0 221.003294 221.003294 0 0 0-197.029647 238.953411 216.124235 216.124235 0 0 0 216.244705 217.750589h32.346353a26.985412 26.985412 0 0 0 0-53.729883h-32.346353a175.465412 175.465412 0 0 1-2.409411-349.364706l24.094117 6.02353 3.132236-29.57553a251.181176 251.181176 0 0 1 502.241882 0l4.879059 29.033412 24.094117-5.662118a175.465412 175.465412 0 0 1-2.409411 349.364706h-36.442353a26.985412 26.985412 0 0 0 0 53.729883h36.683294a216.124235 216.124235 0 0 0 216.244706-217.750589 221.003294 221.003294 0 0 0-196.668236-238.772705z"  ></path><path d="M511.939765 114.567529a320.150588 320.150588 0 0 1 303.947294 270.21553 231.183059 231.183059 0 0 1 198.535529 247.868235 225.942588 225.942588 0 0 1-215.461647 226.605177h-46.501647a36.141176 36.141176 0 0 1 0-71.800471h37.707294a166.610824 166.610824 0 0 0 2.168471-331.294118l-32.587294 7.589647-6.505412-38.972235a242.206118 242.206118 0 0 0-484.291765 0l-4.276706 39.875765-33.249882-8.432941a166.610824 166.610824 0 0 0 2.288941 331.294117h33.551059a36.141176 36.141176 0 0 1 0 71.800471H225.159529a225.942588 225.942588 0 0 1-215.461647-226.605177 231.183059 231.183059 0 0 1 198.475294-247.868235 320.150588 320.150588 0 0 1 303.766589-270.275765z m286.900706 726.678589a207.932235 207.932235 0 0 0 197.511529-209.076706 212.208941 212.208941 0 0 0-188.476235-229.556706l-7.168-0.361412-1.264941-7.107765a288.647529 288.647529 0 0 0-574.885648 0l-1.264941 7.107765-7.168 0.361412a212.208941 212.208941 0 0 0-188.476235 229.556706 207.932235 207.932235 0 0 0 197.451294 209.317647H267.143529a18.070588 18.070588 0 0 0 0-35.659294h-33.551058a184.560941 184.560941 0 0 1-1.264942-367.435294h1.144471l15.36 3.915294 2.048-19.215059a260.156235 260.156235 0 0 1 520.131765-0.301177l3.252706 19.275295 15.962353-3.734589h1.325176a184.560941 184.560941 0 0 1-1.264941 367.435294h-37.707294a18.070588 18.070588 0 0 0 0 35.659295h37.165176c2.831059-0.301176 5.963294-0.180706 9.035294-0.180706z"  ></path><path d="M530.974118 491.339294a26.864941 26.864941 0 0 0-38.128942 0l-151.792941 151.792941a26.864941 26.864941 0 0 0 37.888 38.128941l106.134589-106.134588v328.824471a26.864941 26.864941 0 1 0 53.729882 0V575.126588l107.459765 106.134588a26.864941 26.864941 0 1 0 37.888-38.128941z"  ></path><path d="M511.879529 474.172235a36.141176 36.141176 0 0 1 25.47953 10.601412l153.057882 151.732706a36.141176 36.141176 0 0 1-50.597647 50.959059L547.779765 596.570353v307.2a36.141176 36.141176 0 1 1-71.800471 0v-307.2L385.325176 687.284706a36.141176 36.141176 0 0 1-50.657882 0 36.141176 36.141176 0 0 1 0-50.959059l151.732706-151.732706a36.141176 36.141176 0 0 1 25.479529-10.420706z m153.238589 205.643294a18.070588 18.070588 0 0 0 12.589176-30.479058L524.589176 497.543529a18.070588 18.070588 0 0 0-25.359058 0l-151.792942 151.792942a18.070588 18.070588 0 0 0 0 25.359058 18.070588 18.070588 0 0 0 25.118118 0l121.494588-121.494588v350.629647a18.070588 18.070588 0 1 0 35.659294 0V553.381647l122.819765 121.313882a17.709176 17.709176 0 0 0 12.589177 5.12z"  ></path></symbol><symbol id="icon-xiangqing" viewBox="0 0 1024 1024"><path d="M308.464941 297.261176h410.322824a24.094118 24.094118 0 0 0 0-48.188235H308.464941a24.094118 24.094118 0 1 0 0 48.188235z m-2.349176 169.923765h410.322823a24.094118 24.094118 0 1 0 0-48.188235H305.995294a24.094118 24.094118 0 0 0 0 48.188235z m271.058823 145.709177a24.094118 24.094118 0 0 0-24.094117-24.094118H309.368471a24.094118 24.094118 0 1 0 0 48.188235H552.96a24.094118 24.094118 0 0 0 24.094118-23.853176z"  ></path><path d="M308.464941 240.037647h410.322824a33.249882 33.249882 0 0 1 0 66.258824H308.464941a33.249882 33.249882 0 1 1 0-66.258824z m410.322824 48.188235a15.179294 15.179294 0 0 0 0-30.117647H308.464941a15.179294 15.179294 0 1 0 0 30.117647zM306.115765 409.660235h410.322823a33.249882 33.249882 0 1 1 0 66.258824H305.995294a33.249882 33.249882 0 0 1 0-66.258824z m410.322823 48.188236a15.179294 15.179294 0 1 0 0-30.117647H305.995294a15.179294 15.179294 0 0 0 0 30.117647zM309.187765 579.282824H552.96a33.249882 33.249882 0 1 1 0 66.258823H309.248a33.249882 33.249882 0 1 1 0-66.258823z m243.712 48.188235a15.179294 15.179294 0 1 0 0-30.117647H309.187765a15.179294 15.179294 0 1 0 0 30.117647z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path><path d="M599.04 960.150588H259.072a130.349176 130.349176 0 0 1-130.228706-130.16847V193.897412a130.349176 130.349176 0 0 1 130.228706-130.168471h505.976471a130.349176 130.349176 0 0 1 130.228705 130.168471v465.980235a20.841412 20.841412 0 0 1 0 2.409412 13.432471 13.432471 0 0 1 0 1.987765v1.987764l-0.421647 1.204706V668.732235l-0.361411 0.783059-0.361412 1.505882-0.722824 0.90353v0.903529l-1.566117 2.108236v1.325176l-2.650353 2.650353-1.204706 1.325176-1.445647 1.505883-263.710118 267.806117v0.963765l-4.035765 2.590118h-0.301176l-2.048 2.048h-0.361412l-0.602353 0.602353h-1.686588l-0.542118 0.542117h-1.746823l-0.963765 0.361412a9.758118 9.758118 0 0 1-1.927529 0.783059l-0.90353 0.301176-1.204706 0.602353h-5.782588zM259.132235 81.799529A112.278588 112.278588 0 0 0 146.974118 193.897412v636.02447a112.278588 112.278588 0 0 0 112.158117 112.097883H601.750588l1.024-0.481883h0.421647l0.90353-0.421647 1.385411-0.903529 1.264942-1.204706h0.361411l0.722824-0.602353h0.481882l0.421647-0.421647 265.035294-269.372235 1.445648-1.92753 0.602352-1.204706v-2.409411l1.084236-1.084236V193.897412a112.278588 112.278588 0 0 0-112.158118-112.097883z m323.704471 829.861647H259.132235a81.799529 81.799529 0 0 1-81.739294-81.739294V193.897412a81.799529 81.799529 0 0 1 81.739294-81.739294h505.976471a81.799529 81.799529 0 0 1 81.739294 81.739294v449.837176h-151.672471a112.278588 112.278588 0 0 0-112.158117 112.097883zM259.132235 130.228706a63.728941 63.728941 0 0 0-63.668706 63.668706v636.02447a63.728941 63.728941 0 0 0 63.668706 63.668706h305.633883v-137.697882a130.349176 130.349176 0 0 1 130.228706-130.168471h133.601882V193.897412a63.728941 63.728941 0 0 0-63.668706-63.668706z m354.063059 759.506823v-133.842823a81.799529 81.799529 0 0 1 81.739294-81.739294h130.590118z m81.739294-197.571764a63.728941 63.728941 0 0 0-63.668706 63.668706v89.810823l151.070118-153.479529z"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M766.012235 947.320471H257.566118a80.414118 80.414118 0 0 1-81.859765-78.908236V258.168471a32.045176 32.045176 0 0 1 32.647529-31.442824 32.406588 32.406588 0 0 1 32.64753 31.442824v610.243764a16.323765 16.323765 0 0 0 16.624941 16.022589h507.663059a16.323765 16.323765 0 0 0 16.624941-16.022589V258.168471a32.045176 32.045176 0 0 1 32.587294-31.442824 32.406588 32.406588 0 0 1 32.647529 31.442824v610.243764a79.872 79.872 0 0 1-81.136941 78.908236z"  ></path><path d="M766.012235 953.344H257.566118a86.558118 86.558118 0 0 1-87.883294-84.931765V258.168471a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a10.300235 10.300235 0 0 0 10.601412 9.999059h507.663059a10.300235 10.300235 0 0 0 10.601412-9.999059V258.168471a38.128941 38.128941 0 0 1 38.610823-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a81.558588 81.558588 0 0 1-24.094118 58.608941 89.449412 89.449412 0 0 1-63.066353 26.322824zM208.353882 232.749176a26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a74.511059 74.511059 0 0 0 75.836236 72.884706h508.446117a77.342118 77.342118 0 0 0 54.753883-22.708706 69.632 69.632 0 0 0 20.540235-50.055529V258.168471a26.383059 26.383059 0 0 0-26.804706-25.419295 26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a22.347294 22.347294 0 0 1-22.648471 22.046118H257.566118a22.347294 22.347294 0 0 1-22.648471-22.046118V258.168471a26.383059 26.383059 0 0 0-26.563765-25.419295z"  ></path><path d="M913.950118 265.938824H109.327059a32.045176 32.045176 0 0 1-32.64753-31.442824 32.045176 32.045176 0 0 1 32.64753-31.442824h805.345882a32.045176 32.045176 0 0 1 32.64753 31.442824 32.527059 32.527059 0 0 1-33.370353 31.442824z"  ></path><path d="M913.950118 271.962353H109.327059a38.128941 38.128941 0 0 1-38.671059-37.466353 38.128941 38.128941 0 0 1 38.671059-37.466353h805.345882a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.393882 37.466353zM109.327059 209.076706a26.081882 26.081882 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h804.623059a26.684235 26.684235 0 0 0 27.166117-25.419294 26.081882 26.081882 0 0 0-26.443294-25.419294z"  ></path><path d="M425.321412 805.526588a32.045176 32.045176 0 0 1-32.64753-31.442823V363.580235a32.045176 32.045176 0 0 1 32.64753-31.442823 32.406588 32.406588 0 0 1 32.647529 31.442823v410.50353a32.406588 32.406588 0 0 1-32.647529 31.442823z"  ></path><path d="M425.321412 811.550118a38.128941 38.128941 0 0 1-38.671059-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a38.610824 38.610824 0 0 1-38.671059 37.466353z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 26.383059 26.383059 0 0 0 26.624-25.419294V363.580235a26.383059 26.383059 0 0 0-26.624-25.419294z"  ></path><path d="M618.797176 805.526588a32.045176 32.045176 0 0 1-32.647529-31.442823V363.580235a32.045176 32.045176 0 0 1 32.647529-31.442823 32.406588 32.406588 0 0 1 32.64753 31.442823v410.50353a31.683765 31.683765 0 0 1-32.64753 31.442823z"  ></path><path d="M618.797176 811.550118a38.128941 38.128941 0 0 1-38.671058-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a34.996706 34.996706 0 0 1-10.119529 25.539764 39.815529 39.815529 0 0 1-28.55153 11.926589z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 27.708235 27.708235 0 0 0 19.877648-8.252235 23.190588 23.190588 0 0 0 6.686117-16.986353V363.580235a26.383059 26.383059 0 0 0-26.563765-25.419294z"  ></path><path d="M576.933647 139.565176H446.464a32.045176 32.045176 0 0 1-32.647529-31.442823 32.406588 32.406588 0 0 1 32.647529-31.442824h131.072a32.045176 32.045176 0 0 1 32.647529 31.442824 32.527059 32.527059 0 0 1-33.249882 31.442823z"  ></path><path d="M576.933647 145.588706H446.464a38.128941 38.128941 0 0 1-38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059-37.466353h131.072a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.273412 37.466353zM446.464 82.703059a26.383059 26.383059 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h130.469647a26.684235 26.684235 0 0 0 27.226353-25.419294 26.081882 26.081882 0 0 0-26.624-25.419294z"  ></path></symbol><symbol id="icon-peizhi" viewBox="0 0 1024 1024"><path d="M512.060235 313.344a198.776471 198.776471 0 1 0 198.776471 198.776471 198.776471 198.776471 0 0 0-198.776471-198.776471z m-128.602353 198.776471a128.602353 128.602353 0 1 1 128.602353 128.602353 128.602353 128.602353 0 0 1-128.542117-128.662589z"  ></path><path d="M604.400941 56.079059H419.779765c-36.141176 0-65.596235 0-89.931294 2.409412a167.032471 167.032471 0 0 0-69.150118 20.058353 164.984471 164.984471 0 0 0-52.043294 49.754352c-14.336 19.757176-29.093647 45.296941-47.164235 76.438589L69.812706 362.797176c-18.070588 31.201882-32.948706 56.801882-43.128471 79.149177a150.588235 150.588235 0 0 0 0 140.288c10.119529 22.287059 25.057882 48.188235 43.128471 79.149176l91.678118 158.057412c18.070588 31.141647 32.828235 56.681412 47.164235 76.438588a150.588235 150.588235 0 0 0 121.193412 69.812706c24.094118 2.409412 53.850353 2.409412 89.931294 2.409412h184.621176c36.141176 0 65.596235 0 89.931294-2.409412a151.371294 151.371294 0 0 0 121.193412-69.812706c14.336-19.757176 29.093647-45.296941 47.164235-76.438588l91.617883-158.117647c18.070588-31.201882 32.948706-56.801882 43.12847-79.149176a150.588235 150.588235 0 0 0 0-140.288c-10.179765-22.287059-25.057882-48.188235-43.12847-79.149177l-91.678118-158.057412c-18.070588-31.141647-32.828235-56.681412-47.164235-76.438588A150.588235 150.588235 0 0 0 694.272 58.428235c-24.395294-2.349176-53.850353-2.349176-89.871059-2.349176zM295.695059 139.324235a96.677647 96.677647 0 0 1 41.020235-11.083294c20.48-1.987765 46.561882-2.048 84.751059-2.048h181.248c38.189176 0 64.271059 0 84.751059 2.108235a82.823529 82.823529 0 0 1 71.198117 40.899765c12.047059 16.685176 25.118118 39.213176 44.212706 72.282353l89.99153 155.045647c19.215059 33.129412 32.286118 55.777882 40.839529 74.511059a82.221176 82.221176 0 0 1 0 82.221176c-8.553412 18.733176-21.624471 41.381647-40.839529 74.511059l-89.99153 155.045647c-19.094588 32.948706-32.225882 55.476706-44.212706 72.282353a83.124706 83.124706 0 0 1-71.198117 40.96c-20.48 1.987765-46.561882 2.048-84.751059 2.048H421.466353c-38.189176 0-64.271059 0-84.751059-2.108235a82.823529 82.823529 0 0 1-71.198118-40.899765c-12.047059-16.685176-25.118118-39.213176-44.212705-72.282353L131.312941 627.772235c-19.215059-33.129412-32.286118-55.777882-40.839529-74.511059a82.221176 82.221176 0 0 1 0-82.221176c8.553412-18.733176 21.624471-41.381647 40.839529-74.511059l89.99153-155.045647c19.094588-32.948706 32.225882-55.476706 44.212705-72.282353a97.460706 97.460706 0 0 1 30.177883-29.876706z"  ></path></symbol><symbol id="icon-tiaoshi" viewBox="0 0 1024 1024"><path d="M549.586824 169.020235V69.270588a37.888 37.888 0 1 0-75.776 0v99.749647a148.359529 148.359529 0 0 0 0 286.418824v497.061647a37.888 37.888 0 0 0 75.776 0V455.439059a148.359529 148.359529 0 0 0 0-286.418824z m-37.707295 216.124236a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.282353 72.282353z m-271.058823 181.308235V69.270588a38.008471 38.008471 0 0 0-75.896471 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a38.008471 38.008471 0 1 0 75.896471 0v-99.508706a148.359529 148.359529 0 0 0 0-286.418824z m-37.888 215.702588a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.704 72.282353z m766.614588-72.282353a148.359529 148.359529 0 0 0-110.471529-143.239529V69.270588a37.888 37.888 0 1 0-75.776 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a37.888 37.888 0 0 0 75.776 0v-99.508706a148.359529 148.359529 0 0 0 110.471529-143.299765z m-148.359529 72.282353a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.643765 72.282353z"  ></path></symbol><symbol id="icon-yunhang" viewBox="0 0 1024 1024"><path d="M511.518118 24.395294a487.122824 487.122824 0 1 0 487.122823 487.122824A487.905882 487.905882 0 0 0 511.518118 24.395294z m0 899.252706a412.190118 412.190118 0 1 1 412.190117-412.190118 412.672 412.672 0 0 1-412.190117 412.190118z"  ></path><path d="M458.631529 292.562824a37.466353 37.466353 0 0 0-59.51247 30.117647v397.552941a37.466353 37.466353 0 0 0 59.51247 30.117647l273.528471-198.776471a37.466353 37.466353 0 0 0 0-60.596706z"  ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M25.359059 512A487.183059 487.183059 0 0 1 512.060235 25.298824a483.870118 483.870118 0 0 1 343.883294 142.817882A483.448471 483.448471 0 0 1 998.640941 512a487.183059 487.183059 0 0 1-486.580706 486.701176A487.183059 487.183059 0 0 1 25.359059 512z m69.692235 0a416.286118 416.286118 0 0 0 249.434353 382.132706 413.515294 413.515294 0 0 0 166.791529 34.876235 415.262118 415.262118 0 0 0 280.816942-108.845176L203.836235 231.905882A413.394824 413.394824 0 0 0 95.051294 512z m159.683765-327.619765l584.944941 584.884706A415.623529 415.623529 0 0 0 928.888471 512a418.635294 418.635294 0 0 0-235.881412-375.747765 413.153882 413.153882 0 0 0-180.705883-41.200941 417.972706 417.972706 0 0 0-257.566117 89.328941z"  ></path></symbol><symbol id="icon-tingzhi" viewBox="0 0 1024 1024"><path d="M500.796235 60.235294A440.560941 440.560941 0 1 1 60.235294 500.796235 440.560941 440.560941 0 0 1 500.796235 60.235294z m0 73.426824a367.134118 367.134118 0 1 0 367.134118 367.134117 367.134118 367.134118 0 0 0-367.134118-367.134117z m110.110118 220.28047a36.683294 36.683294 0 0 1 36.683294 36.683294v220.280471a36.683294 36.683294 0 0 1-36.683294 36.683294H390.625882a36.683294 36.683294 0 0 1-36.683294-36.683294V390.625882a36.683294 36.683294 0 0 1 36.683294-36.683294z"  ></path></symbol></svg>',function(t){var a=(a=document.getElementsByTagName("script"))[a.length-1],h=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var l,v,z,i,o,m=function(a,h){h.parentNode.insertBefore(a,h)};if(h&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}l=function(){var a,h=document.createElement("div");h.innerHTML=t._iconfont_svg_string_4511447,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(a=document.body).firstChild?m(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(v=function(){document.removeEventListener("DOMContentLoaded",v,!1),l()},document.addEventListener("DOMContentLoaded",v,!1)):document.attachEvent&&(z=l,i=t.document,o=!1,d(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,p())})}function p(){o||(o=!0,z())}function d(){try{i.documentElement.doScroll("left")}catch(a){return void setTimeout(d,50)}p()}}(window);
\ No newline at end of file
diff --git a/react-ui/src/pages/Experiment/Info/index.jsx b/react-ui/src/pages/Experiment/Info/index.jsx
index db217197..03398efb 100644
--- a/react-ui/src/pages/Experiment/Info/index.jsx
+++ b/react-ui/src/pages/Experiment/Info/index.jsx
@@ -25,10 +25,6 @@ function ExperimentText() {
 
   const getGraphData = (data) => {
     if (graph) {
-      // 修改历史数据有蓝色边框的问题
-      data.nodes.forEach((item) => {
-        item.style.stroke = '#fff';
-      });
       graph.data(data);
       graph.render();
     } else {
@@ -70,6 +66,18 @@ function ExperimentText() {
   useEffect(() => {
     initGraph();
     getFirstWorkflow(locationParams.workflowId);
+
+    const changeSize = () => {
+      if (!graph || graph.get('destroyed')) return;
+      if (!graphRef.current) return;
+      graph.changeSize(graphRef.current.clientWidth, graphRef.current.clientHeight);
+      graph.fitView();
+    };
+
+    window.addEventListener('resize', changeSize);
+    return () => {
+      window.removeEventListener('resize', changeSize);
+    };
   }, []);
 
   const initGraph = () => {
@@ -144,7 +152,7 @@ function ExperimentText() {
             if (value) {
               shape.attr('stroke', themes['primaryColor']);
             } else {
-              shape.attr('stroke', '#fff');
+              shape.attr('stroke', 'transparent');
             }
           }
         },
@@ -196,8 +204,14 @@ function ExperimentText() {
         },
         style: {
           fill: '#fff',
-          stroke: '#fff',
-          radius: 10,
+          stroke: 'transparent',
+          cursor: 'pointer',
+          radius: 8,
+          shadowColor: 'rgba(75, 84, 137, 0.4)',
+          shadowBlur: 6,
+          shadowOffsetX: 0,
+          shadowOffsetY: 0,
+          overflow: 'hidden',
           lineWidth: 0.5,
         },
       },
@@ -224,6 +238,23 @@ function ExperimentText() {
         },
       },
     });
+
+    // 修改历史数据样式问题
+    graph.node((node) => {
+      return {
+        style: {
+          stroke: 'transparent',
+          radius: 8,
+        },
+      };
+    });
+
+    // 绑定事件
+    bindEvents();
+  };
+
+  // 绑定事件
+  const bindEvents = () => {
     graph.on('node:click', (e) => {
       if (e.target.get('name') !== 'anchor-point' && e.item) {
         propsRef.current.showDrawer(e, locationParams.id, messageRef.current);
@@ -235,13 +266,8 @@ function ExperimentText() {
     graph.on('node:mouseleave', (e) => {
       graph.setItemState(e.item, 'hover', false);
     });
-    window.onresize = () => {
-      if (!graph || graph.get('destroyed')) return;
-      if (!graphRef.current) return;
-      graph.changeSize(graphRef.current.clientWidth, graphRef.current.clientHeight);
-      graph.fitView();
-    };
   };
+
   return (
     <div className={styles['pipeline-container']}>
       <div className={styles['pipeline-container__top']}>
diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.jsx b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
index 2f434cb0..1fc2f62b 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.jsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
@@ -122,10 +122,6 @@ const EditPipeline = () => {
   // 渲染数据
   const getGraphData = (data) => {
     if (graph) {
-      // 修改历史数据有蓝色边框的问题
-      data.nodes.forEach((item) => {
-        item.style.stroke = '#fff';
-      });
       graph.data(data);
       graph.render();
     } else {
@@ -371,7 +367,7 @@ const EditPipeline = () => {
                 point.show();
               });
             } else {
-              shape.attr('stroke', '#fff');
+              shape.attr('stroke', 'transparent');
               anchorPoints.forEach((point) => {
                 point.hide();
               });
@@ -467,9 +463,13 @@ const EditPipeline = () => {
         },
         style: {
           fill: '#fff',
-          stroke: '#fff',
+          stroke: 'transparent',
           cursor: 'pointer',
-          radius: 10,
+          radius: 8,
+          shadowColor: 'rgba(75, 84, 137, 0.4)',
+          shadowBlur: 6,
+          shadowOffsetX: 0,
+          shadowOffsetY: 0,
           overflow: 'hidden',
           lineWidth: 0.5,
         },
@@ -500,9 +500,21 @@ const EditPipeline = () => {
       },
     });
 
+    // 修改历史数据样式问题
+    graph.node((node) => {
+      return {
+        style: {
+          stroke: 'transparent',
+          radius: 8,
+        },
+      };
+    });
+
+    // 绑定事件
     bindEvents();
   };
 
+  // 绑定事件
   const bindEvents = () => {
     graph.on('node:click', (e) => {
       if (e.target.get('name') !== 'anchor-point' && e.item) {
@@ -599,25 +611,25 @@ const EditPipeline = () => {
   // 上下文菜单
   const initMenu = () => {
     const contextMenu = new G6.Menu({
+      className: 'pipeline-context-menu',
       getContent(evt) {
         const type = evt.item.getType();
-        const cloneDisplay = type === 'node' ? 'block' : 'none';
+        const cloneDisplay = type === 'node' ? 'flex' : 'none';
         return `
-            <ul style="position: absolute;
-            width: 100px;
-            padding-left:0;
-            display:flex;
-            flex-direction: column;
-            align-items:center;
-            left: 0px;
-            top: 0px;
-            background-color: #ffffff;
-            font-size: 14px;
-            color: #333333;
-            overflow-y: auto;">
-              <li style="padding: 10px 20px;cursor: pointer; display: ${cloneDisplay}" code="clone">复制</li>
-              <li style="padding: 10px 20px;cursor: pointer;" code="delete">删除</li>
-            </ul>`;
+            <div>
+              <div class="pipeline-context-menu__item" style="display: ${cloneDisplay}" code="clone">
+                <svg class="pipeline-context-menu__item__icon">
+                 <use xlink:href="#icon-fuzhi1" />
+                </svg>
+                <span>复制</span>
+              </div>
+              <div class="pipeline-context-menu__item" code="delete">
+                <svg class="pipeline-context-menu__item__icon">
+                  <use xlink:href="#icon-shanchu1" />
+                </svg>
+                <span>删除</span>
+               </div>
+            </div>`;
       },
       handleMenuClick: (target, item) => {
         switch (target.getAttribute('code')) {
diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.less b/react-ui/src/pages/Pipeline/editPipeline/index.less
index 1189e4f8..7a2cf09f 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.less
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.less
@@ -28,3 +28,36 @@
     }
   }
 }
+
+:global {
+  .pipeline-context-menu {
+    width: 78px;
+    padding: 10px 0;
+    background: #ffffff;
+    border-radius: 6px;
+    box-shadow: 0px 0px 6px rgba(40, 84, 168, 0.21);
+
+    &__item {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 34px;
+      padding-left: 12px;
+      color: @text-color-secondary;
+      font-size: 15px;
+      cursor: pointer;
+
+      &:hover {
+        color: @primary-color;
+        background-color: .addAlpha(#8895a8, 0.11) [];
+      }
+
+      &__icon {
+        width: 1em;
+        height: 1em;
+        margin-right: 9px;
+        fill: currentColor;
+      }
+    }
+  }
+}

From 15376cb7a0c6907a6cb2081a2beb7b319f1981e1 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 1 Jul 2024 17:34:40 +0800
Subject: [PATCH 07/13] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E5=92=8C=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/config.ts                     |   2 +-
 react-ui/config/defaultSettings.ts            |   2 +-
 react-ui/config/routes.ts                     |   2 +-
 .../public/assets/images/left-top-logo-1.png  | Bin 0 -> 4760 bytes
 .../public/assets/images/left-top-logo.png    | Bin 4760 -> 5270 bytes
 react-ui/src/pages/User/Login/index.tsx       |   6 +++---
 6 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 react-ui/public/assets/images/left-top-logo-1.png

diff --git a/react-ui/config/config.ts b/react-ui/config/config.ts
index 3b681f86..759d7c56 100644
--- a/react-ui/config/config.ts
+++ b/react-ui/config/config.ts
@@ -76,7 +76,7 @@ export default defineConfig({
    * @name layout 插件
    * @doc https://umijs.org/docs/max/layout-menu
    */
-  title: '智能软件开发平台',
+  title: '智能材料科研平台',
   layout: {
     locale: false,
     ...defaultSettings,
diff --git a/react-ui/config/defaultSettings.ts b/react-ui/config/defaultSettings.ts
index 97a26343..d1842286 100644
--- a/react-ui/config/defaultSettings.ts
+++ b/react-ui/config/defaultSettings.ts
@@ -16,7 +16,7 @@ const Settings: ProLayoutProps & {
   fixSiderbar: false,
   splitMenus: false,
   colorWeak: false,
-  title: '智能软件开发平台',
+  title: '智能材料科研平台',
   pwa: true,
   logo: '/assets/images/left-top-logo.png',
   token: {
diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index e89d5d60..960a3cb0 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -112,7 +112,7 @@ export default [
       {
         name: '开发环境',
         path: '',
-        component: './DevelopmentEnvironment/List',
+        component: './DevelopmentEnvironment/Editor',
       },
       {
         name: '创建编辑器',
diff --git a/react-ui/public/assets/images/left-top-logo-1.png b/react-ui/public/assets/images/left-top-logo-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..64bdaf2cf55b78ae2e07835a6bf4adbdbd2def0f
GIT binary patch
literal 4760
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

literal 0
HcmV?d00001

diff --git a/react-ui/public/assets/images/left-top-logo.png b/react-ui/public/assets/images/left-top-logo.png
index 64bdaf2cf55b78ae2e07835a6bf4adbdbd2def0f..e2fbcfe56a63546e5be260aebc6053c124e30301 100644
GIT binary patch
literal 5270
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

literal 4760
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

diff --git a/react-ui/src/pages/User/Login/index.tsx b/react-ui/src/pages/User/Login/index.tsx
index 220a2b17..2bd5df39 100644
--- a/react-ui/src/pages/User/Login/index.tsx
+++ b/react-ui/src/pages/User/Login/index.tsx
@@ -241,10 +241,10 @@ const Login: React.FC = () => {
             style={{ height: '42px', marginRight: '10px' }}
             alt=""
           />
-          智能软件开发平台
+          智能材料科研平台
         </div>
         <div className={centerTitleBoX}>
-          <span style={{ whiteSpace: 'nowrap' }}>智能软件开发平台</span>
+          <span style={{ whiteSpace: 'nowrap' }}>智能材料科研平台</span>
 
           <img
             src="/assets/images/ai-logo.png"
@@ -271,7 +271,7 @@ const Login: React.FC = () => {
         <div className={rightTopTitle}>
           <span style={{ color: '#111111', fontSize: '36px' }}>hello~</span>
           <span style={{ color: '#606b7a', fontSize: '32px', marginLeft: '10px' }}>欢迎登陆</span>
-          <span style={{ color: '#1664ff', fontSize: '32px' }}>智能软件开发平台</span>
+          <span style={{ color: '#1664ff', fontSize: '32px' }}>智能材料科研平台</span>
         </div>
         <div className={containerLoginForm}>
           <div

From 51d1b77df6d9f5b55d17becb942d6faa507b7d9b Mon Sep 17 00:00:00 2001
From: fanshuai <1141904845@qq.com>
Date: Tue, 2 Jul 2024 11:22:40 +0800
Subject: [PATCH 08/13] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=98=E5=82=A8?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ruoyi/platform/service/impl/DatasetVersionServiceImpl.java  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/DatasetVersionServiceImpl.java b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/DatasetVersionServiceImpl.java
index afbd96bf..25b0df74 100644
--- a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/DatasetVersionServiceImpl.java
+++ b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/service/impl/DatasetVersionServiceImpl.java
@@ -240,7 +240,7 @@ public class DatasetVersionServiceImpl implements DatasetVersionService {
         datasetVersion.setFileName(dataset.getName()+"_"+labelDatasetVersionVo.getVersion()+"."+labelDatasetVersionVo.getExportType());
 
         datasetVersion.setFileSize(formattedSize);
-        datasetVersion.setUrl(url);
+        datasetVersion.setUrl(objectName);
         datasetVersion.setDescription(labelDatasetVersionVo.getDesc());
         this.insert(datasetVersion);
     }

From 5ee8a6bc17b1c2910c5b753af66e43e83e00cd95 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Tue, 2 Jul 2024 17:05:24 +0800
Subject: [PATCH 09/13] =?UTF-8?q?feat:=20=E6=B5=81=E6=B0=B4=E7=BA=BF?=
 =?UTF-8?q?=E5=BF=85=E5=A1=AB=E9=A1=B9=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/img/experiment-running.png     | Bin 0 -> 2097 bytes
 react-ui/src/assets/img/pipeline-warning.png  | Bin 0 -> 1652 bytes
 .../src/components/ParameterInput/index.tsx   |  68 ++++++++-----
 react-ui/src/pages/Experiment/Info/index.jsx  |   2 +-
 .../pages/ModelDeployment/Create/index.tsx    |  37 ++++++--
 .../src/pages/Pipeline/editPipeline/index.jsx |  69 ++++++++------
 .../pages/Pipeline/editPipeline/index.less    |   3 +-
 .../src/pages/Pipeline/editPipeline/props.tsx |  89 +++++++++++-------
 react-ui/src/utils/index.ts                   |  23 +++++
 react-ui/src/utils/promise.ts                 |   8 +-
 10 files changed, 195 insertions(+), 104 deletions(-)
 create mode 100644 react-ui/src/assets/img/experiment-running.png
 create mode 100644 react-ui/src/assets/img/pipeline-warning.png

diff --git a/react-ui/src/assets/img/experiment-running.png b/react-ui/src/assets/img/experiment-running.png
new file mode 100644
index 0000000000000000000000000000000000000000..3155302a67febe5f321b51c9ae34f25244b2b12d
GIT binary patch
literal 2097
zcmV-12+sG3P)<h;3K|Lk000e1NJLTq002S&002S=1^@s6<5U3X00004b3#c}2nYxW
zd<bNS000N*Nkl<ZcwX&WTWnNC82)E>%f%Q9^nx#74MvUf;Ekx&2LU4iRH!#VLM-$W
z#RN=*00}DKgCaa21~9aR5=B6ii%Q@@kQX3P6EP~mTR>1FyDiXa<hHxx_jh~f?Abkg
zX3jZVw%SP=O3y$4{PUgver5#qjt&GwFAgaLx)q4BS@PP@1uBnADia|p7lKL!erG|X
zpjgLGoMI9Do9su?*c$P7cfF{*0#W?D92B`s6GD<6!iGj;<3mk0CMBH${l282eeojN
z-L_VoHJNWh8$1wC$v)-9^ax3s4nf94=lYlk<VY*&5_s*#&%4oc_;;JQ6bRo=Ccyzw
zFN@0JG>t+uA53ovQb;>5NpuWrydDkFW?CmM2eDQlK$OmuqhRw5U^YAmp>%lwkY8ky
z>RQ%|&voZG(fI;m@C-RL9Htdu^0Z$;{LBX+TPaR2#+t>SUio+iqNGla3`_bD3lH<U
zc);^cCImg%+91C4!q*cJWi@gRCcYV%BlIG9wmER9h%|F!>&4rqERBIEt&z2uv<{)r
zc&@2%Ug!aYguj{<Z4mF6%s1LhX{~%IM6|+WfvZIeKo-QB#4_FWwSg$9k&{A#KEecG
zQTPK6G?`4&*w*#pGaYHQfEZLGM-&PA0u1}>Ff9}sXhnNGK@Xg57T>zb<O;;#X>vfM
zKQW_1i4JaiN`Eft=;bg~o?R!}a!qsv0uka<IK~NPs}~&gu4to}<QWJ=h$-+3n+tAR
z9t28As%mW#JDsLFY6O?ebdiqgR*VDSJtkKY{nkpf=SXfzhn5iCcN1)_G@b5b3(?^p
ziB5q>(4(W0?Mt^hmG;g+)X0?pVUDgq^(eGoo1CJ)dqL)Ac=K}~C91qR69D@f49N12
zi9R^2ySg47z*vTm3h6RORv_3xhWpb=JS^5*f@t1jsg3feLZ)%(ht%&3z*{qj?gs#-
zBWOSX#JPBwDzZ7wtU#34%Eb`+RTIIp0ikM%#f#N`&)1peQw-B$Z5ek*3Oscj1gO=k
ziQ3PbNaRSn1dfyUmo_qicu+>lhtnTOpgUS<y2B2{6!;7F8P@n7y{1K5yEG*iUj~Hv
zRl<*0<2%f+S{?`(Q2;T-6$s8C!-96`0$|apK(Npwl&0K@Pf|8-I_w%16c|aOQ7w()
zfGSUhM!+mM#7s05S_ML#J9`6~1&2(zb<y7jKzGg~;;6)9%R!<!&EEO(O!$h8aGKS*
zfvAxuU>4V#E|m?4mthL)v@-qNt1%e+U+JRp3oiPpzebxxg(DCHt7S!>2pu;Cf$8l)
zwEdGE1kN$oUziTnOgNg1TxiN6o&HjsZaCL0PFR0UGmWyDvKqBKl-YbZnMO8FqnCOE
z<EuBiB8p$FNDxhLZ4~ci2f{FkQa8yFViocQo#7P-jwU<irdBwF43wjY*I`et(lw%1
z?!_O*dS%Xnx(zlNFQ#Gf{b^N~;~Y}wwpz~TX@!^_h@ZQ=C2zVF);cRcQ8QRmKG2A7
z5IJtoY8nWg+z!u3HcS`EC%x*6eENygNUW}N0^$N5^v&l+{PI@)gx5rkWk4&hE!HRo
zW&%+y`;|v1m~7tfZgb2J3J5H55gO62$7;klSatIYDe?Vigc}e&%18KdmH@)pN1#7>
z49ysgAn2^STterg!(^?<+Q3@D!w(Q{QNvTgWeLgk0M`ZFJ8)~)d37VF8@guZFOTq%
zS+XW@3d|#jS|A%xYWAAn%+g1#!GiBVxokC4e8%_;9JmZ;po_0bJ@Q-G=BzdRRG%!I
z8rnFOW*hdCPOE6B86~&u?waqfTa~l=<c0lam#Q-hs-t8t==^GfYd?a4D65rQP;YcL
z=FMFitMGobeXRy8gTZFvRWt1EI_AUGtDk|avI$vbt;!>#Rp+&5sWP><*Vs(BXW6h%
zUwj5~DPG5TbhWL)AWRCNfveTCB<^D0NWZg{=!>06X$QlKCfvH)i!PN@uEFy-PvGK8
z9Sp*=2+O{66iG3(=`!}_^j(9$X)N{w1kdHSx)BKwZ_Ym0WLQ(I4?*l`ncn^xkmqsp
zchMGq&QV!^F=~t@c6qV_F{oY^M-p@bS>~1M%nvB+?D!4aKis(S<hRcz<);g-uE7;&
z;yevIvq`jT0l`Fw9)W0ux*)4Of63w>t37WQh(jZP+2XHZK>^^V4g5T?ui<WQ*Z!Q%
zg_9%Jl6II#8vyXz#>*vx=da<+wD)|30xe8rJN{c``o;^19@?-S{mCbC$>e%;h#hB9
zf{wt5Dhg?Hy0Y*Ab~wm;vN=eVhbs^rCNe|b84A%sfN`a@r7OtQq=P2>l}OUPXEunV
zZgOY=(HTV^2fEvO)HzE@598dFRz9l@1cT9W23ycdH*^c+`79((YjtHY0-{4R>g02{
zBeABC&tgM!>sy*cqb>+J^N3tba3*^y&LO{VvQT%?qM&*Phd_*vL>g;^wV~eo8p^93
zP$LK9v)F2w$&~JT;|}X=x*%zGdy_chRSwS@p)UBpztfe5K5qGyCuu4i)k2_~_gj9H
z#Np8hZ7Qf+es*;%sg)DM=%e88!KUVtcH-VvGfukf@@fK3^8zsqC+5mc;4z>XqkFDf
z;ddMwwjYt;K+n4goa0rc-3^c6emLI|SMP>PYC(<?{m<PE4_bZm$uF;_kx#*c=G_ZK
bC!+rX<{Ro^&1`Xs00000NkvXXu0mjf%oo|z

literal 0
HcmV?d00001

diff --git a/react-ui/src/assets/img/pipeline-warning.png b/react-ui/src/assets/img/pipeline-warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..67b8c65cfe95f40a412818d2b8fc145cb0ea9e57
GIT binary patch
literal 1652
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

literal 0
HcmV?d00001

diff --git a/react-ui/src/components/ParameterInput/index.tsx b/react-ui/src/components/ParameterInput/index.tsx
index 0fc08551..0c422bff 100644
--- a/react-ui/src/components/ParameterInput/index.tsx
+++ b/react-ui/src/components/ParameterInput/index.tsx
@@ -1,18 +1,28 @@
 import { CloseOutlined } from '@ant-design/icons';
 import { Input } from 'antd';
+import { RuleObject } from 'antd/es/form';
 import classNames from 'classnames';
 import './index.less';
 
-type ParameterInputData = {
-  value?: any;
-  showValue?: any;
-  fromSelect?: boolean;
-} & Record<string, any>;
+// 对象
+export type ParameterInputObject = {
+  value?: any; // 值
+  showValue?: any; // 显示值
+  fromSelect?: boolean; // 是否来自选择
+  activeTab?: string; // 选择镜像、数据集、模型时，保存当前激活的tab
+  expandedKeys?: string[]; // 选择镜像、数据集、模型时，保存展开的keys
+  checkedKeys?: string[]; // 选择镜像、数据集、模型时，保存选中的keys
+  [key: string]: any;
+};
 
-interface ParameterInputProps {
-  value?: ParameterInputData;
-  onChange?: (value: ParameterInputData) => void;
+// 值类型
+export type ParameterInputValue = ParameterInputObject | string;
+
+export interface ParameterInputProps {
+  value?: ParameterInputValue;
+  onChange?: (value?: ParameterInputValue) => void;
   onClick?: () => void;
+  onRemove?: () => void;
   canInput?: boolean;
   textArea?: boolean;
   placeholder?: string;
@@ -27,6 +37,7 @@ function ParameterInput({
   value,
   onChange,
   onClick,
+  onRemove,
   canInput = true,
   textArea = false,
   allowClear,
@@ -42,8 +53,23 @@ function ParameterInput({
     valueObj.showValue = valueObj.value;
   }
   const isSelect = valueObj?.fromSelect;
-  const InputComponent = textArea ? Input.TextArea : Input;
   const placeholder = valueObj?.placeholder || rest?.placeholder;
+  const InputComponent = textArea ? Input.TextArea : Input;
+
+  // 删除
+  const handleRemove = (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {
+    e.stopPropagation();
+    onChange?.({
+      ...valueObj,
+      value: undefined,
+      showValue: undefined,
+      fromSelect: false,
+      activeTab: undefined,
+      expandedKeys: [],
+      checkedKeys: [],
+    });
+    onRemove?.();
+  };
 
   return (
     <>
@@ -62,18 +88,7 @@ function ParameterInput({
               <span className="parameter-input__content__value">{valueObj?.showValue}</span>
               <CloseOutlined
                 className="parameter-input__content__close-icon"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onChange?.({
-                    ...valueObj,
-                    value: undefined,
-                    showValue: undefined,
-                    fromSelect: false,
-                    activeTab: undefined,
-                    expandedKeys: undefined,
-                    checkedKeys: undefined,
-                  });
-                }}
+                onClick={handleRemove}
               />
             </div>
           ) : (
@@ -93,9 +108,9 @@ function ParameterInput({
           onChange={(e) =>
             onChange?.({
               ...valueObj,
-              fromSelect: false,
               value: e.target.value,
               showValue: e.target.value,
+              fromSelect: false,
             })
           }
         />
@@ -105,3 +120,12 @@ function ParameterInput({
 }
 
 export default ParameterInput;
+
+// 必填校验
+export const requiredValidator = (rule: RuleObject, value: any) => {
+  const trueValue = typeof value === 'object' ? value?.value : value;
+  if (!trueValue) {
+    return Promise.reject(rule.message || '必填项');
+  }
+  return Promise.resolve();
+};
diff --git a/react-ui/src/pages/Experiment/Info/index.jsx b/react-ui/src/pages/Experiment/Info/index.jsx
index 03398efb..f8325562 100644
--- a/react-ui/src/pages/Experiment/Info/index.jsx
+++ b/react-ui/src/pages/Experiment/Info/index.jsx
@@ -19,7 +19,7 @@ function ExperimentText() {
   const [message, setMessage, messageRef] = useStateRef({});
   const propsRef = useRef();
   const navgite = useNavigate();
-  const locationParams = useParams(); //新版本获取路由参数接口
+  const locationParams = useParams(); // 新版本获取路由参数接口
   const [paramsModalOpen, openParamsModal, closeParamsModal] = useVisible(false);
   const graphRef = useRef();
 
diff --git a/react-ui/src/pages/ModelDeployment/Create/index.tsx b/react-ui/src/pages/ModelDeployment/Create/index.tsx
index 669130e6..d9836195 100644
--- a/react-ui/src/pages/ModelDeployment/Create/index.tsx
+++ b/react-ui/src/pages/ModelDeployment/Create/index.tsx
@@ -5,7 +5,7 @@
  */
 import KFIcon from '@/components/KFIcon';
 import PageTitle from '@/components/PageTitle';
-import ParameterInput from '@/components/ParameterInput';
+import ParameterInput, { requiredValidator } from '@/components/ParameterInput';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { CommonTabKeys } from '@/enums';
 import { useComputingResource } from '@/hooks/resource';
@@ -87,7 +87,7 @@ function ModelDeploymentCreate() {
   };
 
   // 选择模型、镜像
-  const selectResource = (name: string, type: ResourceSelectorType) => {
+  const selectResource = (formItemName: string, type: ResourceSelectorType) => {
     let resource: ResourceSelectorResponse | undefined;
     switch (type) {
       case ResourceSelectorType.Model:
@@ -105,13 +105,25 @@ function ModelDeploymentCreate() {
       onOk: (res) => {
         if (res) {
           if (type === ResourceSelectorType.Mirror) {
-            form.setFieldValue(name, res.path);
+            form.setFieldValue(formItemName, res.path);
             setSelectedMirror(res);
           } else {
-            const showValue = `${res.name}:${res.version}`;
-            form.setFieldValue(name, {
-              ...pick(res, ['id', 'version', 'path']),
+            const { activeTab, id, name, version, path } = res;
+            const jsonObj = {
+              id,
+              version,
+              path,
+            };
+            const value = JSON.stringify(jsonObj);
+            const showValue = `${name}:${version}`;
+            form.setFieldValue(formItemName, {
+              value,
               showValue,
+              fromSelect: true,
+              activeTab,
+              expandedKeys: [id],
+              checkedKeys: [`${id}-${version}`],
+              ...jsonObj,
             });
             setSelectedModel(res);
           }
@@ -121,8 +133,9 @@ function ModelDeploymentCreate() {
           } else {
             setSelectedMirror(undefined);
           }
-          form.setFieldValue(name, '');
+          form.setFieldValue(formItemName, '');
         }
+        form.validateFields([formItemName]);
         close();
       },
     });
@@ -258,10 +271,11 @@ function ModelDeploymentCreate() {
                   name="model"
                   rules={[
                     {
-                      required: true,
+                      validator: requiredValidator,
                       message: '请选择模型',
                     },
                   ]}
+                  required
                 >
                   <ParameterInput
                     placeholder="请选择模型"
@@ -269,6 +283,7 @@ function ModelDeploymentCreate() {
                     canInput={false}
                     size="large"
                     onClick={() => selectResource('model', ResourceSelectorType.Model)}
+                    onChange={() => setSelectedModel(undefined)}
                   />
                 </Form.Item>
               </Col>
@@ -291,16 +306,18 @@ function ModelDeploymentCreate() {
                   name="image"
                   rules={[
                     {
-                      required: true,
-                      message: '请输入镜像',
+                      validator: requiredValidator,
+                      message: '请选择镜像',
                     },
                   ]}
+                  required
                 >
                   <ParameterInput
                     placeholder="请选择镜像"
                     canInput={false}
                     size="large"
                     onClick={() => selectResource('image', ResourceSelectorType.Mirror)}
+                    onChange={() => setSelectedMirror(undefined)}
                   />
                 </Form.Item>
               </Col>
diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.jsx b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
index 1fc2f62b..c67c40ed 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.jsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
@@ -93,15 +93,17 @@ const EditPipeline = () => {
       return;
     }
 
-    const [propsRes, propsError] = await to(propsRef.current.getFieldsValue());
-    if (propsError) {
-      message.error('节点必填项必须配置');
-      return;
-    }
     propsRef.current.propClose();
     setTimeout(() => {
       const data = graph.save();
       console.log(data);
+      const errorNode = data.nodes.find((item) => {
+        return item.formError === true;
+      });
+      if (errorNode) {
+        message.error(`【${errorNode.label}】节点必填项必须配置`);
+        return;
+      }
       const params = {
         ...locationParams,
         dag: JSON.stringify(data),
@@ -298,7 +300,7 @@ const EditPipeline = () => {
           );
         },
         afterDraw(cfg, group) {
-          const image = group.addShape('image', {
+          group.addShape('image', {
             attrs: {
               x: -45,
               y: -10,
@@ -325,7 +327,26 @@ const EditPipeline = () => {
               draggable: true,
             });
           }
+          if (cfg.formError) {
+            group.addShape('image', {
+              attrs: {
+                x: 43,
+                y: -24,
+                width: 18,
+                height: 18,
+                img: require('@/assets/img/pipeline-warning.png'),
+                cursor: 'pointer',
+              },
+              draggable: false,
+              capture: false,
+            });
+          }
           const bbox = group.getBBox();
+          if (cfg.formError) {
+            bbox.y += 6;
+            bbox.width -= 6;
+            bbox.height -= 6;
+          }
           const anchorPoints = this.getAnchorPoints(cfg);
           anchorPoints.forEach((anchorPos, i) => {
             group.addShape('circle', {
@@ -345,18 +366,10 @@ const EditPipeline = () => {
               draggable: true,
             });
           });
-          return image;
         },
 
         // response the state changes and show/hide the link-point circles
         setState(name, value, item) {
-          // const anchorPoints = item
-          //   .getContainer()
-          //   .findAll((ele) => ele.get('name') === 'anchor-point');
-          // anchorPoints.forEach((point) => {
-          //   if (value || point.get('links') > 0) point.show();
-          //   else point.hide();
-          // });
           const group = item.getContainer();
           const shape = group.get('children')[0];
           const anchorPoints = group.findAll((item) => item.get('name') === 'anchor-point');
@@ -617,30 +630,26 @@ const EditPipeline = () => {
         const cloneDisplay = type === 'node' ? 'flex' : 'none';
         return `
             <div>
-              <div class="pipeline-context-menu__item" style="display: ${cloneDisplay}" code="clone">
-                <svg class="pipeline-context-menu__item__icon">
+              <div class="pipeline-context-menu__item" style="display: ${cloneDisplay}" id="clone">
+                <svg class="pipeline-context-menu__item__icon" id="clone-svg">
                  <use xlink:href="#icon-fuzhi1" />
                 </svg>
-                <span>复制</span>
+                复制
               </div>
-              <div class="pipeline-context-menu__item" code="delete">
-                <svg class="pipeline-context-menu__item__icon">
+              <div class="pipeline-context-menu__item" id="delete">
+                <svg class="pipeline-context-menu__item__icon" id="delete-svg">
                   <use xlink:href="#icon-shanchu1" />
                 </svg>
-                <span>删除</span>
+                删除
                </div>
             </div>`;
       },
       handleMenuClick: (target, item) => {
-        switch (target.getAttribute('code')) {
-          case 'delete':
-            graph.removeItem(item);
-            break;
-          case 'clone':
-            cloneElement(item);
-            break;
-          default:
-            break;
+        const id = target.id;
+        if (id.startsWith('clone')) {
+          cloneElement(item);
+        } else if (id.startsWith('delete')) {
+          graph.removeItem(item);
         }
       },
       // offsetX and offsetY include the padding of the parent container
@@ -697,7 +706,7 @@ const EditPipeline = () => {
         </div>
         <div className={styles['pipeline-container__workflow__graph']} ref={graphRef}></div>
       </div>
-      <Props ref={propsRef} onParentChange={handleFormChange}></Props>
+      <Props ref={propsRef} onFormChange={handleFormChange}></Props>
       <GlobalParamsDrawer
         ref={paramsDrawerRef}
         open={paramsDrawerOpen}
diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.less b/react-ui/src/pages/Pipeline/editPipeline/index.less
index 7a2cf09f..d449c033 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.less
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.less
@@ -48,7 +48,8 @@
       cursor: pointer;
 
       &:hover {
-        color: @primary-color;
+        color: #0d5ef8;
+        font-weight: 500;
         background-color: .addAlpha(#8895a8, 0.11) [];
       }
 
diff --git a/react-ui/src/pages/Pipeline/editPipeline/props.tsx b/react-ui/src/pages/Pipeline/editPipeline/props.tsx
index 94670bf7..f2ff4b5d 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/props.tsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/props.tsx
@@ -1,5 +1,5 @@
 import KFIcon from '@/components/KFIcon';
-import ParameterInput from '@/components/ParameterInput';
+import ParameterInput, { requiredValidator } from '@/components/ParameterInput';
 import ParameterSelect from '@/components/ParameterSelect';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { CommonTabKeys } from '@/enums';
@@ -25,10 +25,10 @@ import { canInput, createMenuItems } from './utils';
 const { TextArea } = Input;
 
 type PipelineNodeParameterProps = {
-  onParentChange: (data: PipelineNodeModelSerialize) => void;
+  onFormChange: (data: PipelineNodeModelSerialize) => void;
 };
 
-const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParameterProps, ref) => {
+const PipelineNodeParameter = forwardRef(({ onFormChange }: PipelineNodeParameterProps, ref) => {
   const [form] = Form.useForm();
   const [stagingItem, setStagingItem] = useState<PipelineNodeModelSerialize>(
     {} as PipelineNodeModelSerialize,
@@ -37,19 +37,28 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
   const [resourceStandardList, filterResourceStandard] = useComputingResource(); // 资源规模
   const [menuItems, setMenuItems] = useState<MenuProps['items']>([]);
 
-  const afterOpenChange = () => {
+  const afterOpenChange = async () => {
     if (!open) {
-      console.log('getFieldsValue', form.getFieldsValue());
-      const control_strategy = form.getFieldValue('control_strategy');
-      const in_parameters = form.getFieldValue('in_parameters');
-      const out_parameters = form.getFieldValue('out_parameters');
-      onParentChange({
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      const [_values, error] = await to(form.validateFields());
+      const fields = form.getFieldsValue();
+      const control_strategy = JSON.stringify(fields.control_strategy);
+      const in_parameters = JSON.stringify(fields.in_parameters);
+      const out_parameters = JSON.stringify(fields.out_parameters);
+      console.log('getFieldsValue', fields);
+
+      const res = {
         ...stagingItem,
-        ...form.getFieldsValue(),
-        control_strategy: JSON.stringify(control_strategy),
-        in_parameters: JSON.stringify(in_parameters),
-        out_parameters: JSON.stringify(out_parameters),
-      });
+        ...fields,
+        control_strategy: control_strategy,
+        in_parameters: in_parameters,
+        out_parameters: out_parameters,
+        formError: !!error,
+      };
+
+      console.log('res', res);
+
+      onFormChange(res);
     }
   };
   const onClose = () => {
@@ -57,15 +66,6 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
   };
 
   useImperativeHandle(ref, () => ({
-    getFieldsValue: async () => {
-      const [propsRes, propsError] = await to(form.validateFields());
-      if (propsRes && !propsError) {
-        const values = form.getFieldsValue();
-        return values;
-      } else {
-        return Promise.reject(propsError);
-      }
-    },
     showDrawer(e: any, params: PipelineGlobalParam[], parentNodes: INode[]) {
       if (e.item && e.item.getModel()) {
         form.resetFields();
@@ -115,7 +115,6 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
         type = ResourceSelectorType.Mirror;
         break;
     }
-
     const fieldValue = form.getFieldValue(formItemName);
     const activeTab = fieldValue?.activeTab as CommonTabKeys | undefined;
     const expandedKeys = Array.isArray(fieldValue?.expandedKeys) ? fieldValue?.expandedKeys : [];
@@ -162,8 +161,21 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
             });
           }
         } else {
-          form.setFieldValue(formItemName, '');
+          if (type === ResourceSelectorType.Mirror && formItemName === 'image') {
+            form.setFieldValue(formItemName, undefined);
+          } else {
+            form.setFieldValue(formItemName, {
+              ...item,
+              value: undefined,
+              showValue: undefined,
+              fromSelect: false,
+              activeTab: undefined,
+              expandedKeys: [],
+              checkedKeys: [],
+            });
+          }
         }
+        form.validateFields([formItemName]);
         close();
       },
     });
@@ -212,6 +224,18 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
     );
   };
 
+  // 必填项校验规则
+  const getFormRules = (item: { key: string; value: PipelineNodeModelParameter }) => {
+    return item.value.require
+      ? [
+          {
+            validator: requiredValidator,
+            message: '必填项',
+          },
+        ]
+      : [];
+  };
+
   // 控制策略
   const controlStrategyList = Object.entries(stagingItem.control_strategy ?? {}).map(
     ([key, value]) => ({ key, value }),
@@ -232,7 +256,7 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
     <Drawer
       title="编辑任务"
       placement="right"
-      rootStyle={{ marginTop: '45px' }}
+      rootStyle={{ marginTop: '52px' }}
       getContainer={false}
       closeIcon={false}
       onClose={onClose}
@@ -351,7 +375,6 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
               value: 'standard',
             }}
             showSearch
-            allowClear
           />
         </Form.Item>
         <Form.Item
@@ -382,11 +405,14 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
         >
           <TextArea placeholder="请输入环境变量" allowClear />
         </Form.Item>
+        {/* 控制参数 */}
         {controlStrategyList.map((item) => (
           <Form.Item
             key={item.key}
             name={['control_strategy', item.key]}
+            required={item.value.require ? true : false}
             label={getLabel(item, 'control_strategy')}
+            rules={getFormRules(item)}
           >
             <ParameterInput allowClear></ParameterInput>
           </Form.Item>
@@ -401,11 +427,7 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
             required={item.value.require ? true : false}
           >
             <div className={styles['pipeline-drawer__ref-row']}>
-              <Form.Item
-                name={['in_parameters', item.key]}
-                noStyle
-                rules={[{ required: item.value.require ? true : false }]}
-              >
+              <Form.Item name={['in_parameters', item.key]} rules={getFormRules(item)} noStyle>
                 {item.value.type === 'select' ? (
                   <ParameterSelect />
                 ) : (
@@ -435,8 +457,9 @@ const PipelineNodeParameter = forwardRef(({ onParentChange }: PipelineNodeParame
           <Form.Item
             key={item.key}
             name={['out_parameters', item.key]}
+            required={item.value.require ? true : false}
             label={getLabel(item, 'out_parameters')}
-            rules={[{ required: item.value.require ? true : false }]}
+            rules={getFormRules(item)}
           >
             <ParameterInput allowClear></ParameterInput>
           </Form.Item>
diff --git a/react-ui/src/utils/index.ts b/react-ui/src/utils/index.ts
index 2dd9ad72..b1111521 100644
--- a/react-ui/src/utils/index.ts
+++ b/react-ui/src/utils/index.ts
@@ -109,6 +109,29 @@ export function nullToUndefined(obj: Record<string, any>) {
   return newObj;
 }
 
+// undefined to null
+export function undefinedToNull(obj: Record<string, any>) {
+  if (!isPlainObject(obj)) {
+    return obj;
+  }
+  const newObj: Record<string, any> = {};
+  for (const key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      const value = obj[key];
+      if (value === undefined) {
+        newObj[key] = null;
+      } else if (Array.isArray(value)) {
+        newObj[key] = value.map((item) => undefinedToNull(item));
+      } else if (isPlainObject(value)) {
+        newObj[key] = undefinedToNull(value);
+      } else {
+        newObj[key] = value;
+      }
+    }
+  }
+  return newObj;
+}
+
 /**
  * Changes the property names of an object based on a mapping provided.
  *
diff --git a/react-ui/src/utils/promise.ts b/react-ui/src/utils/promise.ts
index 0eb025d4..eab6d2d0 100644
--- a/react-ui/src/utils/promise.ts
+++ b/react-ui/src/utils/promise.ts
@@ -7,13 +7,7 @@ export async function to<T>(promise: Promise<T>): Promise<[T, null] | [null, Err
     const data = await promise;
     return [data, null];
   } catch (error) {
-    if (error instanceof Error) {
-      return [null, error];
-    } else if (typeof error === 'string') {
-      return [null, new Error(error)];
-    } else {
-      return [null, new Error('Error')];
-    }
+    return [null, error as Error];
   }
 }
 

From 5d65155fda64c11c166e06b776ae342c95ef0f9f Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Tue, 2 Jul 2024 17:07:47 +0800
Subject: [PATCH 10/13] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E9=80=89=E6=8B=A9=E6=8E=A7=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ResourceSelect/index.less  |  11 ++
 .../src/components/ResourceSelect/index.tsx   | 104 +++++++++++
 .../DevelopmentEnvironment/Create/index.tsx   | 162 ++++--------------
 .../DevelopmentEnvironment/List/index.tsx     |   2 +-
 .../pages/ModelDeployment/Create/index.tsx    | 125 ++------------
 .../ResourceSelectorModal/config.tsx          |   4 +
 .../ResourceSelectorModal/index.tsx           |   4 +-
 7 files changed, 175 insertions(+), 237 deletions(-)
 create mode 100644 react-ui/src/components/ResourceSelect/index.less
 create mode 100644 react-ui/src/components/ResourceSelect/index.tsx

diff --git a/react-ui/src/components/ResourceSelect/index.less b/react-ui/src/components/ResourceSelect/index.less
new file mode 100644
index 00000000..ede74eb0
--- /dev/null
+++ b/react-ui/src/components/ResourceSelect/index.less
@@ -0,0 +1,11 @@
+.resource-select {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  &__button {
+    position: absolute;
+    top: 0;
+    left: calc(100% + 10px);
+  }
+}
diff --git a/react-ui/src/components/ResourceSelect/index.tsx b/react-ui/src/components/ResourceSelect/index.tsx
new file mode 100644
index 00000000..95f5c27b
--- /dev/null
+++ b/react-ui/src/components/ResourceSelect/index.tsx
@@ -0,0 +1,104 @@
+import KFIcon from '@/components/KFIcon';
+import ResourceSelectorModal, {
+  ResourceSelectorResponse,
+  ResourceSelectorType,
+  selectorTypeConfig,
+} from '@/pages/Pipeline/components/ResourceSelectorModal';
+import { openAntdModal } from '@/utils/modal';
+import { Button } from 'antd';
+import { useState } from 'react';
+import ParameterInput, { type ParameterInputProps } from '../ParameterInput';
+import styles from './index.less';
+
+export { requiredValidator, type ParameterInputObject } from '../ParameterInput';
+
+type ResourceSelectProps = {
+  type: ResourceSelectorType;
+} & ParameterInputProps;
+
+// 获取选择数据集、模型后面按钮 icon
+const getSelectBtnIcon = (type: ResourceSelectorType) => {
+  return <KFIcon type={selectorTypeConfig[type].buttonIcon} font={16} />;
+};
+
+function ResourceSelect({ type, value, onChange, ...rest }: ResourceSelectProps) {
+  const [selectedResource, setSelectedResource] = useState<ResourceSelectorResponse | undefined>(
+    undefined,
+  );
+
+  const selectResource = () => {
+    const resource = selectedResource;
+    const { close } = openAntdModal(ResourceSelectorModal, {
+      type,
+      defaultExpandedKeys: resource ? [resource.id] : [],
+      defaultCheckedKeys: resource ? [`${resource.id}-${resource.version}`] : [],
+      defaultActiveTab: resource?.activeTab,
+      onOk: (res) => {
+        setSelectedResource(res);
+        if (res) {
+          const { activeTab, id, name, version, path } = res;
+          if (type === ResourceSelectorType.Mirror) {
+            onChange?.({
+              value: path,
+              showValue: path,
+              fromSelect: true,
+              activeTab,
+              expandedKeys: [`${id}`],
+              checkedKeys: [`${id}-${version}`],
+            });
+          } else {
+            const jsonObj = {
+              id,
+              version,
+              path,
+            };
+            const jsonObjStr = JSON.stringify(jsonObj);
+            const showValue = `${name}:${version}`;
+            onChange?.({
+              value: jsonObjStr,
+              showValue,
+              fromSelect: true,
+              activeTab,
+              expandedKeys: [`${id}`],
+              checkedKeys: [`${id}-${version}`],
+              ...jsonObj,
+            });
+          }
+        } else {
+          onChange?.({
+            value: undefined,
+            showValue: undefined,
+            fromSelect: false,
+            activeTab: undefined,
+            expandedKeys: [],
+            checkedKeys: [],
+          });
+        }
+        close();
+      },
+    });
+  };
+
+  return (
+    <div className={styles['resource-select']}>
+      <ParameterInput
+        {...rest}
+        value={value}
+        onChange={onChange}
+        onRemove={() => setSelectedResource(undefined)}
+        onClick={selectResource}
+      ></ParameterInput>
+      <Button
+        className={styles['resource-select__button']}
+        size="large"
+        type="link"
+        icon={getSelectBtnIcon(type)}
+        onClick={selectResource}
+      >
+        {selectorTypeConfig[type].buttontTitle}
+      </Button>
+    </div>
+  );
+}
+
+export default ResourceSelect;
diff --git a/react-ui/src/pages/DevelopmentEnvironment/Create/index.tsx b/react-ui/src/pages/DevelopmentEnvironment/Create/index.tsx
index 036fc12c..e59e9698 100644
--- a/react-ui/src/pages/DevelopmentEnvironment/Create/index.tsx
+++ b/react-ui/src/pages/DevelopmentEnvironment/Create/index.tsx
@@ -1,35 +1,32 @@
 /*
  * @Author: 赵伟
  * @Date: 2024-04-16 13:58:08
- * @Description: 创建镜像
+ * @Description: 创建开发环境
  */
 import KFIcon from '@/components/KFIcon';
 import KFRadio, { type KFRadioItem } from '@/components/KFRadio';
 import PageTitle from '@/components/PageTitle';
-import ParameterInput from '@/components/ParameterInput';
+import ResourceSelect, {
+  requiredValidator,
+  type ParameterInputObject,
+} from '@/components/ResourceSelect';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { useComputingResource } from '@/hooks/resource';
-import ResourceSelectorModal, {
-  ResourceSelectorResponse,
-  ResourceSelectorType,
-  selectorTypeConfig,
-} from '@/pages/Pipeline/components/ResourceSelectorModal';
+import { ResourceSelectorType } from '@/pages/Pipeline/components/ResourceSelectorModal';
 import { createEditorReq } from '@/services/developmentEnvironment';
-import { openAntdModal } from '@/utils/modal';
 import { to } from '@/utils/promise';
 import { useNavigate } from '@umijs/max';
 import { App, Button, Col, Form, Input, Row, Select } from 'antd';
-import { pick } from 'lodash';
-import { useState } from 'react';
+import { omit, pick } from 'lodash';
 import styles from './index.less';
 
 type FormData = {
   name: string;
   computing_resource: string;
   standard: string;
-  image: string;
-  model: ResourceSelectorResponse;
-  dataset: ResourceSelectorResponse;
+  image: ParameterInputObject;
+  model: ParameterInputObject;
+  dataset: ParameterInputObject;
 };
 
 enum ComputingResourceType {
@@ -55,25 +52,20 @@ function EditorCreate() {
   const [form] = Form.useForm();
   const { message } = App.useApp();
   const [resourceStandardList, filterResourceStandard] = useComputingResource();
-  const [selectedModel, setSelectedModel] = useState<ResourceSelectorResponse | undefined>(
-    undefined,
-  ); // 选择的模型，为了再次打开时恢复原来的选择
-  const [selectedDataset, setSelectedDataset] = useState<ResourceSelectorResponse | undefined>(
-    undefined,
-  ); // 选择的数据集，为了再次打开时恢复原来的选择
-  const [selectedMirror, setSelectedMirror] = useState<ResourceSelectorResponse | undefined>(
-    undefined,
-  ); // 选择的镜像，为了再次打开时恢复原来的选择
 
   // 创建编辑器
   const createEditor = async (formData: FormData) => {
-    // const { model, dataset } = formData;
-    // const params = {
-    //   ...formData,
-    //   model: JSON.stringify(omit(model, ['showValue'])),
-    //   dataset: JSON.stringify(dataset, ['showValue']),
-    // };
-    const [res] = await to(createEditorReq(formData));
+    // 根据后台要求，修改表单数据
+    const image = formData['image'];
+    const model = formData['model'];
+    const dataset = formData['dataset'];
+    const params = {
+      ...omit(formData, ['image', 'model', 'dataset']),
+      image: image.value,
+      model: pick(model, ['id', 'version', 'path', 'showValue']),
+      dataset: pick(dataset, ['id', 'version', 'path', 'showValue']),
+    };
+    const [res] = await to(createEditorReq(params));
     if (res) {
       message.success('创建成功');
       navgite(-1);
@@ -89,61 +81,6 @@ function EditorCreate() {
   const cancel = () => {
     navgite(-1);
   };
-  // 获取选择数据集、模型后面按钮 icon
-  const getSelectBtnIcon = (type: ResourceSelectorType) => {
-    return <KFIcon type={selectorTypeConfig[type].buttonIcon} font={16} />;
-  };
-
-  // 选择模型、镜像、数据集
-  const selectResource = (name: string, type: ResourceSelectorType) => {
-    let resource: ResourceSelectorResponse | undefined;
-    switch (type) {
-      case ResourceSelectorType.Model:
-        resource = selectedModel;
-        break;
-      case ResourceSelectorType.Dataset:
-        resource = selectedDataset;
-        break;
-      default:
-        resource = selectedMirror;
-        break;
-    }
-    const { close } = openAntdModal(ResourceSelectorModal, {
-      type,
-      defaultExpandedKeys: resource ? [resource.id] : [],
-      defaultCheckedKeys: resource ? [`${resource.id}-${resource.version}`] : [],
-      defaultActiveTab: resource?.activeTab,
-      onOk: (res) => {
-        if (res) {
-          if (type === ResourceSelectorType.Mirror) {
-            form.setFieldValue(name, res.path);
-            setSelectedMirror(res);
-          } else {
-            const showValue = `${res.name}:${res.version}`;
-            form.setFieldValue(name, {
-              ...pick(res, ['id', 'version', 'path']),
-              showValue,
-            });
-            if (type === ResourceSelectorType.Model) {
-              setSelectedModel(res);
-            } else if (type === ResourceSelectorType.Dataset) {
-              setSelectedDataset(res);
-            }
-          }
-        } else {
-          if (type === ResourceSelectorType.Model) {
-            setSelectedModel(undefined);
-          } else if (type === ResourceSelectorType.Dataset) {
-            setSelectedDataset(undefined);
-          } else if (type === ResourceSelectorType.Mirror) {
-            setSelectedMirror(undefined);
-          }
-          form.setFieldValue(name, '');
-        }
-        close();
-      },
-    });
-  };
 
   return (
     <div className={styles['editor-create']}>
@@ -230,64 +167,46 @@ function EditorCreate() {
             <Row gutter={8}>
               <Col span={10}>
                 <Form.Item
-                  label="镜像"
+                  label="镜　　像"
                   name="image"
                   rules={[
                     {
-                      required: true,
-                      message: '请输入镜像',
+                      validator: requiredValidator,
+                      message: '请选择镜像',
                     },
                   ]}
+                  required
                 >
-                  <ParameterInput
+                  <ResourceSelect
+                    type={ResourceSelectorType.Mirror}
                     placeholder="请选择镜像"
                     canInput={false}
                     size="large"
-                    onClick={() => selectResource('image', ResourceSelectorType.Mirror)}
                   />
                 </Form.Item>
               </Col>
-              <Col span={10}>
-                <Button
-                  size="large"
-                  type="link"
-                  icon={getSelectBtnIcon(ResourceSelectorType.Mirror)}
-                  onClick={() => selectResource('image', ResourceSelectorType.Mirror)}
-                >
-                  选择镜像
-                </Button>
-              </Col>
             </Row>
             <Row gutter={8}>
               <Col span={10}>
                 <Form.Item
-                  label="模型"
+                  label="模　　型"
                   name="model"
                   rules={[
                     {
-                      required: true,
+                      validator: requiredValidator,
                       message: '请选择模型',
                     },
                   ]}
+                  required
                 >
-                  <ParameterInput
+                  <ResourceSelect
+                    type={ResourceSelectorType.Model}
                     placeholder="请选择模型"
                     canInput={false}
                     size="large"
-                    onClick={() => selectResource('model', ResourceSelectorType.Model)}
                   />
                 </Form.Item>
               </Col>
-              <Col span={10}>
-                <Button
-                  size="large"
-                  type="link"
-                  icon={getSelectBtnIcon(ResourceSelectorType.Model)}
-                  onClick={() => selectResource('model', ResourceSelectorType.Model)}
-                >
-                  选择模型
-                </Button>
-              </Col>
             </Row>
             <Row gutter={8}>
               <Col span={10}>
@@ -296,29 +215,20 @@ function EditorCreate() {
                   name="dataset"
                   rules={[
                     {
-                      required: true,
+                      validator: requiredValidator,
                       message: '请选择数据集',
                     },
                   ]}
+                  required
                 >
-                  <ParameterInput
+                  <ResourceSelect
+                    type={ResourceSelectorType.Dataset}
                     placeholder="请选择数据集"
                     canInput={false}
                     size="large"
-                    onClick={() => selectResource('dataset', ResourceSelectorType.Dataset)}
                   />
                 </Form.Item>
               </Col>
-              <Col span={10}>
-                <Button
-                  size="large"
-                  type="link"
-                  icon={getSelectBtnIcon(ResourceSelectorType.Dataset)}
-                  onClick={() => selectResource('dataset', ResourceSelectorType.Dataset)}
-                >
-                  选择数据集
-                </Button>
-              </Col>
             </Row>
 
             <Form.Item wrapperCol={{ offset: 0, span: 16 }}>
diff --git a/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx b/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
index c7b22c6a..38a98e6a 100644
--- a/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
+++ b/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
@@ -1,7 +1,7 @@
 /*
  * @Author: 赵伟
  * @Date: 2024-04-16 13:58:08
- * @Description: 开发环境
+ * @Description: 开发环境列表
  */
 import CommonTableCell from '@/components/CommonTableCell';
 import DateTableCell from '@/components/DateTableCell';
diff --git a/react-ui/src/pages/ModelDeployment/Create/index.tsx b/react-ui/src/pages/ModelDeployment/Create/index.tsx
index d9836195..0fa85fcf 100644
--- a/react-ui/src/pages/ModelDeployment/Create/index.tsx
+++ b/react-ui/src/pages/ModelDeployment/Create/index.tsx
@@ -5,22 +5,20 @@
  */
 import KFIcon from '@/components/KFIcon';
 import PageTitle from '@/components/PageTitle';
-import ParameterInput, { requiredValidator } from '@/components/ParameterInput';
+import ResourceSelect, {
+  requiredValidator,
+  type ParameterInputObject,
+} from '@/components/ResourceSelect';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { CommonTabKeys } from '@/enums';
 import { useComputingResource } from '@/hooks/resource';
-import ResourceSelectorModal, {
-  ResourceSelectorResponse,
-  ResourceSelectorType,
-  selectorTypeConfig,
-} from '@/pages/Pipeline/components/ResourceSelectorModal';
+import { ResourceSelectorType } from '@/pages/Pipeline/components/ResourceSelectorModal';
 import {
   createModelDeploymentReq,
   restartModelDeploymentReq,
   updateModelDeploymentReq,
 } from '@/services/modelDeployment';
 import { camelCaseToUnderscore, underscoreToCamelCase } from '@/utils';
-import { openAntdModal } from '@/utils/modal';
 import { to } from '@/utils/promise';
 import {
   getSessionStorageItem,
@@ -39,13 +37,8 @@ import styles from './index.less';
 export type FormData = {
   serviceName: string; // 服务名称
   description: string; // 描述
-  model: {
-    id: number;
-    version: string;
-    value: string;
-    showValue: string;
-  }; // 模型
-  image: string; // 镜像
+  model: ParameterInputObject; // 模型
+  image: ParameterInputObject; // 镜像
   resource: string; // 资源规格
   replicas: string; // 副本数量
   modelPath: string; // 模型路径
@@ -56,16 +49,10 @@ function ModelDeploymentCreate() {
   const navgite = useNavigate();
   const [form] = Form.useForm();
   const [resourceStandardList, filterResourceStandard] = useComputingResource();
-  const [selectedModel, setSelectedModel] = useState<ResourceSelectorResponse | undefined>(
-    undefined,
-  ); // 选择的模型，为了再次打开时恢复原来的选择
   const [operationType, setOperationType] = useState(ModelDeploymentOperationType.Create);
   const [modelDeploymentInfo, setModelDeploymentInfo] = useState<ModelDeploymentData | undefined>(
     undefined,
   );
-  const [selectedMirror, setSelectedMirror] = useState<ResourceSelectorResponse | undefined>(
-    undefined,
-  ); // 选择的镜像，为了再次打开时恢复原来的选择
   const { message } = App.useApp();
 
   useEffect(() => {
@@ -81,78 +68,23 @@ function ModelDeploymentCreate() {
     };
   }, []);
 
-  // 获取选择数据集、模型后面按钮 icon
-  const getSelectBtnIcon = (type: ResourceSelectorType) => {
-    return <KFIcon type={selectorTypeConfig[type].buttonIcon} font={16} />;
-  };
-
-  // 选择模型、镜像
-  const selectResource = (formItemName: string, type: ResourceSelectorType) => {
-    let resource: ResourceSelectorResponse | undefined;
-    switch (type) {
-      case ResourceSelectorType.Model:
-        resource = selectedModel;
-        break;
-      default:
-        resource = selectedMirror;
-        break;
-    }
-    const { close } = openAntdModal(ResourceSelectorModal, {
-      type,
-      defaultExpandedKeys: resource ? [resource.id] : [],
-      defaultCheckedKeys: resource ? [`${resource.id}-${resource.version}`] : [],
-      defaultActiveTab: resource?.activeTab,
-      onOk: (res) => {
-        if (res) {
-          if (type === ResourceSelectorType.Mirror) {
-            form.setFieldValue(formItemName, res.path);
-            setSelectedMirror(res);
-          } else {
-            const { activeTab, id, name, version, path } = res;
-            const jsonObj = {
-              id,
-              version,
-              path,
-            };
-            const value = JSON.stringify(jsonObj);
-            const showValue = `${name}:${version}`;
-            form.setFieldValue(formItemName, {
-              value,
-              showValue,
-              fromSelect: true,
-              activeTab,
-              expandedKeys: [id],
-              checkedKeys: [`${id}-${version}`],
-              ...jsonObj,
-            });
-            setSelectedModel(res);
-          }
-        } else {
-          if (type === ResourceSelectorType.Model) {
-            setSelectedModel(undefined);
-          } else {
-            setSelectedMirror(undefined);
-          }
-          form.setFieldValue(formItemName, '');
-        }
-        form.validateFields([formItemName]);
-        close();
-      },
-    });
-  };
-
   // 创建
   const createModelDeployment = async (formData: FormData) => {
     const envList = formData['env'] ?? [];
+    const image = formData['image'];
+    const model = formData['model'];
     const env = envList.reduce((acc, cur) => {
       acc[cur.key] = cur.value;
       return acc;
     }, {} as Record<string, string>);
 
+    // 根据后台要求，修改表单数据
     const object = camelCaseToUnderscore({
-      ...omit(formData, ['replicas', 'env']),
+      ...omit(formData, ['replicas', 'env', 'image', 'model']),
       replicas: Number(formData.replicas),
       env,
+      image: image.value,
+      model: pick(model, ['id', 'version', 'path', 'showValue']),
     });
 
     const params =
@@ -277,27 +209,15 @@ function ModelDeploymentCreate() {
                   ]}
                   required
                 >
-                  <ParameterInput
+                  <ResourceSelect
+                    type={ResourceSelectorType.Model}
                     placeholder="请选择模型"
                     disabled={disabled}
                     canInput={false}
                     size="large"
-                    onClick={() => selectResource('model', ResourceSelectorType.Model)}
-                    onChange={() => setSelectedModel(undefined)}
                   />
                 </Form.Item>
               </Col>
-              <Col span={10}>
-                <Button
-                  disabled={disabled}
-                  size="large"
-                  type="link"
-                  icon={getSelectBtnIcon(ResourceSelectorType.Model)}
-                  onClick={() => selectResource('model', ResourceSelectorType.Model)}
-                >
-                  选择模型
-                </Button>
-              </Col>
             </Row>
             <Row gutter={8}>
               <Col span={10}>
@@ -312,25 +232,14 @@ function ModelDeploymentCreate() {
                   ]}
                   required
                 >
-                  <ParameterInput
+                  <ResourceSelect
+                    type={ResourceSelectorType.Mirror}
                     placeholder="请选择镜像"
                     canInput={false}
                     size="large"
-                    onClick={() => selectResource('image', ResourceSelectorType.Mirror)}
-                    onChange={() => setSelectedMirror(undefined)}
                   />
                 </Form.Item>
               </Col>
-              <Col span={10}>
-                <Button
-                  size="large"
-                  type="link"
-                  icon={getSelectBtnIcon(ResourceSelectorType.Mirror)}
-                  onClick={() => selectResource('image', ResourceSelectorType.Mirror)}
-                >
-                  选择镜像
-                </Button>
-              </Col>
             </Row>
             <Row gutter={8}>
               <Col span={10}>
diff --git a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/config.tsx b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/config.tsx
index 66562e13..01e30ab0 100644
--- a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/config.tsx
+++ b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/config.tsx
@@ -37,6 +37,7 @@ export type SelectorTypeInfo = {
   litReqParamKey: 'available_range' | 'image_type'; // 表示是公开还是私有的参数名称，获取资源列表接口使用
   fileReqParamKey: 'models_id' | 'dataset_id'; // 文件请求参数名称，获取文件列表接口使用
   tabItems: TabsProps['items']; // tab 列表
+  buttontTitle: string; // 按钮 title
 };
 
 // 获取镜像文件列表，为了兼容数据集和模型
@@ -77,6 +78,7 @@ export const selectorTypeConfig: Record<ResourceSelectorType, SelectorTypeInfo>
         label: '公开模型',
       },
     ],
+    buttontTitle: '选择模型',
   },
   [ResourceSelectorType.Dataset]: {
     getList: getDatasetList,
@@ -98,6 +100,7 @@ export const selectorTypeConfig: Record<ResourceSelectorType, SelectorTypeInfo>
         label: '公开数据集',
       },
     ],
+    buttontTitle: '选择数据集',
   },
   [ResourceSelectorType.Mirror]: {
     getList: getMirrorListReq,
@@ -121,5 +124,6 @@ export const selectorTypeConfig: Record<ResourceSelectorType, SelectorTypeInfo>
         label: '公开镜像',
       },
     ],
+    buttontTitle: '选择镜像',
   },
 };
diff --git a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.tsx b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.tsx
index 92b9e0b8..f4caf03a 100644
--- a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.tsx
+++ b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.tsx
@@ -39,7 +39,7 @@ export interface ResourceSelectorModalProps extends Omit<ModalProps, 'onOk'> {
   defaultExpandedKeys?: React.Key[];
   defaultCheckedKeys?: React.Key[];
   defaultActiveTab?: CommonTabKeys;
-  onOk?: (params: ResourceSelectorResponse | null) => void;
+  onOk?: (params: ResourceSelectorResponse | undefined) => void;
 }
 
 type TreeRef = GetRef<typeof Tree<TreeDataNode>>;
@@ -279,7 +279,7 @@ function ResourceSelectorModal({
       };
       onOk?.(res);
     } else {
-      onOk?.(null);
+      onOk?.(undefined);
     }
   };
 

From 5317888b3a722e2c6a4ab95b3d59689d60fe4e08 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Wed, 3 Jul 2024 17:08:46 +0800
Subject: [PATCH 11/13] =?UTF-8?q?feat:=20=E5=AE=9E=E9=AA=8C=E5=AE=9E?=
 =?UTF-8?q?=E4=BE=8B=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ParameterInput/index.less  |   4 +
 .../src/components/ParameterInput/index.tsx   |   8 +-
 .../src/components/ResourceSelect/index.less  |   2 +-
 .../src/components/ResourceSelect/index.tsx   |   6 +-
 .../components/ExperimentInstance/index.less  |  69 +++++
 .../components/ExperimentInstance/index.tsx   | 178 +++++++++++
 .../components/TensorBoardStatus/index.tsx    |   2 +-
 react-ui/src/pages/Experiment/index.jsx       | 291 +++++++-----------
 react-ui/src/pages/Experiment/index.less      |  98 +-----
 react-ui/src/pages/Mirror/Info/index.tsx      |   8 +-
 react-ui/src/pages/Mirror/List/index.tsx      |   3 +-
 .../src/pages/ModelDeployment/List/index.tsx  |   1 +
 .../src/pages/Pipeline/editPipeline/index.jsx |  39 ++-
 .../src/pages/Pipeline/editPipeline/props.tsx |  68 ++--
 react-ui/src/services/experiment/index.js     |   5 +-
 react-ui/src/types.ts                         |   8 +-
 react-ui/src/utils/promise.ts                 |   4 +-
 17 files changed, 474 insertions(+), 320 deletions(-)
 create mode 100644 react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
 create mode 100644 react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx

diff --git a/react-ui/src/components/ParameterInput/index.less b/react-ui/src/components/ParameterInput/index.less
index 2d4f0489..6426985e 100644
--- a/react-ui/src/components/ParameterInput/index.less
+++ b/react-ui/src/components/ParameterInput/index.less
@@ -62,3 +62,7 @@
     font-size: 12px;
   }
 }
+
+.parameter-input.parameter-input--error {
+  border-color: @error-color;
+}
diff --git a/react-ui/src/components/ParameterInput/index.tsx b/react-ui/src/components/ParameterInput/index.tsx
index 0c422bff..8ce18830 100644
--- a/react-ui/src/components/ParameterInput/index.tsx
+++ b/react-ui/src/components/ParameterInput/index.tsx
@@ -1,5 +1,5 @@
 import { CloseOutlined } from '@ant-design/icons';
-import { Input } from 'antd';
+import { Form, Input } from 'antd';
 import { RuleObject } from 'antd/es/form';
 import classNames from 'classnames';
 import './index.less';
@@ -31,6 +31,7 @@ export interface ParameterInputProps {
   style?: React.CSSProperties;
   size?: 'middle' | 'small' | 'large';
   disabled?: boolean;
+  id?: string;
 }
 
 function ParameterInput({
@@ -45,6 +46,7 @@ function ParameterInput({
   style,
   size = 'middle',
   disabled = false,
+  id,
   ...rest
 }: ParameterInputProps) {
   const valueObj =
@@ -55,6 +57,7 @@ function ParameterInput({
   const isSelect = valueObj?.fromSelect;
   const placeholder = valueObj?.placeholder || rest?.placeholder;
   const InputComponent = textArea ? Input.TextArea : Input;
+  const { status } = Form.Item.useStatus();
 
   // 删除
   const handleRemove = (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {
@@ -75,9 +78,11 @@ function ParameterInput({
     <>
       {(isSelect || !canInput) && !disabled ? (
         <div
+          id={id}
           className={classNames(
             'parameter-input',
             { 'parameter-input--large': size === 'large' },
+            { [`parameter-input--${status}`]: status },
             className,
           )}
           style={style}
@@ -98,6 +103,7 @@ function ParameterInput({
       ) : (
         <InputComponent
           {...rest}
+          id={id}
           size={size}
           className={className}
           style={style}
diff --git a/react-ui/src/components/ResourceSelect/index.less b/react-ui/src/components/ResourceSelect/index.less
index ede74eb0..8a586c52 100644
--- a/react-ui/src/components/ResourceSelect/index.less
+++ b/react-ui/src/components/ResourceSelect/index.less
@@ -1,4 +1,4 @@
-.resource-select {
+.kf-resource-select {
   position: relative;
   display: flex;
   align-items: center;
diff --git a/react-ui/src/components/ResourceSelect/index.tsx b/react-ui/src/components/ResourceSelect/index.tsx
index 95f5c27b..96f5e96e 100644
--- a/react-ui/src/components/ResourceSelect/index.tsx
+++ b/react-ui/src/components/ResourceSelect/index.tsx
@@ -8,7 +8,7 @@ import { openAntdModal } from '@/utils/modal';
 import { Button } from 'antd';
 import { useState } from 'react';
 import ParameterInput, { type ParameterInputProps } from '../ParameterInput';
-import styles from './index.less';
+import './index.less';
 
 export { requiredValidator, type ParameterInputObject } from '../ParameterInput';
 
@@ -80,7 +80,7 @@ function ResourceSelect({ type, value, onChange, ...rest }: ResourceSelectProps)
   };
 
   return (
-    <div className={styles['resource-select']}>
+    <div className="kf-resource-select">
       <ParameterInput
         {...rest}
         value={value}
@@ -89,7 +89,7 @@ function ResourceSelect({ type, value, onChange, ...rest }: ResourceSelectProps)
         onClick={selectResource}
       ></ParameterInput>
       <Button
-        className={styles['resource-select__button']}
+        className="kf-resource-select__button"
         size="large"
         type="link"
         icon={getSelectBtnIcon(type)}
diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
new file mode 100644
index 00000000..0f51bb94
--- /dev/null
+++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
@@ -0,0 +1,69 @@
+.tableExpandBox {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0 0 0 33px;
+  color: @text-color;
+  font-size: 15px;
+
+  & > div {
+    padding: 0 16px;
+  }
+
+  .index {
+    width: calc((100% + 32px + 33px) / 6.25);
+  }
+
+  .tensorBoard {
+    width: calc((100% + 32px + 33px) / 6.25);
+  }
+
+  .description {
+    display: flex;
+    flex: 1;
+    align-items: center;
+
+    .startTime {
+      .singleLine();
+    }
+  }
+
+  .status {
+    width: 200px;
+  }
+
+  .operation {
+    width: 334px;
+  }
+}
+
+.tableExpandBoxContent {
+  height: 45px;
+  background-color: #fff;
+  border: 1px solid #eaeaea;
+
+  & + & {
+    border-top: none;
+  }
+
+  .statusBox {
+    display: flex;
+    align-items: center;
+    width: 200px;
+
+    .statusIcon {
+      visibility: hidden;
+      transition: all 0.2s;
+    }
+  }
+  .statusBox:hover .statusIcon {
+    visibility: visible;
+  }
+}
+
+.loadMoreBox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px auto 0;
+}
diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx
new file mode 100644
index 00000000..1fb3441e
--- /dev/null
+++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx
@@ -0,0 +1,178 @@
+import KFIcon from '@/components/KFIcon';
+import { ExperimentStatus } from '@/enums';
+import { experimentStatusInfo } from '@/pages/Experiment/status';
+import {
+  deleteQueryByExperimentInsId,
+  putQueryByExperimentInsId,
+} from '@/services/experiment/index.js';
+import themes from '@/styles/theme.less';
+import { type ExperimentInstance } from '@/types';
+import { elapsedTime, formatDate } from '@/utils/date';
+import { to } from '@/utils/promise';
+import { modalConfirm } from '@/utils/ui';
+import { DoubleRightOutlined } from '@ant-design/icons';
+import { App, Button, ConfigProvider, Tooltip } from 'antd';
+import classNames from 'classnames';
+import TensorBoardStatusCell from '../TensorBoardStatus';
+import styles from './index.less';
+
+type ExperimentInstanceProps = {
+  experimentInList?: ExperimentInstance[];
+  experimentInsTotal: number;
+  onClickInstance?: (instance: ExperimentInstance) => void;
+  onClickTensorBoard?: (instance: ExperimentInstance) => void;
+  onRemove?: () => void;
+  onTerminate?: (instance: ExperimentInstance) => void;
+  onLoadMore?: () => void;
+};
+
+function ExperimentInstanceComponent({
+  experimentInList,
+  experimentInsTotal,
+  onClickInstance,
+  onClickTensorBoard,
+  onRemove,
+  onTerminate,
+  onLoadMore,
+}: ExperimentInstanceProps) {
+  const { message } = App.useApp();
+
+  // 删除实验实例确认
+  const handleRemove = (instance: ExperimentInstance) => {
+    modalConfirm({
+      title: '确定删除该条实例吗？',
+      onOk: () => {
+        deleteExperimentInstance(instance.id);
+      },
+    });
+  };
+
+  // 删除实验实例
+  const deleteExperimentInstance = async (id: number) => {
+    const [res] = await to(deleteQueryByExperimentInsId(id));
+    if (res) {
+      message.success('删除成功');
+      onRemove?.();
+    }
+  };
+
+  // 终止实验实例
+  const terminateExperimentInstance = async (instance: ExperimentInstance) => {
+    const [res] = await to(putQueryByExperimentInsId(instance.id));
+    if (res) {
+      message.success('终止成功');
+      onTerminate?.(instance);
+    }
+  };
+
+  if (!experimentInList || experimentInList.length === 0) {
+    return null;
+  }
+
+  return (
+    <div>
+      <div className={styles.tableExpandBox} style={{ paddingBottom: '16px' }}>
+        <div className={styles.index}>序号</div>
+        <div className={styles.tensorBoard}>可视化</div>
+        <div className={styles.description}>
+          <div style={{ width: '50%' }}>运行时长</div>
+          <div style={{ width: '50%' }}>开始时间</div>
+        </div>
+        <div className={styles.status}>状态</div>
+        <div className={styles.operation}>操作</div>
+      </div>
+
+      {experimentInList.map((item, index) => (
+        <div
+          key={item.id}
+          className={classNames(styles.tableExpandBox, styles.tableExpandBoxContent)}
+        >
+          <a
+            className={styles.index}
+            style={{ padding: '0 16px' }}
+            onClick={() => onClickInstance?.(item)}
+          >
+            {index + 1}
+          </a>
+          <div className={styles.tensorBoard}>
+            {item.nodes_result?.tensorboard_log ? (
+              <TensorBoardStatusCell
+                status={item.tensorBoardStatus}
+                onClick={() => onClickTensorBoard?.(item)}
+              ></TensorBoardStatusCell>
+            ) : (
+              '--'
+            )}
+          </div>
+          <div className={styles.description}>
+            <div style={{ width: '50%' }}>{elapsedTime(item.create_time, item.finish_time)}</div>
+            <div style={{ width: '50%' }} className={styles.startTime}>
+              <Tooltip title={formatDate(item.create_time)}>
+                <span>{formatDate(item.create_time)}</span>
+              </Tooltip>
+            </div>
+          </div>
+          <div className={styles.statusBox}>
+            <img
+              style={{ width: '17px', marginRight: '7px' }}
+              src={experimentStatusInfo[item.status as ExperimentStatus]?.icon}
+            />
+            <span
+              style={{ color: experimentStatusInfo[item.status as ExperimentStatus]?.color }}
+              className={styles.statusIcon}
+            >
+              {experimentStatusInfo[item.status as ExperimentStatus]?.label}
+            </span>
+          </div>
+          <div className={styles.operation}>
+            <Button
+              type="link"
+              size="small"
+              key="stop"
+              disabled={
+                item.status === ExperimentStatus.Succeeded ||
+                item.status === ExperimentStatus.Failed ||
+                item.status === ExperimentStatus.Terminated
+              }
+              icon={<KFIcon type="icon-zhongzhi" />}
+              onClick={() => terminateExperimentInstance(item)}
+            >
+              终止
+            </Button>
+            <ConfigProvider
+              theme={{
+                token: {
+                  colorLink: themes['warningColor'],
+                },
+              }}
+            >
+              <Button
+                type="link"
+                size="small"
+                key="batchRemove"
+                disabled={
+                  item.status === ExperimentStatus.Running ||
+                  item.status === ExperimentStatus.Pending
+                }
+                icon={<KFIcon type="icon-shanchu" />}
+                onClick={() => handleRemove(item)}
+              >
+                删除
+              </Button>
+            </ConfigProvider>
+          </div>
+        </div>
+      ))}
+      {experimentInsTotal > experimentInList.length ? (
+        <div className={styles.loadMoreBox}>
+          <Button type="link" onClick={onLoadMore}>
+            更多
+            <DoubleRightOutlined rotate={90} />
+          </Button>
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+export default ExperimentInstanceComponent;
diff --git a/react-ui/src/pages/Experiment/components/TensorBoardStatus/index.tsx b/react-ui/src/pages/Experiment/components/TensorBoardStatus/index.tsx
index 8a6f5b7c..13168ef1 100644
--- a/react-ui/src/pages/Experiment/components/TensorBoardStatus/index.tsx
+++ b/react-ui/src/pages/Experiment/components/TensorBoardStatus/index.tsx
@@ -42,7 +42,7 @@ const statusConfig: Record<TensorBoardStatus, TensorBoardStatusInfo> = {
 };
 
 type TensorBoardStatusProps = {
-  status: TensorBoardStatus;
+  status?: TensorBoardStatus;
   onClick: () => void;
 };
 
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index 3bbecbb8..e1ab45a5 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -1,31 +1,28 @@
 import CommonTableCell from '@/components/CommonTableCell';
 import KFIcon from '@/components/KFIcon';
-import { TensorBoardStatus } from '@/enums';
+import { ExperimentStatus, TensorBoardStatus } from '@/enums';
 import {
   deleteExperimentById,
-  deleteQueryByExperimentInsId,
   getExperiment,
   getExperimentById,
   getQueryByExperimentId,
   getTensorBoardStatusReq,
   postExperiment,
   putExperiment,
-  putQueryByExperimentInsId,
   runExperiments,
   runTensorBoardReq,
 } from '@/services/experiment/index.js';
 import { getWorkflow } from '@/services/pipeline/index.js';
 import themes from '@/styles/theme.less';
-import { elapsedTime, formatDate } from '@/utils/date';
 import { to } from '@/utils/promise';
 import { modalConfirm } from '@/utils/ui';
-import { App, Button, ConfigProvider, Dropdown, Space, Table, Tooltip } from 'antd';
+import { App, Button, ConfigProvider, Dropdown, Space, Table } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { ComparisonType } from './Comparison/config';
 import AddExperimentModal from './components/AddExperimentModal';
-import TensorBoardStatusCell from './components/TensorBoardStatus';
+import ExperimentInstance from './components/ExperimentInstance';
 import Styles from './index.less';
 import { experimentStatusInfo } from './status';
 
@@ -49,7 +46,18 @@ function Experiment() {
   const [isAdd, setIsAdd] = useState(true);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [addFormData, setAddFormData] = useState({});
+  const [experimentInsTotal, setExperimentInsTotal] = useState(0);
   const { message } = App.useApp();
+  const pageOption = useRef({ page: 1, size: 10 });
+  const paginationProps = {
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: () => `共${total}条`,
+    total: total,
+    page: pageOption.current.page,
+    size: pageOption.current.size,
+    onChange: (current, size) => paginationChange(current, size),
+  };
 
   useEffect(() => {
     getList();
@@ -83,38 +91,42 @@ function Experiment() {
       setWorkflowList(res.data.content);
     }
   };
-  // 获取实验实例
-  const getQueryByExperiment = (val) => {
-    getQueryByExperimentId(val).then((ret) => {
-      setExpandedRowKeys(val);
-      if (ret && ret.data && ret.data.length > 0) {
-        try {
-          const list = ret.data.map((v) => {
-            const nodes_result = v.nodes_result ? JSON.parse(v.nodes_result) : {};
-            return {
-              ...v,
-              nodes_result,
-            };
-          });
+  // 获取实验实例列表
+  const getQueryByExperiment = async (experimentId, page) => {
+    const params = {
+      experimentId: experimentId,
+      page: page,
+      size: 5,
+    };
+    const [res, error] = await to(getQueryByExperimentId(params));
+    if (res && res.data) {
+      const { content = [], totalElements = 0 } = res.data;
+      setExpandedRowKeys(experimentId);
+      try {
+        const list = content.map((v) => {
+          const nodes_result = v.nodes_result ? JSON.parse(v.nodes_result) : {};
+          return {
+            ...v,
+            nodes_result,
+          };
+        });
+        if (page === 0) {
           setExperimentInList(list);
-          // 获取 TensorBoard 状态
-          list.forEach((item) => {
-            if (item.nodes_result?.tensorboard_log) {
-              const timerId = setTimeout(() => {
-                getTensorBoardStatus(item);
-              }, 0);
-              timerIds.set(item.id, timerId);
-            }
-          });
-        } catch (error) {
-          setExperimentInList([]);
+          clearExperimentInTimers();
+        } else {
+          setExperimentInList((prev) => [...prev, ...list]);
         }
-        getList();
-      } else {
-        setExperimentInList([]);
-        getList();
+        setExperimentInsTotal(totalElements);
+        // 获取 TensorBoard 状态
+        list.forEach((item) => {
+          if (item.nodes_result?.tensorboard_log) {
+            getTensorBoardStatus(item);
+          }
+        });
+      } catch (error) {
+        console.log(error);
       }
-    });
+    }
   };
   // 运行 TensorBoard
   const runTensorBoard = async (experimentIn) => {
@@ -155,18 +167,26 @@ function Experiment() {
           return item;
         });
       });
-      const timerId = setTimeout(() => {
+
+      let timerId = timerIds.get(experimentIn.id);
+      if (timerId) {
+        clearTimeout(timerId);
+        timerIds.delete(experimentIn.id);
+      }
+      timerId = setTimeout(() => {
         getTensorBoardStatus(experimentIn);
-      }, 10000);
+      }, 1000 * 1000);
       timerIds.set(experimentIn.id, timerId);
     }
   };
+  // 展开实例
   const expandChange = (e, record) => {
     clearExperimentInTimers();
+    setExperimentInList([]);
     if (record.id === expandedRowKeys) {
       setExpandedRowKeys(null);
     } else {
-      getQueryByExperiment(record.id);
+      getQueryByExperiment(record.id, 0);
     }
   };
   // 终止实验实例获取 TensorBoard 状态的定时器
@@ -198,6 +218,7 @@ function Experiment() {
   const handleCancel = () => {
     setIsModalOpen(false);
   };
+  // 跳转到流水线
   const routeToEdit = (e, record) => {
     e.stopPropagation();
     navgite({ pathname: `/pipeline/template/${record.workflow_id}` });
@@ -226,16 +247,7 @@ function Experiment() {
       }
     }
   };
-  const pageOption = useRef({ page: 1, size: 10 });
-  const paginationProps = {
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: () => `共${total}条`,
-    total: total,
-    page: pageOption.current.page,
-    size: pageOption.current.size,
-    onChange: (current, size) => paginationChange(current, size),
-  };
+
   // 当前页面切换
   const paginationChange = async (current, size) => {
     pageOption.current = {
@@ -244,21 +256,22 @@ function Experiment() {
     };
     getList();
   };
-  const runExperiment = (id) => {
-    runExperiments(id).then((ret) => {
-      if (ret.code === 200) {
-        message.success('运行成功');
-        getQueryByExperiment(id);
-      } else {
-        message.error('运行失败');
-      }
-    });
+  // 运行实验
+  const runExperiment = async (id) => {
+    const [res] = await to(runExperiments(id));
+    if (res) {
+      message.success('运行成功');
+      refreshExperimentIns(id);
+    } else {
+      message.error('运行失败');
+    }
   };
-  const routerToText = (e, item, record) => {
-    e.stopPropagation();
+  // 跳转到实验实例详情
+  const gotoInstanceInfo = (item, record) => {
     navgite({ pathname: `/pipeline/experiment/${record.workflow_id}/${item.id}` });
   };
 
+  // 处理 TensorBoard 操作
   const handleTensorboard = async (experimentIn) => {
     if (
       experimentIn.tensorBoardStatus === TensorBoardStatus.Terminated ||
@@ -273,6 +286,21 @@ function Experiment() {
     }
   };
 
+  // 实验实例终止
+  const handleInstanceTerminate = async (experimentIn) => {
+    setExperimentInList((prevList) => {
+      return prevList.map((item) => {
+        if (item.id === experimentIn.id) {
+          return {
+            ...item,
+            status: ExperimentStatus.Terminated,
+          };
+        }
+        return item;
+      });
+    });
+  };
+
   // 实验对比菜单
   const getComparisonMenu = (experimentId) => {
     return {
@@ -292,6 +320,17 @@ function Experiment() {
     };
   };
 
+  // 刷新实验实例列表
+  const refreshExperimentIns = (experimentId) => {
+    getQueryByExperiment(experimentId, 0);
+  };
+
+  // 加载更多实验实例
+  const loadMoreExperimentIns = () => {
+    const page = Math.round(experimentInList.length / 5);
+    getQueryByExperiment(expandedRowKeys, page);
+  };
+
   const columns = [
     {
       title: '实验名称',
@@ -413,7 +452,7 @@ function Experiment() {
   ];
   return (
     <div className={Styles.experimentBox}>
-      <div className={Styles.pipelineTopBox}>
+      <div className={Styles.experimentTopBox}>
         <Button type="default" onClick={createExperiment} icon={<KFIcon type="icon-xinjian2" />}>
           新建实验
         </Button>
@@ -427,130 +466,16 @@ function Experiment() {
           scroll={{ y: 'calc(100% - 55px)' }}
           expandable={{
             expandedRowRender: (record) => (
-              <div>
-                {experimentInList && experimentInList.length > 0 ? (
-                  <div className={Styles.tableExpandBox} style={{ paddingBottom: '16px' }}>
-                    <div className={Styles.index}>序号</div>
-                    <div className={Styles.tensorBoard}>可视化</div>
-                    <div className={Styles.description}>
-                      <div style={{ width: '50%' }}>运行时长</div>
-                      <div style={{ width: '50%' }}>开始时间</div>
-                    </div>
-                    <div className={Styles.status}>状态</div>
-                    <div className={Styles.operation}>操作</div>
-                  </div>
-                ) : (
-                  ''
-                )}
-
-                {experimentInList && experimentInList.length > 0
-                  ? experimentInList.map((item, index) => (
-                      <div
-                        key={item.id}
-                        className={classNames(Styles.tableExpandBox, Styles.tableExpandBoxContent)}
-                      >
-                        <a
-                          className={Styles.index}
-                          style={{ padding: '0 16px' }}
-                          onClick={(e) => routerToText(e, item, record)}
-                        >
-                          {index + 1}
-                        </a>
-                        <div className={Styles.tensorBoard}>
-                          {item.nodes_result?.tensorboard_log ? (
-                            <TensorBoardStatusCell
-                              status={item.tensorBoardStatus}
-                              onClick={() => handleTensorboard(item)}
-                            ></TensorBoardStatusCell>
-                          ) : (
-                            '--'
-                          )}
-                        </div>
-                        <div className={Styles.description}>
-                          <div style={{ width: '50%' }}>
-                            {elapsedTime(item.create_time, item.finish_time)}
-                          </div>
-                          <div style={{ width: '50%' }} className={Styles.startTime}>
-                            <Tooltip title={formatDate(item.create_time)}>
-                              <span>{formatDate(item.create_time)}</span>
-                            </Tooltip>
-                          </div>
-                        </div>
-                        <div className={Styles.statusBox}>
-                          <img
-                            style={{ width: '17px', marginRight: '7px' }}
-                            src={experimentStatusInfo[item.status]?.icon}
-                          />
-                          <span
-                            style={{ color: experimentStatusInfo[item.status]?.color }}
-                            className={Styles.statusIcon}
-                          >
-                            {experimentStatusInfo[item.status]?.label}
-                          </span>
-                        </div>
-                        <div className={Styles.operation}>
-                          <Button
-                            type="link"
-                            size="small"
-                            key="stop"
-                            disabled={
-                              item.status === 'Succeeded' ||
-                              item.status === 'Failed' ||
-                              item.status === 'Terminated'
-                            }
-                            icon={<KFIcon type="icon-zhongzhi" />}
-                            onClick={async () => {
-                              putQueryByExperimentInsId(item.id).then((ret) => {
-                                if (ret.code === 200) {
-                                  message.success('终止成功');
-                                  getQueryByExperiment(record.id);
-                                } else {
-                                  message.error(ret.msg);
-                                }
-                              });
-                            }}
-                          >
-                            终止
-                          </Button>
-                          <ConfigProvider
-                            theme={{
-                              token: {
-                                colorLink: themes['warningColor'],
-                              },
-                            }}
-                          >
-                            <Button
-                              type="link"
-                              size="small"
-                              key="batchRemove"
-                              disabled={item.status === 'Running' || item.status === 'Pending'}
-                              icon={<KFIcon type="icon-shanchu" />}
-                              onClick={() => {
-                                modalConfirm({
-                                  title: '确定删除该条实例吗？',
-                                  onOk: () => {
-                                    deleteQueryByExperimentInsId(item.id).then((ret) => {
-                                      if (ret.code === 200) {
-                                        message.success('删除成功');
-                                        getQueryByExperiment(record.id);
-                                      } else {
-                                        message.error(ret.msg);
-                                      }
-                                    });
-                                  },
-                                });
-                              }}
-                            >
-                              删除
-                            </Button>
-                          </ConfigProvider>
-                        </div>
-                      </div>
-                    ))
-                  : ''}
-              </div>
+              <ExperimentInstance
+                experimentInList={experimentInList}
+                experimentInsTotal={experimentInsTotal}
+                onClickInstance={(item) => gotoInstanceInfo(item, record)}
+                onClickTensorBoard={handleTensorboard}
+                onRemove={() => refreshExperimentIns(record.id)}
+                onTerminate={handleInstanceTerminate}
+                onLoadMore={() => loadMoreExperimentIns()}
+              ></ExperimentInstance>
             ),
-
             onExpand: (e, a) => {
               expandChange(e, a);
             },
diff --git a/react-ui/src/pages/Experiment/index.less b/react-ui/src/pages/Experiment/index.less
index 3d991c4e..526ff59b 100644
--- a/react-ui/src/pages/Experiment/index.less
+++ b/react-ui/src/pages/Experiment/index.less
@@ -1,92 +1,18 @@
-.experimentTopBox {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  width: 100%;
-  height: 49px;
-  padding-right: 30px;
-  background-image: url(/assets/images/pipeline-back.png);
-  background-repeat: no-repeat;
-  background-position: top center;
-  background-size: 100% 100%;
-}
-.pipelineTopBox {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  width: 100%;
-  height: 49px;
-  margin-bottom: 10px;
-  padding-right: 30px;
-  background-image: url(/assets/images/pipeline-back.png);
-  background-repeat: no-repeat;
-  background-position: top center;
-  background-size: 100% 100%;
-}
-.tableExpandBox {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0 0 0 33px;
-  color: @text-color;
-  font-size: 15px;
-
-  & > div {
-    padding: 0 16px;
-  }
-
-  .index {
-    width: calc((100% + 32px + 33px) / 6.25);
-  }
-
-  .tensorBoard {
-    width: calc((100% + 32px + 33px) / 6.25);
-  }
-
-  .description {
+.experimentBox {
+  height: 100%;
+  .experimentTopBox {
     display: flex;
-    flex: 1;
     align-items: center;
-
-    .startTime {
-      .singleLine();
-    }
-  }
-
-  .status {
-    width: 200px;
+    justify-content: flex-end;
+    width: 100%;
+    height: 49px;
+    margin-bottom: 10px;
+    padding-right: 30px;
+    background-image: url(/assets/images/pipeline-back.png);
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: 100% 100%;
   }
-
-  .operation {
-    width: 334px;
-  }
-}
-.tableExpandBoxContent {
-  height: 45px;
-  background-color: #fff;
-  border: 1px solid #eaeaea;
-
-  & + & {
-    border-top: none;
-  }
-}
-
-.statusBox {
-  display: flex;
-  align-items: center;
-  width: 200px;
-
-  .statusIcon {
-    visibility: hidden;
-    transition: all 0.2s;
-  }
-}
-.statusBox:hover .statusIcon {
-  visibility: visible;
-}
-
-.experimentBox {
-  height: 100%;
   .experimentTable {
     height: calc(100% - 60px);
     :global {
diff --git a/react-ui/src/pages/Mirror/Info/index.tsx b/react-ui/src/pages/Mirror/Info/index.tsx
index 60e19ab0..99448356 100644
--- a/react-ui/src/pages/Mirror/Info/index.tsx
+++ b/react-ui/src/pages/Mirror/Info/index.tsx
@@ -288,7 +288,13 @@ function MirrorInfo() {
             dataSource={tableData}
             columns={columns}
             scroll={{ y: 'calc(100% - 55px)' }}
-            pagination={{ ...pagination, total, showSizeChanger: true, showQuickJumper: true }}
+            pagination={{
+              ...pagination,
+              total,
+              showSizeChanger: true,
+              showQuickJumper: true,
+              showTotal: () => `共${total}条`,
+            }}
             onChange={handleTableChange}
             rowKey="id"
           />
diff --git a/react-ui/src/pages/Mirror/List/index.tsx b/react-ui/src/pages/Mirror/List/index.tsx
index f0b2bf77..50e2730e 100644
--- a/react-ui/src/pages/Mirror/List/index.tsx
+++ b/react-ui/src/pages/Mirror/List/index.tsx
@@ -241,7 +241,7 @@ function MirrorList() {
       <div className={styles['mirror-list__content']}>
         <div className={styles['mirror-list__content__filter']}>
           <Input.Search
-            placeholder="按数据集名称筛选"
+            placeholder="按镜像名称筛选"
             allowClear
             onSearch={onSearch}
             onChange={(e) => setInputText(e.target.value)}
@@ -277,6 +277,7 @@ function MirrorList() {
               total: total,
               showSizeChanger: true,
               showQuickJumper: true,
+              showTotal: () => `共${total}条`,
             }}
             onChange={handleTableChange}
             rowKey="id"
diff --git a/react-ui/src/pages/ModelDeployment/List/index.tsx b/react-ui/src/pages/ModelDeployment/List/index.tsx
index af8fba44..556f3f40 100644
--- a/react-ui/src/pages/ModelDeployment/List/index.tsx
+++ b/react-ui/src/pages/ModelDeployment/List/index.tsx
@@ -336,6 +336,7 @@ function ModelDeployment() {
               total: total,
               showSizeChanger: true,
               showQuickJumper: true,
+              showTotal: () => `共${total}条`,
             }}
             onChange={handleTableChange}
             rowKey="service_id"
diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.jsx b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
index c67c40ed..7d0f4f8e 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.jsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
@@ -86,14 +86,21 @@ const EditPipeline = () => {
 
   // 保存
   const savePipeline = async (val) => {
-    const [res, error] = await to(paramsDrawerRef.current.validateFields());
-    if (error) {
+    const [globalParamRes, globalParamError] = await to(paramsDrawerRef.current.validateFields());
+    if (globalParamError) {
       message.error('全局参数配置有误');
       openParamsDrawer();
       return;
     }
+    closeParamsDrawer();
+
+    const [propsRes, propsError] = await to(propsRef.current.validateFields());
+    if (propsError) {
+      message.error('节点必填项必须配置');
+      return;
+    }
+    propsRef.current.close();
 
-    propsRef.current.propClose();
     setTimeout(() => {
       const data = graph.save();
       console.log(data);
@@ -102,16 +109,19 @@ const EditPipeline = () => {
       });
       if (errorNode) {
         message.error(`【${errorNode.label}】节点必填项必须配置`);
+        const graphNode = graph.findById(errorNode.id);
+        if (graphNode) {
+          openNodeDrawer(graphNode, true);
+        }
         return;
       }
       const params = {
         ...locationParams,
         dag: JSON.stringify(data),
-        global_param: JSON.stringify(res.global_param),
+        global_param: JSON.stringify(globalParamRes.global_param),
       };
       saveWorkflow(params).then((ret) => {
         message.success('保存成功');
-        closeParamsDrawer();
         setTimeout(() => {
           if (val) {
             navgite({ pathname: `/pipeline/template` });
@@ -281,6 +291,17 @@ const EditPipeline = () => {
     }
   };
 
+  // 打开节点抽屉
+  const openNodeDrawer = (node, validate = false) => {
+    // 获取所有的上游节点
+    const parentNodes = findAllParentNodes(graph, node);
+    // 如果没有打开过全局参数抽屉，获取不到全局参数
+    const globalParams =
+      paramsDrawerRef.current.getFieldsValue().global_param || globalParamRef.current;
+    // 打开节点编辑抽屉
+    propsRef.current.showDrawer(node.getModel(), globalParams, parentNodes, validate);
+  };
+
   // 初始化图
   const initGraph = () => {
     const contextMenu = initMenu();
@@ -531,13 +552,7 @@ const EditPipeline = () => {
   const bindEvents = () => {
     graph.on('node:click', (e) => {
       if (e.target.get('name') !== 'anchor-point' && e.item) {
-        // 获取所有的上游节点
-        const parentNodes = findAllParentNodes(graph, e.item);
-        // 如果没有打开过全局参数抽屉，获取不到全局参数
-        const globalParams =
-          paramsDrawerRef.current.getFieldsValue().global_param || globalParamRef.current;
-        // 打开节点编辑抽屉
-        propsRef.current.showDrawer(e, globalParams, parentNodes);
+        openNodeDrawer(e.item);
       }
     });
     graph.on('aftercreateedge', (e) => {
diff --git a/react-ui/src/pages/Pipeline/editPipeline/props.tsx b/react-ui/src/pages/Pipeline/editPipeline/props.tsx
index f2ff4b5d..af3c1f58 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/props.tsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/props.tsx
@@ -6,6 +6,7 @@ import { CommonTabKeys } from '@/enums';
 import { useComputingResource } from '@/hooks/resource';
 import {
   PipelineGlobalParam,
+  PipelineNodeModel,
   PipelineNodeModelParameter,
   PipelineNodeModelSerialize,
 } from '@/types';
@@ -57,7 +58,6 @@ const PipelineNodeParameter = forwardRef(({ onFormChange }: PipelineNodeParamete
       };
 
       console.log('res', res);
-
       onFormChange(res);
     }
   };
@@ -66,36 +66,53 @@ const PipelineNodeParameter = forwardRef(({ onFormChange }: PipelineNodeParamete
   };
 
   useImperativeHandle(ref, () => ({
-    showDrawer(e: any, params: PipelineGlobalParam[], parentNodes: INode[]) {
-      if (e.item && e.item.getModel()) {
+    showDrawer(
+      model: PipelineNodeModel,
+      params: PipelineGlobalParam[],
+      parentNodes: INode[],
+      validate: boolean = false,
+    ) {
+      try {
+        const nodeData: PipelineNodeModelSerialize = {
+          ...model,
+          in_parameters: JSON.parse(model.in_parameters),
+          out_parameters: JSON.parse(model.out_parameters),
+          control_strategy: JSON.parse(model.control_strategy),
+        };
+        console.log('model', nodeData);
+        setStagingItem({
+          ...nodeData,
+        });
         form.resetFields();
-        const model = e.item.getModel();
-        try {
-          const nodeData = {
-            ...model,
-            in_parameters: JSON.parse(model.in_parameters),
-            out_parameters: JSON.parse(model.out_parameters),
-            control_strategy: JSON.parse(model.control_strategy),
-          };
-          console.log('model', nodeData);
-          setStagingItem({
-            ...nodeData,
-          });
-          form.setFieldsValue({
-            ...nodeData,
-          });
-        } catch (error) {
-          console.log(error);
+        form.setFieldsValue({
+          ...nodeData,
+        });
+        if (validate) {
+          form.validateFields();
         }
-        setOpen(true);
-
-        // 参数下拉菜单
-        setMenuItems(createMenuItems(params, parentNodes));
+      } catch (error) {
+        console.log(error);
       }
+      setOpen(true);
+
+      // 参数下拉菜单
+      setMenuItems(createMenuItems(params, parentNodes));
     },
-    propClose: () => {
+    close: () => {
       onClose();
     },
+    validateFields: async () => {
+      if (!open) {
+        return;
+      }
+      const [values, error] = await to(form.validateFields());
+      if (!error && values) {
+        return values;
+      } else {
+        form.scrollToField((error as any)?.errorFields?.[0]?.name, { block: 'center' });
+        return Promise.reject(error);
+      }
+    },
   }));
 
   // 选择数据集、模型、镜像
@@ -279,6 +296,7 @@ const PipelineNodeParameter = forwardRef(({ onFormChange }: PipelineNodeParamete
           maxWidth: 600,
         }}
         autoComplete="off"
+        scrollToFirstError
       >
         <div className={styles['pipeline-drawer__title']}>
           <SubAreaTitle image="/assets/images/static-message.png" title="基本信息"></SubAreaTitle>
diff --git a/react-ui/src/services/experiment/index.js b/react-ui/src/services/experiment/index.js
index 66d27eb6..0789dad3 100644
--- a/react-ui/src/services/experiment/index.js
+++ b/react-ui/src/services/experiment/index.js
@@ -28,9 +28,10 @@ export function deleteExperimentById(id) {
   });
 }
 // 根据id查询实验实例
-export function getQueryByExperimentId(id) {
-  return request(`/api/mmp/experimentIns/queryByExperimentId/${id}`, {
+export function getQueryByExperimentId(params) {
+  return request(`/api/mmp/experimentIns`, {
     method: 'GET',
+    params,
   });
 }
 // 根据id删除实验实例
diff --git a/react-ui/src/types.ts b/react-ui/src/types.ts
index aa9b0e5e..f443748f 100644
--- a/react-ui/src/types.ts
+++ b/react-ui/src/types.ts
@@ -4,7 +4,7 @@
  * @Description: 定义全局类型，比如无关联的页面都需要要的类型
  */
 
-import { ExperimentStatus } from '@/enums';
+import { ExperimentStatus, TensorBoardStatus } from '@/enums';
 
 // 流水线全局参数
 export type PipelineGlobalParam = {
@@ -26,9 +26,13 @@ export type ExperimentInstance = {
   status: string;
   argo_ins_name: string;
   argo_ins_ns: string;
-  nodes_result: string;
+  nodes_result: {
+    [key: string]: any;
+  };
   nodes_status: string;
   global_param: PipelineGlobalParam[];
+  tensorBoardStatus?: TensorBoardStatus;
+  tensorboardUrl?: string;
 };
 
 // 流水线节点
diff --git a/react-ui/src/utils/promise.ts b/react-ui/src/utils/promise.ts
index eab6d2d0..661275ff 100644
--- a/react-ui/src/utils/promise.ts
+++ b/react-ui/src/utils/promise.ts
@@ -2,12 +2,12 @@
  * @param { Promise } promise
  * @return { Promise }
  */
-export async function to<T>(promise: Promise<T>): Promise<[T, null] | [null, Error]> {
+export async function to<T, U = Error>(promise: Promise<T>): Promise<[T, null] | [null, U]> {
   try {
     const data = await promise;
     return [data, null];
   } catch (error) {
-    return [null, error as Error];
+    return [null, error as U];
   }
 }
 

From 2d67a342d93e22f094d4029da2743a0548ceff4d Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Wed, 3 Jul 2024 17:14:24 +0800
Subject: [PATCH 12/13] =?UTF-8?q?feat:=20=E5=AE=9E=E9=AA=8C=E5=AE=9E?=
 =?UTF-8?q?=E4=BE=8B=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Experiment/components/ExperimentInstance/index.less   | 2 +-
 react-ui/src/pages/Experiment/index.jsx                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
index 0f51bb94..650b3153 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
+++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
@@ -65,5 +65,5 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin: 10px auto 0;
+  margin: 16px auto 0;
 }
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index e1ab45a5..22b1c85f 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -175,7 +175,7 @@ function Experiment() {
       }
       timerId = setTimeout(() => {
         getTensorBoardStatus(experimentIn);
-      }, 1000 * 1000);
+      }, 10 * 1000);
       timerIds.set(experimentIn.id, timerId);
     }
   };

From ff0be129a08e69855a82516124ef9ad695ee6ed2 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Fri, 5 Jul 2024 13:52:36 +0800
Subject: [PATCH 13/13] =?UTF-8?q?feat:=20=E5=AE=9A=E6=97=B6=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E5=AE=9E=E9=AA=8C=E5=AE=9E=E4=BE=8B=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/img/experiment-pending.png     | Bin 0 -> 1599 bytes
 .../src/assets/img/experiment-running.png     | Bin 2097 -> 2101 bytes
 react-ui/src/hooks/index.ts                   |   7 +-
 react-ui/src/pages/Experiment/Info/index.jsx  | 257 ++++++++++++----
 react-ui/src/pages/Experiment/Info/index.less |   6 +
 react-ui/src/pages/Experiment/Info/props.less |   7 +-
 react-ui/src/pages/Experiment/Info/props.tsx  | 274 ++++++++----------
 .../components/ExperimentParameter/index.less |   2 +
 .../components/ExperimentParameter/index.tsx  |   7 +-
 .../components/ExperimentResult/index.less    |   2 +
 .../components/ExperimentResult/index.tsx     |  27 +-
 .../Experiment/components/LogGroup/index.tsx  |  34 ++-
 .../Experiment/components/LogList/index.less  |   2 +
 .../Experiment/components/LogList/index.tsx   |  68 ++++-
 react-ui/src/pages/Experiment/index.jsx       |  24 +-
 react-ui/src/types.ts                         |   1 +
 16 files changed, 474 insertions(+), 244 deletions(-)
 create mode 100644 react-ui/src/assets/img/experiment-pending.png

diff --git a/react-ui/src/assets/img/experiment-pending.png b/react-ui/src/assets/img/experiment-pending.png
new file mode 100644
index 0000000000000000000000000000000000000000..ceefa0278c77c048250f0062ce908975ff73a174
GIT binary patch
literal 1599
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

literal 0
HcmV?d00001

diff --git a/react-ui/src/assets/img/experiment-running.png b/react-ui/src/assets/img/experiment-running.png
index 3155302a67febe5f321b51c9ae34f25244b2b12d..d4121030af50605ff5445f56df3d57f58668b09f 100644
GIT binary patch
literal 2101
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

literal 2097
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
bC!+rX<{Ro^&1`Xs00000NkvXXu0mjf%oo|z

diff --git a/react-ui/src/hooks/index.ts b/react-ui/src/hooks/index.ts
index b34d5156..adf61e7d 100644
--- a/react-ui/src/hooks/index.ts
+++ b/react-ui/src/hooks/index.ts
@@ -32,6 +32,7 @@ export function useStateRef<T>(initialValue: T) {
  */
 export function useVisible(initialValue: boolean) {
   const [visible, setVisible] = useState(initialValue);
+  const ref = useRef(initialValue);
 
   const open = useCallback(() => {
     setVisible(true);
@@ -41,7 +42,11 @@ export function useVisible(initialValue: boolean) {
     setVisible(false);
   }, []);
 
-  return [visible, open, close] as const;
+  useEffect(() => {
+    ref.current = visible;
+  }, [visible]);
+
+  return [visible, open, close, ref] as const;
 }
 
 type Callback<T> = (state: T) => void;
diff --git a/react-ui/src/pages/Experiment/Info/index.jsx b/react-ui/src/pages/Experiment/Info/index.jsx
index f8325562..3c1eda2f 100644
--- a/react-ui/src/pages/Experiment/Info/index.jsx
+++ b/react-ui/src/pages/Experiment/Info/index.jsx
@@ -1,71 +1,39 @@
+import { ExperimentStatus } from '@/enums';
 import { useStateRef, useVisible } from '@/hooks';
 import { getExperimentIns } from '@/services/experiment/index.js';
 import { getWorkflowById } from '@/services/pipeline/index.js';
 import themes from '@/styles/theme.less';
 import { fittingString } from '@/utils';
 import { elapsedTime, formatDate } from '@/utils/date';
-import G6 from '@antv/g6';
+import { to } from '@/utils/promise';
+import G6, { Util } from '@antv/g6';
 import { Button } from 'antd';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import ParamsModal from '../components/ViewParamsModal';
 import { experimentStatusInfo } from '../status';
 import styles from './index.less';
-import Props from './props';
+import ExperimentDrawer from './props';
 
 let graph = null;
 
 function ExperimentText() {
-  const [message, setMessage, messageRef] = useStateRef({});
-  const propsRef = useRef();
-  const navgite = useNavigate();
+  const [experimentIns, setExperimentIns] = useState(undefined);
+  const [experimentNodeData, setExperimentNodeData, experimentNodeDataRef] = useStateRef(undefined);
+  const graphRef = useRef();
+  const timerRef = useRef();
+  const workflowRef = useRef();
   const locationParams = useParams(); // 新版本获取路由参数接口
   const [paramsModalOpen, openParamsModal, closeParamsModal] = useVisible(false);
-  const graphRef = useRef();
-
-  const getGraphData = (data) => {
-    if (graph) {
-      graph.data(data);
-      graph.render();
-    } else {
-      setTimeout(() => {
-        getGraphData(data);
-      }, 500);
-    }
-  };
-  const getFirstWorkflow = (val) => {
-    getWorkflowById(val).then((pipelineRes) => {
-      if (graph && pipelineRes.data && pipelineRes.data.dag) {
-        getExperimentIns(locationParams.id).then((experimentRes) => {
-          if (experimentRes.code === 200) {
-            setMessage(experimentRes.data);
-            const experimentStatusObjs = JSON.parse(experimentRes.data.nodes_status);
-            const newNodeList = JSON.parse(pipelineRes.data.dag).nodes.map((item) => {
-              return {
-                ...item,
-                experimentEndTime: experimentStatusObjs?.[item.id]?.finishedAt,
-                experimentStartTime: experimentStatusObjs?.[item.id]?.startedAt,
-                experimentStatus: experimentStatusObjs?.[item.id]?.phase,
-                component_id: experimentStatusObjs?.[item.id]?.id,
-                img: experimentStatusObjs?.[item.id]?.phase
-                  ? item.img.slice(0, item.img.length - 4) +
-                    '-' +
-                    experimentStatusObjs[item.id].phase +
-                    '.png'
-                  : item.img,
-              };
-            });
-            const newData = { ...JSON.parse(pipelineRes.data.dag), nodes: newNodeList };
-            getGraphData(newData);
-          }
-        });
-      }
-    });
-  };
+  const [propsDrawerOpen, openPropsDrawer, closePropsDrawer, propsDrawerOpenRef] =
+    useVisible(false);
+  const navigate = useNavigate();
+  const width = 110;
+  const height = 36;
 
   useEffect(() => {
     initGraph();
-    getFirstWorkflow(locationParams.workflowId);
+    getWorkflow();
 
     const changeSize = () => {
       if (!graph || graph.get('destroyed')) return;
@@ -77,9 +45,115 @@ function ExperimentText() {
     window.addEventListener('resize', changeSize);
     return () => {
       window.removeEventListener('resize', changeSize);
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
     };
   }, []);
 
+  useEffect(() => {
+    propsDrawerOpenRef.current = propsDrawerOpen;
+  }, [propsDrawerOpen]);
+
+  // 获取流水线模版
+  const getWorkflow = async () => {
+    const [res] = await to(getWorkflowById(locationParams.workflowId));
+    if (res && res.data && res.data.dag) {
+      try {
+        const dag = JSON.parse(res.data.dag);
+        dag.nodes.forEach((item) => {
+          item.in_parameters = JSON.parse(item.in_parameters);
+          item.out_parameters = JSON.parse(item.out_parameters);
+          item.control_strategy = JSON.parse(item.control_strategy);
+          item.imgName = item.img.slice(0, item.img.length - 4);
+        });
+        workflowRef.current = dag;
+        getExperimentInstance(true);
+      } catch (error) {
+        // JSON.parse 错误
+        console.log(error);
+      }
+    }
+  };
+
+  // 获取实验实例
+  const getExperimentInstance = async (first) => {
+    const [res] = await to(getExperimentIns(locationParams.id));
+    if (res && res.data && workflowRef.current) {
+      setExperimentIns(res.data);
+      const { status, nodes_status } = res.data;
+      const workflowData = workflowRef.current;
+      const experimentStatusObjs = JSON.parse(nodes_status);
+      workflowData.nodes.forEach((item) => {
+        const experimentNode = experimentStatusObjs?.[item.id] ?? {};
+        const { finishedAt, startedAt, phase, id } = experimentNode;
+        item.experimentStartTime = startedAt;
+        item.experimentEndTime = finishedAt;
+        item.experimentStatus = phase;
+        item.workflowId = id;
+        item.img = phase ? `${item.imgName}-${phase}.png` : `${item.imgName}.png`;
+      });
+
+      // 更新打开的抽屉数据
+      if (propsDrawerOpenRef.current && experimentNodeDataRef.current) {
+        const currentId = experimentNodeDataRef.current.id;
+        const node = workflowData.nodes.find((item) => item.id === currentId);
+        if (node) {
+          setExperimentNodeData(node);
+        }
+      }
+
+      getGraphData(workflowData, first);
+
+      // 运行中或者等待中，每5秒获取一次实验实例
+      if (status === ExperimentStatus.Pending || status === ExperimentStatus.Running) {
+        timerRef.current = setTimeout(() => {
+          getExperimentInstance(false);
+        }, 5 * 1000);
+      }
+
+      if (first && status === ExperimentStatus.Pending) {
+        const node = workflowData.nodes[0];
+        if (node) {
+          setExperimentNodeData(node);
+          openPropsDrawer();
+        }
+      } else if (first && status === ExperimentStatus.Running) {
+        const node =
+          workflowData.nodes.find((item) => item.experimentStatus === ExperimentStatus.Running) ??
+          workflowData.nodes[0];
+        if (node) {
+          setExperimentNodeData(node);
+          openPropsDrawer();
+        }
+      }
+    }
+  };
+
+  // 根据数据，渲染图
+  const getGraphData = (data, first) => {
+    if (graph) {
+      const zoom = graph.getZoom();
+      // 在拉取新数据重新渲染页面之前先获取点（0， 0）在画布上的位置
+      const lastPoint = graph.getCanvasByPoint(0, 0);
+      graph.data(data);
+      graph.render();
+      if (first) {
+        graph.fitView();
+      } else {
+        graph.zoomTo(zoom);
+        // 获取重新渲染之后点（0， 0）在画布的位置
+        const newPoint = graph.getCanvasByPoint(0, 0);
+        // 移动画布相对位移;
+        graph.translate(lastPoint.x - newPoint.x, lastPoint.y - newPoint.y);
+      }
+    } else {
+      setTimeout(() => {
+        getGraphData(data);
+      }, 500);
+    }
+  };
+
   const initGraph = () => {
     G6.registerNode(
       'rect-node',
@@ -124,6 +198,54 @@ function ExperimentText() {
               draggable: true,
             });
           }
+          const hasRightImg =
+            cfg.experimentStatus === ExperimentStatus.Pending ||
+            cfg.experimentStatus === ExperimentStatus.Running;
+          if (hasRightImg) {
+            const image = group.addShape('image', {
+              attrs: {
+                x: -10,
+                y: -10,
+                width: 20,
+                height: 20,
+                img:
+                  cfg.experimentStatus === ExperimentStatus.Pending
+                    ? require('@/assets/img/experiment-pending.png')
+                    : require('@/assets/img/experiment-running.png'),
+                cursor: 'pointer',
+              },
+              draggable: false,
+              capture: false,
+            });
+
+            if (cfg.experimentStatus === ExperimentStatus.Running) {
+              image.animate(
+                (ratio) => {
+                  const toMatrix = Util.transform(
+                    [1, 0, 0, 0, 1, 0, 0, 0, 1],
+                    [
+                      ['r', ratio * Math.PI * 2],
+                      ['t', width / 2 - 14 + 10, -height / 2 - 6 + 10],
+                    ],
+                  );
+                  return {
+                    matrix: toMatrix,
+                  };
+                },
+                {
+                  repeat: true, // 动画重复
+                  duration: 1000,
+                  easing: 'easeLinear',
+                },
+              );
+            } else if (cfg.experimentStatus === ExperimentStatus.Pending) {
+              const toMatrix = Util.transform(
+                [1, 0, 0, 0, 1, 0, 0, 0, 1],
+                [['t', width / 2 - 14 + 10, -height / 2 - 6 + 10]],
+              );
+              image.setMatrix(toMatrix);
+            }
+          }
           const bbox = group.getBBox();
           const anchorPoints = this.getAnchorPoints(cfg);
           anchorPoints.forEach((anchorPos, i) => {
@@ -147,12 +269,12 @@ function ExperimentText() {
         // response the state changes and show/hide the link-point circles
         setState(name, value, item) {
           const group = item.getContainer();
-          const shape = group.get('children')[0];
+          const shape = group.get('children')?.[0];
           if (name === 'hover') {
             if (value) {
-              shape.attr('stroke', themes['primaryColor']);
+              shape?.attr('stroke', themes['primaryColor']);
             } else {
-              shape.attr('stroke', 'transparent');
+              shape?.attr('stroke', 'transparent');
             }
           }
         },
@@ -189,7 +311,7 @@ function ExperimentText() {
 
       defaultNode: {
         type: 'rect-node',
-        size: [110, 36],
+        size: [width, height],
 
         labelCfg: {
           style: {
@@ -257,7 +379,9 @@ function ExperimentText() {
   const bindEvents = () => {
     graph.on('node:click', (e) => {
       if (e.target.get('name') !== 'anchor-point' && e.item) {
-        propsRef.current.showDrawer(e, locationParams.id, messageRef.current);
+        const model = e.item.getModel();
+        setExperimentNodeData(model);
+        openPropsDrawer();
       }
     });
     graph.on('node:mouseenter', (e) => {
@@ -272,11 +396,11 @@ function ExperimentText() {
     <div className={styles['pipeline-container']}>
       <div className={styles['pipeline-container__top']}>
         <div className={styles['pipeline-container__top__info']}>
-          启动时间：{formatDate(message.create_time)}
+          启动时间：{formatDate(experimentIns?.create_time)}
         </div>
         <div className={styles['pipeline-container__top__info']}>
           执行时长：
-          {elapsedTime(message.create_time, message.finish_time)}
+          {elapsedTime(experimentIns?.create_time, experimentIns?.finish_time)}
         </div>
         <div className={styles['pipeline-container__top__info']}>
           状态：
@@ -286,11 +410,11 @@ function ExperimentText() {
               height: '8px',
               borderRadius: '50%',
               marginRight: '6px',
-              backgroundColor: experimentStatusInfo[message.status]?.color,
+              backgroundColor: experimentStatusInfo[experimentIns?.status]?.color,
             }}
           ></div>
-          <span style={{ color: experimentStatusInfo[message.status]?.color }}>
-            {experimentStatusInfo[message.status]?.label}
+          <span style={{ color: experimentStatusInfo[experimentIns?.status]?.color }}>
+            {experimentStatusInfo[experimentIns?.status]?.label}
           </span>
         </div>
         <Button
@@ -301,11 +425,24 @@ function ExperimentText() {
         </Button>
       </div>
       <div className={styles['pipeline-container__graph']} ref={graphRef}></div>
-      <Props ref={propsRef}></Props>
+      {experimentNodeData ? (
+        <ExperimentDrawer
+          open={propsDrawerOpen}
+          onClose={closePropsDrawer}
+          instanceId={experimentIns?.id}
+          instanceName={experimentIns?.argo_ins_name}
+          instanceNamespace={experimentIns?.argo_ins_ns}
+          instanceNodeData={experimentNodeData}
+          workflowId={experimentNodeData.workflowId}
+          instanceNodeStatus={experimentNodeData.experimentStatus}
+          instanceNodeStartTime={experimentNodeData.experimentStartTime}
+          instanceNodeEndTime={experimentIns.experimentEndTime}
+        ></ExperimentDrawer>
+      ) : null}
       <ParamsModal
         open={paramsModalOpen}
         onCancel={closeParamsModal}
-        globalParam={message.global_param}
+        globalParam={experimentIns?.global_param}
       ></ParamsModal>
     </div>
   );
diff --git a/react-ui/src/pages/Experiment/Info/index.less b/react-ui/src/pages/Experiment/Info/index.less
index f2f5510d..9004ce33 100644
--- a/react-ui/src/pages/Experiment/Info/index.less
+++ b/react-ui/src/pages/Experiment/Info/index.less
@@ -30,4 +30,10 @@
     background-image: url(/assets/images/pipeline-canvas-back.png);
     background-size: 100% 100%;
   }
+
+  :global {
+    .ant-drawer-mask {
+      background: transparent !important;
+    }
+  }
 }
diff --git a/react-ui/src/pages/Experiment/Info/props.less b/react-ui/src/pages/Experiment/Info/props.less
index b3294d55..1d5bdc34 100644
--- a/react-ui/src/pages/Experiment/Info/props.less
+++ b/react-ui/src/pages/Experiment/Info/props.less
@@ -14,7 +14,12 @@
         border: 1px solid #e0eaff;
       }
       .ant-tabs-content-holder {
-        overflow-y: auto;
+        .ant-tabs-content {
+          height: 100%;
+          .ant-tabs-tabpane {
+            height: 100%;
+          }
+        }
       }
     }
   }
diff --git a/react-ui/src/pages/Experiment/Info/props.tsx b/react-ui/src/pages/Experiment/Info/props.tsx
index 48d72c0d..5940756a 100644
--- a/react-ui/src/pages/Experiment/Info/props.tsx
+++ b/react-ui/src/pages/Experiment/Info/props.tsx
@@ -1,11 +1,9 @@
-import { getNodeResult, getQueryByExperimentLog } from '@/services/experiment/index.js';
+import { ExperimentStatus } from '@/enums';
 import { PipelineNodeModelSerialize } from '@/types';
 import { elapsedTime, formatDate } from '@/utils/date';
-import { to } from '@/utils/promise';
 import { DatabaseOutlined, ProfileOutlined } from '@ant-design/icons';
-import { Drawer, Form, Tabs } from 'antd';
-import dayjs from 'dayjs';
-import { forwardRef, useImperativeHandle, useState } from 'react';
+import { Drawer, Tabs } from 'antd';
+import { forwardRef, useImperativeHandle, useMemo } from 'react';
 import ExperimentParameter from '../components/ExperimentParameter';
 import ExperimentResult from '../components/ExperimentResult';
 import LogList from '../components/LogList';
@@ -19,154 +17,130 @@ export type ExperimentLog = {
   start_time?: string; // 日志开始时间
 };
 
-const Props = forwardRef((_, ref) => {
-  const [form] = Form.useForm();
-  const [experimentNodeData, setExperimentNodeData] = useState<PipelineNodeModelSerialize>(
-    {} as PipelineNodeModelSerialize,
-  );
-  const [experimentResults, setExperimentResults] = useState([]);
-  const [experimentLogList, setExperimentLogList] = useState<ExperimentLog[]>([]);
+type ExperimentDrawerProps = {
+  open: boolean;
+  onClose: () => void;
+  instanceId?: number; // 实验实例 id
+  instanceName?: string; // 实验实例 name
+  instanceNamespace?: string; // 实验实例 namespace
+  instanceNodeData: PipelineNodeModelSerialize; // 节点数据，在定时刷新实验实例状态中不会变化
+  workflowId?: string; // 实验实例工作流 id
+  instanceNodeStatus?: ExperimentStatus; // 在定时刷新实验实例状态中，变化一两次
+  instanceNodeStartTime?: string; // 在定时刷新实验实例状态中，变化一两次
+  instanceNodeEndTime?: string; // 在定时刷新实验实例状态中，会经常变化
+};
 
-  const items = [
-    {
-      key: '1',
-      label: '日志详情',
-      children: (
-        <LogList list={experimentLogList} status={experimentNodeData.experimentStatus}></LogList>
-      ),
-      icon: <ProfileOutlined />,
-    },
-    {
-      key: '2',
-      label: '配置参数',
-      icon: <DatabaseOutlined />,
-      children: <ExperimentParameter form={form} nodeData={experimentNodeData} />,
-    },
+const ExperimentDrawer = forwardRef(
+  (
     {
-      key: '3',
-      label: '输出结果',
-      children: <ExperimentResult results={experimentResults}></ExperimentResult>,
-      icon: <ProfileOutlined />,
-    },
-  ];
-  const [open, setOpen] = useState(false);
-  const onClose = () => {
-    setOpen(false);
-  };
-
-  // 获取实验日志
-  const getExperimentLog = async (params: any, start_time: number) => {
-    const [res] = await to(getQueryByExperimentLog(params));
-    if (res && res.data) {
-      const { log_type, pods, log_detail } = res.data;
-      if (log_type === 'normal') {
-        const list = [
-          {
-            ...log_detail,
-            log_type,
-          },
-        ];
-        setExperimentLogList(list);
-      } else if (log_type === 'resource') {
-        const list = pods.map((v: string) => ({
-          log_type,
-          pod_name: v,
-          log_content: '',
-          start_time,
-        }));
-        setExperimentLogList(list);
-      }
-    }
-  };
-
-  // 获取实验结果
-  const getExperimentResult = async (params: any) => {
-    const [res] = await to(getNodeResult(params));
-    if (res && res.data) {
-      setExperimentResults(res.data);
-    }
-  };
+      open,
+      onClose,
+      instanceId,
+      instanceName,
+      instanceNamespace,
+      instanceNodeData,
+      workflowId,
+      instanceNodeStatus,
+      instanceNodeStartTime,
+      instanceNodeEndTime,
+    }: ExperimentDrawerProps,
+    ref,
+  ) => {
+    useImperativeHandle(ref, () => ({}));
 
-  useImperativeHandle(ref, () => ({
-    showDrawer(e: any, id: string, message: any) {
-      setOpen(true);
+    // 如果性能有问题，可以进一步拆解
+    const items = useMemo(
+      () => [
+        {
+          key: '1',
+          label: '日志详情',
+          children: (
+            <LogList
+              instanceName={instanceName}
+              instanceNamespace={instanceNamespace}
+              pipelineNodeId={instanceNodeData.id}
+              workflowId={workflowId}
+              instanceNodeStartTime={instanceNodeStartTime}
+              instanceNodeStatus={instanceNodeStatus}
+            ></LogList>
+          ),
+          icon: <ProfileOutlined />,
+        },
+        {
+          key: '2',
+          label: '配置参数',
+          icon: <DatabaseOutlined />,
+          children: <ExperimentParameter nodeData={instanceNodeData} />,
+        },
+        {
+          key: '3',
+          label: '输出结果',
+          children: (
+            <ExperimentResult
+              experimentInsId={instanceId}
+              pipelineNodeId={instanceNodeData.id}
+            ></ExperimentResult>
+          ),
+          icon: <ProfileOutlined />,
+        },
+      ],
+      [
+        instanceNodeData,
+        instanceId,
+        instanceName,
+        instanceNamespace,
+        instanceNodeStatus,
+        workflowId,
+        instanceNodeStartTime,
+      ],
+    );
 
-      // 获取实验参数
-      const model = e.item.getModel();
-      try {
-        const nodeData = {
-          ...model,
-          in_parameters: JSON.parse(model.in_parameters),
-          out_parameters: JSON.parse(model.out_parameters),
-          control_strategy: JSON.parse(model.control_strategy),
-        };
-        setExperimentNodeData(nodeData);
-        form.setFieldsValue(nodeData);
-      } catch (error) {
-        console.log(error);
-      }
-
-      // 获取实验日志和实验结果
-      setExperimentLogList([]);
-      setExperimentResults([]);
-      // 如果已经运行到了
-      if (e.item?.getModel()?.component_id) {
-        const model = e.item.getModel();
-        const start_time = dayjs(model.experimentStartTime).valueOf() * 1.0e6;
-        const params = {
-          task_id: model.id,
-          component_id: model.component_id,
-          name: message.argo_ins_name,
-          namespace: message.argo_ins_ns,
-          start_time: start_time,
-        };
-        getExperimentLog(params, start_time);
-        getExperimentResult({ id, node_id: model.id });
-      }
-    },
-  }));
-  return (
-    <Drawer
-      title="任务执行详情"
-      placement="right"
-      getContainer={false}
-      closeIcon={false}
-      onClose={onClose}
-      open={open}
-      width={520}
-      className={styles['experiment-drawer']}
-      destroyOnClose={true}
-    >
-      <div style={{ paddingTop: '15px' }}>
-        <div className={styles['experiment-drawer__info']}>
-          任务名称：{experimentNodeData.label}
-        </div>
-        <div className={styles['experiment-drawer__info']}>
-          执行状态：
-          <div
-            className={styles['experiment-drawer__status-dot']}
-            style={{
-              backgroundColor: experimentStatusInfo[experimentNodeData.experimentStatus]?.color,
-            }}
-          ></div>
-          <span style={{ color: experimentStatusInfo[experimentNodeData.experimentStatus]?.color }}>
-            {experimentStatusInfo[experimentNodeData.experimentStatus]?.label}
-          </span>
-        </div>
-        <div className={styles['experiment-drawer__info']}>
-          启动时间：{formatDate(experimentNodeData.experimentStartTime)}
-        </div>
-        <div className={styles['experiment-drawer__info']}>
-          耗时：
-          {elapsedTime(
-            experimentNodeData.experimentStartTime,
-            experimentNodeData.experimentEndTime,
-          )}
+    return (
+      <Drawer
+        title="任务执行详情"
+        placement="right"
+        getContainer={false}
+        closeIcon={false}
+        onClose={onClose}
+        open={open}
+        width={520}
+        className={styles['experiment-drawer']}
+        destroyOnClose={true}
+      >
+        <div style={{ paddingTop: '15px' }}>
+          <div className={styles['experiment-drawer__info']}>
+            任务名称：{instanceNodeData.label}
+          </div>
+          <div className={styles['experiment-drawer__info']}>
+            执行状态：
+            {instanceNodeStatus ? (
+              <>
+                <div
+                  className={styles['experiment-drawer__status-dot']}
+                  style={{
+                    backgroundColor: experimentStatusInfo[instanceNodeStatus]?.color,
+                  }}
+                ></div>
+                <span style={{ color: experimentStatusInfo[instanceNodeStatus]?.color }}>
+                  {experimentStatusInfo[instanceNodeStatus]?.label}
+                </span>
+              </>
+            ) : (
+              '--'
+            )}
+          </div>
+          <div className={styles['experiment-drawer__info']}>
+            启动时间：{formatDate(instanceNodeStartTime)}
+          </div>
+          <div className={styles['experiment-drawer__info']}>
+            耗时：
+            {elapsedTime(instanceNodeStartTime, instanceNodeEndTime)}
+          </div>
         </div>
-      </div>
-      <Tabs defaultActiveKey="1" items={items} className={styles['experiment-drawer__tabs']} />
-    </Drawer>
-  );
-});
+        <Tabs defaultActiveKey="1" items={items} className={styles['experiment-drawer__tabs']} />
+      </Drawer>
+    );
+  },
+);
 
-export default Props;
+export default ExperimentDrawer;
diff --git a/react-ui/src/pages/Experiment/components/ExperimentParameter/index.less b/react-ui/src/pages/Experiment/components/ExperimentParameter/index.less
index 44b590ea..c5d9824e 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentParameter/index.less
+++ b/react-ui/src/pages/Experiment/components/ExperimentParameter/index.less
@@ -1,5 +1,7 @@
 .experiment-parameter {
+  height: 100%;
   padding-top: 8px;
+  overflow-y: auto;
 
   &__title {
     display: flex;
diff --git a/react-ui/src/pages/Experiment/components/ExperimentParameter/index.tsx b/react-ui/src/pages/Experiment/components/ExperimentParameter/index.tsx
index 62be954f..eb516935 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentParameter/index.tsx
+++ b/react-ui/src/pages/Experiment/components/ExperimentParameter/index.tsx
@@ -3,16 +3,15 @@ import ParameterSelect from '@/components/ParameterSelect';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { useComputingResource } from '@/hooks/resource';
 import { PipelineNodeModelSerialize } from '@/types';
-import { Form, Input, Select, type FormProps } from 'antd';
+import { Form, Input, Select } from 'antd';
 import styles from './index.less';
 const { TextArea } = Input;
 
 type ExperimentParameterProps = {
-  form: FormProps['form'];
   nodeData: PipelineNodeModelSerialize;
 };
 
-function ExperimentParameter({ form, nodeData }: ExperimentParameterProps) {
+function ExperimentParameter({ nodeData }: ExperimentParameterProps) {
   const [resourceStandardList] = useComputingResource(); // 资源规模
 
   // 控制策略
@@ -42,7 +41,7 @@ function ExperimentParameter({ form, nodeData }: ExperimentParameterProps) {
       wrapperCol={{
         span: 24,
       }}
-      form={form}
+      initialValues={nodeData}
       style={{
         maxWidth: 600,
       }}
diff --git a/react-ui/src/pages/Experiment/components/ExperimentResult/index.less b/react-ui/src/pages/Experiment/components/ExperimentResult/index.less
index 078fe4f2..78684d72 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentResult/index.less
+++ b/react-ui/src/pages/Experiment/components/ExperimentResult/index.less
@@ -1,5 +1,7 @@
 .experiment-result {
+  height: 100%;
   padding: 8px;
+  overflow-y: auto;
   color: @text-color;
   font-size: 14px;
 
diff --git a/react-ui/src/pages/Experiment/components/ExperimentResult/index.tsx b/react-ui/src/pages/Experiment/components/ExperimentResult/index.tsx
index e3cbd4da..feabcc3d 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentResult/index.tsx
+++ b/react-ui/src/pages/Experiment/components/ExperimentResult/index.tsx
@@ -1,11 +1,15 @@
+import { getNodeResult } from '@/services/experiment/index.js';
 import { downLoadZip } from '@/utils/downloadfile';
 import { openAntdModal } from '@/utils/modal';
+import { to } from '@/utils/promise';
 import { App, Button } from 'antd';
+import { useEffect, useState } from 'react';
 import ExportModelModal from '../ExportModelModal';
 import styles from './index.less';
 
 type ExperimentResultProps = {
-  results?: ExperimentResultData[] | null;
+  experimentInsId?: number; // 实验实例 id
+  pipelineNodeId?: string; // 流水线节点 id
 };
 
 type ExperimentResultData = {
@@ -18,8 +22,21 @@ type ExperimentResultData = {
   }[];
 };
 
-function ExperimentResult({ results }: ExperimentResultProps) {
+function ExperimentResult({ experimentInsId, pipelineNodeId }: ExperimentResultProps) {
   const { message } = App.useApp();
+  const [experimentResults, setExperimentResults] = useState<ExperimentResultData[]>([]);
+
+  useEffect(() => {
+    getExperimentResult({ id: `${experimentInsId}`, node_id: pipelineNodeId });
+  }, []);
+
+  // 获取实验结果
+  const getExperimentResult = async (params: any) => {
+    const [res] = await to(getNodeResult(params));
+    if (res && res.data) {
+      setExperimentResults(res.data);
+    }
+  };
 
   // 下载
   const download = (path: string) => {
@@ -40,9 +57,9 @@ function ExperimentResult({ results }: ExperimentResultProps) {
   return (
     <div className={styles['experiment-result']}>
       <div className={styles['experiment-result__content']}>
-        {results && results.length > 0 ? (
-          results.map((item) => (
-            <div key={item.name} className={styles['experiment-result__item']}>
+        {experimentResults.length > 0 ? (
+          experimentResults.map((item) => (
+            <div key={item.name || item.path} className={styles['experiment-result__item']}>
               <div className={styles['experiment-result__item__name']}>
                 <span>{item.name}</span>
                 <Button
diff --git a/react-ui/src/pages/Experiment/components/LogGroup/index.tsx b/react-ui/src/pages/Experiment/components/LogGroup/index.tsx
index cd84406d..ffb6eb1d 100644
--- a/react-ui/src/pages/Experiment/components/LogGroup/index.tsx
+++ b/react-ui/src/pages/Experiment/components/LogGroup/index.tsx
@@ -11,11 +11,11 @@ import { getExperimentPodsLog } from '@/services/experiment/index.js';
 import { DoubleRightOutlined, DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 import classNames from 'classnames';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import styles from './index.less';
 
 export type LogGroupProps = ExperimentLog & {
-  status: ExperimentStatus; // 实验状态
+  status?: ExperimentStatus; // 实验状态
 };
 
 type Log = {
@@ -25,7 +25,7 @@ type Log = {
 
 // 滚动到底部
 const scrollToBottom = (smooth: boolean = true) => {
-  const element = document.getElementsByClassName('ant-tabs-content-holder')?.[0];
+  const element = document.getElementById('log-list');
   if (element) {
     const optons: ScrollToOptions = {
       top: element.scrollHeight,
@@ -41,25 +41,36 @@ function LogGroup({
   pod_name = '',
   log_content = '',
   start_time,
-  status = ExperimentStatus.Pending,
+  status,
 }: LogGroupProps) {
   const [collapse, setCollapse] = useState(true);
   const [logList, setLogList, logListRef] = useStateRef<Log[]>([]);
   const [completed, setCompleted] = useState(false);
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_isMouseDown, setIsMouseDown, isMouseDownRef] = useStateRef(false);
+  const preStatusRef = useRef<ExperimentStatus | undefined>(undefined);
 
   useEffect(() => {
     scrollToBottom(false);
+    let timerId: NodeJS.Timeout | undefined;
     if (status === ExperimentStatus.Running) {
-      const timerId = setInterval(() => {
+      timerId = setInterval(() => {
         requestExperimentPodsLog();
-      }, 5000);
-      return () => {
-        clearInterval(timerId);
-      };
+      }, 5 * 1000);
+    } else if (preStatusRef.current === ExperimentStatus.Running) {
+      requestExperimentPodsLog();
+      setTimeout(() => {
+        requestExperimentPodsLog();
+      }, 5 * 1000);
     }
-  }, []);
+    preStatusRef.current = status;
+    return () => {
+      if (timerId) {
+        clearInterval(timerId);
+        timerId = undefined;
+      }
+    };
+  }, [status]);
 
   useEffect(() => {
     const mouseDown = () => {
@@ -131,7 +142,8 @@ function LogGroup({
 
   const showLog = (log_type === 'resource' && !collapse) || log_type === 'normal';
   const logText = log_content + logList.map((v) => v.log_content).join('');
-  const showMoreBtn = status !== 'Running' && showLog && !completed && logText !== '';
+  const showMoreBtn =
+    status !== ExperimentStatus.Running && showLog && !completed && logText !== '';
   return (
     <div className={styles['log-group']}>
       {log_type === 'resource' && (
diff --git a/react-ui/src/pages/Experiment/components/LogList/index.less b/react-ui/src/pages/Experiment/components/LogList/index.less
index 07e04fb1..3909c8de 100644
--- a/react-ui/src/pages/Experiment/components/LogList/index.less
+++ b/react-ui/src/pages/Experiment/components/LogList/index.less
@@ -1,5 +1,7 @@
 .log-list {
+  height: 100%;
   padding: 8px;
+  overflow-y: auto;
 
   &__empty {
     padding: 15px;
diff --git a/react-ui/src/pages/Experiment/components/LogList/index.tsx b/react-ui/src/pages/Experiment/components/LogList/index.tsx
index 0d833107..f9fbccea 100644
--- a/react-ui/src/pages/Experiment/components/LogList/index.tsx
+++ b/react-ui/src/pages/Experiment/components/LogList/index.tsx
@@ -1,18 +1,74 @@
 import { ExperimentStatus } from '@/enums';
 import { ExperimentLog } from '@/pages/Experiment/Info/props';
+import { getQueryByExperimentLog } from '@/services/experiment/index.js';
+import { to } from '@/utils/promise';
+import dayjs from 'dayjs';
+import { useEffect, useState } from 'react';
 import LogGroup from '../LogGroup';
 import styles from './index.less';
 
 type LogListProps = {
-  list: ExperimentLog[];
-  status: ExperimentStatus;
+  instanceName?: string; // 实验实例 name
+  instanceNamespace?: string; // 实验实例 namespace
+  pipelineNodeId?: string; // 流水线节点 id
+  workflowId?: string; // 实验实例工作流 id
+  instanceNodeStartTime?: string; // 实验实例节点开始运行时间
+  instanceNodeStatus?: ExperimentStatus;
 };
 
-function LogList({ list = [], status }: LogListProps) {
+function LogList({
+  instanceName,
+  instanceNamespace,
+  pipelineNodeId,
+  workflowId,
+  instanceNodeStartTime,
+  instanceNodeStatus,
+}: LogListProps) {
+  const [logList, setLogList] = useState<ExperimentLog[]>([]);
+
+  useEffect(() => {
+    if (workflowId) {
+      const start_time = dayjs(instanceNodeStartTime).valueOf() * 1.0e6;
+      const params = {
+        task_id: pipelineNodeId,
+        component_id: workflowId,
+        name: instanceName,
+        namespace: instanceNamespace,
+        start_time: start_time,
+      };
+      getExperimentLog(params, start_time);
+    }
+  }, [workflowId, instanceNodeStartTime]);
+
+  // 获取实验日志
+  const getExperimentLog = async (params: any, start_time: number) => {
+    const [res] = await to(getQueryByExperimentLog(params));
+    if (res && res.data) {
+      const { log_type, pods, log_detail } = res.data;
+      if (log_type === 'normal') {
+        const list = [
+          {
+            ...log_detail,
+            log_type,
+          },
+        ];
+        setLogList(list);
+      } else if (log_type === 'resource') {
+        const list = pods.map((v: string) => ({
+          log_type,
+          pod_name: v,
+          log_content: '',
+          start_time,
+        }));
+        setLogList(list);
+      }
+    }
+  };
+
   return (
-    <div className={styles['log-list']}>
-      {list.length > 0 ? (
-        list.map((v) => <LogGroup key={v.pod_name} {...v} status={status} />)
+    <div className={styles['log-list']} id="log-list">
+      {logList.length > 0 ? (
+        logList.map((v) => <LogGroup key={v.pod_name} {...v} status={instanceNodeStatus} />)
       ) : (
         <div className={styles['log-list__empty']}>暂无日志</div>
       )}
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index 22b1c85f..c849b898 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -66,6 +66,7 @@ function Experiment() {
       clearExperimentInTimers();
     };
   }, []);
+
   // 获取实验列表
   const getList = async () => {
     const params = {
@@ -84,6 +85,7 @@ function Experiment() {
       setTotal(res.data.totalElements);
     }
   };
+
   // 获取流水线列表
   const getWorkflowList = async () => {
     const [res, _] = await to(getWorkflow(queryFlow));
@@ -91,6 +93,7 @@ function Experiment() {
       setWorkflowList(res.data.content);
     }
   };
+
   // 获取实验实例列表
   const getQueryByExperiment = async (experimentId, page) => {
     const params = {
@@ -128,6 +131,7 @@ function Experiment() {
       }
     }
   };
+
   // 运行 TensorBoard
   const runTensorBoard = async (experimentIn) => {
     const params = {
@@ -146,6 +150,7 @@ function Experiment() {
       }
     }
   };
+
   // 获取 TensorBoard 状态
   const getTensorBoardStatus = async (experimentIn) => {
     const params = {
@@ -179,6 +184,7 @@ function Experiment() {
       timerIds.set(experimentIn.id, timerId);
     }
   };
+
   // 展开实例
   const expandChange = (e, record) => {
     clearExperimentInTimers();
@@ -189,6 +195,7 @@ function Experiment() {
       getQueryByExperiment(record.id, 0);
     }
   };
+
   // 终止实验实例获取 TensorBoard 状态的定时器
   const clearExperimentInTimers = () => {
     timerIds.values().forEach((timerId) => {
@@ -196,6 +203,7 @@ function Experiment() {
     });
     timerIds.clear();
   };
+
   // 创建实验
   const createExperiment = () => {
     setIsAdd(true);
@@ -203,6 +211,7 @@ function Experiment() {
     setExperimentId(null);
     setIsModalOpen(true);
   };
+
   // 编辑实验
   const editExperiment = (id) => {
     getExperimentById(id).then((res) => {
@@ -218,11 +227,7 @@ function Experiment() {
   const handleCancel = () => {
     setIsModalOpen(false);
   };
-  // 跳转到流水线
-  const routeToEdit = (e, record) => {
-    e.stopPropagation();
-    navgite({ pathname: `/pipeline/template/${record.workflow_id}` });
-  };
+
   // 创建或者编辑实验接口请求
   const handleAddExperiment = async (values) => {
     const global_param = JSON.stringify(values.global_param);
@@ -266,6 +271,13 @@ function Experiment() {
       message.error('运行失败');
     }
   };
+
+  // 跳转到流水线
+  const gotoPipeline = (e, record) => {
+    e.stopPropagation();
+    navgite({ pathname: `/pipeline/template/${record.workflow_id}` });
+  };
+
   // 跳转到实验实例详情
   const gotoInstanceInfo = (item, record) => {
     navgite({ pathname: `/pipeline/experiment/${record.workflow_id}/${item.id}` });
@@ -343,7 +355,7 @@ function Experiment() {
       title: '关联流水线名称',
       dataIndex: 'workflow_name',
       key: 'workflow_name',
-      render: (text, record) => <a onClick={(e) => routeToEdit(e, record)}>{text}</a>,
+      render: (text, record) => <a onClick={(e) => gotoPipeline(e, record)}>{text}</a>,
       width: '16%',
     },
     {
diff --git a/react-ui/src/types.ts b/react-ui/src/types.ts
index f443748f..2a6491d1 100644
--- a/react-ui/src/types.ts
+++ b/react-ui/src/types.ts
@@ -47,6 +47,7 @@ export type PipelineNodeModel = {
   out_parameters: string;
   component_label: string;
   icon_path: string;
+  workflowId?: string;
 };
 
 // 流水线节点模型数据