20260914172820

code/fms/fms-vue/src/views/module/menu-management/MenuTreePanel.vue

@@ -10,7 +10,8 @@
  */
 import { computed, ref, watch } from 'vue'
 import { ExternalLink, FileText, Folder, Plus, RefreshCw, Search, Trash2 } from '@lucide/vue'
-import { Button, Checkbox, Dropdown, Input, Tree } from '@/components/ui'
+import { Button, Checkbox, Dropdown, Input } from '@/components/ui'
+import FmsTree from '@/components/fms-tree/FmsTree.vue'
 import { collectAllKeys, filterTreeByText } from '@/utils/tree'
 
 const props = defineProps({
@@ -117,10 +118,9 @@ function onToolbarAdd({ key }) {
     <div class="mm-tree-panel__scroll">
       <div v-if="loading" class="mm-tree-empty">加载中...</div>
       <!-- 过滤（搜索）状态下禁止拖拽：此时树是浅拷贝视图，落点索引与原树不一致 -->
-      <Tree
+      <FmsTree
         v-else
         :tree-data="filteredTree"
-        :field-names="{ key: 'b_id', title: 'b_name', children: 'children' }"
         :expanded-keys="expandedKeys"
         @update:expanded-keys="(keys) => emit('update:expandedKeys', keys)"
         :selected-keys="selectedId ? [selectedId] : []"
@@ -130,13 +130,13 @@ function onToolbarAdd({ key }) {
         @context-menu-click="onContextMenuClick"
         @drop="(payload) => emit('drop', payload)"
       >
-        <template #title="{ node }">
+        <template #title="{ node, title }">
           <span class="mm-tree-node">
             <span
               class="mm-tree-node__name"
               :class="{ 'is-disabled': Number(node.b_canuse) !== 1 }"
             >
-              {{ node.b_name || node.b_id || '(未命名)' }}
+              {{ title }}
             </span>
             <Checkbox
               class="mm-tree-node__enable"
@@ -146,7 +146,7 @@ function onToolbarAdd({ key }) {
             />
           </span>
         </template>
-      </Tree>
+      </FmsTree>
     </div>
   </aside>
 </template>