<template>
|
<div class="mobilePopupOurOnce">
|
<div class="mobilePopupOurOnce_center">
|
<div class="mobilePopupOurOnce_left">
|
<img src="img/cc/cc.png" alt="" />
|
</div>
|
<div class="mobilePopupOurOnce_right">
|
<div class="mobilePopupOurOnce_r_up">{{ onceData.name }}</div>
|
<div class="mobilePopupOurOnce_r_down">
|
<div v-for="(item, index) in seebut" :key="index">
|
<el-link
|
icon="el-icon-map-location"
|
class="mobilePopupOurOnce_r_d_in"
|
@click="openOnce(item.name)"
|
>{{ item.name }}</el-link
|
>
|
<el-divider
|
direction="vertical"
|
class="mobilePopupOurOnce_r_d_in"
|
v-if="index != seebut.length - 1"
|
></el-divider>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex";
|
export default {
|
props: ["onceData"],
|
name: "mobilePopupOurOnce",
|
created() {
|
this.DC = global.DC;
|
},
|
data() {
|
return {
|
DC: "",
|
};
|
},
|
computed: {
|
...mapGetters(["mviewer"]),
|
seebut() {
|
let buts = this.onceData.buts;
|
let b = [];
|
for (let k in buts) {
|
b.push({
|
name: buts[k],
|
});
|
}
|
return b;
|
},
|
},
|
methods: {
|
openOnce(val) {
|
let that = this;
|
console.log(val, this.onceData);
|
if (val == "定位") {
|
this.$store.commit("MSET_BIGPOPUP", false);
|
setTimeout(() => {
|
// that.$refs.mobilemapBoxFrom.openPopupS(
|
// this.onceData.Cartesian3,
|
// this.onceData.position
|
// );
|
that.$parent.$parent.$parent.$parent.openPopupS(
|
this.onceData.Cartesian3,
|
this.onceData.position
|
);
|
// console.log(that.$refs.mobilemapBoxFrom);
|
// 定位 打开弹窗
|
// this.mviewer.zoomToPosition(
|
// new that.DC.Position(p[0], p[1] - 0.016, 1530, 0, -45)
|
// );
|
}, 500);
|
}
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
// 继承类
|
.flexCenter {
|
display: flex !important;
|
align-items: center !important;
|
justify-content: center !important;
|
}
|
.mobilePopupOurOnce {
|
padding: 0 0;
|
margin: 0 8px;
|
.mobilePopupOurOnce_center {
|
margin-bottom: 8px;
|
height: 80px;
|
border-bottom: #d4d4d4 dashed 1px;
|
padding-bottom: 8px;
|
@extend .flexCenter;
|
.mobilePopupOurOnce_left {
|
width: 32%;
|
height: 100%;
|
@extend .flexCenter;
|
}
|
.mobilePopupOurOnce_right {
|
width: 68%;
|
height: 100%;
|
@extend .flexCenter;
|
flex-direction: column;
|
.mobilePopupOurOnce_r_up {
|
height: 50%;
|
width: 100%;
|
font-size: 16px;
|
text-indent: 1em;
|
display: flex !important;
|
align-items: center !important;
|
}
|
.mobilePopupOurOnce_r_down {
|
height: 50%;
|
width: 100%;
|
padding-left: 1em;
|
display: flex !important;
|
align-items: center !important;
|
.mobilePopupOurOnce_r_d_in {
|
font-size: 17px;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
