|
@@ -5,31 +5,33 @@
|
|
|
<el-card shadow="hover">
|
|
|
<el-tag class="full space-vertical">当前所选:载体结构</el-tag>
|
|
|
<!-- @node-click="handleDeptNodeClick" -->
|
|
|
- <el-tree
|
|
|
- ref="selectTree"
|
|
|
- :render-content="renderContent"
|
|
|
- :data="DeptTree"
|
|
|
- node-key="id"
|
|
|
- :indent="deptTreeIndent"
|
|
|
- accordion
|
|
|
- :expand-on-click-node="expandDeptClick"
|
|
|
- :default-expanded-keys="expandedDeptKey"
|
|
|
- node-click="(data, node, item) => nodeClick(data, node, item)"
|
|
|
- @node-click="getCheckedNodes"
|
|
|
- >
|
|
|
- <span slot-scope="{ node, data }" class="custom-tree-node">
|
|
|
- <span>
|
|
|
- <i v-if="data.level == 0" class="el-icon-s-home" />
|
|
|
- <i v-else-if="data.level == 1" class="el-icon-menu" />
|
|
|
- <i v-else class="el-icon-link" />
|
|
|
- {{ node.label }}
|
|
|
- </span>
|
|
|
- <span v-if="data.level == 0">
|
|
|
- <el-link class="space" type="primary" @click="() => unFoldAll()">展开</el-link>
|
|
|
- <el-link class="space" type="primary" @click="() => collapseAll()">折叠</el-link>
|
|
|
+ <div style="overflow-x: auto;">
|
|
|
+ <el-tree
|
|
|
+ ref="selectTree"
|
|
|
+ :render-content="renderContent"
|
|
|
+ :data="DeptTree"
|
|
|
+ node-key="id"
|
|
|
+ :indent="deptTreeIndent"
|
|
|
+ accordion
|
|
|
+ :expand-on-click-node="expandDeptClick"
|
|
|
+ :default-expanded-keys="expandedDeptKey"
|
|
|
+ node-click="(data, node, item) => nodeClick(data, node, item)"
|
|
|
+ @node-click="getCheckedNodes"
|
|
|
+ >
|
|
|
+ <span slot-scope="{ node, data }" class="custom-tree-node">
|
|
|
+ <span>
|
|
|
+ <i v-if="data.level == 0" class="el-icon-s-home" />
|
|
|
+ <i v-else-if="data.level == 1" class="el-icon-menu" />
|
|
|
+ <i v-else class="el-icon-link" />
|
|
|
+ {{ node.label }}
|
|
|
+ </span>
|
|
|
+ <span v-if="data.level == 0">
|
|
|
+ <el-link class="space" type="primary" @click="() => unFoldAll()">展开</el-link>
|
|
|
+ <el-link class="space" type="primary" @click="() => collapseAll()">折叠</el-link>
|
|
|
+ </span>
|
|
|
</span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
<div class="block-r">
|