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