feat: remove KnowledgeSearching and add knowledge configuration page and add a run button to the document (#64)

* feat: add a run button to the document

* feat: add knowledge configuration page

* feat: remove KnowledgeSearching

web/src/pages/add-knowledge/components/knowledge-file/parsing-status-cell/index.less

@@ -1,3 +1,12 @@
 .popover-content {
   width: 300px;
 }
+
+.operationIcon {
+  text-align: center;
+  margin-right: 20%;
+  width: 20px;
+  &:hover {
+    cursor: pointer;
+  }
+}

web/src/pages/add-knowledge/components/knowledge-file/parsing-status-cell/index.tsx

@@ -1,9 +1,21 @@
+import { ReactComponent as RefreshIcon } from '@/assets/svg/refresh.svg';
+import { ReactComponent as RunIcon } from '@/assets/svg/run.svg';
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { Badge, DescriptionsProps, Flex, Popover, Space, Tag } from 'antd';
 import { RunningStatus, RunningStatusMap } from '../constant';
 
+import { CloseCircleOutlined } from '@ant-design/icons';
+import { useDispatch } from 'umi';
 import styles from './index.less';
 
+const iconMap = {
+  [RunningStatus.UNSTART]: RunIcon,
+  [RunningStatus.RUNNING]: CloseCircleOutlined,
+  [RunningStatus.CANCEL]: RefreshIcon,
+  [RunningStatus.DONE]: RefreshIcon,
+  [RunningStatus.FAIL]: RefreshIcon,
+};
+
 interface IProps {
   record: IKnowledgeFile;
 }
@@ -31,7 +43,7 @@ const PopoverContent = ({ record }: IProps) => {
     <Flex vertical className={styles['popover-content']}>
       {items.map((x) => {
         return (
-          <div>
+          <div key={x.key}>
             <b>{x.label}:</b>
             <p>{x.children}</p>
           </div>
@@ -42,27 +54,46 @@ const PopoverContent = ({ record }: IProps) => {
 };
 
 export const ParsingStatusCell = ({ record }: IProps) => {
+  const dispatch = useDispatch();
   const text = record.run;
   const runningStatus = RunningStatusMap[text];
 
   const isRunning = text === RunningStatus.RUNNING;
 
+  const OperationIcon = iconMap[text];
+
+  const handleOperationIconClick = () => {
+    dispatch({
+      type: 'kFModel/document_run',
+      payload: {
+        doc_ids: [record.id],
+        run: isRunning ? 2 : 1,
+        knowledgeBaseId: record.kb_id,
+      },
+    });
+  };
+
   return (
-    <Popover
-      content={isRunning && <PopoverContent record={record}></PopoverContent>}
-    >
-      <Tag color={runningStatus.color}>
-        {isRunning ? (
-          <Space>
-            <Badge color={runningStatus.color} />
-            {runningStatus.label}
-            <span>{record.progress * 100}%</span>
-          </Space>
-        ) : (
-          runningStatus.label
-        )}
-      </Tag>
-    </Popover>
+    <Flex justify={'space-between'}>
+      <Popover
+        content={isRunning && <PopoverContent record={record}></PopoverContent>}
+      >
+        <Tag color={runningStatus.color}>
+          {isRunning ? (
+            <Space>
+              <Badge color={runningStatus.color} />
+              {runningStatus.label}
+              <span>{(record.progress * 100).toFixed(2)}%</span>
+            </Space>
+          ) : (
+            runningStatus.label
+          )}
+        </Tag>
+      </Popover>
+      <div onClick={handleOperationIconClick} className={styles.operationIcon}>
+        <OperationIcon />
+      </div>
+    </Flex>
   );
 };