| | |
| | | <template> |
| | | <div class="search-nav-bar" ref="searchNavBar"> |
| | | <div class="container"> |
| | | <div class="header" @mousedown="move" :class="{'move': moveFlag}"> |
| | | <div class="header" @mousedown="move" :class="{ move: moveFlag }"> |
| | | <div class="title"> |
| | | <img class="icon deblurring" src="/img/icon/search.png" alt /> |
| | | <span>查询结果</span> |
| | | </div> |
| | | <img class="close" src="/img/navicon/close.png" alt @click="closeModel" /> |
| | | <img class="close deblurring" src="/img/navicon/close.png" alt @click="closeModel" /> |
| | | </div> |
| | | <div class="content"> |
| | | <ul> |
| | |
| | | @click="mapPopup(item)" |
| | | > |
| | | <img src="/img/navicon/tag.png" alt /> |
| | | <span>{{item.mechanismname}}</span> |
| | | <span>{{ item.mechanismname }}</span> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | name: 'searchDetails', |
| | | data () { |
| | | return { |
| | | moveFlag: false, |
| | | DC: null |
| | | moveFlag: false |
| | | } |
| | | }, |
| | | created () { |
| | | this.DC = global.DC |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | | 'viewer', |
| | | 'popupBgUrl', |
| | | 'pupupQRUrl', |
| | | // 点信息 |
| | |
| | | } |
| | | |
| | | // 移动当前元素 |
| | | odiv.style.left = (left) + 'px' |
| | | odiv.style.top = (top) + 'px' |
| | | odiv.style.left = left + 'px' |
| | | odiv.style.top = top + 'px' |
| | | odiv.style.bottom = 'auto' |
| | | } |
| | | document.onmouseup = (e) => { |
| | |
| | | |
| | | this.$store.commit('SET_POPUPBGURL', imgArr[0]) |
| | | this.$store.commit('SET_POPUPQRURL', item.codeurl) |
| | | this.$store.commit('SET_POINTPOSITION', [Number(item.jd), Number(item.wd), Number(item.gd), Number(item.heading), Number(item.pitch), Number(item.roll)]) |
| | | this.$store.commit('SET_POINTPOSITION', [ |
| | | Number(item.jd), |
| | | Number(item.wd), |
| | | Number(item.gd), |
| | | Number(item.heading), |
| | | Number(item.pitch), |
| | | Number(item.roll) |
| | | ]) |
| | | this.$store.commit('SET_STATENAME', item.mechanismname) |
| | | this.$store.commit('SET_SITENAME', item.address) |
| | | this.$store.commit('SET_TELEPHONE', item.telephone) |
| | |
| | | } |
| | | |
| | | this.newPopup(item) |
| | | this.viewer.flyToPosition( |
| | | new this.DC.Position(Number(item.jd), Number(item.wd), Number(300), Number(item.heading), Number(item.pitch), Number(item.roll)), |
| | | function () { |
| | | }, |
| | | global.viewer.flyToPosition( |
| | | new global.DC.Position( |
| | | Number(item.jd), |
| | | Number(item.wd), |
| | | Number(300), |
| | | Number(item.heading), |
| | | Number(item.pitch), |
| | | Number(item.roll) |
| | | ), |
| | | function () { }, |
| | | 3 |
| | | ) |
| | | }, |
| | | |
| | | newPopup (item) { |
| | | const position = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd), Number(item.heading), Number(item.pitch), Number(item.roll))) |
| | | const position = global.DC.Transform.transformWGS84ToCartesian( |
| | | new global.DC.Position( |
| | | Number(item.jd), |
| | | Number(item.wd), |
| | | Number(item.gd), |
| | | Number(item.heading), |
| | | Number(item.pitch), |
| | | Number(item.roll) |
| | | ) |
| | | ) |
| | | // eslint-disable-next-line no-unused-vars |
| | | var popup = new this.DC.DivForms(this.viewer, { |
| | | var popup = new global.DC.DivForms(global.viewer, { |
| | | domId: 'divFormsDomBox', |
| | | position: [ |
| | | position |
| | | ] |
| | | position: [position] |
| | | }) |
| | | |
| | | this.$store.commit('SET_PANORAMAPOPUP', false) |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang='scss'> |
| | | <style scoped lang="scss"> |
| | | .search-nav-bar { |
| | | position: fixed; |
| | | width: 322px; |