| | |
| | | <template> |
| | | <div class="menuBox"> |
| | | <el-form :inline="true" :model="menuTopFrom" class="demo-form-inline"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="menuTopFrom" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-select |
| | | v-model="menuTopFrom.queryLayer" |
| | | :title="treeChange" |
| | | placeholder="请选择..." |
| | | > |
| | | <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> |
| | | <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" |
| | | size="small" |
| | | plain |
| | | @click="getCheckedNodes" |
| | | >确认</el-button> |
| | | <el-button |
| | | size="small" |
| | | type="info" |
| | | plain |
| | | @click="resetCheckedNodes" |
| | | >重置</el-button |
| | | > |
| | | >重置</el-button> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | > --> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button plain @click="getAttributeQuery">查询</el-button> |
| | | <el-button type="info" @click="clearQuery" plain>重置</el-button> |
| | | <el-button |
| | | plain |
| | | size="small" |
| | | @click="getAttributeQuery" |
| | | >查询</el-button> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="clearQuery" |
| | | plain |
| | | >重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <queryinfo ref="queryinfo" /> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import $ from 'jquery'; |
| | | import { inquiry_SelectTabs, inquiry_uploadShp, encr } from '../../api/api.js'; |
| | | import { getToken } from '@/utils/auth'; |
| | | import * as turf from '@turf/turf'; |
| | | export default { |
| | | components:{queryinfo}, |
| | | 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 { |
| | |
| | | } |
| | | } |
| | | if (count != 4) { |
| | | alert('ShapeFile文件选择不全!'); |
| | | |
| | | this.$message({ |
| | | message: 'ShapeFile文件选择不全!', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | $.ajax(BASE_URL + '/inquiry/uploadShp?token=' + getToken(), { |
| | |
| | | }, |
| | | |
| | | setJonToWKT(res) { |
| | | console.log(res.geometry) |
| | | var jsonToWkt = this.$wkt.convert(res.geometry); |
| | | this.$store.state.mapMenuShpFile = encr(jsonToWkt); |
| | | |
| | | this.showMapMenuPop(); |
| | | }, |
| | | showMapMenuPop() { |
| | | this.$store.state.mapSpaceQueryLayer = this.treeChange; |
| | | this.$store.state.mapPopBoxFlag = '1'; |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("空间查询",null,{ close: () => { |
| | | |
| | | }}); |
| | | this.$store.state.mapPopBoxFlag = '1'; |
| | | // 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() |
| | | } |
| | | } |
| | | }); |
| | | this.$bus.$emit('changeMapMenuTop', 'true'); |
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }); |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | |
| | | padding: 4px 20px; |
| | | font-weight: 400; |
| | | } |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important ; |
| | | color: #fff; |
| | | border: 1px solid; |
| | | } |
| | | /deep/ .el-select .el-input__inner { |
| | | border-color: #fff !important; |
| | | } |
| | | |
| | | </style> |