From 95db84d44298bf695b843d7555d671a41595c814 Mon Sep 17 00:00:00 2001
From: WX <1377869194@qq.com>
Date: 星期四, 13 七月 2023 10:21:54 +0800
Subject: [PATCH] 1

---
 src/views/layer/attributeList.vue |   31 ++++++++++++++++++++++++-------
 1 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/views/layer/attributeList.vue b/src/views/layer/attributeList.vue
index 9122722..d27fb16 100644
--- a/src/views/layer/attributeList.vue
+++ b/src/views/layer/attributeList.vue
@@ -3,7 +3,7 @@
     <!--     v-resizable="'right, bottom'" -->
     <div class="spatialTitle">
       <label>绌洪棿鏌ヨ</label>
-      <el-icon @click="setSpatialClose" :size="20">
+      <el-icon @click="setSpatialClose" :size="20" style="cursor: pointer">
         <Close />
       </el-icon>
     </div>
@@ -48,6 +48,7 @@
   defineProps,
   defineEmits,
   nextTick,
+  watch,
 } from "vue";
 import config from "@/assets/js/Map/config";
 import { User, Lock, Plus } from "@element-plus/icons-vue";
@@ -55,9 +56,9 @@
 import { ElMessage } from "element-plus";
 import store from "@/store";
 
-const emits = defineEmits(["SETspatialClose"]);
+const emits = defineEmits(["spatialClose"]);
 const setSpatialClose = () => {
-  emits("SETspatialClose", false);
+  emits("spatialClose", false);
 };
 const dialogVisible = ref(false);
 const listData = ref({
@@ -79,6 +80,14 @@
   value: "",
   cut: "",
 });
+
+//defineProps 鏉ユ帴鏀剁粍浠剁殑浼犲��
+const props = defineProps({
+  layerData: {
+    type: Object,
+  },
+});
+
 const handleSizeChange = (res) => {
   listData.value.pageSize = res;
   setQueySpatialData();
@@ -99,6 +108,7 @@
 };
 
 const setQueySpatialFields = async () => {
+  console.log(props.layerData);
   const data = await dataQuery_selectFields({ name: listData.value.name });
   if (data.code != 200) {
     return ElMessage.error("瀛楁鏌ヨ澶辫触");
@@ -144,9 +154,16 @@
   //
   setQueySpatialFields();
 };
-onMounted(() => {
-  startQueryData();
-});
+
+watch(
+  () => props.layerData,
+  (nVal, oVal) => {
+    console.log("鍊煎彂鐢熶簡鍙樻洿", nVal, oVal);
+    startQueryData();
+  },
+  { deep: true }
+);
+onMounted(() => {});
 </script>
 
 <style lang="less" scoped>
@@ -157,7 +174,7 @@
   flex-direction: column;
   position: absolute;
   bottom: 5%;
-  right: 5%;
+  left: 100%;
   background: rgba(7, 8, 14, 0.8);
   border: 1px solid #d6e4ff;
   z-index: 10;

--
Gitblit v1.9.3