feat(knowledge): 添加关联应用功能并优化下拉菜单

- 在知识详情页面添加关联应用下拉菜单
- 统一下拉菜单样式，增加 size="medium"属性
- 调整知识详情页面布局，使描述信息居中显示
- 修复个人中心和面包屑导航的样式问题

src/views/app/layout/components/Navbar.vue

@@ -1,11 +1,15 @@
 <template>
   <div class="navbar">
-    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
 
     <breadcrumb class="breadcrumb-container" />
 
     <div class="right-menu" v-if="$store.state.settings.sidebarLogo">
-      <el-dropdown class="avatar-container" trigger="click">
+      <el-dropdown class="avatar-container" trigger="click" size="medium">
         <div class="avatar-wrapper">
           <el-avatar :size="size" :src="circleUrl" class="user-avatar" />
           <i class="el-icon-caret-bottom" />

src/views/app/layout/components/Sidebar/personal.vue

@@ -4,6 +4,7 @@
       <el-dropdown
         class="avatar-container"
         trigger="click"
+        size="medium"
         placement="top-start"
       >
         <div class="avatar-wrapper">

src/views/knowledge/detail/components/split/SplitPreview.vue

@@ -9,7 +9,7 @@
       <template slot="title">
         <div class="flex align-items-c" style="gap:10px">
           <span>拆分结果预览</span>
-          <el-dropdown @command="command" trigger="click">
+          <el-dropdown @command="command" trigger="click" size="medium">
             <span class="el-dropdown-link">
               {{ documentList[activeIndex].name
               }}<i class="el-icon-arrow-down el-icon--right"></i>

src/views/knowledge/detail/index.vue

@@ -42,10 +42,23 @@
             <span class="segment-content">{{
               segmentedMode | filterSegmentedMode
             }}</span>
+
+            <el-dropdown size="medium" placement="right">
+              <span class="segment-content cursor-pointer">关联应用</span>
+              <el-dropdown-menu>
+                <el-dropdown-item>123</el-dropdown-item>
+                <el-dropdown-item>123</el-dropdown-item>
+                <el-dropdown-item>123</el-dropdown-item>
+                <el-dropdown-item>123</el-dropdown-item>
+                <el-dropdown-item>123</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="flex align-items-c mt10 ">
+            <p class="fs14 knowledgeDesc" style="line-height: 20px">
+              描述：{{ knowledgeDesc }}
+            </p>
           </div>
-          <p class="mt10 fs14 knowledgeDesc" style="line-height: 20px">
-            描述：{{ knowledgeDesc }}
-          </p>
           <!--        <p class="mt10 fs14" style="line-height: 20px">分段模式：{{ segmentedMode | filterSegmentedMode }}</p>-->
         </div>
       </div>

src/views/knowledge/detail/reviewKnowledge.vue

@@ -142,7 +142,7 @@
         class="el-card review"
       >
         <div class="title flex align-items-c" style="gap: 10px">
-          <el-dropdown @command="command" trigger="click">
+          <el-dropdown @command="command" trigger="click" size="medium">
             <span class="el-dropdown-link">
               {{
                 documentDetail.length > 0