归档位置断档

src/components/treeSelect/treeSelectStand.vue

@@ -13,19 +13,21 @@
       placeholder="输入关键字进行过滤"
       v-model="filterText">
     </el-input>
-    <el-tree class="common-tree" :style="style" ref="tree" :data="data" :props="defaultProps"
-             :load="loadNode"
-             :lazy="lazy"
-             :show-checkbox="multiple"
-             :node-key="nodeKey"
-             :check-strictly="checkStrictly"
-             :expand-on-click-node="false"
-             :filter-node-method="filterNode"
-             :default-checked-keys="defaultCheckedKeys"
-             :highlight-current="true"
-             @node-click="handleNodeClick"
-             @check-change="handleCheckChange">
-    </el-tree>
+    <div class="tree-height">
+      <el-tree class="common-tree" :style="style" ref="tree" :data="data" :props="defaultProps"
+               :load="loadNode"
+               :lazy="lazy"
+               :show-checkbox="multiple"
+               :node-key="nodeKey"
+               :check-strictly="checkStrictly"
+               :expand-on-click-node="false"
+               :filter-node-method="filterNode"
+               :default-checked-keys="defaultCheckedKeys"
+               :highlight-current="true"
+               @node-click="handleNodeClick"
+               @check-change="handleCheckChange">
+      </el-tree>
+    </div>
     <div id="roleFormButton" class="demo-drawer-footer">
       <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
       <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancelUserInfo">取消</el-button>
@@ -289,6 +291,10 @@ export default {
   background-image: none !important;
   background-size:100% 100%;
 }
+.tree-height{
+  height: calc(~'100% - 65px');
+  overflow: auto;
+}
 .el-drawer__body{
  /* & > div:first-child{
     display: flex;