| | |
| | | <template> |
| | | <div class="menuPop"> |
| | | <div class="leftBox"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in option" |
| | | @click="setTableChange(item)" |
| | | class="leftBoxLi" |
| | | > |
| | | {{ item.cnName }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | |
| | | <div class="rightBox"> |
| | | <div class="tableBox"> |
| | | <el-table |
| | |
| | | dataQuery_selectByPage, |
| | | inquiry_selectDomains, |
| | | inquiry_selectFields, |
| | | dataQuery_selectByGid, |
| | | dataQuerySelectWktById, |
| | | sign_getPublicKey, |
| | | dataLib_selectDownloadFile, |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | option:null, |
| | | option: null, |
| | | tableData: [], |
| | | attributeData:[], |
| | | queryForm:{ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | attributeData: [], |
| | | queryForm: { |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | pageCount:0, |
| | | pickupInfo:null, |
| | | optionx:[], |
| | | wkt:null, |
| | | pageCount: 0, |
| | | pickupInfo: null, |
| | | optionx: [], |
| | | wkt: null, |
| | | } |
| | | }, |
| | | methods: { |
| | | async getTableDateHidder() { |
| | | let name = this.pickupInfo.url.replaceAll("LF:",""); |
| | | name = name.replaceAll("_",""); |
| | | var name = this.$store.state.pickoption.name; |
| | | const data = await inquiry_selectFields({ name: name }) |
| | | if (data.code != 200) { |
| | | this.$message.error("列表调用失败") |
| | |
| | | }, |
| | | async getTableData() { |
| | | this.tableData = [] |
| | | let name = this.pickupInfo.url.replaceAll("LF:",""); |
| | | name = name.replaceAll("_",""); |
| | | let info = this.$store.state.pickUpPointInfo; |
| | | let params = { |
| | | buffer:10, |
| | | limit:20, |
| | | name:name, |
| | | wkt:`POINT (${info.lon} ${info.lat})`, |
| | | } |
| | | const data = await selectByBuffer(params) |
| | | const data = await dataQuery_selectByGid(this.$store.state.pickoption) |
| | | if (data.code != 200) { |
| | | this.$message.error("列表调用失败") |
| | | return |
| | | } |
| | | var valste = data.result |
| | | |
| | | var val_Data = data.result |
| | | for (var i in val_Data) { |
| | | var valste = val_Data[i] |
| | | for (var j in this.optionx) { |
| | | if ( |
| | | this.optionx[j].domainNa != null && |
| | | this.optionx[j].domainNa != undefined |
| | | ) { |
| | | valste[this.optionx[j].field] = this.optionx[j].domainNa |
| | | } |
| | | |
| | | for (var j in this.optionx) { |
| | | if ( |
| | | this.optionx[j].domainNa != null && |
| | | this.optionx[j].domainNa != undefined |
| | | ) { |
| | | |
| | | valste[this.optionx[j].field] = this.optionx[j].domainNa |
| | | } |
| | | } |
| | | this.pageCount = data.count |
| | | this.tableData = data.result |
| | | |
| | | |
| | | this.tableData = [valste] |
| | | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.option = JSON.parse(sessionStorage.getItem("checkedLayers")); |
| | | this.pickupInfo = this.option.length > 0 ? this.option[0] : {}; |
| | | |
| | | this.getTableDateHidder(); |
| | | this.$bus.$on("treeChanged", changed => { |
| | | if (changed){ |
| | | this.option = JSON.parse(sessionStorage.getItem("checkedLayers")); |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | } |
| | | </script> |
| | |
| | | } |
| | | |
| | | .rightBox { |
| | | width: calc(80% - 1px); |
| | | width: calc(100% - 1px); |
| | | height: 100%; |
| | | float: left; |
| | | .rightTitle { |
| | |
| | | width: 100%; |
| | | } |
| | | .tableBox { |
| | | position: relative; |
| | | height: 89%; |
| | | position: rela0ive; |
| | | height: 100%; |
| | | } |
| | | .rightPage { |
| | | margin-left: 50px; |