shuishen
2022-03-31 7588a701541f1b6cfee3e60412872972e0faf4cc
Merge branch 'master' of http://192.168.0.105:10010/r/school-web
12 files modified
202 ■■■■■ changed files
src/components/mobileActivity/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobileActivity旧的没底图/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobileCloseRouter/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobileCortrol/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobileCortrolButtom/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobileCortrolSearch/index.vue 28 ●●●● patch | view | raw | blame | history
src/components/mobileLeftNav/index.vue 3 ●●●●● patch | view | raw | blame | history
src/components/mobilePanorama/index.vue 36 ●●●●● patch | view | raw | blame | history
src/components/mobilePopupOur/index.vue 1 ●●●● patch | view | raw | blame | history
src/components/mobilePopupOurAfter/index.vue 2 ●●●●● patch | view | raw | blame | history
src/components/mobilePopupOurOnce/index.vue 116 ●●●● patch | view | raw | blame | history
src/components/mobileWindow/index.vue 1 ●●●● patch | view | raw | blame | history
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"