From 8c7e8aee9fa4b00450a7bc40272136dff2f5da1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=B0=8F=E6=B6=9B?= <1537080775@qq.com>
Date: Fri, 28 Jun 2024 16:22:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(role=5Fper=5F20240628):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=9D=83=E9=99=90=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1、点击权限小齿轮，自动带出默认值
---
 .../role/components/PermissionComNew/index.vue       | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/views/system/role/components/PermissionComNew/index.vue b/web/src/views/system/role/components/PermissionComNew/index.vue
index 3babb8e..29a8ab3 100644
--- a/web/src/views/system/role/components/PermissionComNew/index.vue
+++ b/web/src/views/system/role/components/PermissionComNew/index.vue
@@ -29,7 +29,7 @@
                     :label="btn.value">
                     <div class="btn-item">
                       {{ btn.data_range !== null ? `${btn.name}(${formatDataRange(btn.data_range)})` : btn.name }}
-                      <span v-show="btn.isCheck" @click.stop.prevent="handleSettingClick(menu, btn.id)">
+                      <span v-show="btn.isCheck" @click.stop.prevent="handleSettingClick(menu, btn)">
                         <el-icon>
                           <Setting />
                         </el-icon>
@@ -166,7 +166,7 @@ const getDataPermissionRangeLable = async () => {
   dataPermissionRangeLabel.value = resRange.data;
 }
 
-const fetchData = async (btnId) => {
+const fetchData = async (btnId:number) => {
   try {
     const resRange = await getDataPermissionRange({menu_button:btnId});
     if (resRange?.code === 2000) {
@@ -186,11 +186,13 @@ const fetchData = async (btnId) => {
  * @param record 当前菜单
  * @param btnType  按钮类型
  */
-const handleSettingClick = (record: MenusType, btnId: number) => {
+const handleSettingClick = (record: MenusType, btn: MenusType['btns'][number]) => {
   menuCurrent.value = record;
-  menuBtnCurrent.value = btnId;
+  menuBtnCurrent.value = btn.id;
   dialogVisible.value = true;
-  fetchData(btnId)
+  dataPermission.value =btn.data_range;  
+  handlePermissionRangeChange(btn.data_range)
+  fetchData( btn.id)
 };
 
 const handleColumnChange = (val: boolean, record: MenusType, btnType: string) => {