From 90b0218652f797d2c22305f4de007b20681ed4a7 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 07 十月 2023 17:17:15 +0800
Subject: [PATCH] 代码更新
---
src/components/menu/leftMenu.vue | 50 ++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 40 insertions(+), 10 deletions(-)
diff --git a/src/components/menu/leftMenu.vue b/src/components/menu/leftMenu.vue
index 0acecf7..30adad1 100644
--- a/src/components/menu/leftMenu.vue
+++ b/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;
--
Gitblit v1.9.3