diff --git a/frontend/src/api/generator/gencode.ts b/frontend/src/api/generator/gencode.ts
index 20688d61..c40573d0 100644
--- a/frontend/src/api/generator/gencode.ts
+++ b/frontend/src/api/generator/gencode.ts
@@ -132,14 +132,12 @@ export interface TablePageVO {
   /** 表描述 */
   table_comment: string;
 
-  /** 存储引擎 */
-  engine: string;
+  /** 数据库名称 */
+  database_name: string;
 
-  /** 字符集排序规则 */
-  table_collation: string;
+  /** 表单类型 */
+  table_type: string;
 
-  /** 创建时间 */
-  create_time: string;
 }
 
 /** 代码生成表输出对象 */
diff --git a/frontend/src/components/Pagination/index.vue b/frontend/src/components/Pagination/index.vue
index 235fef35..ae1e7036 100644
--- a/frontend/src/components/Pagination/index.vue
+++ b/frontend/src/components/Pagination/index.vue
@@ -3,6 +3,7 @@
   <el-scrollbar>
     <div :class="{ hidden: hidden }" class="pagination">
       <el-pagination
+        v-show="total>0"
         v-model:current-page="currentPage"
         v-model:page-size="pageSize"
         :background="background"
diff --git a/frontend/src/views/application/job/components/JobLogDrawer.vue b/frontend/src/views/application/job/components/JobLogDrawer.vue
index bba1623e..64283fe8 100644
--- a/frontend/src/views/application/job/components/JobLogDrawer.vue
+++ b/frontend/src/views/application/job/components/JobLogDrawer.vue
@@ -55,16 +55,28 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
-          <el-button type="warning" icon="delete" @click="handleClearLog">清空日志</el-button>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button type="warning" icon="delete" @click="handleClearLog">清空日志</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-            <el-button type="default" icon="refresh" circle @click="handleRefresh" />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button type="warning" icon="download" circle @click="handleExport" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="default" icon="refresh" circle @click="handleRefresh" />
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/application/job/index.vue b/frontend/src/views/application/job/index.vue
index fdba6261..79a954ed 100644
--- a/frontend/src/views/application/job/index.vue
+++ b/frontend/src/views/application/job/index.vue
@@ -36,10 +36,8 @@
         </el-form-item>
         <!-- 查询、重置、展开/收起按钮 -->
         <el-form-item class="search-buttons">
-          <el-button type="primary" icon="search" @click="handleQuery" v-hasPerm="['app:job:query']"
-            >查询</el-button
-          >
-          <el-button icon="refresh" @click="handleResetQuery" v-hasPerm="['app:job:query']">重置</el-button>
+          <el-button v-hasPerm="['app:job:query']" type="primary" icon="search" @click="handleQuery">查询</el-button>
+          <el-button v-hasPerm="['app:job:query']" icon="refresh" @click="handleResetQuery">重置</el-button>
           <!-- 展开/收起 -->
           <template v-if="isExpandable">
             <el-link
@@ -79,44 +77,56 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button
-            type="success"
-            icon="plus"
-            @click="handleOpenDialog('create')"
-            v-hasPerm="['app:job:create']"
-            >新增</el-button
-          >
-          <el-button
-            type="danger"
-            icon="delete"
-            :disabled="selectIds.length === 0"
-            @click="handleDelete(selectIds)"
-            v-hasPerm="['app:job:delete']"
-            >批量删除</el-button
-          >
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button
+                v-hasPerm="['app:job:create']"
+                type="success"
+                icon="plus"
+                @click="handleOpenDialog('create')"
+              >新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                v-hasPerm="['app:job:delete']"
+                type="danger"
+                icon="delete"
+                :disabled="selectIds.length === 0"
+                @click="handleDelete(selectIds)"
+                >批量删除</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button
-              type="warning"
-              icon="download"
-              circle
-              @click="handleExport"
-              v-hasPerm="['app:job:export']"
-            />
-          </el-tooltip>
-          <el-tooltip content="清除">
-            <el-button type="danger" icon="delete" circle @click="handleClear" v-hasPerm="['app:job:clear']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-            <el-button
-              type="primary"
-              icon="refresh"
-              circle
-              @click="handleRefresh"
-              v-hasPerm="['app:job:refresh']"
-            />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button
+                  v-hasPerm="['app:job:export']"
+                  type="warning"
+                  icon="download"
+                  circle
+                  @click="handleExport"
+                />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="清除">
+                <el-button v-hasPerm="['app:job:clear']" type="danger" icon="delete" circle @click="handleClear"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button
+                  v-hasPerm="['app:job:refresh']"
+                  type="primary"
+                  icon="refresh"
+                  circle
+                  @click="handleRefresh"
+                />
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
@@ -212,41 +222,41 @@
                 详情
               </el-button>
               <el-button
+                v-hasPerm="['app:job:update']"
                 type="primary"
                 size="small"
                 link
                 icon="edit"
                 @click="handleOpenDialog('update', scope.row.id)"
-                v-hasPerm="['app:job:update']"
               >
                 编辑
               </el-button>
               <el-button
+                v-hasPerm="['app:job:delete']"
                 type="danger"
                 size="small"
                 link
                 icon="delete"
                 @click="handleDelete([scope.row.id])"
-                v-hasPerm="['app:job:delete']"
               >
                 删除
               </el-button>
-              <el-dropdown trigger="click" v-hasPerm="['app:job:status']">
-                <el-button type="warning" size="small" link icon="ArrowDown"
-                  >更多</el-button
-                >
+              <el-dropdown v-hasPerm="['app:job:status']" trigger="click">
+                <el-button type="warning" size="small" link icon="ArrowDown">更多</el-button>
                 <template #dropdown>
                   <el-dropdown-menu>
                     <el-dropdown-item
                       icon="Check"
                       @click="handleOption(scope.row.id, 1)"
-                      >暂停</el-dropdown-item
                     >
+                      暂停
+                    </el-dropdown-item>
                     <el-dropdown-item
                       icon="CircleClose"
                       @click="handleOption(scope.row.id, 2)"
-                      >恢复</el-dropdown-item
                     >
+                      恢复
+                    </el-dropdown-item>
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
diff --git a/frontend/src/views/application/myapp/components/InternalApp.vue b/frontend/src/views/application/myapp/components/InternalApp.vue
index a079be30..9710bbf8 100644
--- a/frontend/src/views/application/myapp/components/InternalApp.vue
+++ b/frontend/src/views/application/myapp/components/InternalApp.vue
@@ -37,7 +37,6 @@ const loading = ref(true);
 
 // 从路由参数获取应用信息
 const appUrl = computed(() => route.query.url as string);
-const appId = computed(() => route.query.appId as string);
 const appName = computed(() => route.query.appName as string);
 
 // iframe加载完成
diff --git a/frontend/src/views/application/myapp/index.vue b/frontend/src/views/application/myapp/index.vue
index 8c9142d4..95b78bd4 100644
--- a/frontend/src/views/application/myapp/index.vue
+++ b/frontend/src/views/application/myapp/index.vue
@@ -17,9 +17,9 @@
             <el-input v-model="queryFormData.creator" placeholder="请输入创建人" clearable style="width: 150px" />
           </el-form-item>
           <el-form-item class="search-buttons">
-              <el-button type="primary" icon="search" @click="handleQuery" v-hasPerm="['application:myapp:query']">查询</el-button>
-              <el-button icon="refresh" @click="handleResetQuery" v-hasPerm="['application:myapp:query']">重置</el-button>
-            </el-form-item>
+            <el-button v-hasPerm="['application:myapp:query']" type="primary" icon="search" @click="handleQuery">查询</el-button>
+            <el-button v-hasPerm="['application:myapp:query']" icon="refresh" @click="handleResetQuery">重置</el-button>
+          </el-form-item>
         </el-form>
       </div>
 
@@ -28,7 +28,7 @@
         <template #header>
           <div class="card-header">
             <span>应用市场</span>
-            <el-button type="primary" icon="plus" @click="handleCreateApp" v-hasPerm="['application:myapp:create']">
+            <el-button v-hasPerm="['application:myapp:create']" type="primary" icon="plus" @click="handleCreateApp">
               创建应用
             </el-button>
           </div>
@@ -76,8 +76,8 @@
                   />
                   <template #dropdown>
                     <el-dropdown-menu>
-                      <el-dropdown-item command="edit" icon="Edit" v-hasPerm="['application:myapp:update']">编辑</el-dropdown-item>
-                      <el-dropdown-item command="delete" icon="Delete" divided v-hasPerm="['application:myapp:delete']">删除</el-dropdown-item>
+                      <el-dropdown-item v-hasPerm="['application:myapp:update']" command="edit" icon="Edit">编辑</el-dropdown-item>
+                      <el-dropdown-item v-hasPerm="['application:myapp:delete']" command="delete" icon="Delete" divided>删除</el-dropdown-item>
                     </el-dropdown-menu>
                   </template>
                 </el-dropdown>
@@ -103,24 +103,24 @@
 
             <div class="app-card-actions">
               <el-button 
+                v-hasPerm="['application:myapp:open_external']"
                 type="primary" 
                 icon="Link" 
                 size="small"
                 :disabled="!app.status"
                 class="action-btn"
                 @click="openAppExternal(app.access_url)"
-                v-hasPerm="['application:myapp:open_external']"
               >
                 外部打开
               </el-button>
               <el-button 
+                v-hasPerm="['application:myapp:open_internal']"
                 type="default" 
                 icon="View" 
                 size="small"
                 :disabled="!app.status"
                 class="action-btn"
                 @click="openAppInternal(app)"
-                v-hasPerm="['application:myapp:open_internal']"
               >
                 内部打开
               </el-button>
diff --git a/frontend/src/views/application/workflow/index.vue b/frontend/src/views/application/workflow/index.vue
index 29049ea6..61118cce 100644
--- a/frontend/src/views/application/workflow/index.vue
+++ b/frontend/src/views/application/workflow/index.vue
@@ -62,36 +62,28 @@
             <!-- 功能区域 -->
             <div class="data-table__toolbar">
                 <div class="data-table__toolbar--actions">
-                    <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['workflow:operator:create']">新增</el-button>
-                    <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['workflow:operator:delete']">批量删除</el-button>
+                    <el-button v-hasPerm="['workflow:operator:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+                    <el-button v-hasPerm="['workflow:operator:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
                     <el-dropdown trigger="click">
-                        <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown" v-hasPerm="['workflow:operator:status']">更多</el-button>
+                        <el-button v-hasPerm="['workflow:operator:status']" type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
                         <template #dropdown>
                             <el-dropdown-menu>
                                 <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                                <el-dropdown-item icon="CircleClose"
-                                    @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
                             </el-dropdown-menu>
                         </template>
                     </el-dropdown>
                 </div>
                 <div class="data-table__toolbar--tools">
-                    <el-tooltip content="导入">
-                        <el-button type="info" icon="upload" circle @click="handleOpenImportDialog" v-hasPerm="['workflow:operator:import']" />
-                    </el-tooltip>
-                    <el-tooltip content="导出">
-                        <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['workflow:operator:export']" />
-                    </el-tooltip>
                     <el-tooltip content="刷新">
-                        <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['workflow:operator:refresh']" />
+                        <el-button v-hasPerm="['workflow:operator:refresh']" type="warning" icon="refresh" circle @click="handleRefresh"/>
                     </el-tooltip>
                     <el-tooltip content="列表筛选">
                         <el-dropdown trigger="click">
-                            <el-button type="default" icon="operation" circle v-hasPerm="['workflow:operator:filter']" />
+                            <el-button v-hasPerm="['workflow:operator:filter']" type="default" icon="operation" circle/>
                             <template #dropdown>
                                 <el-dropdown-menu>
-                                    <el-dropdown-item v-for="column in tableColumns" :key="column.prop"
-                                        :command="column">
+                                    <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
                                         <el-checkbox v-model="column.show">
                                             {{ column.label }}
                                         </el-checkbox>
@@ -104,56 +96,45 @@
             </div>
 
             <!-- 表格区域：工作流列表 -->
-            <el-table ref="dataTableRef" v-loading="loading" :data="pageTableData" highlight-current-row
-                class="data-table__content" height="450" border stripe @selection-change="handleSelectionChange">
+            <el-table ref="dataTableRef" v-loading="loading" :data="pageTableData" highlight-current-row class="data-table__content" height="450" border stripe @selection-change="handleSelectionChange">
                 <template #empty>
                     <el-empty :image-size="80" description="暂无数据" />
                 </template>
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'selection')?.show" type="selection"
-                    min-width="55" align="center" />
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'index')?.show" fixed label="序号"
-                    min-width="60">
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'selection')?.show" type="selection" min-width="55" align="center" />
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'index')?.show" fixed label="序号" min-width="60">
                     <template #default="scope">
                         {{ (queryFormData.page_no - 1) * queryFormData.page_size + scope.$index + 1 }}
                     </template>
                 </el-table-column>
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'name')?.show" label="名称"
-                    prop="name" min-width="140" />
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'status')?.show" label="状态" prop="status"
-                    min-width="80">
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'name')?.show" label="名称" prop="name" min-width="140" />
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'status')?.show" label="状态" prop="status" min-width="80">
                     <template #default="scope">
                         <el-tag :type="scope.row.status === true ? 'success' : 'danger'">
                             {{ scope.row.status === true ? "启用" : "停用" }}
                         </el-tag>
                     </template>
                 </el-table-column>
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'description')?.show" label="描述"
-                    prop="description" min-width="140" />
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'created_at')?.show" label="创建时间"
-                    prop="created_at" min-width="180" sortable />
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'updated_at')?.show" label="更新时间"
-                    prop="updated_at" min-width="180" sortable />
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'creator')?.show" key="creator" label="创建人"
-                    min-width="100">
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'description')?.show" label="描述" prop="description" min-width="140" />
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'created_at')?.show" label="创建时间" prop="created_at" min-width="180" sortable />
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'updated_at')?.show" label="更新时间" prop="updated_at" min-width="180" sortable />
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'creator')?.show" key="creator" label="创建人" min-width="100">
                     <template #default="scope">
                         {{ scope.row.creator?.name }}
                     </template>
                 </el-table-column>
 
-                <el-table-column v-if="tableColumns.find(col => col.prop === 'operation')?.show" fixed="right"
-                    label="操作" align="center" min-width="200">
+                <el-table-column v-if="tableColumns.find(col => col.prop === 'operation')?.show" fixed="right" label="操作" align="center" min-width="200">
                     <template #default="scope">
-                        <el-button type="info" size="small" link icon="document" @click="handleOpenDialog('detail', scope.row.id)" v-hasPerm="['workflow:operator:detail']">详情</el-button>
-                        <el-button type="primary" size="small" link icon="edit" @click="handleOpenDialog('update', scope.row.id)" v-hasPerm="['workflow:operator:update']">编辑</el-button>
-                        <el-button type="danger" size="small" link icon="delete" @click="handleDelete([scope.row.id])" v-hasPerm="['workflow:operator:delete']">删除</el-button>
+                        <el-button v-hasPerm="['workflow:operator:detail']" type="info" size="small" link icon="document" @click="handleOpenDialog('detail', scope.row.id)">详情</el-button>
+                        <el-button v-hasPerm="['workflow:operator:update']" type="primary" size="small" link icon="edit" @click="handleOpenDialog('update', scope.row.id)">编辑</el-button>
+                        <el-button v-hasPerm="['workflow:operator:delete']" type="danger" size="small" link icon="delete" @click="handleDelete([scope.row.id])">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
 
             <!-- 分页区域 -->
             <template #footer>
-                <pagination v-model:total="total" v-model:page="queryFormData.page_no"
-                    v-model:limit="queryFormData.page_size" @pagination="loadingData" />
+                <pagination v-model:total="total" v-model:page="queryFormData.page_no" v-model:limit="queryFormData.page_size" @pagination="loadingData" />
             </template>
         </el-card>
 
@@ -186,8 +167,7 @@
             </template>
             <!-- 新增、编辑表单 -->
             <template v-else>
-                <el-form ref="dataFormRef" :model="formData" :rules="rules" label-suffix=":" label-width="auto"
-                    label-position="right">
+                <el-form ref="dataFormRef" :model="formData" :rules="rules" label-suffix=":" label-width="auto" label-position="right">
                     <el-form-item label="名称" prop="name">
                         <el-input v-model="formData.name" placeholder="请输入名称" :maxlength="50" />
                     </el-form-item>
@@ -202,8 +182,7 @@
                         </el-radio-group>
                     </el-form-item>
                     <el-form-item label="描述" prop="description">
-                        <el-input v-model="formData.description" :rows="4" :maxlength="100" show-word-limit
-                            type="textarea" placeholder="请输入描述" />
+                        <el-input v-model="formData.description" :rows="4" :maxlength="100" show-word-limit type="textarea" placeholder="请输入描述" />
                     </el-form-item>
                 </el-form>
             </template>
@@ -212,34 +191,25 @@
                 <div class="dialog-footer">
                     <!-- 详情弹窗不需要确定按钮的提交逻辑 -->
                     <el-button @click="handleCloseDialog">取消</el-button>
-                    <el-button v-if="dialogVisible.type !== 'detail'" type="primary"
-                        @click="handleSubmit">确定</el-button>
+                    <el-button v-if="dialogVisible.type !== 'detail'" type="primary" @click="handleSubmit">确定</el-button>
                     <el-button v-else type="primary" @click="handleCloseDialog">确定</el-button>
                 </div>
             </template>
         </el-dialog>
 
-        <!-- 用户导入 -->
-        <ImportModal v-model="importDialogVisible" title="导入数据" @import-success="handleQuery()" @download-template="handleDownloadTemplate" @upload="handleUpload" />
-
     </div>
 </template>
 
 <script setup lang="ts">
 defineOptions({
-    name: "Example",
+    name: "Workflow",
     inheritAttrs: false,
 });
 
 import { ref, reactive, onMounted } from "vue";
-import { ElMessage } from "element-plus";
-import { ResultEnum } from "@/enums/api/result.enum";
 import ExampleAPI, { ExampleTable, ExampleForm, ExamplePageQuery } from "@/api/generator/demo";
-import ImportModal from "@/components/Upload/ImportModal.vue";
 import DatePicker from "@/components/DatePicker/index.vue";
 
-const emit = defineEmits(['import-success']);
-
 const queryFormRef = ref();
 const dataFormRef = ref();
 const total = ref(0);
@@ -272,14 +242,14 @@ const dateRange = ref<[Date, Date] | []>([]);
 
 // 处理日期范围变化
 function handleDateRangeChange(range: [Date, Date]) {
-  dateRange.value = range;
-  if (range && range.length === 2) {
-    queryFormData.start_time = range[0].toISOString();
-    queryFormData.end_time = range[1].toISOString();
-  } else {
-    queryFormData.start_time = undefined;
-    queryFormData.end_time = undefined;
-  }
+    dateRange.value = range;
+    if (range && range.length === 2) {
+        queryFormData.start_time = range[0].toISOString();
+        queryFormData.end_time = range[1].toISOString();
+    } else {
+        queryFormData.start_time = undefined;
+        queryFormData.end_time = undefined;
+    }
 }
 
 // 分页查询参数
@@ -313,9 +283,6 @@ const rules = reactive({
     status: [{ required: true, message: "请选择状态", trigger: "blur" }],
 });
 
-// 导入弹窗显示状态
-const importDialogVisible = ref(false);
-
 // 列表刷新
 async function handleRefresh() {
     await loadingData();
@@ -460,87 +427,6 @@ async function handleDelete(ids: number[]) {
     });
 }
 
-// 导出
-async function handleExport() {
-    ElMessageBox.confirm('是否确认导出当前系统配置?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-    }).then(async () => {
-        let downloadUrl = '';
-        try {
-            loading.value = true;
-
-            const response = await ExampleAPI.exportExample(queryFormData);
-            const fileData = response.data;
-            const fileName = decodeURI(response.headers["content-disposition"].split(";")[1].split("=")[1]);
-            const fileType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8";
-
-            const blob = new Blob([fileData], { type: fileType });
-            downloadUrl = window.URL.createObjectURL(blob);
-
-            const downloadLink = document.createElement("a");
-            downloadLink.href = downloadUrl;
-            downloadLink.download = fileName;
-
-            document.body.appendChild(downloadLink);
-            downloadLink.click();
-
-            document.body.removeChild(downloadLink);
-        } catch (error: any) {
-            // 错误信息已经在响应拦截器中处理并显示
-            console.error('导出失败:', error);
-        } finally {
-            if (downloadUrl) {
-                window.URL.revokeObjectURL(downloadUrl);
-            }
-            loading.value = false;
-        }
-    }).catch(() => {
-        ElMessageBox.close();
-    });
-}
-
-// 处理上传
-const handleUpload = async (formData: FormData, file: File) => {
-  try {
-    const response = await ExampleAPI.importExample(formData);
-    if (response.data.code === ResultEnum.SUCCESS) {
-      ElMessage.success(`${response.data.msg}，${response.data.data}`);
-      emit('import-success');
-    }
-  } catch (error: any) {
-    console.error(error);
-  }
-};
-
-// 下载导入模板
-const handleDownloadTemplate = () => {
-  ExampleAPI.downloadTemplate().then((response: any) => {
-    const fileData = response.data;
-    const fileName = decodeURI(response.headers['content-disposition'].split('; ')[1].split('=')[1]);
-    const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8';
-
-    const blob = new Blob([fileData], { type: fileType });
-    const downloadUrl = window.URL.createObjectURL(blob);
-
-    const downloadLink = document.createElement('a');
-    downloadLink.href = downloadUrl;
-    downloadLink.download = fileName;
-
-    document.body.appendChild(downloadLink);
-    downloadLink.click();
-
-    document.body.removeChild(downloadLink);
-    window.URL.revokeObjectURL(downloadUrl);
-  });
-};
-
-// 打开导入弹窗
-function handleOpenImportDialog() {
-    importDialogVisible.value = true;
-}
-
 // 批量启用/停用
 async function handleMoreClick(status: boolean) {
     if (selectIds.value.length) {
diff --git a/frontend/src/views/gencode/backcode/components/genInfoForm.vue b/frontend/src/views/gencode/backcode/components/genInfoForm.vue
index e5189c55..54734f37 100644
--- a/frontend/src/views/gencode/backcode/components/genInfoForm.vue
+++ b/frontend/src/views/gencode/backcode/components/genInfoForm.vue
@@ -235,7 +235,7 @@
 </template>
 
 <script setup>
-import { listMenu } from "@/api/system/menu";
+import MenuAPI from "@/api/system/menu";
 
 const subColumns = ref([]);
 const menuOptions = ref([]);
@@ -284,7 +284,7 @@ function setSubTableColumns(value) {
 
 /** 查询菜单下拉树结构 */
 function getMenuTreeselect() {
-  listMenu().then(response => {
+  MenuAPI.getMenuList().then(response => {
     menuOptions.value = proxy.handleTree(response.data, "menuId");
   });
 }
diff --git a/frontend/src/views/gencode/backcode/components/importTable.vue b/frontend/src/views/gencode/backcode/components/importTable.vue
index 07de75ee..8d2e6128 100644
--- a/frontend/src/views/gencode/backcode/components/importTable.vue
+++ b/frontend/src/views/gencode/backcode/components/importTable.vue
@@ -1,10 +1,10 @@
 <template>
   <!-- 导入表 -->
-  <el-dialog title="导入表" v-model="visible" width="800px" top="5vh" append-to-body>
-    <el-form :model="queryParams" ref="queryRef" :inline="true">
+  <el-dialog v-model="visible" title="导入表"  width="800px" top="5vh" append-to-body>
+    <el-form ref="queryRef" :model="queryFormData" :inline="true">
       <el-form-item label="表名称" prop="tableName">
         <el-input
-          v-model="queryParams.tableName"
+          v-model="queryFormData.table_name"
           placeholder="请输入表名称"
           clearable
           style="width: 180px"
@@ -13,7 +13,7 @@
       </el-form-item>
       <el-form-item label="表描述" prop="tableComment">
         <el-input
-          v-model="queryParams.tableComment"
+          v-model="queryFormData.table_comment"
           placeholder="请输入表描述"
           clearable
           style="width: 180px"
@@ -26,18 +26,25 @@
       </el-form-item>
     </el-form>
     <el-row>
-      <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
+      <el-table  ref="table" :data="dbTableList" height="300px" @row-click="clickRow" @selection-change="handleSelectionChange">
+        <template #empty>
+          <el-empty :image-size="80" description="暂无数据" />
+        </template>
         <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="tableName" label="表名称" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="createTime" label="创建时间"></el-table-column>
-        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
+        <el-table-column label="序号" type="index" min-width="55" align="center" fixed>
+          <template #default="scope">
+            <span>{{(queryFormData.page_no - 1) * queryFormData.page_size + scope.$index + 1}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="database_name" label="数据库名称" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="table_name" label="表名称" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="table_comment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="table_type" label="表类型"></el-table-column>
       </el-table>
       <pagination
-        v-show="total>0"
+        v-model:page="queryFormData.page_no"
+        v-model:limit="queryFormData.page_size"
         :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
         @pagination="getList"
       />
     </el-row>
@@ -59,11 +66,11 @@ const tables = ref([]);
 const dbTableList = ref([]);
 const { proxy } = getCurrentInstance();
 
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  tableName: undefined,
-  tableComment: undefined
+const queryFormData = reactive({
+  page_no: 1,
+  page_size: 10,
+  table_name: undefined,
+  table_comment: undefined
 });
 
 const emit = defineEmits(["ok"]);
@@ -81,20 +88,21 @@ function clickRow(row) {
 
 /** 多选框选中数据 */
 function handleSelectionChange(selection) {
-  tables.value = selection.map(item => item.tableName);
+  tables.value = selection.map(item => item.table_name);
 }
 
 /** 查询表数据 */
 function getList() {
-  GencodeAPI.listDbTable(queryParams).then(res => {
-    dbTableList.value = res.rows;
-    total.value = res.total;
+  GencodeAPI.listDbTable(queryFormData).then(res => {
+    console.log(res.data);
+    dbTableList.value = res.data.data.items;
+    total.value = res.data.data.total;
   });
 }
 
 /** 搜索按钮操作 */
 function handleQuery() {
-  queryParams.pageNum = 1;
+  queryFormData.page_no = 1;
   getList();
 }
 
diff --git a/frontend/src/views/gencode/backcode/index.vue b/frontend/src/views/gencode/backcode/index.vue
index c1b34c15..8771a002 100644
--- a/frontend/src/views/gencode/backcode/index.vue
+++ b/frontend/src/views/gencode/backcode/index.vue
@@ -2,7 +2,7 @@
   <div class="app-container">
     <!-- 搜索区域 -->
     <div class="search-container">
-      <el-form v-show="showSearch" ref="queryRef" :model="queryFormData" :inline="true" label-suffix=":">
+      <el-form ref="queryRef" :model="queryFormData" :inline="true" label-suffix=":">
         <el-form-item label="表名称" prop="table_name">
           <el-input
             v-model="queryFormData.table_name"
@@ -32,8 +32,8 @@
           ></el-date-picker>
         </el-form-item>
         <el-form-item>
-          <el-button v-hasPermi="['generator:gencode:query']" type="primary" icon="Sesearcharch" @click="handleQuery">搜索</el-button>
-          <el-button v-hasPermi="['generator:gencode:query']" icon="refresh" @click="resetQuery">重置</el-button>
+          <el-button v-hasPerm="['generator:gencode:query']" type="primary" icon="search" @click="handleQuery">查询</el-button>
+          <el-button v-hasPerm="['generator:gencode:query']" icon="refresh" @click="handleRefresh">重置</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -57,69 +57,59 @@
           <el-row :gutter="10">
             <el-col :span="1.5">
               <el-button
-                v-hasPermi="['generator:gencode:code']"
+                v-hasPerm="['generator:gencode:create']"
                 type="primary"
                 plain
+                icon="Plus"
+                @click="openCreateTable"
+              >创建</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                v-hasPerm="['generator:gencode:update']"
+                type="success"
+                plain
+                icon="Edit"
+                :disabled="single"
+                @click="handleEditTable"
+                >修改</el-button>
+              </el-col>
+            <el-col :span="1.5">
+              <el-button
+                v-hasPerm="['generator:gencode:delete']"
+                type="danger"
+                plain
+                icon="Delete"
+                :disabled="multiple"
+                @click="handleDelete"
+              >删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                v-hasPerm="['generator:gencode:import']"
+                type="info"
+                plain
+                icon="Upload"
+                @click="openImportTable"
+              >导入</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                v-hasPerm="['generator:gencode:code']"
+                type="warning"
+                plain
                 icon="Download"
                 :disabled="multiple"
                 @click="handleGenTable"
               >生成</el-button>
             </el-col>
-            <el-col :span="1.5">
-              <el-button
-                type="primary"
-                plain
-                icon="Plus"
-                @click="openCreateTable"
-                v-hasRole="['admin']"
-              >创建</el-button>
-            </el-col>
-            <el-col :span="1.5">
-              <el-button
-                type="info"
-                plain
-                icon="Upload"
-                @click="openImportTable"
-                v-hasPermi="['generator:gencode:import']"
-              >导入</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="success"
-                plain
-                icon="Edit"
-                :disabled="single"
-                @click="handleEditTable"
-                v-hasPermi="['generator:gencode:update']"
-                >修改</el-button>
-              </el-col>
-            <el-col :span="1.5">
-              <el-button
-                type="danger"
-                plain
-                icon="Delete"
-                :disabled="multiple"
-                @click="handleDelete"
-                v-hasPermi="['generator:gencode:delete']"
-              >删除</el-button>
-            </el-col>
           </el-row>
         </div>
         <div class="data-table__toolbar--tools">
           <el-row :gutter="10">
-            <el-col :span="1.5">
-              <el-tooltip content="导入">
-                <el-button type="info" icon="upload" circle @click="handleOpenImportDialog" v-hasPerm="['demo:example:import']" />
-              </el-tooltip>
-            </el-col>
-            <el-col :span="1.5">
-              <el-tooltip content="导出">
-                <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['demo:example:export']" />
-              </el-tooltip>
-            </el-col>
             <el-col :span="1.5">
               <el-tooltip content="刷新">
-                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['demo:example:refresh']" />
+                <el-button v-hasPerm="['demo:example:refresh']"  type="primary" icon="refresh" circle @click="handleRefresh"/>
               </el-tooltip>
             </el-col>
             <el-col :span="1.5">
@@ -140,7 +130,6 @@
               </el-tooltip>
             </el-col>
           </el-row>
-          
         </div>
       </div>
 
@@ -187,19 +176,19 @@
         <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-tooltip content="预览" placement="top">
-              <el-button link type="primary" icon="View" @click="handlePreview(scope.row)" v-hasPermi="['generator:gencode:query']"></el-button>
+              <el-button v-hasPerm="['generator:gencode:query']" link type="primary" icon="View" @click="handlePreview(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip content="编辑" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['generator:gencode:update']"></el-button>
+              <el-button v-hasPerm="['generator:gencode:update']" link type="primary" icon="Edit" @click="handleEditTable(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip content="删除" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['generator:gencode:delete']"></el-button>
+              <el-button v-hasPerm="['generator:gencode:delete']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip content="同步" placement="top">
-              <el-button link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['generator:gencode:edit']"></el-button>
+              <el-button v-hasPerm="['generator:gencode:edit']" link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip content="生成代码" placement="top">
-              <el-button link type="primary" icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['generator:gencode:code']"></el-button>
+              <el-button v-hasPerm="['generator:gencode:code']" link type="primary" icon="Download" @click="handleGenTable(scope.row)"></el-button>
             </el-tooltip>
           </template>
         </el-table-column>
@@ -208,7 +197,6 @@
       <!-- 分页区域 -->
       <template #footer>
         <pagination 
-          v-show="total>0"
           v-model:total="total" 
           v-model:page="queryFormData.page_no"
           v-model:limit="queryFormData.page_size" 
@@ -255,7 +243,6 @@ const createRef = ref();
 
 const tableList = ref([]);
 const loading = ref(true);
-const showSearch = ref(true);
 const ids = ref([]);
 const single = ref(true);
 const multiple = ref(true);
@@ -391,7 +378,7 @@ function openCreateTable() {
 }
 
 /** 重置按钮操作 */
-function resetQuery() {
+function handleRefresh() {
   dateRange.value = [];
   // 手动重置表单
   queryFormData.value = {
diff --git a/frontend/src/views/gencode/demo/index.vue b/frontend/src/views/gencode/demo/index.vue
index f3c4cf8d..5955ce9e 100644
--- a/frontend/src/views/gencode/demo/index.vue
+++ b/frontend/src/views/gencode/demo/index.vue
@@ -62,45 +62,63 @@
             <!-- 功能区域 -->
             <div class="data-table__toolbar">
                 <div class="data-table__toolbar--actions">
-                    <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['generator:demo:create']">新增</el-button>
-                    <el-button type="danger" icon="delete" :disabled="selectIds.length === 0"
-                        @click="handleDelete(selectIds)" v-hasPerm="['generator:demo:delete']">批量删除</el-button>
-                    <el-dropdown trigger="click">
-                        <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
-                        <template #dropdown>
-                            <el-dropdown-menu>
-                                <el-dropdown-item icon="Check" @click="handleMoreClick(true)" v-hasPerm="['generator:demo:batch_available']">批量启用</el-dropdown-item>
-                        <el-dropdown-item icon="CircleClose"
-                            @click="handleMoreClick(false)" v-hasPerm="['generator:demo:batch_available']">批量停用</el-dropdown-item>
-                            </el-dropdown-menu>
-                        </template>
-                    </el-dropdown>
+                    <el-row :gutter="10">
+                        <el-col :span="1.5">
+                            <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['generator:demo:create']">新增</el-button>
+                        </el-col>
+                        <el-col :span="1.5">
+                            <el-button type="danger" icon="delete" :disabled="selectIds.length === 0"
+                                @click="handleDelete(selectIds)" v-hasPerm="['generator:demo:delete']">批量删除</el-button>
+                        </el-col>
+                        <el-col :span="1.5">
+                            <el-dropdown trigger="click">
+                                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
+                                <template #dropdown>
+                                    <el-dropdown-menu>
+                                        <el-dropdown-item icon="Check" @click="handleMoreClick(true)" v-hasPerm="['generator:demo:batch_available']">批量启用</el-dropdown-item>
+                                <el-dropdown-item icon="CircleClose"
+                                    @click="handleMoreClick(false)" v-hasPerm="['generator:demo:batch_available']">批量停用</el-dropdown-item>
+                                    </el-dropdown-menu>
+                                </template>
+                            </el-dropdown>
+                        </el-col>
+                    </el-row>
                 </div>
                 <div class="data-table__toolbar--tools">
-                    <el-tooltip content="导入">
-                        <el-button type="info" icon="upload" circle @click="handleOpenImportDialog" v-hasPerm="['generator:demo:import']" />
-                    </el-tooltip>
-                    <el-tooltip content="导出">
-                        <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['generator:demo:export']" />
-                    </el-tooltip>
-                    <el-tooltip content="刷新">
-                        <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['generator:demo:refresh']" />
-                    </el-tooltip>
-                    <el-tooltip content="列表筛选">
-                        <el-dropdown trigger="click">
-                            <el-button type="default" icon="operation" circle v-hasPerm="['generator:demo:filter']" />
-                            <template #dropdown>
-                                <el-dropdown-menu>
-                                    <el-dropdown-item v-for="column in tableColumns" :key="column.prop"
-                                        :command="column">
-                                        <el-checkbox v-model="column.show">
-                                            {{ column.label }}
-                                        </el-checkbox>
-                                    </el-dropdown-item>
-                                </el-dropdown-menu>
-                            </template>
-                        </el-dropdown>
-                    </el-tooltip>
+                    <el-row :gutter="10">
+                        <el-col :span="1.5">
+                            <el-tooltip content="导入">
+                                <el-button type="info" icon="upload" circle @click="handleOpenImportDialog" v-hasPerm="['generator:demo:import']" />
+                            </el-tooltip>
+                        </el-col>
+                        <el-col :span="1.5">
+                            <el-tooltip content="导出">
+                                <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['generator:demo:export']" />
+                            </el-tooltip>
+                        </el-col>
+                        <el-col :span="1.5">
+                            <el-tooltip content="刷新">
+                                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['generator:demo:refresh']" />
+                            </el-tooltip>
+                        </el-col>
+                        <el-col :span="1.5">
+                            <el-tooltip content="列表筛选">
+                                <el-dropdown trigger="click">
+                                    <el-button type="default" icon="operation" circle v-hasPerm="['generator:demo:filter']" />
+                                    <template #dropdown>
+                                        <el-dropdown-menu>
+                                            <el-dropdown-item v-for="column in tableColumns" :key="column.prop"
+                                                :command="column">
+                                                <el-checkbox v-model="column.show">
+                                                    {{ column.label }}
+                                                </el-checkbox>
+                                            </el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </template>
+                                </el-dropdown>
+                            </el-tooltip>
+                        </el-col>
+                    </el-row>
                 </div>
             </div>
 
@@ -400,7 +418,7 @@ async function handleOpenDialog(type: 'create' | 'update' | 'detail', id?: numbe
             Object.assign(formData, response.data.data);
         }
     } else {
-        dialogVisible.title = "新增公告通知";
+        dialogVisible.title = "新增示例";
         formData.id = undefined;
     }
     dialogVisible.visible = true;
diff --git a/frontend/src/views/monitor/online/index.vue b/frontend/src/views/monitor/online/index.vue
index 87494e6e..8c91d0b8 100644
--- a/frontend/src/views/monitor/online/index.vue
+++ b/frontend/src/views/monitor/online/index.vue
@@ -15,8 +15,8 @@
         </el-form-item>
         <!-- 查询、重置、展开/收起按钮 -->
         <el-form-item class="search-buttons">
-          <el-button type="primary" icon="search" @click="handleQuery" v-hasPerm="['monitor:online:query']">查询</el-button>
-          <el-button icon="refresh" @click="handleResetQuery" v-hasPerm="['monitor:online:query']">重置</el-button>
+          <el-button v-hasPerm="['monitor:online:query']" type="primary" icon="search" @click="handleQuery">查询</el-button>
+          <el-button v-hasPerm="['monitor:online:query']" icon="refresh" @click="handleResetQuery">重置</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -37,24 +37,34 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="danger" icon="delete" @click="handleClear" v-hasPerm="['monitor:online:force_logout']">强退所有</el-button>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['monitor:online:force_logout']" type="danger" icon="delete" @click="handleClear">强退所有</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="刷新">
-            <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['monitor:online:refresh']" />
-          </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click" v-hasPerm="['monitor:online:filter']">
-                <el-button type="default" icon="operation" circle />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['monitor:online:refresh']" type="primary" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown v-hasPerm="['monitor:online:filter']" trigger="click">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
@@ -81,7 +91,7 @@
         <el-table-column v-if="tableColumns.find(col => col.prop === 'login_time')?.show" key="login_time" label="登录时间" prop="login_time" min-width="180" />
         <el-table-column v-if="tableColumns.find(col => col.prop === 'operation')?.show" key="operation" fixed="right" label="操作" min-width="100">
           <template #default="scope">
-            <el-button type="danger" size="small" link icon="delete" @click="handleSubmit(scope.row.session_id)" v-hasPerm="['monitor:online:force_logout']">强退
+            <el-button v-hasPerm="['monitor:online:force_logout']" type="danger" size="small" link icon="delete" @click="handleSubmit(scope.row.session_id)">强退
             </el-button>
           </template>
         </el-table-column>
diff --git a/frontend/src/views/monitor/resource/index.vue b/frontend/src/views/monitor/resource/index.vue
index 8ad9f87e..9fae6da0 100644
--- a/frontend/src/views/monitor/resource/index.vue
+++ b/frontend/src/views/monitor/resource/index.vue
@@ -29,33 +29,49 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleUpload" v-hasPerm="['monitor:resource:upload']">上传文件</el-button>
-          <el-button type="primary" icon="folder-add" @click="handleCreateDir" v-hasPerm="['monitor:resource:create_dir']">新建文件夹</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectedItems.length === 0" @click="handleBatchDelete" v-hasPerm="['monitor:resource:delete']">批量删除</el-button>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['monitor:resource:upload']" type="success" icon="plus" @click="handleUpload">上传文件</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['monitor:resource:create_dir']" type="primary" icon="folder-add" @click="handleCreateDir">新建文件夹</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['monitor:resource:delete']" type="danger" icon="delete" :disabled="selectedItems.length === 0" @click="handleBatchDelete">批量删除</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-checkbox v-model="showHiddenFiles" @change="handleShowHiddenChange" v-hasPerm="['monitor:resource:show_hidden']">
-          显示隐藏文件
-        </el-checkbox>
-        <el-button-group>
-          <el-button
-            :type="viewMode === 'list' ? 'primary' : ''"
-            @click="viewMode = 'list'"
-            v-hasPerm="['monitor:resource:view_list']"
-          >
-            <el-icon><List /></el-icon>
-          </el-button>
-          <el-button
-            :type="viewMode === 'grid' ? 'primary' : ''"
-            @click="viewMode = 'grid'"
-            v-hasPerm="['monitor:resource:view_grid']"
-          >
-            <el-icon><Grid /></el-icon>
-          </el-button>
-        </el-button-group>
-          <el-tooltip content="刷新">
-            <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['monitor:resource:refresh']" />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-checkbox v-model="showHiddenFiles" v-hasPerm="['monitor:resource:show_hidden']"  @change="handleShowHiddenChange">
+                显示隐藏文件
+              </el-checkbox>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button-group>
+                <el-button
+                  v-hasPerm="['monitor:resource:view_list']"
+                  :type="viewMode === 'list' ? 'primary' : ''"
+                  @click="viewMode = 'list'"
+                >
+                  <el-icon><List /></el-icon>
+                </el-button>
+                <el-button
+                  v-hasPerm="['monitor:resource:view_grid']"
+                  :type="viewMode === 'grid' ? 'primary' : ''"
+                  @click="viewMode = 'grid'"
+                >
+                  <el-icon><Grid /></el-icon>
+                </el-button>
+              </el-button-group>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['monitor:resource:refresh']" type="primary" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/config/index.vue b/frontend/src/views/system/config/index.vue
index 378132a3..d7d93979 100644
--- a/frontend/src/views/system/config/index.vue
+++ b/frontend/src/views/system/config/index.vue
@@ -60,28 +60,42 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:config:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:config:delete']">批量删除</el-button>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:config:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:config:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:config:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-              <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:config:refresh']" />
-            </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click" v-hasPerm="['system:config:filter']">
-              <el-button type="default" icon="operation" circle />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button v-hasPerm="['system:config:export']" type="warning" icon="download" circle @click="handleExport"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['system:config:refresh']" type="primary" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown v-hasPerm="['system:config:filter']" trigger="click">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/dept/index.vue b/frontend/src/views/system/dept/index.vue
index 99b0ea4b..c83aa306 100644
--- a/frontend/src/views/system/dept/index.vue
+++ b/frontend/src/views/system/dept/index.vue
@@ -58,34 +58,48 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button v-hasPerm="['system:dept:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
-          <el-button v-hasPerm="['system:dept:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
-          <el-dropdown v-hasPerm="['system:dept:patch']" trigger="click">
-            <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dept:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dept:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:dept:patch']" trigger="click">
+                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="刷新">
-              <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:dept:refresh']" />
-            </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click" v-hasPerm="['system:dept:filter']">
-              <el-button type="default" icon="operation" circle />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:dept:refresh']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown trigger="click" v-hasPerm="['system:dept:filter']">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/dict/components/DataDrawer.vue b/frontend/src/views/system/dict/components/DataDrawer.vue
index 7b81c704..7fa33d53 100644
--- a/frontend/src/views/system/dict/components/DataDrawer.vue
+++ b/frontend/src/views/system/dict/components/DataDrawer.vue
@@ -59,25 +59,39 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:dict_data:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:dict_data:delete']">批量删除</el-button>
-          <el-dropdown trigger="click" v-hasPerm="['system:dict_data:patch']">
-            <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dict_data:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dict_data:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:dict_data:patch']" trigger="click">
+                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:dict_data:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-            <el-button type="default" icon="refresh" circle @click="handleRefresh" />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button v-hasPerm="['system:dict_data:export']" type="warning" icon="download" circle @click="handleExport"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="default" icon="refresh" circle @click="handleRefresh" />
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
@@ -126,8 +140,8 @@
         <el-table-column fixed="right" label="操作" align="center" min-width="200">
           <template #default="scope">
             <el-button type="info" size="small" link icon="document" @click="handleOpenDialog('detail', scope.row.id)">详情</el-button>
-            <el-button type="primary" size="small" link icon="edit" @click="handleOpenDialog('update', scope.row.id)" v-hasPerm="['system:dict_data:update']">编辑</el-button>
-            <el-button type="danger" size="small" link icon="delete" @click="handleDelete([scope.row.id])" v-hasPerm="['system:dict_data:delete']">删除</el-button>
+            <el-button v-hasPerm="['system:dict_data:update']" type="primary" size="small" link icon="edit" @click="handleOpenDialog('update', scope.row.id)">编辑</el-button>
+            <el-button v-hasPerm="['system:dict_data:delete']" type="danger" size="small" link icon="delete" @click="handleDelete([scope.row.id])">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/views/system/dict/index.vue b/frontend/src/views/system/dict/index.vue
index b1c32ef8..6bcbae37 100644
--- a/frontend/src/views/system/dict/index.vue
+++ b/frontend/src/views/system/dict/index.vue
@@ -61,39 +61,55 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:dict_type:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:dict_type:delete']">批量删除</el-button>
-          <el-dropdown trigger="click" v-hasPerm="['system:dict_type:patch']">
-            <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">
-              更多
-            </el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dict_type:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:dict_type:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:dict_type:patch']" trigger="click">
+                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">
+                  更多
+                </el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:dict_type:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-              <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:dict_type:refresh']" />
-            </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click" v-hasPerm="['system:dict_type:filter']">
-              <el-button type="default" icon="operation" circle />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button v-hasPerm="['system:dict_type:export']" type="warning" icon="download" circle @click="handleExport"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['system:dict_type:refresh']" type="primary" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown v-hasPerm="['system:dict_type:filter']" trigger="click">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/log/index.vue b/frontend/src/views/system/log/index.vue
index 7dfe69fd..28f077ac 100644
--- a/frontend/src/views/system/log/index.vue
+++ b/frontend/src/views/system/log/index.vue
@@ -61,15 +61,25 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:log:delete']">批量删除</el-button>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:log:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:log:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-            <el-button type="default" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:log:refresh']" />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button v-hasPerm="['system:log:export']" type="warning" icon="download" circle @click="handleExport"/>
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['system:log:refresh']" type="default" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/menu/index.vue b/frontend/src/views/system/menu/index.vue
index 9b395dfd..b35360d3 100644
--- a/frontend/src/views/system/menu/index.vue
+++ b/frontend/src/views/system/menu/index.vue
@@ -58,9 +58,15 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:menu:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:menu:delete']">批量删除</el-button>
-          <el-dropdown trigger="click" v-hasPerm="['system:menu:patch']">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:menu:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:menu:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:menu:patch']" trigger="click">
                 <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
                 <template #dropdown>
                   <el-dropdown-menu>
@@ -69,11 +75,17 @@
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="刷新">
-            <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:menu:refresh']" />
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button v-hasPerm="['system:menu:refresh']" type="primary" icon="refresh" circle @click="handleRefresh"/>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/notice/index.vue b/frontend/src/views/system/notice/index.vue
index cca1ff23..870c8b09 100644
--- a/frontend/src/views/system/notice/index.vue
+++ b/frontend/src/views/system/notice/index.vue
@@ -72,39 +72,55 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:notice:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:notice:delete']">批量删除</el-button>
-          <el-dropdown trigger="click" v-hasPerm="['system:notice:patch']">
-            <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-        <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:notice:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-              <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:notice:refresh']" />
-            </el-tooltip>
-          <el-tooltip content="列表筛选">
-              <el-dropdown trigger="click" v-hasPerm="['system:notice:filter']">
-                <el-button type="default" icon="operation" circle />
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:notice:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:notice:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:notice:patch']" trigger="click">
+                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
                 <template #dropdown>
                   <el-dropdown-menu>
-                    <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                      <el-checkbox v-model="column.show">
-                        {{ column.label }}
-                      </el-checkbox>
-                    </el-dropdown-item>
+                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
-            </el-tooltip>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="data-table__toolbar--tools">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:notice:export']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:notice:refresh']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown trigger="click" v-hasPerm="['system:notice:filter']">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">
+                          {{ column.label }}
+                        </el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/position/index.vue b/frontend/src/views/system/position/index.vue
index f483b053..1dcd6bbc 100644
--- a/frontend/src/views/system/position/index.vue
+++ b/frontend/src/views/system/position/index.vue
@@ -58,37 +58,53 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
-          <el-button type="success" icon="plus" @click="handleOpenDialog('create')" v-hasPerm="['system:position:create']">新增</el-button>
-          <el-button type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)" v-hasPerm="['system:position:delete']">批量删除</el-button>
-          <el-dropdown trigger="click" v-hasPerm="['system:position:patch']">
-            <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
-            <template #dropdown>
-          <el-dropdown-menu v-hasPerm="['system:position:filter']">
-                <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:position:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button v-hasPerm="['system:position:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-dropdown v-hasPerm="['system:position:patch']" trigger="click">
+                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">更多</el-button>
+                <template #dropdown>
+                  <el-dropdown-menu v-hasPerm="['system:position:filter']">
+                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-col>
+          </el-row>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:position:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-            <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:position:refresh']" />
-          </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click">
-              <el-button type="default" icon="operation" circle />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:position:export']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:position:refresh']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown trigger="click">
+                  <el-button type="default" icon="operation" circle />
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/role/index.vue b/frontend/src/views/system/role/index.vue
index ca3f158b..7757ef0a 100644
--- a/frontend/src/views/system/role/index.vue
+++ b/frontend/src/views/system/role/index.vue
@@ -58,6 +58,17 @@
       <!-- 功能区域 -->
       <div class="data-table__toolbar">
         <div class="data-table__toolbar--actions">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+
+            </el-col>
+            <el-col :span="1.5">
+              
+            </el-col>
+            <el-col :span="1.5">
+              
+            </el-col>
+          </el-row>
           <el-button v-hasPerm="['system:role:create']" type="success" icon="plus" @click="handleOpenDialog('create')">新增</el-button>
           <el-button v-hasPerm="['system:role:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
           <el-dropdown v-hasPerm="['system:role:patch']" trigger="click">
@@ -73,24 +84,32 @@
           </el-dropdown>
         </div>
         <div class="data-table__toolbar--tools">
-          <el-tooltip content="导出">
-            <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:role:export']" />
-          </el-tooltip>
-          <el-tooltip content="刷新">
-              <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:role:refresh']" />
-            </el-tooltip>
-          <el-tooltip content="列表筛选">
-            <el-dropdown trigger="click">
-                <el-button type="default" icon="operation" circle />
-                <template #dropdown>
-                  <el-dropdown-menu v-hasPerm="['system:role:filter']">
-                  <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
-                    <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </el-tooltip>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-tooltip content="导出">
+                <el-button type="warning" icon="download" circle @click="handleExport" v-hasPerm="['system:role:export']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="刷新">
+                <el-button type="primary" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:role:refresh']" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="1.5">
+              <el-tooltip content="列表筛选">
+                <el-dropdown trigger="click">
+                    <el-button type="default" icon="operation" circle />
+                    <template #dropdown>
+                      <el-dropdown-menu v-hasPerm="['system:role:filter']">
+                      <el-dropdown-item v-for="column in tableColumns" :key="column.prop" :command="column">
+                        <el-checkbox v-model="column.show">{{ column.label }}</el-checkbox>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </el-tooltip>
+            </el-col>
+          </el-row>
         </div>
       </div>
 
diff --git a/frontend/src/views/system/user/index.vue b/frontend/src/views/system/user/index.vue
index 5b3fd629..47fadf8a 100644
--- a/frontend/src/views/system/user/index.vue
+++ b/frontend/src/views/system/user/index.vue
@@ -68,31 +68,47 @@
           <!-- 功能区域 -->
           <div class="data-table__toolbar">
             <div class="data-table__toolbar--actions">
-              <el-button v-hasPerm="['system:user:create']" type="success" icon="plus"  @click="handleOpenDialog('create')">新增</el-button>
-              <el-button v-hasPerm="['system:user:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
-              <el-dropdown v-hasPerm="['system:user:patch']" trigger="click">
-                <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">
-                  更多
-                </el-button>
-                <template #dropdown>
-                  <el-dropdown-menu v-hasPerm="['system:user:filter']">
-                    <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
-                    <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
+              <el-row :gutter="10">
+                <el-col :span="1.5">
+                  <el-button v-hasPerm="['system:user:create']" type="success" icon="plus"  @click="handleOpenDialog('create')">新增</el-button>
+                </el-col>
+                <el-col :span="1.5">
+                  <el-button v-hasPerm="['system:user:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+                </el-col>
+                <el-col :span="1.5">
+                  <el-dropdown v-hasPerm="['system:user:patch']" trigger="click">
+                    <el-button type="default" :disabled="selectIds.length === 0" icon="ArrowDown">
+                      更多
+                    </el-button>
+                    <template #dropdown>
+                      <el-dropdown-menu v-hasPerm="['system:user:filter']">
+                        <el-dropdown-item icon="Check" @click="handleMoreClick(true)">批量启用</el-dropdown-item>
+                        <el-dropdown-item icon="CircleClose" @click="handleMoreClick(false)">批量停用</el-dropdown-item>
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </el-col>
+              </el-row>
             </div>
 
             <div class="data-table__toolbar--tools">
-              <el-tooltip content="导入">
-                <el-button v-hasPerm="['system:user:import']" type="info" icon="upload" circle @click="handleOpenImportDialog" />
-              </el-tooltip>
-              <el-tooltip content="导出">
-                <el-button v-hasPerm="['system:user:export']" type="warning" icon="download" circle @click="handleExport" />
-              </el-tooltip>
-              <el-tooltip content="刷新">
-                <el-button type="default" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:user:refresh']" />
-              </el-tooltip>
+              <el-row :gutter="10">
+                <el-col :span="1.5">
+                  <el-tooltip content="导入">
+                    <el-button v-hasPerm="['system:user:import']" type="info" icon="upload" circle @click="handleOpenImportDialog" />
+                  </el-tooltip>
+                </el-col>
+                <el-col :span="1.5">
+                  <el-tooltip content="导出">
+                    <el-button v-hasPerm="['system:user:export']" type="warning" icon="download" circle @click="handleExport" />
+                  </el-tooltip>
+                </el-col>
+                <el-col :span="1.5">
+                  <el-tooltip content="刷新">
+                    <el-button type="default" icon="refresh" circle @click="handleRefresh" v-hasPerm="['system:user:refresh']" />
+                  </el-tooltip>
+                </el-col>
+              </el-row>
             </div>
           </div>