From 79f792b6cf901ac79f5b2dd672159a7034514d9e Mon Sep 17 00:00:00 2001
From: v-zhangjc9 <v-zhangjc9.gd@chinatelecom.cn>
Date: Fri, 23 May 2025 09:48:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=A2=9E=E5=8A=A0=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/ai/knowledge/DataImport.tsx     | 59 +++++++++++++++----
 1 file changed, 47 insertions(+), 12 deletions(-)

diff --git a/service-web/client/src/pages/ai/knowledge/DataImport.tsx b/service-web/client/src/pages/ai/knowledge/DataImport.tsx
index 91a3307..5df3008 100644
--- a/service-web/client/src/pages/ai/knowledge/DataImport.tsx
+++ b/service-web/client/src/pages/ai/knowledge/DataImport.tsx
@@ -27,7 +27,6 @@ const DataImport: React.FC = () => {
                     {
                       type: 'form',
                       wrapWithPanel: false,
-                      mode: 'horizontal',
                       actions: [],
                       body: [
                         {
@@ -43,10 +42,12 @@ const DataImport: React.FC = () => {
                             {
                               value: 'llm',
                               label: '智能模式',
+                              disabled: true,
                             },
                             {
                               value: 'qa',
                               label: 'Q/A模式',
+                              disabled: true,
                             },
                           ],
                         },
@@ -63,6 +64,7 @@ const DataImport: React.FC = () => {
                             {
                               value: 'file',
                               label: '文件',
+                              disabled: true,
                             },
                           ],
                         },
@@ -94,6 +96,29 @@ const DataImport: React.FC = () => {
                             {
                               type: 'action',
                               label: '预览',
+                              actionType: 'ajax',
+                              api: {
+                                method: 'post',
+                                url: 'http://127.0.0.1:8080/knowledge/preview_text',
+                                headers: {
+                                  'Authorization': 'Basic QXhoRWJzY3dzSkRiWU1IMjpjWXhnM2I0UHRXb1ZENVNqRmF5V3h0blNWc2p6UnNnNA==',
+                                },
+                                dataType: 'form',
+                                data: {
+                                  name: name,
+                                  mode: '${mode}',
+                                  type: '${type}',
+                                  content: '${content}',
+                                },
+                                // @ts-ignore
+                                adaptor: (payload, response, api, context) => {
+                                  console.log(payload)
+                                  return {
+                                    items: payload,
+                                  }
+                                },
+                              },
+                              reload: 'preview_list?rows=${items}',
                             },
                             {
                               type: 'submit',
@@ -109,24 +134,34 @@ const DataImport: React.FC = () => {
                 {
                   body: [
                     {
-                      type: 'card',
                       className: 'h-full',
-                      header: {
-                        title: '解析预览',
-                        subTitle: '截取部份文本进行解析预览',
-                      },
+                      name: 'preview_list',
+                      type: 'service',
                       body: [
                         {
-                          type: 'list',
+                          type: 'tpl',
+                          tpl: '文本分段预览',
+                        },
+                        {
+                          type: 'crud',
+                          mode: 'list',
                           source: '${rows}',
-                          listItem: [
+                          loadDataOnce: true,
+                          syncLocation: false,
+                          perPage: 20,
+                          footerToolbar: [
                             {
-                              body: {
-                                type: 'tpl',
-                                tpl: '${content}',
-                              },
+                              type: 'pagination',
+                              mode: 'normal',
+                              layout: 'total,perPage,pager',
                             },
                           ],
+                          listItem: {
+                            body: {
+                              type: 'tpl',
+                              tpl: '${text}',
+                            },
+                          },
                         },
                       ],
                     },