From 387d3b2210c16a52ca5955bd016bddd24cd0a1ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Wed, 7 May 2025 16:45:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=A2=E9=98=9F=E9=A1=B5=E9=9D=A2=E8=81=94?=
 =?UTF-8?q?=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/apiType.ts                     |  22 ++---
 src/api/kbApp.ts                       |  18 ++--
 src/components/KnowledgeForm/index.vue | 118 +++++++++++-----------
 src/plugins/index.ts                   |   2 -
 src/router/index.ts                    |   2 +-
 src/store/modules/group.ts             |  22 +++++
 src/styles/group.scss                  |  27 ++++--
 src/views/dataSet/index.vue            |   2 +-
 src/views/evaluate/index.vue           | 129 ++++++++++++++++++++-----
 src/views/group/createGroup.vue        |  95 +++++++++++++++---
 src/views/group/groupDetail/index.vue  | 108 ++++++++++++++++++---
 src/views/group/index.vue              |  84 +++++++++-------
 12 files changed, 452 insertions(+), 177 deletions(-)

diff --git a/src/api/apiType.ts b/src/api/apiType.ts
index 06e5773..f9fd5a1 100644
--- a/src/api/apiType.ts
+++ b/src/api/apiType.ts
@@ -1,21 +1,21 @@
 export interface CreateKbRequest {
-  default_chunk_size: number;
-  default_parser_method: string;
+  defaultChunkSize: number;
+  defaultParseMethod: string;
   description: string;
-  document_type_list: string[];
-  embedding_model: string;
-  name: string;
+  docTypes: string[];
+  embeddingModel: string;
+  kbName: string;
   [property: string]: any;
 }
 
 export interface UpdateKbRequest {
-  default_chunk_size: number;
-  default_parser_method: string;
+  defaultChunkSize: number;
+  defaultParseMethod: string;
   description: string;
-  document_type_list: object[];
-  embedding_model: string;
-  id: string;
-  name: string;
+  docTypes: object[];
+  embeddingModel: string;
+  teamId?: string;
+  kbName: string;
   [property: string]: any;
 }
 
diff --git a/src/api/kbApp.ts b/src/api/kbApp.ts
index 2a2822f..2d7dc6a 100644
--- a/src/api/kbApp.ts
+++ b/src/api/kbApp.ts
@@ -6,7 +6,7 @@ class KbAppAPI {
   /** 获取用户所有知识库*/
   static getKbLibrary(data: QueryKbRequest) {
     return request({
-      url: `/kb/list`,
+      url: `/kb/team`,
       method: 'post',
       data: data,
     });
@@ -22,20 +22,22 @@ class KbAppAPI {
   }
 
   /** 创建用户知识库*/
-  static createKbLibrary(data: CreateKbRequest) {
+  static createKbLibrary(params: { teamId: string }, data: CreateKbRequest) {
     return request({
-      url: `/kb/create`,
+      url: `/kb`,
       method: 'post',
       data: data,
+      params,
     });
   }
 
   /**更新资产库 */
-  static updateKbLibrary(data: UpdateKbRequest) {
+  static updateKbLibrary(params: { teamId: string }, data: UpdateKbRequest) {
     return request({
-      url: `/kb/update`,
-      method: 'post',
+      url: `/kb`,
+      method: 'put',
       data: data,
+      params,
     });
   }
 
@@ -105,14 +107,14 @@ class KbAppAPI {
 
   static queryLanguageList() {
     return request({
-      url: `/kb/language`,
+      url: `/other/tokenizer`,
       method: 'get',
     });
   }
 
   static queryEmbeddingModelList() {
     return request({
-      url: `/other/embedding_model`,
+      url: `/other/embedding`,
       method: 'get',
     });
   }
diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue
index 4ea936e..655948a 100644
--- a/src/components/KnowledgeForm/index.vue
+++ b/src/components/KnowledgeForm/index.vue
@@ -29,9 +29,9 @@
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.name')"
-      prop="name">
+      prop="kbName">
       <el-input
-        v-model="ruleForm.name"
+        v-model="ruleForm.kbName"
         minlength="1"
         maxlength="50"
         :placeholder="$t('assetLibrary.message.pleasePlace')" />
@@ -49,9 +49,9 @@
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.language')"
-      prop="language">
+      prop="tokenizer">
       <el-select
-        v-model="ruleForm.language"
+        v-model="ruleForm.tokenizer"
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :suffix-icon="IconCaretDown"
         :teleported="false"
@@ -65,7 +65,7 @@
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.embeddedModel')"
-      prop="embedding_model">
+      prop="embeddingModel">
       <template #label>
         {{ $t('assetLibrary.embeddedModel') }}
         <el-tooltip
@@ -80,7 +80,7 @@
       </template>
 
       <el-select
-        v-model="ruleForm.embedding_model"
+        v-model="ruleForm.embeddingModel"
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :teleported="false"
         class="select-container"
@@ -95,9 +95,9 @@
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.analyticMethod')"
-      prop="default_parser_method">
+      prop="defaultParseMethod">
       <el-select
-        v-model="ruleForm.default_parser_method"
+        v-model="ruleForm.defaultParseMethod"
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :suffix-icon="IconCaretDown"
         popper-class="analyticMethodSelect">
@@ -110,7 +110,7 @@
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.fileChunkSize')"
-      prop="default_chunk_size">
+      prop="defaultChunkSize">
       <template #label>
         {{ $t('assetLibrary.fileChunkSize') }}
         <el-tooltip
@@ -125,14 +125,14 @@
       </template>
       <el-input-number
         class="config-size"
-        v-model="ruleForm.default_chunk_size"
+        v-model="ruleForm.defaultChunkSize"
         :min="128"
         :max="1024" />
       <span class="form-right-tip">128~1024）</span>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.fileChunkSize')"
-      prop="default_chunk_size">
+      prop="uploadCountLimit">
       <template #label>
         {{ $t('assetLibrary.numberUpperLimit') }}
         <el-tooltip
@@ -147,14 +147,14 @@
       </template>
       <el-input-number
         class="config-size"
-        v-model="ruleForm.default_chunk_size"
+        v-model="ruleForm.uploadCountLimit"
         :min="128"
         :max="1024" />
       <span class="form-right-tip">（128~1024）</span>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.fileChunkSize')"
-      prop="default_chunk_size">
+      prop="uploadSizeLimit">
       <template #label>
         {{ $t('assetLibrary.sizeUpperLimit') }}
         <el-tooltip
@@ -169,7 +169,7 @@
       </template>
       <el-input-number
         class="config-size"
-        v-model="ruleForm.default_chunk_size"
+        v-model="ruleForm.uploadSizeLimit"
         :min="128"
         :max="2048" />
       <span class="form-right-tip">（128M~2048M）</span>
@@ -181,7 +181,7 @@
       class="config-form">
       <el-button
         class="resetBtn addDocuType"
-        :disabled="ruleForm?.document_type_list?.length >= 10"
+        :disabled="ruleForm?.docTypes?.length >= 10"
         @click="handleAddDocType">
         {{ $t('btnText.add') }}
       </el-button>
@@ -196,12 +196,12 @@
     </el-form-item>
 
     <el-form-item
-      v-for="(item, index) in ruleForm.document_type_list"
+      v-for="(item, index) in ruleForm.docTypes"
       :key="`documentType${index}`"
       label="domain"
       class="domain-config">
       <el-input
-        v-model="ruleForm.document_type_list[index].type"
+        v-model="ruleForm.docTypes[index].type"
         :placeholder="$t('assetLibrary.message.categoryInfo')" />
       <el-icon
         class="deleteConfig"
@@ -250,13 +250,15 @@ const loading = ElLoading.service({
   background: 'rgba(122, 122, 122, 0.5)',
 });
 interface RuleForm {
-  default_chunk_size: number;
-  default_parser_method: string;
+  defaultChunkSize: number;
+  defaultParseMethod: string;
   description: string;
-  document_type_list: any[];
-  embedding_model: string;
-  language: string;
-  name: string;
+  docTypes: any[];
+  embeddingModel: string;
+  tokenizer: string;
+  kbName: string;
+  uploadCountLimit: number;
+  uploadSizeLimit: number;
   [property: string]: any;
 }
 
@@ -265,13 +267,15 @@ const ruleFormRef = ref<FormInstance>();
 const createLoading = ref(false);
 const isSubmitDisabled = ref(true);
 const ruleForm = ref<RuleForm>({
-  name: '',
-  language: '',
-  default_chunk_size: 1024,
-  embedding_model: '',
-  default_parser_method: '',
-  document_type_list: [],
+  kbName: '',
+  tokenizer: '',
+  defaultChunkSize: 512,
+  embeddingModel: '',
+  defaultParseMethod: '',
+  docTypes: [],
   description: '',
+  uploadSizeLimit: 512,
+  uploadCountLimit: 128,
 });
 const languageOptions = ref();
 const emBeddingModelOptions = ref();
@@ -308,20 +312,19 @@ onMounted(() => {
     ? JSON.parse(
         JSON.stringify({
           ...props.formData,
-          document_type_list: props.formData?.document_type_list.filter(
+          docTypes: props.formData?.docTypes.filter(
             (item: any) => item?.type?.length
           ),
-          default_chunk_size: props.formData.default_chunk_size || 1024,
+          defaultChunkSize: props.formData.defaultChunkSize || 512,
+          uploadSizeLimit: props.formData?.uploadSizeLimit || 512,
+          uploadCountLimit: props.formData?.uploadCountLimit || 128,
         } as RuleForm)
       )
     : ruleForm.value;
 
   KbAppAPI.queryLanguageList().then((res: any) => {
     languageOptions.value = res?.map((item: any) => {
-      if (item === 'English') {
-        return { label: item, value: 'en' };
-      }
-      return { label: item, value: 'zh' };
+      return { label: item, value: item };
     });
   });
 
@@ -362,7 +365,7 @@ const rules = reactive<FormRules<RuleForm>>({
       required: true,
     },
   ],
-  name: [
+  kbName: [
     {
       required: true,
       message: t('assetLibrary.message.name'),
@@ -374,34 +377,36 @@ const rules = reactive<FormRules<RuleForm>>({
       trigger: ['blur', 'change'],
     },
   ],
-  language: [
+  tokenizer: [
     {
       required: true,
       message: t('assetLibrary.message.languagePlace'),
-      trigger: ['blur', 'chanblurge'],
+      trigger: ['blur', 'change'],
     },
   ],
-  embedding_model: [
+  embeddingModel: [
     {
       required: true,
       message: t('assetLibrary.message.modelPlace'),
       trigger: ['blur', 'change'],
     },
   ],
-  default_parser_method: [
+  defaultParseMethod: [
     {
       required: true,
       message: t('assetLibrary.message.analyticMethodPlace'),
       trigger: ['blur', 'change'],
     },
   ],
-  default_chunk_size: [
+  defaultChunkSize: [
     {
       message: t('assetLibrary.message.pleasePlace'),
       trigger: ['blur', 'change'],
       required: true,
     },
   ],
+  uploadSizeLimit:[ { required: true  } ],
+  uploadCountLimit:[ { required: true  } ],
 });
 
 const handleCopyTextToclipboard = (text: string) => {
@@ -434,22 +439,23 @@ const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
   await formEl.validate((valid) => {
     let payload = {
-      name: ruleForm.value.name,
-      language: ruleForm.value?.language?.toLocaleLowerCase(),
+      kbName: ruleForm.value.kbName,
+      tokenizer: ruleForm.value?.tokenizer?.toLocaleLowerCase(),
       description: ruleForm.value.description,
-      embedding_model: ruleForm.value.embedding_model,
-      default_parser_method: ruleForm.value.default_parser_method,
-      default_chunk_size: ruleForm.value.default_chunk_size,
-      document_type_list: ruleForm.value.document_type_list.filter((item) => item.type.length > 0),
+      embeddingModel: ruleForm.value.embeddingModel,
+      defaultParseMethod: ruleForm.value.defaultParseMethod,
+      defaultChunkSize: ruleForm.value.defaultChunkSize,
+      uploadCountLimit: ruleForm.value.uploadCountLimit,
+      uploadSizeLimit: ruleForm.value.uploadSizeLimit,
+      docTypes: ruleForm.value.docTypes.filter((item) => item.type.length > 0),
     };
     if (valid) {
       loading.visible.value = true;
       createLoading.value = true;
       if (ruleForm.value?.id) {
         KbAppAPI.updateKbLibrary({
-          id: ruleForm.value.id,
-          ...payload,
-        })
+          teamId: ruleForm.value.id,
+        },payload)
           .then((res) => {
             props.handleOpsKbForm();
             if (props.configInfo) {
@@ -462,16 +468,16 @@ const submitForm = async (formEl: FormInstance | undefined) => {
               customClass: 'o-message--success',
               duration: 3000,
             });
-            ruleForm.value.document_type_list = (res as any).document_type_list;
+            ruleForm.value.docTypes = (res as any).docTypes;
           })
           .finally(() => {
             loading.visible.value = false;
             createLoading.value = false;
           });
       } else {
-        KbAppAPI.createKbLibrary({
+        KbAppAPI.createKbLibrary({teamId:ruleForm.value.teamId},{
           ...payload,
-          document_type_list: ruleForm.value.document_type_list.map((item) => item.type),
+          docTypes: ruleForm.value.docTypes.map((item) => item.type),
         })
           .then(() => {
             props.handleOpsKbForm();
@@ -493,15 +499,15 @@ const handleCancelForm = () => {
 };
 
 const handleRemoveDocType = (index: number) => {
-  ruleForm.value.document_type_list.splice(index, 1);
+  ruleForm.value.docTypes.splice(index, 1);
 };
 
 const handleRemoveAllDocType = () => {
-  ruleForm.value.document_type_list.splice(0);
+  ruleForm.value.docTypes.splice(0);
 };
 
 const handleAddDocType = () => {
-  ruleForm.value.document_type_list.push({
+  ruleForm.value.docTypes.push({
     id: uuidv4(),
     type: '',
   });
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index e5f9bc0..75cad3f 100644
--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@@ -13,8 +13,6 @@ export default {
     setupI18n(app);
     // Element-plus图标
     setupElIcons(app);
-    // 路由守卫
-    setupPermission();
     // 状态管理(store)
     setupStore(app);
   },
diff --git a/src/router/index.ts b/src/router/index.ts
index 8df835e..f44a70b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -6,7 +6,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   {
     path: '/',
     name: '/',
-    redirect: '/login',
+    redirect: '/group',
   },
   {
     path: '/login',
diff --git a/src/store/modules/group.ts b/src/store/modules/group.ts
index dae0986..c18b020 100644
--- a/src/store/modules/group.ts
+++ b/src/store/modules/group.ts
@@ -1,11 +1,28 @@
 import { store } from '@/store';
 
+interface TeamList {
+  teamId: string;
+  teamName: string;
+  description: string;
+  authorName: string;
+  memberCount: string;
+  isPublic: boolean;
+}
+
 export const useGroupStore = defineStore(
   'group',
   () => {
     let navGroup = ref([{ name: '数据治理', path: '/group', query: {} }]);
     let groupMenu = ref('knowledge');
     let knowledgeTabActive = ref('document');
+    let curTeamInfo: Ref<TeamList> = ref({
+      teamId: '',
+      teamName: '',
+      description: '',
+      authorName: '',
+      memberCount: '',
+      isPublic: false,
+    });
 
     let handleSwitchMenu = (menu: string) => {
       groupMenu.value = menu;
@@ -16,13 +33,18 @@ export const useGroupStore = defineStore(
     let handleKnowledgeTab = (key: string) => {
       knowledgeTabActive.value = key;
     };
+    let setCurTeamInfo = (value: any) => {
+      curTeamInfo.value = value;
+    };
     return {
       navGroup,
       groupMenu,
       knowledgeTabActive,
+      curTeamInfo,
       handleSwitchMenu,
       delNav,
       handleKnowledgeTab,
+      setCurTeamInfo,
     };
   },
   {
diff --git a/src/styles/group.scss b/src/styles/group.scss
index d0cf14e..a5ccee2 100644
--- a/src/styles/group.scss
+++ b/src/styles/group.scss
@@ -1,7 +1,7 @@
 .group-container {
     width: 100%;
-    height: calc(100vh - 300px);
-    padding: 0 24px 24px;
+    height: calc(100vh - 304px);
+    padding: 0 24px;
     background: rgb(239 239 239);
     min-width: 820px;
 
@@ -10,8 +10,7 @@
         display: flex;
         flex-direction: column;
         width: 100%;
-        height: calc(100vh - 319px);
-        padding-bottom: 24px;
+        height: calc(100vh - 304px);
         overflow-y: auto;
         background: rgb(253 254 255);
         border-radius: 4px;
@@ -87,7 +86,8 @@
                     }
                 }
                 .group-content-container{
-                  min-height: calc(100vh - 470px);
+                  min-height: calc(100vh - 454px);
+                  margin-top: 16px;
                   
                 .group-tabs-content {
                     margin-top: 16px;
@@ -96,7 +96,8 @@
                     display: grid;
                     grid-template-columns: repeat(auto-fill, 339px);
                     gap: 16px;
-    
+                    max-height: 690px;
+                    overflow-y: auto;
                     .group-card-item {
 
                           width: 339px;
@@ -141,11 +142,13 @@
                             font-size: 12px;
                             line-height: 16px;
                             color: rgb(78, 88, 101);
-                            margin: 4px 0 16px;
+                            margin: 6px 0 14px;
                             overflow: hidden;
                             display: -webkit-box;
                             -webkit-line-clamp: 2;
                             -webkit-box-orient: vertical;
+                            cursor: pointer;
+                            
                         }
     
                         .group-card-footer {
@@ -169,7 +172,7 @@
                     }
                 }
                 .group-table-box {
-                    padding: 16px 0 24px;
+                    padding: 0 0 24px;
                     height: 100%;
                     display: flex;
                     flex-direction: column;
@@ -201,6 +204,11 @@
                         background-color: #f4f6fa;
                       }
                     }
+
+                    .el-table__body-wrapper{
+                      max-height: 660px;
+                      overflow-y: auto
+                    }
                 
                     .group-name-row {
                       color: #0077ff;
@@ -270,6 +278,9 @@
                   }
                 }
             }
+            .el-tabs__content{
+              padding: 16px 24px 0 !important;
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/src/views/dataSet/index.vue b/src/views/dataSet/index.vue
index ed5570b..793f2a8 100644
--- a/src/views/dataSet/index.vue
+++ b/src/views/dataSet/index.vue
@@ -377,7 +377,7 @@ const pagination = ref({
 });
 const searchPayload = ref<any>({
   name: '',
-  document_type_list: [],
+  docTypes: [],
   chunk_size_order: '',
   created_time_order: '',
   status: [],
diff --git a/src/views/evaluate/index.vue b/src/views/evaluate/index.vue
index 5761912..5ce1a17 100644
--- a/src/views/evaluate/index.vue
+++ b/src/views/evaluate/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <CustomLoading :dark="false" :loading="loading" />
   <div class="evaluate-empty-content" v-if="testList.length === 0">
     <EmptyStatus description="暂无评测信息，去数据集管理生成一个吧！" buttonText="去生成评测" buttonClass="group-btn" @click="handleCreate" />
   </div>
@@ -21,21 +22,20 @@
         </el-button>
         <template #dropdown>
           <el-dropdown-menu>
-            <el-dropdown-item>
-              {{ $t('btnText.batchDelete') }}
+            <el-dropdown-item @click="handleBatchDownload" >
+              批量下载
             </el-dropdown-item>
-            <el-dropdown-item>
-              {{ $t('btnText.batchExport') }}
+            <el-dropdown-item @click="handleBatchDelete" >
+              {{ $t('btnText.batchDelete') }}
             </el-dropdown-item>
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <el-input v-model="inputValue" placeholder="请输入评测名称" class="search-input" @keyup.enter="handleSearch"
+      <el-input v-model="searchParam.testingName" placeholder="请输入评测名称" class="search-input" @input="handleInput"
         :suffix-icon="IconSearch" />
     </div>
     <el-table ref="testingTableRef" :data="testList" style="width: 100%; 
-      margin-bottom: 20px" row-key="datasetId" 
-      bordered default-expand-all @selection-change="handleSelectionChange"
+      margin-bottom: 20px" row-key="datasetId" bordered default-expand-all @selection-change="handleSelectionChange"
       @select="handleSelectRow" @sort-change="handleSortChange">
       <el-table-column type="selection" width="55" />
       <el-table-column prop="dataName" width="120" label="所用数据集" />
@@ -160,20 +160,20 @@
         <template #default="scope">
           <div v-if="!scope.row.dataName">
             <el-button v-if="scope.row.status === StatusEnum.RUNNING" type="text"
-              @click="handleStop(scope.row)">暂停</el-button>
+              @click="handleRunTesting(false, scope.row)">暂停</el-button>
             <el-button :disabled="scope.row.status === StatusEnum.SUCCESS" v-else type="text"
-              @click="handleRestart(scope.row)">重启</el-button>
+              @click="handleRunTesting(true, scope.row)">重启</el-button>
             <el-button :disabled="scope.row.status === StatusEnum.RUNNING" type="text"
               @click="handleDownload(scope.row)">下载</el-button>
             <el-button :disabled="scope.row.status === StatusEnum.RUNNING" type="text"
-              @click="handleDelete(scope.row)">删除</el-button>
+              @click="handleDelete([scope.row])">删除</el-button>
           </div>
         </template>
       </el-table-column>
     </el-table>
     <el-pagination v-if="testList.length > 0" v-model:current-page="currentPage" v-model:page-size="currentPageSize"
       :page-sizes="pagination.pageSizes" :layout="pagination.layout" :total="totalCount" popper-class="kbLibraryPage"
-      @change="handleChangePage" />
+      @size-change="handleSizeChange" @current-change="handleCurrentChange" @change="handleChangePage" />
   </div>
   <testData :visible="testDataVisible" :rowData="testRowData" :close="closeFn" />
 </template>
@@ -187,8 +187,11 @@ import { IconCaretDown, IconCaretUp, IconFilter, IconSearch } from "@computing/o
 import testData from "./testData.vue";
 import { storeToRefs } from "pinia";
 import FilterContainr from "@/components/TableFilter/index.vue";
+import EvaluateAPI from "@/api/evaluate";
+import CustomLoading from '@/components/CustomLoading/index.vue';
+import { debounce } from "lodash";
 
-let testList = [
+let testList = ref([
   {
     datasetId: 1,
     dataName: 'CVPR-2023',
@@ -281,16 +284,17 @@ let testList = [
       },
     ],
   },
-];
+]);
 const store = useGroupStore();
-const { } = storeToRefs(store);
+const { knowledgeTabActive } = storeToRefs(store);
 const { handleKnowledgeTab } = store;
 const batchDownBth = ref(false);
 const inputValue = ref('');
 const testingTableRef = ref();
 const selectedRow = ref([]);
+const loading = ref(false);
 const currentPage = ref(1);
-const totalCount = ref(testList.length);
+const totalCount = ref(testList.value.length);
 const currentPageSize = ref(20);
 const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
@@ -305,6 +309,15 @@ const modelRef = ref();
 const statusRef = ref();
 const creatorRef = ref();
 const modelList = ref([]);
+let searchParam = ref({
+  datasetId: "6586f21b",
+  testingId: "",
+  testingName: "",
+  llmId: "",
+  runStatus: "",
+  scoresOrder: "asc",
+  authorName: "",
+})
 const statusList = [
   {
     value: StatusEnum.SUCCESS,
@@ -339,7 +352,15 @@ const handleBatchDownBth = (e: boolean) => {
   batchDownBth.value = e;
 };
 
-const handleSearch = () => { };
+const handleInput = debounce(() => {
+  currentPage.value = 1;
+  let param = {
+    ...searchParam.value,
+    page: currentPage.value,
+    pageSize: currentPageSize.value
+  };
+  queryTestList(param);
+}, 200);
 
 const handleCreate = () => {
   handleKnowledgeTab('dataset');
@@ -361,31 +382,87 @@ const handleSelectRow = (selection: any[], row: any) => {
 }
 
 const handleChangePage = (pageNum: number, pageSize: number) => {
+  console.log(pageNum, pageSize)
   currentPage.value = pageNum;
   currentPageSize.value = pageSize;
+  let param = {
+    ...searchParam.value,
+    page: pageNum,
+    pageSize: pageSize,
+  };
+
+  queryTestList(param);
 };
 
 const handleTestData = (row: any) => {
   testDataVisible.value = true;
   testRowData.value = row;
-  console.log(row);
-}
-const handleStop = (row: any) => {
-  console.log(row);
 }
-const handleRestart = (row: any) => {
-  console.log(row);
+const handleRunTesting = (isRun: boolean, row: any) => {
+  let param = {
+    testingId: row.testingId,
+    run: isRun,
+  }
+  EvaluateAPI.runTesting(param).then((res) => {
+
+  })
 }
 const handleDownload = (row: any) => {
-  console.log(row);
+  const url = `${window.origin}/witchaind/api/testing/download?testingId=${row.testingId}`;
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = 'filename'; // 指定文件名
+  a.style.display = 'none';
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+const handleBatchDownload = () => {
+  selectedRow.value.forEach((item: any) => {
+    setTimeout(()=>{
+      handleDownload(item)
+    },300)
+  })
 }
-const handleDelete = (row: any) => {
-  console.log(row);
+const handleDelete = (arr: any) => {
+  console.log(arr);
+  let idList = arr.map((item: any) => {
+    return item.testingId
+  })
+  EvaluateAPI.deleteTesting(idList).then((res) => {
+    console.log(res);
+  })
+}
+
+const handleBatchDelete = () => {
+  handleDelete(selectedRow.value)
 }
 const handelStatusFilterProper = (filterList: any) => {
   console.log(filterList);
 };
 const closeFn = () => {
-  testDataVisible.value = false; 
+  testDataVisible.value = false;
 }
+
+const queryTestList = (params: any) => {
+  loading.value = true;
+  EvaluateAPI.testingList(params).then((res: any) => {
+    console.log(res);
+    testList.value = res.testings;
+  }).finally(() => {
+    loading.value = false;
+  })
+}
+watch(knowledgeTabActive, () => {
+  if (knowledgeTabActive.value === 'evaluation') {
+    console.log(knowledgeTabActive.value);
+    let param = {
+      ...searchParam.value,
+      testingName: inputValue.value,
+      page: currentPage.value,
+      pageSize: currentPageSize.value
+    };
+    queryTestList(param);
+  }
+})
 </script>
diff --git a/src/views/group/createGroup.vue b/src/views/group/createGroup.vue
index 9010007..d0ca85b 100644
--- a/src/views/group/createGroup.vue
+++ b/src/views/group/createGroup.vue
@@ -4,7 +4,7 @@
         @close="handleCancelVisible">
         <el-form ref="ruleFormRef" class="evaluate-form" :model="form" labelPosition="left" :rules="rules">
             <el-form-item label="团队名称" prop="teamName" :label-width="formLabelWidth">
-                <el-input v-model="form.teamName" autocomplete="off" :placeholder="t('model.pleasePlace')" />
+                <el-input maxlength="100" v-model="form.teamName" autocomplete="off" :placeholder="t('model.pleasePlace')" />
             </el-form-item>
             <el-form-item label="团队简介" prop="description" :label-width="formLabelWidth">
                 <el-input v-model="form.description" :rows="4" show-word-limit type="textarea" maxlength="200"
@@ -16,7 +16,7 @@
         </el-form>
         <template #footer>
             <div class="dialog-footer">
-                <el-button type="primary" :disabled="isSubmitDisabled" @click="handleSubmit(ruleFormRef)">确定</el-button>
+                <el-button type="primary" :disabled="props.dialogueType === 'edit' ?(isSubmitDisabled || isEditSubmitDisabled):isSubmitDisabled" @click="handleSubmit(ruleFormRef)">确定</el-button>
                 <el-button @click="handleCancelVisible">
                     取消
                 </el-button>
@@ -25,6 +25,7 @@
     </el-dialog>
 </template>
 <script lang="ts" setup>
+import GroupAPI from '@/api/group';
 import { FormInstance, FormRules } from 'element-plus';
 
 const { t, } = useI18n();
@@ -34,26 +35,26 @@ const props = defineProps({
     currentRow: Object,
     close: Function,
     dialogueType: String,
+    handlequeryTeamList: Function,
 })
 const ruleFormRef = ref<FormInstance>()
 const formLabelWidth = '100px';
 const isSubmitDisabled = ref(true);
 interface RuleForm {
-    testId: string;
+    testId?: string;
     teamName: string;
     description: string;
-    isPublic: boolean | null;
+    isPublic: boolean;
     [property: string]: any;
 }
 let form = ref<RuleForm>({
-    testId: '',
     teamName: '',
     description: '',
     isPublic: false,
 });
 watch(() => props.createGroupVisible, () => {
     if (props.dialogueType && props.dialogueType === 'edit') {
-        form.value = JSON.parse( JSON.stringify({ ...props.currentRow }))
+        form.value = JSON.parse(JSON.stringify({ ...props.currentRow }))
     }
 })
 const rules = reactive<FormRules>({
@@ -65,28 +66,90 @@ const rules = reactive<FormRules>({
         { message: t('model.pleasePlace'), trigger: 'blur' },
     ],
 });
-const handleSubmit = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    await formEl.validate((valid,) => {
-        if (valid) {
-            console.log('submit!',form.value)
-        }
-    })
-    props.close?.();
+watch(
+    () => form.value.teamName,
+    () => {
+        isSubmitDisabled.value = !form.value.teamName?.length;
+    },
+    {
+        deep: true,
+        immediate: true,
+    }
+);
+const isEditSubmitDisabled = computed(()=>{
+    let oldData = JSON.stringify({teamName:props.currentRow?.teamName,description:props.currentRow?.description,isPublic:props.currentRow?.isPublic})
+    let newData = JSON.stringify({teamName:form.value.teamName,description:form.value.description,isPublic:form.value.isPublic})
+    return oldData === newData
+})
+
+const handelResetForm = () => {
     ruleFormRef.value?.resetFields();
     form.value = {
-        testId:'',
+        testId: '',
         teamName: '',
         description: '',
         isPublic: false,
     };
+
+}
+const handleSubmit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    await formEl.validate((valid,) => {
+        if (valid) {
+            console.log('submit!', form.value)
+            if (props.dialogueType && props.dialogueType === 'edit') {
+                GroupAPI.updateTeam(
+                    { teamId: form.value.teamId },
+                    {
+                        teamName: form.value.teamName,
+                        description: form.value.description,
+                        isPublic: form.value.isPublic,
+                    }
+                ).then(() => {
+                    ElMessage({
+                        message: '团队更新成功',
+                        type: 'success',
+                    })
+                }).finally(() => {
+                    props.handlequeryTeamList?.({ teamType: "mycreated", page: 1, pageSize: 20 })
+                    props.close?.();
+                    ruleFormRef.value?.resetFields();
+                    form.value = {
+                        testId: '',
+                        teamName: '',
+                        description: '',
+                        isPublic: false,
+                    };
+                })
+            } else {
+                GroupAPI.createTeam(form.value).then((res) => {
+                    console.log(res)
+                    ElMessage({
+                        message: '团队创建成功',
+                        type: 'success',
+                    })
+                }).finally(() => {
+                    props.handlequeryTeamList?.({ teamType: "mycreated", page: 1, pageSize: 20 })
+                    props.close?.();
+                    ruleFormRef.value?.resetFields();
+                    form.value = {
+                        testId: '',
+                        teamName: '',
+                        description: '',
+                        isPublic: false,
+                    };
+                })
+
+            }
+        }
+    })
 }
 
 const handleCancelVisible = () => {
     props.close?.();
     ruleFormRef.value?.resetFields();
     form.value = {
-        testId:'',
+        testId: '',
         teamName: '',
         description: '',
         isPublic: false,
diff --git a/src/views/group/groupDetail/index.vue b/src/views/group/groupDetail/index.vue
index 82ed4e9..53dfd31 100644
--- a/src/views/group/groupDetail/index.vue
+++ b/src/views/group/groupDetail/index.vue
@@ -5,28 +5,28 @@
             <el-tab-pane label="团队设置" name="teamSet">
                 <el-form :model="form" label-width="auto" style="max-width: 500px">
                     <el-form-item prop="name" label="团队名称">
-                        <el-input v-model="form.name" />
+                        <el-input v-model="form.teamName" maxlength="100" />
                     </el-form-item>
                     <el-form-item prop="description" label="团队简介">
                         <el-input v-model="form.description" type="textarea" :rows="4" maxlength="200"
                             show-word-limit />
                     </el-form-item>
-                    <el-form-item prop="is_public" label="是否公开">
-                        <el-switch v-model="form.is_public" style="--el-switch-on-color: rgb(36,171,54); " />
+                    <el-form-item prop="isPublic" label="是否公开">
+                        <el-switch v-model="form.isPublic" style="--el-switch-on-color: rgb(36,171,54); " />
                     </el-form-item>
                     <el-form-item prop="teamMember" label="团队人数">
-                        10人
+                       {{ form.teamMember }}人
                     </el-form-item>
-                    <el-form-item prop="is_public" label="移交团队">
+                    <!-- <el-form-item prop="transferTeam" label="移交团队">
                         <el-button>移交</el-button>
                         <span class="btn-tips">将团队的所有者权限移交给其他成员</span>
-                    </el-form-item>
-                    <el-form-item prop="is_public" label="解散团队">
-                        <el-button>解散</el-button>
+                    </el-form-item> -->
+                    <el-form-item prop="deleteTeam" label="解散团队">
+                        <el-button @click="handleDeleteTeam" >解散</el-button>
                         <span class="btn-tips">解散团队后相关资源都会被释放，请谨慎操作</span>
                     </el-form-item>
                     <el-form-item class="save-btn">
-                        <el-button type="primary" @click="onSubmit">保存</el-button>
+                        <el-button type="primary" :disabled="isSubmitDisabled" @click="onSubmit">保存</el-button>
                     </el-form-item>
                 </el-form>
             </el-tab-pane>
@@ -34,25 +34,84 @@
     </div>
 </template>
 <script lang="ts" setup>
+import GroupAPI from '@/api/group';
+import { useGroupStore } from '@/store/modules/group';
+import { IconAlarm } from '@computing/opendesign-icons';
+
+const groupStore = useGroupStore();
+const { curTeamInfo } = storeToRefs(groupStore);
+const { handleSwitchMenu, delNav,setCurTeamInfo } = groupStore;
 
 const route = useRoute();
+const router = useRouter();
+
+const isSubmitDisabled = computed(()=>{
+    let oldData = JSON.stringify({teamName:curTeamInfo.value.teamName,description:curTeamInfo.value.description,isPublic:curTeamInfo.value.isPublic})
+    let newData = JSON.stringify({teamName:form.value.teamName,description:form.value.description,isPublic:form.value.isPublic})
+    return oldData === newData
+})
+
 let groupName = route.query.name as string;
 let activeName = 'teamSet';
-const form = reactive({
-    name: '',
+const form = ref({
+    teamName: '',
     description: '',
-    is_public: false,
+    isPublic: false,
     teamMember: '',
 })
 
+watch(curTeamInfo, (newVal) => {
+    form.value.teamName = newVal.teamName;
+    form.value.description = newVal.description;
+    form.value.isPublic = newVal.isPublic;
+    form.value.teamMember = newVal.memberCount;
+})
+
 const onSubmit = () => {
-    console.log('submit!')
+    GroupAPI.updateTeam(
+        { teamId: curTeamInfo.value.teamId },
+        {
+            teamName: form.value.teamName,
+            description: form.value.description,
+            isPublic: form.value.isPublic,
+        }
+    ).then((res) => {
+        ElMessage({
+            message: '团队更新成功',
+            type: 'success',
+        })
+    })
 }
 
 
 const handleClick = (tab: any, event: any) => {
     console.log(tab, event);
 };
+
+const handleDeleteTeam=() => {
+    ElMessageBox.confirm(
+        `解散【${curTeamInfo.value.teamName}】团队后，该团队下的所有项目都将被同步删除，且不可恢复！请谨慎操作。`,
+        '提示',
+        {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            cancelButtonClass: 'el-button--primary',
+            confirmButtonClass: 'el-button-confirm',
+            type: 'warning',
+            icon:markRaw(IconAlarm)
+        }
+    ).then(()=>{
+        GroupAPI.deleteTeam({
+            teamId: curTeamInfo.value.teamId
+        }).then((res) => {
+            delNav(1);
+            router.push('/group');
+            handleSwitchMenu('knowledge')
+            ElMessage.success(`团队【${curTeamInfo.value.teamName}】解散成功`);
+        })
+    })
+}
+
 </script>
 
 <style lang="scss">
@@ -83,4 +142,27 @@ const handleClick = (tab: any, event: any) => {
         }
     }
 }
+.el-message-box{
+  padding: 0px !important;
+  .el-message-box__content{
+    .el-message-box__message{
+      padding-left: 0px;
+    }
+  }
+  .el-message-box__btns{
+    justify-content: center;
+    .el-button-confirm{
+        --el-button-bg-color:white;
+        --el-button-text-color: rgb(78,88,101);
+        &:focus{
+            background-color: white;
+            color: rgb(78,88,101) !important;
+        }
+        &:hover,&:active{
+            background-color: white;
+            color: rgba(78,88,101,0.8) !important;
+        }
+    }
+  }
+}
 </style>
diff --git a/src/views/group/index.vue b/src/views/group/index.vue
index 8a7182d..95e73fc 100644
--- a/src/views/group/index.vue
+++ b/src/views/group/index.vue
@@ -4,7 +4,7 @@
     <div class="group-container">
         <div class="group-box">
             <el-tabs type="border-card" class="group-tabs" default-active="mycreated" v-model="activeName"
-                @tab-click="handleTabClick">
+                @tab-change="handleTabChange">
                 <el-tab-pane class="group-tabs-item" v-for="tab in groupTabs" :name="tab.name" :key="tab.name"
                     :label="tab.label">
                     <div class="group-tab-header">
@@ -43,16 +43,17 @@
                     <div class="group-content-container">
                         <!-- 卡片布局 -->
                         <div v-if="switchIcon === 'thumb'" class="group-tabs-content">
-                            <div class="group-card-item"
-                                v-for="item in groupList"
-                                :key="item.teamId">
+                            <div class="group-card-item" v-for="item in groupList" :key="item.teamId">
                                 <div class="group-card-title" @click="handleToGroup(item)">
                                     <span class="group-card-title-name">{{ item.teamName }}</span>
                                     <span v-if="item.isPublic" class="card-type card-type-public">公开</span>
-                                    <span v-else class="card-type card-type-privacy'">私密</span>
+                                    <span v-else class="card-type card-type-privacy">私密</span>
                                 </div>
                                 <div class="group-card-desc">
-                                    {{ item.description }}
+                                    <el-tooltip popper-class="desc-popper" effect="dark" :content="item.description"
+                                        placement="top-start">
+                                        {{ item.description }}
+                                    </el-tooltip>
                                 </div>
                                 <div class="group-card-footer">
                                     <div class="info">
@@ -62,7 +63,7 @@
                                             {{ item.memberCount }}人
                                         </span>
                                     </div>
-                                    <el-button text @click="handleEditKl(item)" >
+                                    <el-button text @click="handleEditKl(item)">
                                         编辑
                                     </el-button>
                                 </div>
@@ -71,25 +72,25 @@
                         <!-- 列表布局 -->
                         <div class="group-table-box" v-else>
                             <el-table :data="groupList" :border="true">
-                                <el-table-column prop="teamName" label="团队名称" :show-overflow-tooltip="true" width="300"
-                                    :fixed="true" class-name="group-name">
+                                <el-table-column prop="teamName" label="团队名称" :show-overflow-tooltip="true" width="200"
+                                    class-name="group-name">
                                     <template #default="scope">
                                         <span class="group-name-row" @click="handleToGroup(scope.row)">
                                             {{ scope.row.teamName }}
                                         </span>
                                     </template>
                                 </el-table-column>
-                                <el-table-column prop="description" label="团队简介" :show-overflow-tooltip="true" />
-                                <el-table-column prop="memberCount" sortable width="150" label="团队人数" />
-                                <el-table-column prop="document_count" sortable width="150" label="团队权限">
+                                <el-table-column prop="description" label="团队简介" width="200" :show-overflow-tooltip="true" />
+                                <el-table-column prop="memberCount" width="150" label="团队人数" />
+                                <el-table-column prop="isPublic" width="150" label="团队权限">
                                     <template #default="scope">
                                         <span v-if="scope.row.isPublic" class="card-type card-type-public">公开</span>
                                         <span v-else class="card-type card-type-privacy">私密</span>
                                     </template>
                                 </el-table-column>
-                                <el-table-column prop="authorName" sortable width="150" label="创建人" />
-                                <el-table-column prop="document_count" sortable width="150" label="创建时间" />
-                                <el-table-column prop="action" :label="$t('btnText.operation')" width="180">
+                                <el-table-column prop="authorName" width="150" label="创建人" />
+                                <el-table-column prop="createdtime" width="150" label="创建时间" />
+                                <el-table-column prop="action" :label="$t('btnText.operation')" width="100">
                                     <template #default="scope">
                                         <el-button text @click="handleEditKl(scope.row)">
                                             {{ $t('btnText.edit') }}
@@ -99,22 +100,16 @@
                             </el-table>
                         </div>
                     </div>
-                    <el-pagination 
-                        v-if="groupList?.length > 0"
-                        :current-page="currentPage"
-                        :page-size="currentPageSize"
-                        :page-sizes="pagination.pageSizes"
-                        :layout="pagination.layout"
-                        :total="totalCount"
-                        popper-class="kbLibraryPage"
-                        @size-change="handleSizeChange"
-                        @current-change="handleCurrentChange" 
-                    />
+                    <el-pagination v-if="groupList?.length > 0" :current-page="currentPage" :page-size="currentPageSize"
+                        :page-sizes="pagination.pageSizes" :layout="pagination.layout" :total="totalCount"
+                        popper-class="kbLibraryPage" @size-change="handleSizeChange"
+                        @current-change="handleCurrentChange" />
                 </el-tab-pane>
             </el-tabs>
         </div>
     </div>
-    <CreateGroup :createGroupVisible="createGroupVisible" :dialogueType="dialogueType" :currentRow="currentRow" :close="() => handleCreateGroup(false)" />
+    <CreateGroup :createGroupVisible="createGroupVisible" :handlequeryTeamList="handlequeryTeamList"
+        :dialogueType="dialogueType" :currentRow="currentRow" :close="() => handleCreateGroup(false)" />
 </template>
 <script lang="ts" setup>
 import UserHeaderBar from '@/components/UserHeaderBar/index.vue';
@@ -131,6 +126,10 @@ import router from '@/router/index';
 import { useGroupStore } from '@/store/modules/group.js';
 import CreateGroup from './createGroup.vue';
 import GroupAPI from '@/api/group';
+import { TabPaneName } from 'element-plus';
+
+const groupStore = useGroupStore();
+const { setCurTeamInfo } = groupStore;
 
 const activeName = ref('mycreated');
 const currentRow = ref({});
@@ -156,8 +155,16 @@ const totalCount = ref(groupList.value.length);
 const currentPageSize = ref(20);
 const loading = ref(false);
 
-const handleTabClick = (tab: any, event: any) => {
-    activeName.value = tab.name;
+const handleTabChange = (tabName: TabPaneName) => {
+    activeName.value = tabName.toString();
+    teamSearchName.value = '';
+    currentPage.value = 1;
+    let param = {
+        teamType: tabName.toString(),
+        page: currentPage.value,
+        pageSize: currentPageSize.value
+    };
+    handlequeryTeamList(param);
 };
 
 const handleCurrentChange = (pageNum: number) => {
@@ -209,13 +216,13 @@ const handleCreateGroup = (value: boolean) => {
     dialogueType.value = 'create';
 }
 
-const handleEditKl = (row: any) => { 
+const handleEditKl = (row: any) => {
     currentRow.value = row;
     createGroupVisible.value = true;
     dialogueType.value = 'edit';
 }
 
-const handleInputSearch = debounce((e) => {
+const handleInputSearch = debounce(() => {
     currentPage.value = 1;
     let param = {
         teamType: activeName.value,
@@ -230,18 +237,20 @@ const handleSwitch = (switchType: string) => {
     switchIcon.value = switchType;
 };
 const handleToGroup = async (row: any) => {
-    await router.push({ path: `/groupInfo`, query: { name: row.teamName } });
+    await router.push({ path: `/groupInfo`, query: { name: row.teamName, id: row.teamId } });
     let groupNav = navGroup.value;
     groupNav[1] = {
         name: row.teamName,
         path: '/groupInfo',
         query: {
-            name: row.teamName
+            name: row.teamName,
+            id: row.teamId
         }
     }
+    setCurTeamInfo(row);
 }
 
-const handlequeryTeamList = (param: { teamType: string, teamName: string, page: number, pageSize: number }) => {
+const handlequeryTeamList = (param: { teamType: string, page: number, pageSize: number, teamName?: string }) => {
     loading.value = true;
     GroupAPI.teamList(param).then((res: any) => {
         groupList.value = res.teams;
@@ -261,4 +270,9 @@ onMounted(() => {
     handlequeryTeamList(param);
 })
 
-</script>
\ No newline at end of file
+</script>
+<style lang="scss">
+    .desc-popper {
+        max-width: 376px !important;
+    }
+</style>
\ No newline at end of file
-- 
Gitee