<template>
|
|
<div class="menuBox">
|
<div v-if="list.length==0 && val==null">
|
|
</div>
|
<div
|
class="boxCntent"
|
v-else-if="list.length == 0"
|
>{{val }} 数据正在补充中</div>
|
<ul
|
class="boxCntent"
|
v-if="list.length != 0"
|
>
|
<li v-for="(item,index) in list">
|
<div>
|
{{item.name}}
|
</div>
|
<div v-if="item.address">
|
地址： {{item.address}}
|
</div>
|
<div v-if="item.code">
|
地块编号： {{item.code}}
|
</div>
|
</li>
|
</ul>
|
</div>
|
</template>
|
|
<script>
|
import store from "@/utils/store";
|
import vueEvents from '@/utils/vueEvent.js'
|
export default {
|
data() {
|
return {
|
list: [],
|
val: null
|
}
|
},
|
mounted() {
|
vueEvents.$on('queryData', (res) => {
|
this.list = [];
|
this.val = null;
|
if (res) {
|
|
if (store.queryLayer.data) {
|
this.list = store.queryLayer.data
|
|
}
|
this.val = store.queryLayer.val
|
}
|
|
|
|
})
|
}
|
|
}
|
</script>
|
|
<style>
|
.menuBox {
|
border-radius: 3px;
|
background-image: url("~@/assets/img/new/listbg.png");
|
background-size: 100% 100%;
|
position: absolute;
|
z-index: 30;
|
bottom: 45px;
|
right: 310px;
|
width: 300px;
|
color: white;
|
font-family: Source Han Sans SC;
|
font-size: 16px;
|
}
|
.boxCntent {
|
margin: 1%;
|
}
|
li {
|
padding: 10px;
|
border: 1px solid gray;
|
margin-top: 2px;
|
}
|
</style>
|
