| | |
| | | <div class="content"> |
| | | <ul> |
| | | <li v-for="(item, index) in navList" |
| | | :key="index"> |
| | | :key="index" |
| | | @click="mapPopup(item)"> |
| | | <img :src="item.icon" |
| | | alt=""> |
| | | <span> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | export default { |
| | | name: 'OrgNavBar', |
| | | data () { |
| | | return { |
| | | moveFlag: false |
| | | moveFlag: false, |
| | | DC: null |
| | | } |
| | | }, |
| | | props: { |
| | |
| | | title: { |
| | | type: String |
| | | } |
| | | }, |
| | | created () { |
| | | this.DC = global.DC |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | | 'viewer', |
| | | 'popupBgUrl', |
| | | 'pupupQRUrl' |
| | | ]) |
| | | }, |
| | | methods: { |
| | | move (e) { |
| | |
| | | }, |
| | | closeModel () { |
| | | this.$parent.closeModel() |
| | | }, |
| | | mapPopup (item) { |
| | | this.$store.commit('SET_POPUPBGURL', item.bgImg) |
| | | this.$store.commit('SET_POPUPQRURL', item.QRImg) |
| | | |
| | | console.log(this.popupBgUrl) |
| | | var that = this |
| | | // item.alt, item.heading, item.pitch, item.roll |
| | | this.viewer.zoomToPosition( |
| | | new this.DC.Position(item.longitude, item.latitude, item.alt, 35, -45, 0), |
| | | function () { |
| | | that.newPopup(item) |
| | | } |
| | | ) |
| | | }, |
| | | newPopup (item) { |
| | | const position = this.DC.Transform.transformWGS84ToCartesian(new this.DC.Position(item.longitude, item.latitude, item.alt, 35, -45, 0)) |
| | | // eslint-disable-next-line new-cap |
| | | var popup = new this.DC.divForms(this.viewer, { |
| | | domId: 'div1', |
| | | title: item.navTitle, |
| | | className: 'divForms-dom', |
| | | content: document.getElementById('mapChildContent'), |
| | | position: [ |
| | | position |
| | | ] |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | width: 100%; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | background-color: #2196f3; |
| | | background-color: #020c17; |
| | | .title { |
| | | padding-left: 10px; |
| | | img { |
| | |
| | | overflow-y: auto; |
| | | background: url(/img/bg/nav-bg.jpeg) no-repeat; |
| | | background-size: 100% 100%; |
| | | border-radius: 0 0 8px 8px; |
| | | ul { |
| | | padding: 15px; |
| | | padding-top: 4px; |