|
@@ -5,20 +5,23 @@
|
|
|
<el-button :type="butType" :icon="butIcon" circle :title="treeText" @click="toggleTree" />
|
|
|
</el-tooltip>
|
|
|
<!-- 租户树 -->
|
|
|
- <div v-show="showTree" class="tree-title">所属租户</div>
|
|
|
- <el-tree
|
|
|
- v-show="showTree"
|
|
|
- ref="tree"
|
|
|
- :data="treeData"
|
|
|
- :props="defaultProps"
|
|
|
- :default-expand-all="true"
|
|
|
- highlight-current
|
|
|
- node-key="id"
|
|
|
- :expand-on-click-node="false"
|
|
|
- :current-node-key="defTenantId"
|
|
|
- class="lug-tree"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- />
|
|
|
+ <transition name="el-zoom-in-center"> </transition>
|
|
|
+ <div v-show="showTree" class="tree-title">所属租户</div>
|
|
|
+ <transition name="el-zoom-in-center">
|
|
|
+ <el-tree
|
|
|
+ v-show="showTree"
|
|
|
+ ref="tree"
|
|
|
+ :data="treeData"
|
|
|
+ :props="defaultProps"
|
|
|
+ :default-expand-all="true"
|
|
|
+ highlight-current
|
|
|
+ node-key="id"
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ :current-node-key="defTenantId"
|
|
|
+ class="lug-tree"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ />
|
|
|
+ </transition>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -38,7 +41,7 @@ export default {
|
|
|
defTenantId: -1, // 默认选中节点id
|
|
|
defaultProps: {
|
|
|
children: 'children',
|
|
|
- label: function(a, b) {
|
|
|
+ label: function (a, b) {
|
|
|
return a.name
|
|
|
}
|
|
|
}
|
|
@@ -112,8 +115,8 @@ export default {
|
|
|
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
|
|
padding: 10px;
|
|
|
margin-top: 11px;
|
|
|
- -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 0 6px 0 rgba(0,0,0,0.04);
|
|
|
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 0 6px 0 rgba(0,0,0,0.04);
|
|
|
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
|
|
|
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
|
|
|
}
|
|
|
::v-deep .lug-tree {
|
|
|
margin-top: 0px;
|