| | |
| | | <el-divider /> |
| | | <div class="spatialContent"> |
| | | <div class="spatial_leftTree"> |
| | | <el-tree |
| | | <div style="width:300px"> |
| | | <el-tree |
| | | ref="treeDay" |
| | | :data="tree" |
| | | :props="defaultProps" |
| | |
| | | :current-node-key="10" |
| | | @node-click="handleNodeClick" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="spatial_rightContent"> |
| | | <el-form |
| | |
| | | :rows="2" |
| | | resize='none' |
| | | disabled |
| | | style="width: 650px;" |
| | | style="width: 545px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider class="eldivider" /> |
| | | <div style="height=500px"> |
| | | <div> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | height="500px" |
| | | border |
| | | style="width: 100%" |
| | | style="width: 100% " |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .Spatialbox { |
| | | height: 81%; |
| | | width: 97%; |
| | | position: absolute; |
| | | height: 98%; |
| | | width: 98%; |
| | | |
| | | box-sizing: border-box; |
| | | padding: 1%; |
| | | .spatialContent { |
| | | width: 100%; |
| | | height: 92%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .spatial_leftTree { |
| | | width: 15%; |
| | | height: 95%; |
| | | width: calc(15% - 0px); |
| | | height: 91%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | overflow: auto; |
| | | |
| | | |
| | | } |
| | | .spatial_rightContent { |
| | | width: 80%; |
| | | height: 95%; |
| | | height: 91%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | |
| | | // 滚动条宽高 |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | height: 5px; |
| | | height: 10px; |
| | | } |
| | | |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | /*滚动条宽度*/ |
| | | height: 5px; |
| | | height: 10px; |
| | | /*滚动条高度*/ |
| | | } |
| | | /*定义滚动条轨道 内阴影+圆角*/ |