测试

src/App.vue

@@ -5,13 +5,14 @@ let showTree = ref(false);
 </script>
 
 <template>
-  <div>
+  <!-- <div>
     <vue-final-modal v-model="showTree" classes="modal-container" content-class="modal-content" :hide-overlay="true"
       :click-to-close="false" :prevent-click="true" :drag="true" :fit-parent="true" drag-selector=".modal-drag">
       <TreePanel :show="showTree"></TreePanel>
     </vue-final-modal>
     <el-button size="small" @click="showTree = !showTree">节点树</el-button>
-  </div>
+  </div> -->
+  <TreePanel :show="true" style="border: 2px solid blue;"></TreePanel>
 </template>
 
 <style scoped>

src/components/TreePanel.vue

@@ -1,9 +1,9 @@
 <template>
-  <div
+  <!-- <div
     style="width: 100%;height: 30px;background-color: #26282f;display: flex;align-items: center;justify-content: center;color: white;"
     class="modal-drag">
     节点树
-  </div>
+  </div> -->
   <el-tree-v2 ref="treeView" :props="defaultProps" empty-text="正在加载场景" :highlight-current="true"
     :expand-on-click-node="false" :default-expanded-keys="expandedKeys" @current-change="handleCurrentNodeChange"
     @node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :height="treeViewHeight">
@@ -11,7 +11,7 @@
       <span :class="{ 'node-hide': !node.data.active }">{{ node.label }}</span>
     </template>
   </el-tree-v2>
-  <div style="width: 100%;border-top: 2px solid #1d1e21;overflow: auto;flex: 1;">
+  <div style="width: 100%;border-top: 2px solid #1d1e21;overflow: auto;" :style="{ height: treeViewHeight }">
     <template v-if="updateKey !== 0 && Utils.checkNodeValid(currentNode)">
       <el-scrollbar>
         <CCNode :cc-node="currentNode" :update-key="updateKey"></CCNode>