feat: associate

ui/src/components/business/select-application-dialog/index.vue

@@ -164,7 +164,7 @@ defineExpose({ open })
       </template>
     </MkViewLayout>
     <template #footer>
-      <div class="flex-between -mx-6 border-t px-6 pt-4">
+      <div class="flex-between">
         <div class="flex-align-center gap-2">
           <span class="text-N600">已选 {{ selectedApplication.length }}</span>
           <el-button v-if="selectedApplication.length" link type="primary" @click="selectedApplication = []">清空</el-button>

ui/src/components/business/select-knowledge-dialog/index.vue

@@ -168,7 +168,7 @@ defineExpose({ open })
       </template>
     </MkViewLayout>
     <template #footer>
-      <div class="flex-between -mx-6 border-t px-6 pt-4">
+      <div class="flex-between">
         <div class="flex-align-center gap-2">
           <span class="text-N600">已选 {{ selectedKnowledge.length }}</span>
           <el-button v-if="selectedKnowledge.length" link type="primary" @click="selectedKnowledge = []">清空</el-button>

ui/src/components/business/select-tool-dialog/index.vue

@@ -168,7 +168,7 @@ defineExpose({ open })
       </template>
     </MkViewLayout>
     <template #footer>
-      <div class="flex-between -mx-6 border-t px-6 pt-4">
+      <div class="flex-between">
         <div class="flex-align-center gap-2">
           <span class="text-N600">已选 {{ selectedTool.length }}</span>
           <el-button v-if="selectedTool.length" link type="primary" @click="selectedTool = []">清空</el-button>

ui/src/styles/element-plus.scss

@@ -489,6 +489,10 @@
       max-height: none;
       height: calc(100vh - 180px);
     }
+    .el-dialog__footer {
+      border-top: var(--el-border);
+      padding: 16px var(--el-dialog-padding-primary);
+    }
   }
 }
 

ui/src/views/knowledge-detail/question/components/AssociateProblemParagraphDialog.vue

@@ -129,10 +129,6 @@ function handleToggleParagraph(paragraph: ParagraphItem) {
     })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!operationLoading.value) done()
-}
-
 function handleClosed() {
   problemIds.value = []
   documents.value = []
@@ -170,7 +166,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" width="1200" :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" width="1200" @closed="handleClosed">
     <template #header="{ titleId }">
       <h4 :id="titleId">关联分段</h4>
     </template>
@@ -200,7 +196,7 @@ defineExpose({ open })
               <el-image
                 v-if="resourceType === DOCUMENT_RESOURCE_TYPE.IMAGE"
                 :src="getFileUrl(row.meta?.source_file_id as string | undefined)"
-                class="mr-2 size-4 shrink-0 rounded"
+                class="mr-2 size-6 shrink-0"
                 :alt="row.name"
                 fit="cover"
               />
@@ -261,7 +257,7 @@ defineExpose({ open })
       </template>
     </MkViewLayout>
     <template #footer>
-      <div class="-mx-6 -mb-6 flex-align-center h-13.5 border-t px-6 py-4 text-sm text-N600">已关联 {{ selectedParagraphs.length }}</div>
+      <div class="text-left text-sm text-N600">已关联 {{ selectedParagraphs.length }}</div>
     </template>
   </MkDialog>
 </template>

ui/src/views/workflow/components/template-store/TemplateStoreDialog.vue

@@ -60,7 +60,9 @@ defineExpose({ open, close })
     </template>
     <div v-loading="loading" class="px-6 py-4">
       <div v-if="hasSearchKeyword" class="mb-4 font-semibold">
-        找到 <span class="text-primary">{{ templates.length }}</span> 个相关模板
+        找到
+        <span class="text-primary">{{ templates.length }}</span>
+        个相关模板
       </div>
       <div class="mk-resource-card-grid-sm">
         <template v-for="template in templates" :key="template.id">