| | |
| | | <template> |
| | | <div class="spaceBox"> |
| | | <el-select v-model="menuTopFrom.queryLayer" placeholder="请选择..."> |
| | | <el-option |
| | | :value="menuTopFrom.queryLayer" |
| | | style="overflow: auto; height: 100%" |
| | | > |
| | | <el-tree |
| | | :data="layerData" |
| | | :props="defaultProps" |
| | | :show-checkbox="true" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | | @check="menuTreeCheck" |
| | | ref="treeForm" |
| | | :default-expanded-keys="[1]" |
| | | accordion |
| | | > |
| | | </el-tree> |
| | | <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> |
| | | <div style="height: 200px; overflow: auto"> |
| | | <el-tree |
| | | :data="layerData" |
| | | :props="defaultProps" |
| | | :show-checkbox="true" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | | @check="menuTreeCheck" |
| | | ref="treeForm" |
| | | :default-expanded-keys="[1]" |
| | | accordion |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | <div style="margin-top: 5px"> |
| | | <el-button size="mini" plain @click="getCheckedNodes">确认</el-button> |
| | | <el-button size="mini" type="info" plain @click="resetCheckedNodes" |
| | |
| | | overflow: hidden; |
| | | } |
| | | </style> |
| | | <style lang="less"> |
| | | <style lang="less" scoped> |
| | | .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { |
| | | display: inline-block; |
| | | } |
| | | .el-tree .el-tree-node .el-checkbox .el-checkbox__inner { |
| | | display: none; |
| | | } |
| | | |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important ; |
| | | color: #fff !important; |
| | | border: 1px solid; |
| | | } |
| | | |
| | | /deep/ .el-input__inner { |
| | | border-color: #fff !important; |
| | | } |
| | | /deep/.el-select-dropdown { |
| | | border-color: white; |
| | | opacity: 0.85; |
| | | } |
| | | </style> |