From 793dca66b19a210bd2749fc37c524b4ab25d75a5 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Thu, 27 Nov 2025 14:38:35 +0800
Subject: [PATCH] refactor: unify system list layout with filter/table sections

---
 .cursor/mcp.json                              |  7 -------
 src/components/AiAssistant/index.vue          |  2 +-
 src/styles/element-plus.scss                  |  2 +-
 src/styles/index.scss                         | 20 +++++++++----------
 src/views/system/config/index.vue             | 10 +++++-----
 src/views/system/dept/index.vue               | 10 +++++-----
 src/views/system/dict/dict-item.vue           |  8 ++++----
 src/views/system/dict/index.vue               | 10 +++++-----
 src/views/system/menu/index.vue               | 10 +++++-----
 .../system/notice/components/MyNotice.vue     |  6 +++---
 src/views/system/notice/index.vue             | 10 +++++-----
 src/views/system/role/index.vue               | 10 +++++-----
 src/views/system/user/index.vue               | 14 +++++++------
 13 files changed, 57 insertions(+), 62 deletions(-)
 delete mode 100644 .cursor/mcp.json

diff --git a/.cursor/mcp.json b/.cursor/mcp.json
deleted file mode 100644
index b87707f0..00000000
--- a/.cursor/mcp.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "mcpServers": {
-    "vue-mcp": {
-      "url": "http://localhost:3000/__mcp/sse"
-    }
-  }
-}
diff --git a/src/components/AiAssistant/index.vue b/src/components/AiAssistant/index.vue
index 5458bf59..b5b0f548 100644
--- a/src/components/AiAssistant/index.vue
+++ b/src/components/AiAssistant/index.vue
@@ -530,7 +530,7 @@ const executeAction = async (action: AiAction) => {
 
       // 关闭对话框
       handleClose();
-    }, 800);
+    }, 1000);
   } else if (action.type === "execute") {
     // 执行函数调用
     ElMessage.info("功能开发中，请前往 AI 命令助手页面体验完整功能");
diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss
index fc5b729b..131ce3f2 100644
--- a/src/styles/element-plus.scss
+++ b/src/styles/element-plus.scss
@@ -18,7 +18,7 @@ $border: 1px solid var(--el-border-color-light);
   }
 }
 
-/** el-drawer */
+/* el-drawer */
 .el-drawer {
   .el-drawer__header {
     padding: 15px 20px;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 22655067..2cb97b9d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -74,10 +74,10 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   }
 }
 
-// 全局搜索区域样式
-.search-container {
-  padding: 18px 16px 0;
-  margin-bottom: 16px;
+// 全局筛选区域样式
+.filter-section {
+  padding: 8px 12px 0;
+  margin-bottom: 8px;
   background-color: var(--el-bg-color-overlay);
   border: 1px solid var(--el-border-color-light);
   border-radius: 4px;
@@ -87,24 +87,24 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   }
 
   .el-form-item {
-    margin-bottom: 18px;
+    margin-bottom: 8px;
   }
 }
 
 // 表格区域样式
-.data-table {
-  margin-bottom: 16px;
+.table-section {
+  margin-bottom: 12px;
 
   // 表格工具栏区域
   &__toolbar {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 16px;
+    margin-bottom: 4px;
 
     &--actions,
     &--tools {
       display: flex;
-      gap: 8px;
+      gap: 4px;
     }
   }
 
@@ -116,6 +116,6 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   // 分页区域
   .el-pagination {
     justify-content: flex-end;
-    margin-top: 16px;
+    margin-top: 12px;
   }
 }
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index 3035806a..85980d18 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="关键字" prop="keywords">
           <el-input
@@ -20,9 +20,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button
             v-hasPerm="['sys:config:add']"
             type="success"
@@ -47,7 +47,7 @@
         v-loading="loading"
         :data="pageData"
         highlight-current-row
-        class="data-table__content"
+        class="table-section__content"
         border
         @selection-change="handleSelectionChange"
       >
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index fd92b8b1..db626a72 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="关键字" prop="keywords">
           <el-input
@@ -27,9 +27,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button
             v-hasPerm="['sys:dept:add']"
             type="success"
@@ -56,7 +56,7 @@
         row-key="id"
         default-expand-all
         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-        class="data-table__content"
+        class="table-section__content"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
diff --git a/src/views/system/dict/dict-item.vue b/src/views/system/dict/dict-item.vue
index 7ba92fcf..ebefee6c 100644
--- a/src/views/system/dict/dict-item.vue
+++ b/src/views/system/dict/dict-item.vue
@@ -1,7 +1,7 @@
 <!-- 字典项 -->
 <template>
   <div class="app-container">
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="关键字" prop="keywords">
           <el-input
@@ -19,9 +19,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="never" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="never" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button type="success" icon="plus" @click="handleOpenDialog()">新增</el-button>
           <el-button
             type="danger"
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 43542b0f..bdd7ac66 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="关键字" prop="keywords">
           <el-input
@@ -20,9 +20,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button type="success" icon="plus" @click="handleAddClick()">新增</el-button>
           <el-button
             type="danger"
@@ -40,7 +40,7 @@
         highlight-current-row
         :data="tableData"
         border
-        class="data-table__content"
+        class="table-section__content"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 9c045549..d465cfb0 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="关键字" prop="keywords">
           <el-input
@@ -19,9 +19,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button
             v-hasPerm="['sys:menu:add']"
             type="success"
@@ -42,7 +42,7 @@
           children: 'children',
           hasChildren: 'hasChildren',
         }"
-        class="data-table__content"
+        class="table-section__content"
         @row-click="handleRowClick"
       >
         <el-table-column label="菜单名称" min-width="200">
diff --git a/src/views/system/notice/components/MyNotice.vue b/src/views/system/notice/components/MyNotice.vue
index 1048508a..4bde78d3 100644
--- a/src/views/system/notice/components/MyNotice.vue
+++ b/src/views/system/notice/components/MyNotice.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item label="通知标题" prop="title">
           <el-input
@@ -29,13 +29,13 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
+    <el-card shadow="hover" class="table-section">
       <el-table
         ref="dataTableRef"
         v-loading="loading"
         :data="pageData"
         highlight-current-row
-        class="data-table__content"
+        class="table-section__content"
       >
         <el-table-column type="index" label="序号" width="60" />
         <el-table-column label="通知标题" prop="title" min-width="200" />
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index d8ff8d34..ea23ca5f 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-suffix=":">
         <el-form-item label="标题123" prop="title">
           <el-input
@@ -32,9 +32,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button
             v-hasPerm="['sys:notice:add']"
             type="success"
@@ -60,7 +60,7 @@
         v-loading="loading"
         :data="pageData"
         highlight-current-row
-        class="data-table__content"
+        class="table-section__content"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index cfc3bfb5..7480fda8 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 搜索区域 -->
-    <div class="search-container">
+    <div class="filter-section">
       <el-form ref="queryFormRef" :model="queryParams" :inline="true">
         <el-form-item prop="keywords" label="关键字">
           <el-input
@@ -19,9 +19,9 @@
       </el-form>
     </div>
 
-    <el-card shadow="hover" class="data-table">
-      <div class="data-table__toolbar">
-        <div class="data-table__toolbar--actions">
+    <el-card shadow="hover" class="table-section">
+      <div class="table-section__toolbar">
+        <div class="table-section__toolbar--actions">
           <el-button type="success" icon="plus" @click="handleOpenDialog()">新增</el-button>
           <el-button
             type="danger"
@@ -40,7 +40,7 @@
         :data="roleList"
         highlight-current-row
         border
-        class="data-table__content"
+        class="table-section__content"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 8ee23dd5..6c43b67c 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -10,7 +10,7 @@
       <!-- 用户列表 -->
       <el-col :lg="20" :xs="24">
         <!-- 搜索区域 -->
-        <div class="search-container">
+        <div class="filter-section">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="auto">
             <el-form-item label="关键字" prop="keywords">
               <el-input
@@ -52,9 +52,9 @@
           </el-form>
         </div>
 
-        <el-card shadow="hover" class="data-table">
-          <div class="data-table__toolbar">
-            <div class="data-table__toolbar--actions">
+        <el-card shadow="hover" class="table-section">
+          <div class="table-section__toolbar">
+            <div class="table-section__toolbar--actions">
               <el-button
                 v-hasPerm="['sys:user:add']"
                 type="success"
@@ -73,7 +73,7 @@
                 删除
               </el-button>
             </div>
-            <div class="data-table__toolbar--tools">
+            <div class="table-section__toolbar--tools">
               <el-button
                 v-hasPerm="'sys:user:import'"
                 icon="upload"
@@ -94,7 +94,7 @@
             border
             stripe
             highlight-current-row
-            class="data-table__content"
+            class="table-section__content"
             row-key="id"
             @selection-change="handleSelectionChange"
           >
@@ -615,3 +615,5 @@ onMounted(() => {
   handleQuery();
 });
 </script>
+
+<style scoped lang="scss"></style>