代码更新

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;