|
@@ -27,6 +27,9 @@
|
|
|
</template>
|
|
|
</el-input>
|
|
|
<div class="addressPanel" v-show="addressPanelShow">
|
|
|
+ <div style="position: absolute;left: 350px;z-index: 9999;cursor: pointer;top: 45px;color: #6b6b6b;" title="关闭" @click="closeSeachWin">
|
|
|
+ <Close style="width: 1em; height: 1em; margin-right: 8px;padding: 5px;" />
|
|
|
+ </div>
|
|
|
<el-scrollbar>
|
|
|
<ul>
|
|
|
<li v-for="(item, index) in searchResultList" :key="index" :class="searchSelect == index ? 'active' : ''" @click="judgeHandle(item,index)">
|
|
@@ -44,6 +47,9 @@
|
|
|
<!-- v-show="resultPanelShow" -->
|
|
|
<div class="resultPanel1" v-show="resultPanelShow">
|
|
|
<div class="title">
|
|
|
+ <div style="position: absolute;left: 350px;z-index: 9999;cursor: pointer;color: #6b6b6b;margin-top: 6px;" title="关闭" @click="closePositionWin">
|
|
|
+ <Close style="width: 1em; height: 1em; margin-right: 8px;padding: 5px;" />
|
|
|
+ </div>
|
|
|
<div style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 20px;">
|
|
|
<img src="../../public/static/image/location-icon.png" style="width: 20px;vertical-align: middle;padding: 0 10px 0 20px;" />
|
|
|
<span>{{searchTitle}}</span>
|
|
@@ -106,8 +112,13 @@
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="resultPanel2" v-show="resultPanelShow">
|
|
|
- <div class="title"><img src="../../public/static/image/popup-icon.png" style="width: 20px;vertical-align: middle;padding: 0 10px 0 20px;" />该地址周边500m内分布</div>
|
|
|
+ <div class="resultPanel2" v-show="resultPanelShow2">
|
|
|
+
|
|
|
+ <div class="title">
|
|
|
+ <div style="position: absolute;left: 350px;z-index: 9999;cursor: pointer;color: #6b6b6b;margin-top: 6px;" title="关闭" @click="closePositionBuffWin">
|
|
|
+ <Close style="width: 1em; height: 1em; margin-right: 8px;padding: 5px;" />
|
|
|
+ </div>
|
|
|
+ <img src="../../public/static/image/popup-icon.png" style="width: 20px;vertical-align: middle;padding: 0 10px 0 20px;" />该地址周边500m内分布</div>
|
|
|
<div class="resultPanel2content">
|
|
|
<el-scrollbar>
|
|
|
<ul v-if="nearShopResult.length > 0">
|
|
@@ -255,6 +266,7 @@ export default {
|
|
|
|
|
|
addressPanelShow: false,
|
|
|
resultPanelShow: false,
|
|
|
+ resultPanelShow2: false,
|
|
|
|
|
|
bgrImg: require('../../public/static/image/zc-r.png'),
|
|
|
bggImg:require('../../public/static/image/zc-g.png'),
|
|
@@ -399,6 +411,7 @@ export default {
|
|
|
that.addressPanelShow = true;
|
|
|
that.resultPanelShow_mb = false;
|
|
|
that.resultPanelShow = false;
|
|
|
+ that.resultPanelShow2 = false;
|
|
|
|
|
|
let obj = {}
|
|
|
result.content.pois.map(function (item) {
|
|
@@ -416,6 +429,7 @@ export default {
|
|
|
that.addressPanelShow = true;
|
|
|
that.resultPanelShow_mb = false;
|
|
|
that.resultPanelShow = false;
|
|
|
+ that.resultPanelShow2 = false;
|
|
|
ElMessage({
|
|
|
message: '未查到该地址或地址输入不准确!',
|
|
|
type: 'warning',
|
|
@@ -440,6 +454,7 @@ export default {
|
|
|
this.nearShopResult = []
|
|
|
this.addressPanelShow = false;
|
|
|
this.resultPanelShow = false;
|
|
|
+ this.resultPanelShow2 = false;
|
|
|
this.resultPanelShow_mb = false;
|
|
|
}
|
|
|
},
|
|
@@ -738,6 +753,7 @@ export default {
|
|
|
}
|
|
|
}else{
|
|
|
that.resultPanelShow = true
|
|
|
+ that.resultPanelShow2 = true
|
|
|
|
|
|
}
|
|
|
|
|
@@ -777,7 +793,19 @@ export default {
|
|
|
handleDrawerClose(){
|
|
|
let that = this;
|
|
|
that.resultPanelShow = false
|
|
|
+ that.resultPanelShow2 = false
|
|
|
that.resultPanelShow_mb = false;
|
|
|
+ },
|
|
|
+ closeSeachWin(){
|
|
|
+ this.addressPanelShow = false
|
|
|
+ this.resultPanelShow = false
|
|
|
+ this.resultPanelShow2 = false
|
|
|
+ },
|
|
|
+ closePositionWin(){
|
|
|
+ this.resultPanelShow = false
|
|
|
+ },
|
|
|
+ closePositionBuffWin(){
|
|
|
+ this.resultPanelShow2 = false
|
|
|
}
|
|
|
}
|
|
|
};
|