<template>
  <div class="title">
    <el-input v-model="searchKeyword" size="small" style="flex-grow: 1; margin: 0 5px 0 0;" placeholder="Search">
      <template #prefix>
        <component :is="renderIcon('element Search')"></component>
      </template>
    </el-input>
    <el-cascader placeholder="选择楼层" size="small" v-model="currentLevel" :options="allLevels" filterable
                 style="margin-right: 5px; width: 150px;" />
  </div>
  <div class="calc-left-panel">
    <el-tree draggable node-key="id" :highlight-current="true"
             :data="treedata" :expand-on-click-node="false" :auto-expand-parent="true"
             :allow-drop="allowDrop" :allow-drag="allowDrag"
             @node-drag-start="handleDragStart"
             @node-drag-enter="handleDragEnter"
             @node-drag-leave="handleDragLeave"
             @node-drag-over="handleDragOver"
             @node-drag-end="handleDragEnd"
             @node-drop="handleDrop"
    />
  </div>
</template>
<script>
import ModeltreeViewJs from './ModeltreeViewJs.js'

export default ModeltreeViewJs
</script>