From 27341106360479d861f4f46d08602e43b8787413 Mon Sep 17 00:00:00 2001
From: "1025859868@qq.com" <19941107cy>
Date: Tue, 11 Jun 2024 11:29:37 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=BA=93=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/locales/en/bs.json                     |   8 +-
 public/locales/zh/bs.json                     |   8 +-
 src/assets/knowledge/red-delete-icon.png      | Bin 0 -> 656 bytes
 src/assets/knowledge/set-active-icon.png      | Bin 0 -> 928 bytes
 src/controllers/API/index.ts                  |   8 +
 .../Knowledge/components/configModel.tsx      | 135 +++++++
 src/pages/Knowledge/components/moveModel.tsx  |   3 +-
 .../Knowledge/components/renameModel.tsx      |   5 +-
 src/pages/Knowledge/knowledge.tsx             | 376 +++++++++---------
 src/style/knowledge.css                       |  65 +++
 10 files changed, 421 insertions(+), 187 deletions(-)
 create mode 100644 src/assets/knowledge/red-delete-icon.png
 create mode 100644 src/assets/knowledge/set-active-icon.png
 create mode 100644 src/pages/Knowledge/components/configModel.tsx

diff --git a/public/locales/en/bs.json b/public/locales/en/bs.json
index 68b8476..10ceb99 100644
--- a/public/locales/en/bs.json
+++ b/public/locales/en/bs.json
@@ -276,7 +276,13 @@
         "textDataset": "Text dataset",
         "tableDataset": "Table Dataset",
         "createImport": "Create/Import",
-        "knowledge": "Knowledge base"
+        "knowledge": "Knowledge base",
+        "web": "Website",
+        "knowledgeId": "Knowledge Base ID",
+        "knowledgeImg": "Knowledge Base Avatar",
+        "indexModel": "Index model",
+        "dataUp": "Single data upper limit",
+        "introduce": "Introduce"
     },
     "code": {
         "editPythonCodeDescription": "Edit your Python code here. This code snippet accepts module imports and a function definition. Make sure your function returns a string.",
diff --git a/public/locales/zh/bs.json b/public/locales/zh/bs.json
index 3a5e775..9d6dbde 100644
--- a/public/locales/zh/bs.json
+++ b/public/locales/zh/bs.json
@@ -268,7 +268,13 @@
         "textDataset": "文本数据集",
         "tableDataset": "表格数据集",
         "createImport": "新建/导入",
-        "knowledge": "知识库"
+        "knowledge": "知识库",
+        "web": "网站",
+        "knowledgeId": "知识库ID",
+        "knowledgeImg": "知识库头像",
+        "indexModel": "索引模型",
+        "dataUp": "单条数据上限",
+        "introduce": "介绍"
     },
     "code": {
         "editPythonCodeDescription": "编辑你的 Python 代码此代码片段接受模块导入和一个函数定义。确保您的函数返回一个字符串。",
diff --git a/src/assets/knowledge/red-delete-icon.png b/src/assets/knowledge/red-delete-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..206905736ba1290c64d1433541faa985e503aae4
GIT binary patch
literal 656
zcmV;B0&o3^P)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00001b5ch_0Itp)
z=>Px%N=ZaPR7gwhmCZ|(Q5431&x|IdQj)o77X$@C6fKI{v@B@TLc(z7zBBYe7L|Pv
zL`mUC5-lPr`x4)G29^GRpp_s7)gp)}TC@wJphUEVI{40M#xNPvvDrk6?(TBW`Q3Z&
zJ<oH+GQ%1gYN@EW4D83O8hArCdtK@DV6jvcTeQZ;jg*xQ18WzFYmx7_E|p&#?0GMM
z9hkiWj$!s4I6x%QISUNKJxZsC7K1MdHqYAxya&d~WY(*{e{2q5&ZUtW$!4!AmAbYl
z*qrM^+J~7H1V}4^b-*<65wrP2NHxHk*-hc|0<bU}mO1wUX~S}lSmOF8S$+K~s;V|)
zb}Co;LCkuPf)YV{flI(^!te|;Gw*(tXU;uDI*eJHg5XLiVDr2r(1Y1?1;MU-?%xNS
zbK8*~k<FeZl^Vji$G}$wL6gPfTZlvgq;u-+9W3d@=6OvyVcY>a3Bxv`(FtHezF%XB
z#7WG$FuR~2xLF$5xuZz;k=iLQ?_hd*9BE9xUuTI#UM%-=?ba;czx5yduU*A_S9Ab*
zdz=JD<@>ef+;OD4m|av5-1xJ{gI4)|i+SE^q-Lh3x->BG&75nPZMPtJV##DRVR#;?
zTfYCr;_)Pr$P&u)ya&J$%x)_PPM0L<xeDN=e1B)5q&+VNq%fNxo87H+`t6^<Ef%XI
z5_yWW4YTgNG7G@@iOv5Qmb-?$*A^c?J-iZW1!g0dZB;5Y`a3ult0Wq22M%FYg;Z$%
q3%ALezch*Tj7;W)`uaxZLVf^e$Ft^tGZ=vY0000<MNUMnLSTaRE-)Ja

literal 0
HcmV?d00001

diff --git a/src/assets/knowledge/set-active-icon.png b/src/assets/knowledge/set-active-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b11d96743b4b36dafc24039c7f2c765a3abd38c
GIT binary patch
literal 928
zcmV;R17G}!P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px&T1iAfR5(wKlv`*Vbri;b-)!!!7Yvo6R4CS%>?E$Wt%~>%+k!T`si2KmFAr+H
zRDBX_!AjDA_)yeB6&0~nQ4}eCFr7_OwO|nuZEB<LBzX`mf);~T)Ld+KXO5ZKWV>ln
z@jRY${@?#Q-?@kd%!bo96VQqHnW}J$uIT$KN;B(7Ff_RfY%OSyT<^`ZpR3$qe(Pdv
z(d$T?%lxAlA0j4!Hef|r>@yP1ooej)W!5(rFqe55@fh$8;%O|r7@Qp?5Mva00qiJ_
zIx$*-!*ad#3j_L@$AOnf6jEyJ|8_RXhT9s*Q_a+`BU*hdAD8cURKdg;(%VXU51tFK
zYdWwKxK6J3)k6A~J~`fcAytb`VLG5@uVWsd4Yb!$8-5QukGioXTK?%jF_Xcz1}dBk
zP(ctLQL6XL5@;?nh-jiP)u_}*KSusoLmOUKPgt`bbQ2-nYVjhLn4j(hMXa4OY;B+1
z>;rK;*R~ls?_rFPFKp1t{u8pH^oy7t2I_#<<a%3Y!0rd_1=~xQ@8+}$)K)%Jl*FEw
zo81=Y4W)NrdKQ?98)SYuDsx#h5^}x6rE>gC4r4;i-nDZ_D-(Tk7n4rCRv(-we!gKP
zBzl1wnV<O$D9H7emcVRPB|}TcLC?u8mS6VK-P2?AF0vLSv$-<=*T9t#;0a&}%CAuJ
z(8;odpMXKR-p09rZMTB6o4<prb^Xi+4XnR_+UjEwPE_&-pgVvG6h5P5@9w$U*pr-p
z>J=^fBHEOBW`1T<r2X{#)<+9b>~ijwH7M~u=yII!J~j2eRrIG1Al-)9IF2ST+afpH
zQ>x;-^bI)r9QYlAdr9{7msZdG%w>R&*%)s2Qi-rAcxDr3w}UFEvh8Zf{!k{%C%`%^
zxKYi05pZ!1%Mx}0+bHB$DRn3k`J5IX5*Ggfd_28X(b0(QY`{l=R|%bzT6)gx@=hGO
zV3u{vJl-t(6L@2GcIN|@u8r-dk}jsgi@<pT#aAT(9L2PUAUIA%Vmt6CW=GVVUAr*D
zk@n>Tp$AF=!3_UM%>l3i4%c9+0Zs$eU?*{CS5r0`nfWCbo6u2(jX#CsY{hI8oO|RR
z^yApb#!CpoeZU&v9RlmtRoO_#lFiZZznbuWWB&pM8ebhnN|av!0000<MNUMnLSTaT
CW3yKP

literal 0
HcmV?d00001

diff --git a/src/controllers/API/index.ts b/src/controllers/API/index.ts
index 8a70df8..1dc0462 100644
--- a/src/controllers/API/index.ts
+++ b/src/controllers/API/index.ts
@@ -167,6 +167,14 @@ export async function updateFileLib(data) {
   return await axios.put(`/api/v1/knowledge/update`, data);
 }
 
+/**
+ * 修改支持库
+ *
+ */
+export async function getFileLibById(id) {
+  return await axios.get(`/api/v1/knowledge/${id}`);
+}
+
 /**
  * 修改支持库文件
  *
diff --git a/src/pages/Knowledge/components/configModel.tsx b/src/pages/Knowledge/components/configModel.tsx
new file mode 100644
index 0000000..9498bb8
--- /dev/null
+++ b/src/pages/Knowledge/components/configModel.tsx
@@ -0,0 +1,135 @@
+import {Link, useNavigate, useParams} from "react-router-dom";
+import { useContext, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { locationContext } from "../../../contexts/locationContext";
+import {
+    getFileLibById,
+    deleteFileLib, updateFileLib
+} from "../../../controllers/API";
+import {captureAndAlertRequestErrorHoc} from "../../../controllers/request";
+
+
+export default function ConfigModal({ id, reload }) {
+    if(!open) return null
+
+    const { t } = useTranslation()
+    const [knowledge, setKnowledge] = useState({})
+    const [nameValue, setNameValue] = useState("")
+    const [descValue, setDescValue] = useState("")
+    const navigate = useNavigate()
+
+    useEffect(() => {
+        getFileLibById(id).then(res => {
+            const data = res || {}
+            setNameValue(data.name)
+            setDescValue(data.description)
+            setKnowledge(data)
+        })
+    }, [id])
+
+    // 删除
+    const { delShow, idRef, close, delConfim } = useDelete()
+
+    const handleDelete = () => {
+        captureAndAlertRequestErrorHoc(deleteFileLib(idRef.current).then(res => {
+            navigate("/filelib");
+        }));
+    }
+
+    const saveKnowledge = () => {
+        captureAndAlertRequestErrorHoc(updateFileLib({
+            id: knowledge.id,
+            name: nameValue,
+            parent_id: knowledge.parent_id,
+            description: descValue
+        }).then(res => {
+            reload()
+        }))
+    }
+
+    return (
+        <div className={"file-list  p-6 overflow-y-auto"}>
+            <div className={'knowledge-header'}>
+                <div className={'knowledge-title'}>
+                    <div>配置</div>
+                </div>
+            </div>
+            <div style={{marginTop: '50px'}}>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.knowledgeId")}</div>
+                    <div className={'config-item-value'}>{knowledge.id}</div>
+                </div>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.knowledgeImg")}</div>
+                    <div className={'config-item-value'}>
+                        {
+                            knowledge.img_url?
+                                <img src={"/src/assets/knowledge/knowledge-icon.png"} className={"knowledge-img"}/>
+                                :
+                                <span className={"knowledge-img-bg"}>
+                                        <img src={"/src/assets/knowledge/knowledge-icon.png"}/>
+                                    </span>
+                        }
+                    </div>
+                </div>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.libraryName")}</div>
+                    <div className={'config-item-value'}>
+                        <input id="name" value={nameValue}
+                               onChange={event => setNameValue(event.target.value)} placeholder={t('lib.giveAName')} className={'form-input'}/>
+                    </div>
+                </div>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.indexModel")}</div>
+                    <div className={'config-item-value'}>{knowledge.model}</div>
+                </div>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.dataUp")}</div>
+                    <div className={'config-item-value'}>3000</div>
+                </div>
+                <div className={'config-item'}>
+                    <div className={'config-item-title'}>{ t("lib.introduce")}</div>
+                    <div className={'config-item-value'}>
+                        <textarea id="desc" value={descValue}
+                               onChange={event => setDescValue(event.target.value)} placeholder={t('lib.describe')} className={'form-input'}/>
+                    </div>
+                </div>
+            </div>
+            <div className={'config-button-box'}>
+                <button className={"delete-button"} onClick={(event) => {
+                    delConfim(knowledge.id)
+                }}><img src={"/src/assets/knowledge/red-delete-icon.png"} className={"delete-icon"}/></button>
+                <button className={"save-button"} onClick={(event) => {
+                    saveKnowledge(knowledge.id)
+                }}>{t('save')}</button>
+            </div>
+            <dialog className={`modal ${delShow && 'modal-open'}`}>
+                <form method="dialog" className="modal-box w-[360px] bg-[#fff] shadow-lg dialog-box">
+                    <h3 className="tip-title">{t('prompt')}</h3>
+                    <p className="tip-message">{t('lib.confirmDeleteLibrary')}</p>
+                    <div className={"button-box"}>
+                        <button className={"cancel-button tip-button"} onClick={close}>{t("cancel")}</button>
+                        <button className={"confirm-button delete-button tip-button-margin"} onClick={handleDelete}>{t("lib.confirmDelete")}</button>
+                    </div>
+                </form>
+            </dialog>
+        </div>
+    )
+};
+
+const useDelete = () => {
+    const [delShow, setDelShow] = useState(false)
+    const idRef = useRef<any>(null)
+
+    return {
+        delShow,
+        idRef,
+        close: () => {
+            setDelShow(false)
+        },
+        delConfim: (id) => {
+            idRef.current = id
+            setDelShow(true)
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/pages/Knowledge/components/moveModel.tsx b/src/pages/Knowledge/components/moveModel.tsx
index 93bbd1b..71c074e 100644
--- a/src/pages/Knowledge/components/moveModel.tsx
+++ b/src/pages/Knowledge/components/moveModel.tsx
@@ -58,7 +58,8 @@ export default function MoveModal({ data, open, setOpen, reload }) {
             captureAndAlertRequestErrorHoc(updateFileLib({
                 id: data.id,
                 name: data.name,
-                parent_id: parentId
+                parent_id: parentId,
+                description: data.description
             }).then(res => {
                 reload()
                 setOpen(false)
diff --git a/src/pages/Knowledge/components/renameModel.tsx b/src/pages/Knowledge/components/renameModel.tsx
index baa45fa..6de904c 100644
--- a/src/pages/Knowledge/components/renameModel.tsx
+++ b/src/pages/Knowledge/components/renameModel.tsx
@@ -6,7 +6,7 @@ import {alertContext} from "../../../contexts/alertContext";
 import {captureAndAlertRequestErrorHoc} from "../../../controllers/request";
 import writeIcon from "../../../assets/knowledge/write-icon.png";
 
-export default function CreateModal({ data, open, setOpen, reload }) {
+export default function RenameModal({ data, open, setOpen, reload }) {
     const { t } = useTranslation()
     const navigate = useNavigate()
     const name = data.nameType == "file"? data.file_name :data.name
@@ -42,7 +42,8 @@ export default function CreateModal({ data, open, setOpen, reload }) {
             captureAndAlertRequestErrorHoc(updateFileLib({
                 id: data.id,
                 name: name,
-                parent_id: data.parent_id
+                parent_id: data.parent_id,
+                description: data.description
             }).then(res => {
                 reload()
                 setOpen(false)
diff --git a/src/pages/Knowledge/knowledge.tsx b/src/pages/Knowledge/knowledge.tsx
index 36c7014..7da466f 100644
--- a/src/pages/Knowledge/knowledge.tsx
+++ b/src/pages/Knowledge/knowledge.tsx
@@ -27,7 +27,7 @@ import { Select, SelectContent, SelectGroup, SelectIconTrigger, SelectItem } fro
 import { locationContext } from "../../contexts/locationContext";
 import {
     deleteFile,
-    deleteFileLib,
+    deleteFileLib, getFileLibById,
     readFileByLibDatabase,
     readFileLibDatabase,
     retryKnowledgeFileApi
@@ -44,6 +44,7 @@ import {
 import CreateModal from "./components/createModel";
 import RenameModal from "./components/renameModel";
 import MoveModal from "./components/moveModel";
+import ConfigModal from "./components/configModel";
 import {userContext} from "../../contexts/userContext";
 
 export default function FilesPage() {
@@ -52,24 +53,25 @@ export default function FilesPage() {
     const { id } = useParams()
     // 上传 上传成功添加到列表
     const [open, setOpen] = useState(false)
-    const [title, setTitle] = useState('')
+    const [knowledge, setKnowledge] = useState({})
     const nameRef = useRef(null)
     const [renameOpen, setRenameOpen] = useState(false);
     const [moveOpen, setMoveOpen] = useState(false);
     const [parentId, setParentId] = useState(id)
+    const [tabType, setTabType] = useState(1);
 
     useEffect(() => {
         setParentId(id)
+        getFileLibById(id).then(res => {
+            const data = res || {}
+            setKnowledge(data)
+        })
     }, [id])
 
     const [type, setType] = useState(1)
     const [data, setData] = useState({})
     const [titleArray, setTitleArray] = useState([]);
 
-    const detailData = {
-        img_url: ""
-    }
-
     const [hasPermission, setHasPermission] = useState(true)
     const { appConfig } = useContext(locationContext)
 
@@ -80,7 +82,7 @@ export default function FilesPage() {
         readFileLibDatabase(param.page, 10000, param.keyword, parentId)
     )
 
-    const { page, pageSize, data: datalist, total, loading, setPage, search, reload:fileReload, filterData, refreshData } = useTable({}, (param) =>
+    const { page, pageSize, data: datalist, total, loading, setPage, search: fileSearch, reload:fileReload, filterData, refreshData } = useTable({}, (param) =>
         readFileByLibDatabase({ ...param, id: parentId, pageSize: 10000, name: param.keyword }).then(res => {
             setHasPermission(res.writeable)
             return res
@@ -95,18 +97,17 @@ export default function FilesPage() {
     const reload = () => {
         fileReload()
         libReload()
+        getFileLibById(id).then(res => {
+            const data = res || {}
+            setKnowledge(data)
+        })
+    }
+
+    const search = (keyword) => {
+        libSearch(keyword)
+        fileSearch(keyword)
     }
 
-    useEffect(() => {
-        // @ts-ignore
-        const libname = window.libname // 临时记忆
-        if (libname) {
-            // @ts-ignore
-            localStorage.setItem('libname', window.libname)
-        }
-        // @ts-ignore
-        setTitle(window.libname || localStorage.getItem('libname'))
-    }, [])
 
     const handleOpen = (e) => {
         setOpen(e)
@@ -202,21 +203,27 @@ export default function FilesPage() {
                     <div className={"file-info relative"}>
                         <div className={"file-name"}>
                             {
-                                detailData.img_url?
+                                knowledge.img_url?
                                     <img src={"/src/assets/knowledge/knowledge-icon.png"} className={"knowledge-img"}/>
                                     :
                                     <span className={"knowledge-img-bg"}>
                                         <img src={"/src/assets/knowledge/knowledge-icon.png"}/>
                                     </span>
                             }
-                            <label>{ title }</label>
+                            <label>{ knowledge.name }</label>
                         </div>
-                        <div className={"folder-type"}>{t('lib.universalKnowledgeBase')}</div>
-                        <div className={"file-menu-active"}>
-                            <img src={"/src/assets/knowledge/knowledge-active-icon.png"}/>{t("lib.dataset")}
+                        <div className={"folder-type"}>
+                            {t('lib.universalKnowledgeBase') }
                         </div>
-                        <div className={"file-menu"}>
-                            <img src={"/src/assets/knowledge/set-icon.png"}/>{t("lib.config")}
+                        <div className={tabType == 1 ? "file-menu-active" : "file-menu"} onClick={ () => {
+                            setTabType(1)
+                        }} >
+                            <img src={tabType == 1 ? "/src/assets/knowledge/knowledge-active-icon.png" : "/src/assets/knowledge/knowledge-icon.png"}/>{t("lib.dataset")}
+                        </div>
+                        <div className={tabType == 2 ? "file-menu-active" : "file-menu"} onClick={ () => {
+                            setTabType(2)
+                        }} >
+                            <img src={tabType == 2 ? "/src/assets/knowledge/set-active-icon.png" : "/src/assets/knowledge/set-icon.png"}/>{t("lib.config")}
                         </div>
                         <div>
 
@@ -226,170 +233,175 @@ export default function FilesPage() {
                             <div  className={"back-knowledge"}><img src={"/src/assets/knowledge/back-icon.png"}/>{t("lib.allKnowledge")}</div>
                         </Link>
                     </div>
-                    <div className={"file-list  p-6 overflow-y-auto"}>
-                        <div className={'knowledge-header'}>
-                            <div className={'knowledge-title'}>
-                                {titleArray.length > 0?
-                                    <div className={"title-list"}>
-                                        <div className={"title-item"}>
-                                            <label onClick={()=>backFolder(id, -1)}>{t("lib.rootDirectory")}</label>
-                                        </div>
-                                        {
-                                            titleArray.map((title, index) => (
-                                                <div className={"title-item"} key={title}>
-                                                    <span>{index <= (titleArray.length - 1)? ">" : ""}</span>
-                                                    <label onClick={()=>backFolder(title.id, index)}>{title.name}</label>
+                    {
+                        tabType == 1 ?
+                            <div className={"file-list  p-6 overflow-y-auto"}>
+                                <div className={'knowledge-header'}>
+                                    <div className={'knowledge-title'}>
+                                        {titleArray.length > 0?
+                                            <div className={"title-list"}>
+                                                <div className={"title-item"}>
+                                                    <label onClick={()=>backFolder(id, -1)}>{t("lib.rootDirectory")}</label>
                                                 </div>
-                                            ))
+                                                {
+                                                    titleArray.map((title, index) => (
+                                                        <div className={"title-item"} key={title}>
+                                                            <span>{index <= (titleArray.length - 1)? ">" : ""}</span>
+                                                            <label onClick={()=>backFolder(title.id, index)}>{title.name}</label>
+                                                        </div>
+                                                    ))
+                                                }
+                                            </div>
+                                            :
+                                            <div>{t("lib.file")}（{libTotal + total}）</div>
                                         }
                                     </div>
-                                    :
-                                    <div>{t("lib.file")}（{libTotal + total}）</div>
-                                }
-                            </div>
-                            {hasPermission &&
-                                <div className={'knowledge-create-box'}>
-                                    <DropdownMenu>
-                                        <DropdownMenuTrigger>
-                                            <div className={'knowledge-create'} onClick={() => setOpen(true)}>
-                                                <img src={"/src/assets/knowledge/add-icon.png"} className={'create-icon'}/>
-                                                <label style={{letterSpacing:0}}>{t("lib.createImport")}</label>
-                                            </div>
-                                        </DropdownMenuTrigger>
-                                        <DropdownMenuContent>
-                                            <DropdownMenuItem onClick={()=>{
-                                                setType(1)
-                                                setOpen(true)
-                                            }}><img src={"/src/assets/knowledge/folder-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.folder")}</DropdownMenuItem>
-                                            <DropdownMenuItem ><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.manualDataset")}</DropdownMenuItem>
-                                            <DropdownMenuItem ><img src={"/src/assets/knowledge/knowledge-no-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.textDataset")}</DropdownMenuItem>
-                                            <DropdownMenuItem ><img src={"/src/assets/knowledge/table-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.tableDataset")}</DropdownMenuItem>
-                                        </DropdownMenuContent>
-                                    </DropdownMenu>
+                                    {hasPermission &&
+                                        <div className={'knowledge-create-box'}>
+                                            <DropdownMenu>
+                                                <DropdownMenuTrigger>
+                                                    <div className={'knowledge-create'} onClick={() => setOpen(true)}>
+                                                        <img src={"/src/assets/knowledge/add-icon.png"} className={'create-icon'}/>
+                                                        <label style={{letterSpacing:0}}>{t("lib.createImport")}</label>
+                                                    </div>
+                                                </DropdownMenuTrigger>
+                                                <DropdownMenuContent>
+                                                    <DropdownMenuItem onClick={()=>{
+                                                        setType(1)
+                                                        setOpen(true)
+                                                    }}><img src={"/src/assets/knowledge/folder-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.folder")}</DropdownMenuItem>
+                                                    <DropdownMenuItem ><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.manualDataset")}</DropdownMenuItem>
+                                                    <DropdownMenuItem ><img src={"/src/assets/knowledge/knowledge-no-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.textDataset")}</DropdownMenuItem>
+                                                    <DropdownMenuItem ><img src={"/src/assets/knowledge/table-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.tableDataset")}</DropdownMenuItem>
+                                                </DropdownMenuContent>
+                                            </DropdownMenu>
+                                        </div>
+                                    }
+                                    <div className={"search-box"}>
+                                        <input id="name"  ref={nameRef}  className={"form-input"} />
+                                        <button onClick={(e) => search(nameRef.current.value)} className={"search-btn"}>{t('tools.Search.display_name')}</button>
+                                        <img src={"/src/assets/knowledge/search-icon.png"}/>
+                                    </div>
                                 </div>
-                            }
-                            <div className={"search-box"}>
-                                <input id="name"  ref={nameRef}  className={"form-input"} />
-                                <button onClick={(e) => search(nameRef.current.value)} className={"search-btn"}>{t('tools.Search.display_name')}</button>
-                                <img src={"/src/assets/knowledge/search-icon.png"}/>
+                                <Table>
+                                    <TableHeader>
+                                        <TableRow>
+                                            <TableHead>#</TableHead>
+                                            <TableHead className="w-[600px]">{t('lib.name')}</TableHead>
+                                            <TableHead className="items-center">{t('lib.dataTotal')}</TableHead>
+                                            <TableHead>{t('lib.lastUpdate')}</TableHead>
+                                            {/* 状态 */}
+                                            <TableHead>{t('lib.status')}</TableHead>
+                                            <TableHead className="w-[80px]"></TableHead>
+                                        </TableRow>
+                                    </TableHeader>
+                                    <TableBody>
+                                        {datalist.map((el,index) => (
+                                            <TableRow key={el.id} className={"file-row"}>
+                                                <TableCell>{index + 1}</TableCell>
+                                                <TableCell>
+                                                    <img className={"img-icon"} src={el.type == 1 ?"/src/assets/chat/write-icon.png":el.type == 2
+                                                        ?"/src/assets/knowledge/knowledge-no-icon.png":el.type == 3 ?"/src/assets/knowledge/table-icon.png":"/src/assets/knowledge/folder-icon.png"}/>
+                                                    {el.file_name}
+                                                </TableCell>
+                                                <TableCell></TableCell>
+                                                <TableCell>{el.update_time.replace('T', ' ')}</TableCell>
+                                                <TableCell>
+                                                    {el.status === 3 ? <div className="flex items-center">
+                                                            <div className="tooltip" data-tip={el.remark}>
+                                                                <span className='text-red-500'>{t('lib.parseFailed')}</span>
+                                                            </div>
+                                                            <Button variant="link"><RotateCw size={16} onClick={() => handleRetry([el])} /></Button>
+                                                        </div> :
+                                                        <span className={el.status === 3 && 'text-red-500'}>{[t('lib.parseFailed'), t('lib.parsing'), t('lib.completed'), t('lib.parseFailed')][el.status]}</span>
+                                                    }
+                                                </TableCell>
+                                                <TableCell>
+                                                    <DropdownMenu>
+                                                        <DropdownMenuTrigger>
+                                                            <img src={"/src/assets/chat/duihua-gengduo.png"} className={'more-button'}/>
+                                                        </DropdownMenuTrigger>
+                                                        <DropdownMenuContent>
+                                                            <DropdownMenuItem onClick={(event)=>{
+                                                                event.stopPropagation();
+                                                                // 数据集重命名
+                                                                setData({ ...el, nameType: "file" })
+                                                                setRenameOpen(true)
+                                                            }}><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.rename")}</DropdownMenuItem>
+                                                            <DropdownMenuItem onClick={(event)=>{
+                                                                event.stopPropagation();
+                                                                setData({ ...el, nameType: "file" })
+                                                                setMoveOpen(true)
+                                                            }}><img src={"/src/assets/knowledge/move-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.move")}</DropdownMenuItem>
+                                                            {hasPermission &&
+                                                                <DropdownMenuItem  onClick={(event) => {
+                                                                    event.stopPropagation();
+                                                                    delConfim(el.id, "file")
+                                                                }}>
+                                                                    <img src={"/src/assets/knowledge/delete-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t('delete')}
+                                                                </DropdownMenuItem>
+                                                            }
+
+                                                        </DropdownMenuContent>
+                                                    </DropdownMenu>
+                                                </TableCell>
+                                            </TableRow>
+                                        ))}
+                                        {libList.map((el,index) => (
+                                            <TableRow key={el.id} className={"file-row"}>
+                                                <TableCell>{index + 1}</TableCell>
+                                                <TableCell onClick={ () => handleLibDetail(el) }>
+                                                    <img className={"img-icon"} src={"/src/assets/knowledge/folder-icon.png"}/>
+                                                    {el.name}
+                                                </TableCell>
+                                                <TableCell></TableCell>
+                                                <TableCell>{el.update_time.replace('T', ' ')}</TableCell>
+                                                <TableCell>
+                                                    {el.status === 3 ? <div className="flex items-center">
+                                                            <div className="tooltip" data-tip={el.remark}>
+                                                                <span className='text-red-500'>{t('lib.parseFailed')}</span>
+                                                            </div>
+                                                            <Button variant="link"><RotateCw size={16} onClick={() => handleRetry([el])} /></Button>
+                                                        </div> :
+                                                        <span className={el.status === 3 && 'text-red-500'}>{[t('lib.parseFailed'), t('lib.parsing'), t('lib.completed'), t('lib.parseFailed')][el.status]}</span>
+                                                    }
+                                                </TableCell>
+                                                <TableCell>
+                                                    <DropdownMenu>
+                                                        <DropdownMenuTrigger>
+                                                            <img src={"/src/assets/chat/duihua-gengduo.png"} className={'more-button'}/>
+                                                        </DropdownMenuTrigger>
+                                                        <DropdownMenuContent>
+                                                            <DropdownMenuItem onClick={(event)=>{
+                                                                event.stopPropagation();
+                                                                setData(el)
+                                                                setRenameOpen(true)
+                                                            }}><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.rename")}</DropdownMenuItem>
+                                                            <DropdownMenuItem onClick={(event)=>{
+                                                                event.stopPropagation();
+                                                                setData(el)
+                                                                setMoveOpen(true)
+                                                            }}><img src={"/src/assets/knowledge/move-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.move")}</DropdownMenuItem>
+                                                            {hasPermission &&
+                                                                <DropdownMenuItem  onClick={(event) => {
+                                                                    event.stopPropagation();
+                                                                    delConfim(el.id, "folder")
+                                                                }}>
+                                                                    <img src={"/src/assets/knowledge/delete-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t('delete')}
+                                                                </DropdownMenuItem>
+                                                            }
+
+                                                        </DropdownMenuContent>
+                                                    </DropdownMenu>
+                                                </TableCell>
+                                            </TableRow>
+                                        ))}
+                                    </TableBody>
+                                </Table>
                             </div>
-                        </div>
-                        <Table>
-                            <TableHeader>
-                                <TableRow>
-                                    <TableHead>#</TableHead>
-                                    <TableHead className="w-[600px]">{t('lib.name')}</TableHead>
-                                    <TableHead className="items-center">{t('lib.dataTotal')}</TableHead>
-                                    <TableHead>{t('lib.lastUpdate')}</TableHead>
-                                    {/* 状态 */}
-                                    <TableHead>{t('lib.status')}</TableHead>
-                                    <TableHead className="w-[80px]"></TableHead>
-                                </TableRow>
-                            </TableHeader>
-                            <TableBody>
-                                {datalist.map((el,index) => (
-                                    <TableRow key={el.id} className={"file-row"}>
-                                        <TableCell>{index + 1}</TableCell>
-                                        <TableCell>
-                                            <img className={"img-icon"} src={el.type == 1 ?"/src/assets/chat/write-icon.png":el.type == 2
-                                                ?"/src/assets/knowledge/knowledge-no-icon.png":el.type == 3 ?"/src/assets/knowledge/table-icon.png":"/src/assets/knowledge/folder-icon.png"}/>
-                                            {el.file_name}
-                                        </TableCell>
-                                        <TableCell></TableCell>
-                                        <TableCell>{el.update_time.replace('T', ' ')}</TableCell>
-                                        <TableCell>
-                                            {el.status === 3 ? <div className="flex items-center">
-                                                    <div className="tooltip" data-tip={el.remark}>
-                                                        <span className='text-red-500'>{t('lib.parseFailed')}</span>
-                                                    </div>
-                                                    <Button variant="link"><RotateCw size={16} onClick={() => handleRetry([el])} /></Button>
-                                                </div> :
-                                                <span className={el.status === 3 && 'text-red-500'}>{[t('lib.parseFailed'), t('lib.parsing'), t('lib.completed'), t('lib.parseFailed')][el.status]}</span>
-                                            }
-                                        </TableCell>
-                                        <TableCell>
-                                            <DropdownMenu>
-                                                <DropdownMenuTrigger>
-                                                    <img src={"/src/assets/chat/duihua-gengduo.png"} className={'more-button'}/>
-                                                </DropdownMenuTrigger>
-                                                <DropdownMenuContent>
-                                                    <DropdownMenuItem onClick={(event)=>{
-                                                        event.stopPropagation();
-                                                        // 数据集重命名
-                                                        setData({ ...el, nameType: "file" })
-                                                        setRenameOpen(true)
-                                                    }}><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.rename")}</DropdownMenuItem>
-                                                    <DropdownMenuItem onClick={(event)=>{
-                                                        event.stopPropagation();
-                                                        setData({ ...el, nameType: "file" })
-                                                        setMoveOpen(true)
-                                                    }}><img src={"/src/assets/knowledge/move-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.move")}</DropdownMenuItem>
-                                                    {hasPermission &&
-                                                        <DropdownMenuItem  onClick={(event) => {
-                                                            event.stopPropagation();
-                                                            delConfim(el.id, "file")
-                                                        }}>
-                                                            <img src={"/src/assets/knowledge/delete-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t('delete')}
-                                                        </DropdownMenuItem>
-                                                    }
+                            : <ConfigModal reload={reload} id={id}></ConfigModal>
+                    }
 
-                                                </DropdownMenuContent>
-                                            </DropdownMenu>
-                                        </TableCell>
-                                    </TableRow>
-                                ))}
-                                {libList.map((el,index) => (
-                                    <TableRow key={el.id} className={"file-row"}>
-                                        <TableCell>{index + 1}</TableCell>
-                                        <TableCell onClick={ () => handleLibDetail(el) }>
-                                            <img className={"img-icon"} src={"/src/assets/knowledge/folder-icon.png"}/>
-                                            {el.name}
-                                        </TableCell>
-                                        <TableCell></TableCell>
-                                        <TableCell>{el.update_time.replace('T', ' ')}</TableCell>
-                                        <TableCell>
-                                            {el.status === 3 ? <div className="flex items-center">
-                                                    <div className="tooltip" data-tip={el.remark}>
-                                                        <span className='text-red-500'>{t('lib.parseFailed')}</span>
-                                                    </div>
-                                                    <Button variant="link"><RotateCw size={16} onClick={() => handleRetry([el])} /></Button>
-                                                </div> :
-                                                <span className={el.status === 3 && 'text-red-500'}>{[t('lib.parseFailed'), t('lib.parsing'), t('lib.completed'), t('lib.parseFailed')][el.status]}</span>
-                                            }
-                                        </TableCell>
-                                        <TableCell>
-                                            <DropdownMenu>
-                                                <DropdownMenuTrigger>
-                                                    <img src={"/src/assets/chat/duihua-gengduo.png"} className={'more-button'}/>
-                                                </DropdownMenuTrigger>
-                                                <DropdownMenuContent>
-                                                    <DropdownMenuItem onClick={(event)=>{
-                                                        event.stopPropagation();
-                                                        setData(el)
-                                                        setRenameOpen(true)
-                                                    }}><img src={"/src/assets/knowledge/write-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.rename")}</DropdownMenuItem>
-                                                    <DropdownMenuItem onClick={(event)=>{
-                                                        event.stopPropagation();
-                                                        setData(el)
-                                                        setMoveOpen(true)
-                                                    }}><img src={"/src/assets/knowledge/move-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t("lib.move")}</DropdownMenuItem>
-                                                    {hasPermission &&
-                                                        <DropdownMenuItem  onClick={(event) => {
-                                                            event.stopPropagation();
-                                                            delConfim(el.id, "folder")
-                                                        }}>
-                                                            <img src={"/src/assets/knowledge/delete-icon.png"} style={{width:'13px',height:'13px',marginRight:'8px'}}/>{t('delete')}
-                                                        </DropdownMenuItem>
-                                                    }
-
-                                                </DropdownMenuContent>
-                                            </DropdownMenu>
-                                        </TableCell>
-                                    </TableRow>
-                                ))}
-                            </TableBody>
-                        </Table>
-                    </div>
                 </div>
             </div>
             <CreateModal reload={reload} createType={type} parentId={parentId} datalist={datalist} open={open} setOpen={setOpen}></CreateModal>
diff --git a/src/style/knowledge.css b/src/style/knowledge.css
index a41e14b..70f4d6a 100644
--- a/src/style/knowledge.css
+++ b/src/style/knowledge.css
@@ -366,6 +366,71 @@
                 display: inline-block;
                 margin-right: 8px;
             }
+
+            .config-item{
+                display: flex;
+                margin-bottom: 30px;
+
+                .config-item-title{
+                    width:200px;
+                    text-align: right;
+                    margin-right: 36px;
+                    font-size: 12px;
+                    color: #FFFFFF;
+                    line-height: 34px;
+                }
+
+                .config-item-value{
+                    width: 500px;
+                    font-weight: 300;
+                    font-size: 12px;
+                    color: #CCCCCC;
+                    line-height: 34px;
+
+                    .form-input{
+                        background: #1A1A1A;
+                        border-radius: 7px;
+                        width: 100%;
+                        font-weight: 300;
+                        font-size: 12px;
+                        border:unset;
+                    }
+                }
+            }
+
+            .config-button-box{
+                text-align: right;
+                width: 736px;
+                position: absolute;
+                bottom: 50px;
+
+                .delete-button{
+                    width: 34px;
+                    height: 34px;
+                    background: rgba(255, 96, 96, 0.3);
+                    border-radius: 100%;
+
+                    .delete-icon{
+                        width: 15px;
+                        height: 15px;
+                        margin: 0 0 0 10px;
+                    }
+                }
+
+                .save-button{
+                    width: 95px;
+                    height: 34px;
+                    line-height: 34px;
+                    text-align: center;
+                    background: #FFD025;
+                    border-radius: 17px;
+                    font-weight: 400;
+                    font-size: 14px;
+                    color: #010101;
+                    margin-left: 20px;
+                }
+            }
+
         }
     }
 }