From 02fa679d625a069a3cc88e0be5a5abde48215edf Mon Sep 17 00:00:00 2001 From: zhuguojian <984737666@qq.com> Date: Tue, 24 Dec 2024 11:48:24 +0800 Subject: [PATCH 01/16] =?UTF-8?q?feat:=E8=8F=9C=E5=8D=95=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=94=B9=E4=B8=BA=E8=99=9A=E6=8B=9F=E5=8C=96=E6=A0=91=E5=BD=A2?= =?UTF-8?q?=E6=8E=A7=E4=BB=B6=E5=AE=9E=E7=8E=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/system/menu/index.vue | 275 +++++++++++++++++++++++++------- 1 file changed, 219 insertions(+), 56 deletions(-) diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue index b2c93bbe..82177cf4 100644 --- a/src/views/system/menu/index.vue +++ b/src/views/system/menu/index.vue @@ -67,65 +67,87 @@ - - - - - - - - - - - - - - - - + + @@ -155,13 +177,26 @@ const queryParams = reactive({ const queryFormRef = ref() // 搜索的表单 const isExpandAll = ref(false) // 是否展开，默认全部折叠 const refreshTable = ref(true) // 重新渲染表格状态 +const currentNode = ref(null) // 当前选中节点 /** 查询列表 */ const getList = async () => { loading.value = true try { const data = await MenuApi.getMenuList(queryParams) - list.value = handleTree(data) + // 为每个节点添加 showInfo 属性和样式对象 + const addProps = (items: any[]) => { + items.forEach(item => { + item.showInfo = false + item.popupStyle = {} + if (item.children && item.children.length > 0) { + addProps(item.children) + } + }) + } + const processedData = handleTree(data) + addProps(processedData) + list.value = processedData } finally { loading.value = false } @@ -233,8 +268,136 @@ const handleStatusChanged = async (menu: MenuVO, val: number) => { } } +const handleCurrentChange = (data: any) => { + currentNode.value = data + // 关闭所有信息面板 + list.value.forEach((item: any) => { + item.showInfo = false + }) +} + +// 添加点击外部关闭弹出层的处理 +onMounted(() => { + document.addEventListener('click', (event: MouseEvent) => { + const target = event.target as HTMLElement + if (!target.closest('.menu-info-popup') && !target.closest('.info-button')) { + list.value.forEach((item: any) => { + item.showInfo = false + }) + } + }) +}) + /** 初始化 **/ onMounted(() => { getList() }) + + \ No newline at end of file From d815c60340ecf6c13ce1dc4493e701bc93d8b4ae Mon Sep 17 00:00:00 2001 From: AhJindeg Date: Thu, 26 Dec 2024 11:40:25 +0800 Subject: [PATCH 02/16] feat: add hiddenSearch function to manage search visibility in RouterSearch component --- src/components/RouterSearch/index.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue index ed2a08cc..42a41744 100644 --- a/src/components/RouterSearch/index.vue +++ b/src/components/RouterSearch/index.vue @@ -79,9 +79,14 @@ function remoteMethod(data) { function handleChange(path) { router.push({ path }) + hiddenSearch() hiddenTopSearch() } +function hiddenSearch() { + showSearch.value = false +} + function hiddenTopSearch() { showTopSearch.value = false } From 74b62bf05ea52ae12eeae89a1315a4a48b010981 Mon Sep 17 00:00:00 2001 From: jinmh716 Date: Sat, 28 Dec 2024 12:59:42 +0800 Subject: [PATCH 03/16] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E5=AE=8C?= =?UTF-8?q?=E5=96=84=E3=80=91=E6=96=87=E4=BB=B6=E5=88=97=E8=A1=A8:=20?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A4=8D=E5=88=B6=E9=93=BE=E6=8E=A5=E5=8A=9F?= =?UTF-8?q?=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/infra/file/index.vue | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue index 3fcda6e8..8281d9b3 100644 --- a/src/views/infra/file/index.vue +++ b/src/views/infra/file/index.vue @@ -95,6 +95,13 @@ />