src/components/mobileActivity/index.vue
@@ -1,4 +1,7 @@ <template> <!-- 活动弹窗 mobileActivity --> <div id="mobileActivity" :style="{ height: height + 'px' }" src/components/mobileActivity旧的没底图/index.vue
@@ -1,4 +1,7 @@ <template> <!-- 活动弹窗没有底图备份 mobileActivity --> <div id="mobileActivity" :style="{ height: height + 'px' }" src/components/mobileCloseRouter/index.vue
@@ -1,5 +1,8 @@ <template> <!-- v-show="isOpenDrawALine" --> <!-- 退出导航,右边按钮 mobileCloseRouter --> <div class="routers"> <div :class="['mobileCloseRouter', isOpenDrawALine ? 'mobileCloseActive' : '']" src/components/mobileCortrol/index.vue
@@ -1,5 +1,8 @@ <template> <div class="m-left-control"> <!-- 3d切换 mobileCortrol --> <!-- <div class="m-l-inbut zoom-in m-l-inbut-2d" :class="{ active: dimension == '3D' }" src/components/mobileCortrolButtom/index.vue
@@ -1,5 +1,8 @@ <template> <div class="m-left-mobileCortrolButtom"> <!-- 底部按钮 mobileCortrolButtom --> <!-- <div class="m-l-inbut" @click="mubiao"><i class="el-icon-s-help"></i></div> --> <div class="m-l-inbut" v-show="false"> <!-- <i class="el-icon-s-flag"></i> --> src/components/mobileCortrolSearch/index.vue
@@ -1,4 +1,7 @@ <template> <!-- 中间搜索 mobileCortrolSearch --> <div class="m-left-mobileCortrolSearch"> <div class="m-left-SearchMain"> <el-input @@ -21,29 +24,28 @@ <script> export default { name: 'mobileCortrolSearch', name: "mobileCortrolSearch", computed: {}, data () { return { viewer: null, input: '' } input: "", }; }, created () { }, created() {}, mounted () { }, methods: { initialize (viewer) { viewer.scene.globe.depthTestAgainstTerrain = false this.viewer = viewer viewer.scene.globe.depthTestAgainstTerrain = false; this.viewer = viewer; }, search () { const that = this this.$store.commit('MSET_BIGPOPUP', { search: true, value: that.input }) that.input = '' } } } const that = this; this.$store.commit("MSET_BIGPOPUP", { search: true, value: that.input }); that.input = ""; }, }, }; </script> <style scoped lang="scss"> src/components/mobileLeftNav/index.vue
@@ -1,4 +1,7 @@ <template> <!-- 右侧标签管理栏 mobileLeftNav --> <div :class="['m-left-nav', seeRight ? '' : 'nones']" :style="[navStyle]"> <!-- :style="[coutrolStyle]" --> <div class="m-left-coutrol" @click="changeIconHide"> src/components/mobilePanorama/index.vue
@@ -1,25 +1,29 @@ /* * @Author: Morpheus * @Date: 2022-03-31 15:26:19 * @Last Modified by: Morpheus * @Last Modified time: 2022-03-31 15:32:22 * @Name: 该组件得作用是什么等 */ /* * @Author: Morpheus * @Date: 2022-03-31 15:26:19 * @Last Modified by: Morpheus * @Last Modified time: 2022-03-31 15:32:22 * @Name: 该组件得作用是什么等 */ <template> <!-- 实景窗口 mobilePanorama --> <div v-if="openmobilePanorama" class="mobilePanorama"> <div class="mobilePanorama-close" @click="closeMobilePanorama"> <i class="el-icon-error icon"></i> </div> <iframe :src="openmobilePanorama" width="100%" height="100%" frameborder="0"></iframe> <iframe :src="openmobilePanorama" width="100%" height="100%" frameborder="0" ></iframe> </div> </template> <script> import { mapGetters } from 'vuex' import { mapGetters } from "vuex"; export default { name: 'mobilePanorama', name: "mobilePanorama", computed: { ...mapGetters(['openmobilePanorama']) ...mapGetters(["openmobilePanorama"]), }, // watch: { // openmobilePanorama() { @@ -30,14 +34,14 @@ // }, // }, data () { return {} return {}; }, methods: { closeMobilePanorama () { this.$store.commit('MSET_OPENMOBILEPANORAMA', false) } } } this.$store.commit("MSET_OPENMOBILEPANORAMA", false); }, }, }; </script> <style lang="scss" scoped> src/components/mobilePopupOur/index.vue
@@ -1,4 +1,5 @@ <template> <!-- 信息窗口主体mobilePopupOur --> <div id="mobilePopupOur" v-loading.fullscreen.lock="fullscreenLoading"> <div class="m_p_heard"> <div class="m_p_h_break" @click="closeBigPopup"> src/components/mobilePopupOurAfter/index.vue
@@ -1,4 +1,6 @@ <template> <!-- 信息窗口导航mobilePopupOurAfter --> <div class="mobilePopupOurAfter" :class="{ ismBigPopupAfter: mBigPopupAfter }" src/components/mobilePopupOurOnce/index.vue
@@ -1,4 +1,5 @@ <template> <!-- 信息窗口每条信息dom mobilePopupOurOnce --> <div class="mobilePopupOurOnce"> <div class="mobilePopupOurOnce_center" @@ -22,7 +23,9 @@ <div class="mobilePopupOurOnce_r_up" @click.self.stop="openOnce('定位')" >{{ onceData.name }}</div> > {{ onceData.name }} </div> <div class="mobilePopupOurOnce_r_down"> <div v-for="(item, index) in seebut" :key="index"> <el-link @@ -37,7 +40,8 @@ " class="mobilePopupOurOnce_r_d_in" @click="openOnce(item.name)" >{{ item.name }}</el-link> >{{ item.name }}</el-link > <el-divider direction="vertical" class="mobilePopupOurOnce_r_d_in" @@ -51,70 +55,70 @@ </template> <script> import { mapGetters } from 'vuex' import { getChildNavDetail } from '@/api/mobile/public/arc' import { mapGetters } from "vuex"; import { getChildNavDetail } from "@/api/mobile/public/arc"; export default { props: ['onceData', 'ends'], name: 'mobilePopupOurOnce', props: ["onceData", "ends"], name: "mobilePopupOurOnce", created () { if (this.onceData.icon) { this.srcList = this.onceData.icon this.icon = this.srcList[0] this.srcList = this.onceData.icon; this.icon = this.srcList[0]; } if (this.onceData.from == '校区建筑' || this.onceData.from == '文化风景') { this.getOnceCampus(this.onceData.id) if (this.onceData.from == "校区建筑" || this.onceData.from == "文化风景") { this.getOnceCampus(this.onceData.id); } else { this.ourData = this.onceData this.ourData = this.onceData; } }, data () { return { icon: '', icon: "", srcList: [], ourData: {} } ourData: {}, }; }, computed: { ...mapGetters(['mviewer']), ...mapGetters(["mviewer"]), seebut () { const buts = this.onceData.buts let b = [] const buts = this.onceData.buts; let b = []; for (const k in buts) { if (buts[k] == '实景') { continue if (buts[k] == "实景") { continue; } b.push({ name: buts[k] }) name: buts[k], }); } if (this.ourData.panoramaurl) { b.push({ name: '实景' }) name: "实景", }); } else { b = b.filter((res) => { return res.name != '实景' }) return res.name != "实景"; }); } return b } return b; }, }, methods: { openOnce (val) { console.log(this.ourData) console.log(this.ourData); if (!this.ourData.name) { console.log('数据传输失败') return console.log("数据传输失败"); return; } const that = this if (val == '定位') { const that = this; if (val == "定位") { // 活动定位 if (this.ourData.name == '活动') { console.log(this.ourData) return if (this.ourData.name == "活动") { console.log(this.ourData); return; } // 随地图移动窗口 this.$store.commit('MSET_BIGPOPUP', false) // 关闭全屏弹窗 this.$store.commit("MSET_BIGPOPUP", false); // 关闭全屏弹窗 setTimeout(() => { // // 定制化窗体 const d = { @@ -122,30 +126,30 @@ lntLat: that.ourData.lntLat, query: { ...this.ourData, seebut: this.seebut }, useJWD: true, // 仅使用经纬度 from: 'PopupOurOnce' } that.$store.dispatch('setMobileWindows', d) }, 500) from: "PopupOurOnce", }; that.$store.dispatch("setMobileWindows", d); }, 500); // 固定窗口 // that.$store.dispatch("SET_OPENWIDOWFIXED", d); } else if (val == '实景') { this.$store.commit('MSET_OPENMOBILEPANORAMA', this.ourData.panoramaurl) } else if (val == "实景") { this.$store.commit("MSET_OPENMOBILEPANORAMA", this.ourData.panoramaurl); // if(this.ourData.panoramaurl){ // } // console.log(this.ourData.panoramaurl); } else if (val == '图集') { } else if (val == "图集") { const imgsDom = document.getElementById( 'mobileBigImgs' + this.icon + '' ) imgsDom.click() "mobileBigImgs" + this.icon + "" ); imgsDom.click(); } }, // "校区建筑"↓ getOnceCampus (id) { console.log(id) console.log(id); getChildNavDetail({ id: id }).then((res) => { console.log(res, 5656) var result = res.data.data[0].list console.log(res, 5656); var result = res.data.data[0].list; const d = { name: result.mechanismname, lntLat: [result.jd, result.wd], @@ -160,14 +164,14 @@ address: result.address, introduce: result.introduce, video: result.videourl, panoramaurl: result.panoramaurl // 全景 } this.ourData = d }) } panoramaurl: result.panoramaurl, // 全景 }; this.ourData = d; }); }, // "校区建筑"↑ } } }, }; </script> <style lang="scss" scoped> src/components/mobileWindow/index.vue
@@ -1,4 +1,5 @@ <template> <!-- 浮动弹窗 mobileWindow--> <div ref="mobile-mapContentContent" v-show="!MobileWindowsHide"