| | |
| | | <template> |
| | | <div class="spaceBox"> |
| | | <el-select v-model="menuTopFrom.queryLayer" placeholder="请选择..."> |
| | | <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> |
| | | <el-select |
| | | v-model="menuTopFrom.queryLayer" |
| | | placeholder="请选择..." |
| | | > |
| | | <el-option |
| | | :value="menuTopFrom.queryLayer" |
| | | style="height: 100%" |
| | | > |
| | | <div style="height: 200px; overflow: auto"> |
| | | <el-tree |
| | | :data="layerData" |
| | |
| | | </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" |
| | | >重置</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | plain |
| | | @click="getCheckedNodes" |
| | | >确认</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="info" |
| | | plain |
| | | @click="resetCheckedNodes" |
| | | >重置</el-button> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | <queryinfo ref="queryinfo" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import { inquiry_SelectTabs } from '../../api/api.js'; |
| | | export default { |
| | | components: { queryinfo }, |
| | | data() { |
| | | return { |
| | | menuTopFrom: { |
| | |
| | | for (var i in option) { |
| | | var val_Data = option[i]; |
| | | val_Data.id = '1' + i; |
| | | val_Data.label = val_Data.tabDesc + '(' + val_Data.tab + ')'; |
| | | val_Data.label = val_Data.tabDesc ; |
| | | if (option[i].ns == 'bd') { |
| | | this.layerData[0].children.push(val_Data); |
| | | } else { |
| | |
| | | }, |
| | | getCheckedNodes() { |
| | | this.$store.state.mapSpaceQueryLayer = this.mapSpaceQueryLayer; |
| | | this.$store.state.mapPopBoolean = true; |
| | | // this.$store.state.mapPopBoolean = true; |
| | | this.$store.state.mapPopBoxFlag = '2'; |
| | | // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("空间查询", null, { |
| | | close: () => { |
| | | |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | |
| | | if (window.Viewer.scene.primitives.length != 0) { |
| | | window.Viewer.scene.primitives.removeAll() |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | resetCheckedNodes() { |
| | | this.menuTopFrom.queryLayer = null; |
| | |
| | | } |
| | | </style> |
| | | <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> |