| | |
| | | |
| | | <!-- </el-header>--> |
| | | <el-container> |
| | | <el-aside> |
| | | <el-aside style="width: 20%"> |
| | | <basic-container class="businessTreeContainer"> |
| | | <div class="app"> |
| | | <div style="display: flex;margin-bottom: 10px;justify-content: space-around;"> |
| | |
| | | @click="selectFromTable" plain> 从已有中获取 |
| | | </el-button> |
| | | </div> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick" style="width: fit-content;"> |
| | | <template slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span> |
| | | <i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | | </template> |
| | | </avue-tree> |
| | | </div> |
| | | |
| | |
| | | selectionList: [], |
| | | treeData: [], |
| | | treeOption: { |
| | | defaultExpandAll: true, |
| | | defaultExpandAll: false, |
| | | title: '业务类型树', |
| | | addBtn: false, |
| | | menu: false, |
| | |
| | | btmType: {}, |
| | | }, |
| | | loadOption: { |
| | | height:'auto', |
| | | border: true, |
| | | height: 478, |
| | | editBtn: false, |
| | | addBtn: false, |
| | | menu: false, |
| | |
| | | |
| | | .app { |
| | | overflow: auto; |
| | | height: calc(100vh - 150px); |
| | | height: 84.3vh; |
| | | } |
| | | |
| | | .app::-webkit-scrollbar { |
| | |
| | | |
| | | // 滚动条的滑块 |
| | | .app::-webkit-scrollbar-thumb { |
| | | width: 10px; |
| | | height: 10px; |
| | | background-color: #ececec; |
| | | border-radius: 20px; |
| | | border: #ececec; |
| | | } |
| | | |
| | | |
| | | </style> |