From 26385d2c91d763259eb1ef55c3255e5ca01717a5 Mon Sep 17 00:00:00 2001
From: ZhAkps <46207005+ZhAkps@users.noreply.github.com>
Date: 星期二, 06 二月 2024 18:18:08 +0800
Subject: [PATCH] Merge branch 'master' of http://106.120.22.35:48888/r/PM20221203225_MobileWeb
---
src/components/poplayer/poplayer2.vue | 99 ++++++++++++++++++++++++++-----------------------
1 files changed, 53 insertions(+), 46 deletions(-)
diff --git a/src/components/poplayer/poplayer2.vue b/src/components/poplayer/poplayer2.vue
index 822120e..036906c 100644
--- a/src/components/poplayer/poplayer2.vue
+++ b/src/components/poplayer/poplayer2.vue
@@ -1,15 +1,17 @@
<template>
- <div style="z-index: 100000000">
- <div class="Poplayer">
- <div class="close" @click.stop="closehandle"></div>
- <div class="title">鐐逛綅璇︽儏</div>
- <div class="content">
- <div class="con-item" v-for="(item, index) in KEY" :key="index">
- <span class="name">{{ index }}锛�</span>
- <span class="value">{{ state.list[item] }}</span>
+ <div class="landAdmin" v-if="state.show">
+ <transition name="el-zoom-in-bottom">
+ <div class="Poplayer">
+ <div class="close" @click.stop="closehandle"></div>
+ <div class="title">鐐逛綅璇︽儏</div>
+ <div class="content">
+ <div class="con-item" v-for="(item, index) in KEY" :key="index">
+ <span class="name">{{ index }}锛�</span>
+ <span class="value">{{ state.info[item] }}</span>
+ </div>
</div>
</div>
- </div>
+ </transition>
</div>
</template>
@@ -17,67 +19,68 @@
import store from "@/utils/store2";
import keys from "@/utils/poiKeys";
export default {
- name: "Main",
components: {},
- props: {
- keys: {
- type: Object,
- },
- list: {
- type: Object,
- },
- },
data() {
return {
- state: store.Poplayer,
+ state: store.dwInfo,
KEY: {},
};
},
- computed: {},
mounted() {
if (this.list) {
- this.state.list = this.list;
+ this.state.info = this.list;
}
- this.KEY = keys[this.state.list.POITYPE];
+ this.KEY = keys[this.state.info.POITYPE];
},
watch: {
- "state.list": function (val) {
- console.log('state.list');
+ "state.info": function (val) {
+ console.log("state.info");
this.KEY = keys[val.POITYPE];
- console.log(this.state.list);
- console.log(this.list1);
- console.log(this.KEY);
+ },
+ "state.show": function (val) {
+ console.log("state.show");
+ this.showlandInfo = val;
},
},
methods: {
closehandle() {
- // if (window.pickFeature && window.pickFeature.primitive) {
- // window.pickFeature.primitive.image = window.imgUrl;
- // window.pickFeature = null;
- // }
- store.setPoplayerListAction({});
- // divPoint3 && divPoint3.deleteObject();
- store.setPoplayerShowAction(false);
+ store.setdwInfo({});
+ store.setdwShow(false)
if (window.tdglLine) {
window.map.removeLayer(window.tdglLine);
window.tdglLine = null;
+ }
+ if (window.pointArr && window.pointArr.length > 0) {
+ window.pointArr.forEach(item => {
+ window.map.removeLayer(item)
+ })
+ window.pointArr = []
}
},
},
};
</script>
-
<style scoped>
+.landAdmin {
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ align-items: center;
+ /* background: white; */
+ z-index: 1000;
+}
+
.Poplayer {
/* min-width: 350px; */
- width: 80vw;
- /* min-height: 180px; */
+ min-height: 180px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("./img/bg.png");
+ background-color: #0b2c3f;
+
+ border-radius: 10px;
z-index: 999;
color: #fff;
- font-family: SourceHanSansSC-R;
/* padding: 20px; */
padding: 10px 5px 10px 5px;
box-sizing: border-box;
@@ -122,21 +125,25 @@
.con-item {
width: 90%;
- overflow: hidden;
+ /* overflow: hidden; */
+ margin-left: 5%;
margin-bottom: 7px;
- margin-left: 25px;
- margin-right: 20px;
- word-break: break-all;
+ /* margin-right: 20px; */
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.name {
- /* min-width: 100px; */
- float: left;
+ width: 30%;
+ /* float: left; */
}
.value {
- max-width: 400px;
- float: left;
+ width: 70%;
+ /* max-width: 400px; */
+ /* float: left; */
color: aqua;
}
</style>
+
--
Gitblit v1.9.3