From 44d5e206d69329cd649f372613d39bada4755563 Mon Sep 17 00:00:00 2001
From: wintersun <wintersun2284@163.com>
Date: Mon, 11 Mar 2024 11:09:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86->=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E7=AE=A1=E7=90=86->=E4=B8=80=E9=94=AE=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E8=8F=9C=E5=8D=95=E5=8F=8A=E5=AD=90=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E5=8F=8A=E5=AD=90=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/menu/index.ts    |  4 ++++
 src/views/system/menu/index.vue | 18 +++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/api/system/menu/index.ts b/src/api/system/menu/index.ts
index 5a806682d..6595d2280 100644
--- a/src/api/system/menu/index.ts
+++ b/src/api/system/menu/index.ts
@@ -47,3 +47,7 @@ export const updateMenu = (data: MenuVO) => {
 export const deleteMenu = (id: number) => {
   return request.delete({ url: '/system/menu/delete?id=' + id })
 }
+
+export const updateStatus = (id: number, status: number) => {
+  return request.get({ url: '/system/menu/update-status?id=' + id + '&status=' + status })
+}
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index bf64a807e..59f5dde61 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -86,7 +86,16 @@
       <el-table-column :show-overflow-tooltip="true" label="组件名称" prop="componentName" />
       <el-table-column label="状态" prop="status" width="80">
         <template #default="scope">
-          <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
+          <el-switch
+            v-model="scope.row.status"
+            :active-value="0"
+            :disabled="!checkPermi(['system:menu:update'])"
+            :inactive-value="1"
+            inline-prompt
+            active-text="开启"
+            inactive-text="关闭"
+            @change="handleStatusChange(scope.row)"
+          />
         </template>
       </el-table-column>
       <el-table-column align="center" label="操作">
@@ -129,6 +138,7 @@ import { handleTree } from '@/utils/tree'
 import * as MenuApi from '@/api/system/menu'
 import MenuForm from './MenuForm.vue'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
+import {checkPermi} from "@/utils/permission";
 
 defineOptions({ name: 'SystemMenu' })
 
@@ -146,6 +156,12 @@ const queryFormRef = ref() // 搜索的表单
 const isExpandAll = ref(false) // 是否展开，默认全部折叠
 const refreshTable = ref(true) // 重新渲染表格状态
 
+const handleStatusChange = async (row: any) => {
+ await MenuApi.updateStatus(row.id, row.status)
+  message.success('修改成功！')
+ await getList()
+}
+
 /** 查询列表 */
 const getList = async () => {
   loading.value = true
-- 
Gitee