<template>
|
<div class="mobilePopupOurOnce">
|
<div
|
class="mobilePopupOurOnce_center"
|
:style="{
|
borderBottom: !ends ? '#d4d4d4 dashed 1px' : '',
|
marginBottom: !ends ? '6px' : '',
|
}"
|
>
|
<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", "ends"],
|
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(() => {
|
// 定制化窗体
|
let d = {
|
position: {},
|
lntLat: that.onceData.lntLat,
|
query: this.onceData,
|
useJWD: true, //仅使用经纬度
|
};
|
that.popupsDom = that.$store.dispatch("setMobileWindows", d);
|
}, 500);
|
} else if (val == "实景") {
|
this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
|
}
|
},
|
},
|
};
|
</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>
|
