列表搜索方式修改；字体统一修改；表头已选总数新增等；修复数据集对话框中的文档ID映射逻辑;

Author: lnyeol

src/components/CustomLoading/index.vue

@@ -57,4 +57,7 @@ onBeforeUnmount(() => {
 .loadingNone {
   display: none;
 }
+.el-loading-text{
+  color: var(--o-text-color-primary) !important;
+}
 </style>

src/components/KnowledgeForm/index.vue

@@ -4,36 +4,24 @@
     :model="ruleForm"
     :rules="rules"
     label-width="auto"
-    class="kl-ruleForm"
+    class="kl-ruleForm o-form-has-require"
     :size="formSize"
     label-position="left">
-    <el-form-item
-      :label="$t('assetLibrary.assetId')"
-      prop="id"
-      class="assetIdClass"
-      :id="props.configInfo ? 'asset-box-id' : null"
-      v-if="ruleForm.id?.length > 0">
-      <el-input
-        v-model="ruleForm.id"
-        minlength="1"
-        :disabled="true"
-        maxlength="50"
-        :placeholder="$t('assetLibrary.message.pleasePlace')" />
-      <el-icon
-        v-if="props.configInfo"
-        class="copydocument"
-        @click="handleCopyTextToclipboard(ruleForm.id)">
-        <CopyDocument />
-      </el-icon>
-    </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.name')"
       prop="kbName">
       <el-input
         v-model="ruleForm.kbName"
+        class="o-validate-input"
         minlength="1"
         maxlength="20"
-        :placeholder="$t('assetLibrary.message.pleasePlace')" />
+        :placeholder="$t('assetLibrary.message.pleasePlace')" >
+        <template #suffix>
+          <el-icon class="error-icon" >
+            <img src="@/assets/svg/fail.svg" />
+          </el-icon>
+        </template>
+        </el-input>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.desc')"
@@ -225,7 +213,7 @@ import { v4 as uuidv4 } from 'uuid';
 import KbAppAPI from '@/api/kbApp';
 
 const route = useRoute()
-const { t } = useI18n();
+const { t, locale} = useI18n();
 const loading = ElLoading.service({
   visible: false,
   text: `${t('pageTipText.Loading')}...`,
@@ -329,8 +317,9 @@ onMounted(async () => {
   }));
   // 如果是创建状态，设置默认值
   if (props.isCreate) {
-    ruleForm.value.kbName = '资产库名称01';
-    ruleForm.value.tokenizer = languageOptions.value?.[0].value || '';
+    ruleForm.value.kbName = t('defaultText.kbName');
+    ruleForm.value.tokenizer = locale.value==='zh'?languageOptions.value?.[0].value : languageOptions.value?.[1].value
+    
     ruleForm.value.embeddingModel = emBeddingModelOptions.value?.[0].value || '';
     ruleForm.value.defaultParseMethod = parserMethodOptions.value?.[0].value || '';
   }

src/components/TextMoreTootip/index.vue

@@ -6,7 +6,7 @@
     @mouseenter="mouseenter"
     @mouseleave="mouseleave">
     <el-tooltip
-      class="box-item"
+     
       effect="dark"
       :visible="visible"
       :content="value"

src/components/Upload/index.vue

@@ -75,7 +75,15 @@
               prop="name"
               :label="$t('dialogTipText.fileName')"
               class-name="upload-file-name"
-              :show-overflow-tooltip="true" />
+            >
+            <template #default="scope">
+              <el-tooltip :content="scope.row.name" placement="top" >
+                <span class="table-row-content" >
+                  {{ scope.row.name }}
+                </span>
+              </el-tooltip> 
+            </template>
+            </el-table-column>
             <el-table-column
               prop="size"
               :label="$t('dialogTipText.fileSize')"

src/lang/package/en.ts

@@ -300,7 +300,8 @@ export default {
     multiple: 'Multiple Selection',
     cancelMultiple: 'Cancel Multiple Selection',
     checkAll: 'Check All',
-    selected: '{count} have been selected',
+    selected: '',
+    selectedCount: ' have been selected',
     search: 'Search',
   },
   dialogTipText: {
@@ -378,5 +379,11 @@ export default {
   timerSearch: {
     lastHour: 'Last {timer} hour',
   },
+  defaultText: {
+    kbName: 'Asset Library Name 01',
+    datasetName: 'Dataset 01',
+    datasetDesc: 'This is a dataset description',
+    testingName: 'Test Data 01',
+  },
   copyright: 'Copyright© Huawei Software Technologies Co., Ltd.2024. All rights reserved.',
 };

src/lang/package/zh-cn.ts

@@ -310,7 +310,8 @@ export default {
     multiple: '多选',
     cancelMultiple: '取消多选',
     checkAll: '全选',
-    selected: '已选{count}项',
+    selected: '已选',
+    selectedCount: '项',
     search: '搜索',
   },
   dialogTipText: {
@@ -382,5 +383,11 @@ export default {
   timerSearch: {
     lastHour: '最近 {timer} 小时',
   },
+  defaultText: {
+    kbName: '资产库名称01',
+    datasetName: '数据集01',
+    datasetDesc: '这是一段数据集简介',
+    testingName: '测试数据01',
+  },
   copyright: '版权所有© 华为软件技术有限公司2024。保留一切权利',
 };

src/styles/dataSet.scss

@@ -242,20 +242,21 @@
     display: flex;
     justify-content: space-between;
 
+    .dataSet-container-left {
+      display: flex;
+      gap: 8px;
+      .el-dropdown {
+        .upBtn{
+          border-color: #6395FD !important;
+        }
+      }
+    }
     .dataSet-container-right {
       width: 356px;
       font-size: 12px;
     }
   }
 
-  .el-table tbody tr td:not(:first-child) .cell {
-    padding: 0 8px !important;
-  }
-
-  .el-table thead .el-table__cell .cell {
-    padding: 0 8px !important;
-  }
-
   .custom-header {
     display: flex;
     gap: 4px;
@@ -390,13 +391,15 @@
   }
 
   .el-table__cell {
-    padding: 0 !important;
+    padding: 0 8px !important;
     font-size: 12px;
   }
-
+  .el-table-column--selection{
+    padding-left: 16px !important;
+    padding-right: 0 !important;
+  }
   .el-table-column--selection .cell {
     padding-right: 0 !important;
-    padding-left: 10px !important;
   }
 
   .el-pagination {
@@ -431,11 +434,7 @@
     display: flex;
     flex-direction: column;
     .dataSetTableContainer{
-      height: calc(100vh - 318px);
-    }
-    .el-table__body-wrapper .el-table-column--selection>.cell, 
-    .el-table__header-wrapper .el-table-column--selection>.cell{
-      padding-left: 18px !important;
+      height: calc(100vh - 320px);
     }
     .el-table .cell{
       line-height: 16px !important;

src/styles/dataSetDialog.scss

@@ -56,6 +56,7 @@
             .el-form-item__label, .el-form-item__content{
                 height: 16px !important;
                 line-height: 16px !important;
+                padding: 0px;
                 .el-switch{
                     height: 16px !important;
                     .el-switch__core{

src/styles/dataSetDrawer.scss

@@ -156,7 +156,6 @@
     }
 
     .dataSetInfoTableContainer{
-
         .el-pagination{
             padding-top: 12px !important;
         }
@@ -174,21 +173,15 @@
         .el-table tbody .cell{
             font-weight: 400;
         }
-        .el-table tbody tr td:first-child .cell {
-          padding-left: 16px !important;
-        }
-        .el-table tbody .el-table__cell:not(.el-table__expanded-cell):first-child,
-        .el-table thead .cell,
-        .el-table tbody .el-table-column--selection + th.el-table__cell,
-        .el-table-column--selection + td.el-table__cell {
-          padding: unset !important;
-        }
        tbody .el-table__cell{
           padding: 0 !important;
         }
         .el-table__row .cell{
           padding: 8px !important;
         }
+        .el-table__body-wrapper .el-table-column--selection {
+            padding-left: 8px !important;
+        } 
         .dataChunkText{
           overflow: hidden;
           display: -webkit-box;
@@ -205,3 +198,6 @@
     }
 
 }
+.dataSetPage{
+    inset: auto auto 100px 753px !important;
+}

src/styles/evaluate.scss

@@ -32,11 +32,14 @@
                     cursor: not-allowed;
                 }
             }
+            .upBtn{
+              border-color: #6395FD !important;
+            }
 
         }
     }
-    .test-table{
-        height: calc(100vh - 330px);
+    .test-manage-table{
+        height: calc(100vh - 320px);
     }
     .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
         border-right: unset !important;
@@ -189,15 +192,15 @@
 
     .el-table-column--selection .cell {
         padding-right: 0 !important;
-        padding-left: 42px;
+        padding-left: 40px;
     }
 
     .group-selection::after {
         content: unset !important;
     }
 
     .el-pagination {
-        margin-top: 0;
+        margin-top: 8px;
     }
 
     .el-pagination .el-input__inner {
@@ -227,18 +230,22 @@
             .el-form-item {
                 margin-bottom: 24px;
                 .el-form-item__label{
-                    color: var(--o-item-label-text);
+                    color: var(--o-text-color-secondary);
                     font-size: 12px;
                     font-family: 'HarmonyOS Sans SC Regular';
                     padding: 0px;
                     margin-right: 24px;
+                    line-height: 32px;
                 }
                 .el-form-item__label:before{
                     position: absolute;
                     left: -8px;
                 }
 
                 .el-form-item__content{
+                    .el-select{
+                        width: 100%;
+                    }
                     .el-input__inner,.el-textarea__inner,.el-select__selected-item{
                         font-size: 12px;
                         font-family: 'HarmonyOS Sans SC Regular';
@@ -260,6 +267,11 @@
                 }
 
             }
+            .evaluate-type-container{
+                .el-input__wrapper{
+                    padding-left: 44px !important;
+              }
+            }  
             .evaluate-dataSetName-container{
                 height: 16px !important;
                 .el-form-item__label,.el-form-item__content{
@@ -295,26 +307,10 @@
 .el-select__popper.el-popper[role=tooltip]{
     max-width: 414px !important;
 }
-.el-select__popper .el-select-dropdown__list{    
-    // background-color: white;               
+
+.custom-llm-select-popper{
     .el-select-dropdown__item{
         display: flex;
         align-items: center;
-        gap: 4px;
-        & span{
-            max-width: 330px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-    .is-hovering{
-        background-color: rgb(122,165,225);
-    }
-    .is-selected{
-        background-color: rgb(99,149,253);
-        span{
-            color: white !important;
-        }
     }
 }