北京经济技术开发区经开区虚拟城市项目-【前端】--政府服务中心-1号屏Web
Surpriseplus
2023-10-07 90b0218652f797d2c22305f4de007b20681ed4a7
src/components/menu/leftMenu.vue
@@ -1,12 +1,26 @@
<template>
  <div class="menuBox">
    <ul>
    <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.attributes.YQmingchen }}
          {{item.name}}
        </div>
        <div>
          {{item.attributes.YQdizhi}}
        <div v-if="item.address">
          地址: {{item.address}}
        </div>
        <div v-if="item.code">
          地块编号: {{item.code}}
        </div>
      </li>
    </ul>
@@ -15,15 +29,30 @@
<script>
import store from "@/utils/store";
import vueEvents from '@/utils/vueEvent.js'
export default {
  data() {
    return {
      list: []
      list: [],
      val: null
    }
  },
  mounted() {
    vueEvents.$on('queryData', (res) => {
      this.list = [];
      this.val = null;
      if (res) {
    this.list = store.queryLayer.data;
        if (store.queryLayer.data) {
          this.list = store.queryLayer.data
        }
        this.val = store.queryLayer.val
      }
    })
  }
}
@@ -31,8 +60,6 @@
<style>
.menuBox {
  padding: 1%;
  border-radius: 3px;
  background-image: url("~@/assets/img/new/listbg.png");
  background-size: 100% 100%;
@@ -41,11 +68,14 @@
  bottom: 45px;
  right: 310px;
  width: 300px;
}
li {
  color: white;
  font-family: Source Han Sans SC;
  font-size: 16px;
}
.boxCntent {
  margin: 1%;
}
li {
  padding: 10px;
  border: 1px solid gray;
  margin-top: 2px;