!86 优化新建知识库表单数据请求和默认值逻辑，修复文件预览表格样式问题

From: @lnlnln629 
Reviewed-by: @hongyu-shi 
Signed-off-by: @hongyu-shi

Author: openeuler-ci-bot

src/components/KnowledgeForm/index.vue

@@ -286,13 +286,13 @@ const props = defineProps({
     type: Function,
     default: () => {},
   },
+  isCreate: {
+    type: Boolean,
+    default: true,
+  },
 });
 
-const initFormData = () =>{
-  ruleForm.value.kbName = '资产库名称01';
-}
-
-onMounted(() => {
+onMounted(async () => {
   loading.visible.value = false;
   ruleForm.value = props.formData
     ? JSON.parse(
@@ -308,28 +308,32 @@ onMounted(() => {
       )
     : ruleForm.value;
 
-  ruleForm.value.kbName = '资产库名称01';
-  KbAppAPI.queryLanguageList().then( (res: any) => {
-    console.log('queryLanguageList', res);
-    languageOptions.value = res?.map((item: any) => {
-      return { label: item, value: item };
-    })
-    ruleForm.value.tokenizer = res?.[0] || '';
-  });
+  // 并行请求
+  const [languageRes, embeddingRes, parseMethodRes] = await Promise.all([
+    KbAppAPI.queryLanguageList(),
+    KbAppAPI.queryEmbeddingModelList(),
+    KbAppAPI.queryParseMethodList(),
+  ]);
+  languageOptions.value = (languageRes as unknown as [])?.map((item: any) => ({
+    label: item,
+    value: item,
+  }));
+  emBeddingModelOptions.value = (embeddingRes as unknown as [])?.map((item: any) => ({
+    label: item,
+    value: item,
+  }));
 
-  KbAppAPI.queryEmbeddingModelList().then((res: any) => {
-    emBeddingModelOptions.value = res?.map((item: any) => {
-      return { label: item, value: item };
-    });
-    ruleForm.value.embeddingModel = res?.[0] || '';
-  });
-
-  KbAppAPI.queryParseMethodList().then((res: any) => {
-    parserMethodOptions.value = res?.map((item: any) => {
-      return { label: item, value: item };
-    });
-    ruleForm.value.defaultParseMethod = res?.[0] || '';
-  });
+  parserMethodOptions.value = (parseMethodRes as unknown as [])?.map((item: any) => ({
+    label: item,
+    value: item,
+  }));
+  // 如果是创建状态，设置默认值
+  if (props.isCreate) {
+    ruleForm.value.kbName = '资产库名称01';
+    ruleForm.value.tokenizer = languageOptions.value?.[0].value || '';
+    ruleForm.value.embeddingModel = emBeddingModelOptions.value?.[0].value || '';
+    ruleForm.value.defaultParseMethod = parserMethodOptions.value?.[0].value || '';
+  }
 });
 
 watch(

src/styles/knowledgeFileSection.scss

@@ -211,7 +211,7 @@
           background-color: var(--o-bg-color-base) !important;
         }
         .kf-selection {
-          border-bottom: unset;
+          border-bottom: unset !important;
 
           .cell {
             width: 24px !important;
@@ -224,7 +224,7 @@
         }
 
         .kf-file-content {
-          border-bottom: unset;
+          border-bottom: unset !important;
         }
 
         .kf-file-type {

src/styles/knowledgeLibrary.scss

@@ -34,6 +34,7 @@
 
         &>button{
           margin-right: 8px;
+          margin-left: 0px !important;
         }
 
         .createAsset,

src/views/dataSet/craeteEvaluate.vue

@@ -7,6 +7,7 @@
         v-if="props.dialogEvaluateVisible"
         @close="handleCancelVisible"
         align-center
+        :close-on-click-modal="false"
     >
         <el-form class="evaluate-form" ref="ruleFormRef" :model="form" labelPosition="left" :rules="rules" >
             <el-form-item :label="$t('testing.datasetUsed')" :label-width="formLabelWidth" class="evaluate-dataSetName-container" prop="datasetId">

src/views/group/createGroup.vue

@@ -1,7 +1,7 @@
 <template>
     <el-dialog class="craete-group-dialog" v-model="props.createGroupVisible" align-center
         :title="props.dialogueType === 'edit' ? $t('group.editTeam') : $t('group.createTeam')" width="544" v-if="props.createGroupVisible"
-        @close="handleCancelVisible">
+        :close-on-click-modal="false" @close="handleCancelVisible">
         <el-form ref="ruleFormRef" class="evaluate-form" :model="form" labelPosition="right" :rules="rules">
             <el-form-item :label="$t('group.teamName')" prop="teamName" :label-width="formLabelWidth">
                 <el-input maxlength="100" v-model="form.teamName" autocomplete="off" :placeholder="t('model.pleasePlace')" />

src/views/knowledgeFile/dataSetDialog.vue

@@ -6,6 +6,7 @@
     class="dataSet-edit-dialog"
     align-center
     width="550"
+    :close-on-click-modal="false"
     :title="$t('assetFile.generateDataset')">
     <CustomLoading :loading="loading" />
     <el-form

src/views/knowledgeFile/index.vue

@@ -466,6 +466,7 @@
     class="edit-dialog"
     align-center
     width="560"
+    :close-on-click-modal="false"
     :title="$t('dialogTipText.eidtFile')">
     <el-form
       ref="ruleFormRef"

src/views/knowledgeLibrary/index.vue

@@ -517,6 +517,7 @@
       align-center
       width="544"
       @close="handleCloseCreateKb"
+      :close-on-click-modal="false"
       :title="
         formData?.kbName?.length > 0
           ? $t('btnText.editAssetLibrary')
@@ -526,6 +527,7 @@
         :handleOpsKbForm="handleOpsKbForm"
         :handelResetForm="handelResetForm"
         :handleCloseCreateKb="handleCloseCreateKb"
+        :isCreate="isCreate"
         :formData="formData" />
     </el-dialog>
     <el-dialog
@@ -616,6 +618,7 @@ const klCardBox = ref();
 const loading = ref(false);
 const importTaskList = ref([]);
 const userLanguage = ref();
+const isCreate = ref(true);
 
 const resetFormData = ref({
   kbName: '',
@@ -1231,9 +1234,9 @@ watch(
     immediate: true,
   }
 );
-
 const handleCreateKnowledge = () => {
   dialogCreateVisible.value = true;
+  isCreate.value = true;
 };
 
 const handleCancelVisible = () => {
@@ -1269,6 +1272,7 @@ const handleSelectionChange = (val:any) => {
 const handleEditKl = (row: any) => {
   formData.value = row;
   dialogCreateVisible.value = true;
+  isCreate.value = false;
 };
 
 const handleDeleteKl = (row: any) => {