From c0599a0fd0153156986b8d509f77754d39728c21 Mon Sep 17 00:00:00 2001
From: 97 <1240438805@qq.com>
Date: Fri, 25 Apr 2025 23:22:35 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E3=80=91=E4=BF=AE=E6=94=B9=E9=9D=A2=E5=8C=85=E5=B1=91=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E8=87=B3=E9=A1=B6=E9=83=A8=EF=BC=8C=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E7=BB=84=E4=BB=B6=E8=87=B3layout?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0tags=E9=A1=B5=E7=AD=BE=E7=AE=80?=
 =?UTF-8?q?=E5=8D=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TopCrumb/index.vue   | 46 ++++++++++
 frontend/src/components/TopTags/index.vue    | 96 ++++++++++++++++++++
 frontend/src/layouts/basicLayout.vue         | 42 +++++----
 frontend/src/views/common/docs/index.vue     |  2 -
 frontend/src/views/common/redoc/index.vue    |  2 -
 frontend/src/views/dashboard/analysis.vue    |  2 -
 frontend/src/views/dashboard/workplace.vue   |  2 -
 frontend/src/views/monitor/cache/index.vue   |  3 -
 frontend/src/views/monitor/online/index.vue  |  3 -
 frontend/src/views/system/config/index.vue   |  3 -
 frontend/src/views/system/dept/index.vue     |  3 -
 frontend/src/views/system/dict/data.vue      |  3 -
 frontend/src/views/system/dict/index.vue     |  3 -
 frontend/src/views/system/job/index.vue      |  3 -
 frontend/src/views/system/log/index.vue      |  3 -
 frontend/src/views/system/menu/index.vue     |  3 -
 frontend/src/views/system/notice/index.vue   |  3 -
 frontend/src/views/system/position/index.vue |  3 -
 frontend/src/views/system/role/index.vue     |  3 -
 frontend/src/views/system/user/index.vue     |  3 -
 20 files changed, 166 insertions(+), 65 deletions(-)
 create mode 100644 frontend/src/components/TopCrumb/index.vue
 create mode 100644 frontend/src/components/TopTags/index.vue

diff --git a/frontend/src/components/TopCrumb/index.vue b/frontend/src/components/TopCrumb/index.vue
new file mode 100644
index 00000000..16546384
--- /dev/null
+++ b/frontend/src/components/TopCrumb/index.vue
@@ -0,0 +1,46 @@
+<template>
+    <a-breadcrumb :routes="routes">
+        <template #itemRender="{ route, routes }">
+            <span v-if="isLastRoute(route, routes)">{{ route.breadcrumbName }}</span>
+            <router-link v-else :to="route.path">{{ route.breadcrumbName }}</router-link>
+        </template>
+    </a-breadcrumb>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue';
+import { useRoute } from "vue-router";
+
+interface BreadcrumbRoute {
+    path: string;
+    breadcrumbName?: string;
+}
+
+const route = useRoute();
+const routes = ref<BreadcrumbRoute[]>([]);
+
+const isLastRoute = (currentRoute: BreadcrumbRoute, allRoutes: BreadcrumbRoute[]) => {
+    return allRoutes.indexOf(currentRoute) === allRoutes.length - 1;
+};
+
+const getBreadcrumb = () => {
+    const matchedRoutes = route.matched
+        .filter((_, index) => index > 0) // 跳过第一个匹配项
+        .map(item => ({
+            path: item.path,
+            breadcrumbName: item.meta.title?.toString()
+        }));
+    
+    routes.value = matchedRoutes.length > 1 ? matchedRoutes : [];
+};
+
+// 初始化并监听路由变化
+watch(() => route.path, getBreadcrumb, { immediate: true });
+</script>
+
+<style scoped>
+/* 可以添加一些样式优化 */
+.a-breadcrumb {
+    margin: 12px 0;
+}
+</style>
diff --git a/frontend/src/components/TopTags/index.vue b/frontend/src/components/TopTags/index.vue
new file mode 100644
index 00000000..86074d04
--- /dev/null
+++ b/frontend/src/components/TopTags/index.vue
@@ -0,0 +1,96 @@
+<template>
+    <a-tabs 
+        v-model:activeKey="activeKey" 
+        hide-add 
+        :animated="false"
+        type="editable-card" 
+        @edit="onEdit" 
+        @change="onChange"
+    >
+        <a-tab-pane 
+            v-for="pane in panes" 
+            :key="pane.key" 
+            :tab="pane.title" 
+            :closable="pane.closable"
+        />
+    </a-tabs>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue';
+import { useRoute, useRouter } from "vue-router";
+
+interface Pane {
+    title: string;
+    path: string;
+    key: string;
+    closable?: boolean;
+}
+
+const router = useRouter();
+const route = useRoute();
+
+const panes = ref<Pane[]>([
+    { 
+        title: '工作台', 
+        path: '/dashboard/workplace', 
+        key: '/dashboard/workplace', 
+        closable: false 
+    }
+]);
+
+const activeKey = ref(panes.value[0].key);
+
+const getRoute = () => {
+    const existingPane = panes.value.some(pane => pane.key === route.path);
+    if (!existingPane) {
+        panes.value.push({
+            title: route.meta.title?.toString() || '未命名',
+            path: route.path,
+            key: route.path,
+            closable: true
+        });
+    }
+    activeKey.value = route.path;
+}
+
+const removePane = (targetKey: string) => {
+    const paneIndex = panes.value.findIndex(pane => pane.key === targetKey);
+    panes.value = panes.value.filter(pane => pane.key !== targetKey);
+    
+    if (activeKey.value === targetKey && panes.value.length) {
+        const newIndex = Math.max(0, paneIndex - 1);
+        activeKey.value = panes.value[newIndex].key;
+        router.push(activeKey.value);
+    }
+};
+
+const onEdit = (targetKey: string | MouseEvent, action: string) => {
+    if (action === 'remove') {
+        removePane(targetKey as string);
+    }
+};
+
+const onChange = (targetKey: string) => {
+    router.push(targetKey);
+};
+
+onMounted(getRoute);
+watch(() => route.path, getRoute);
+</script>
+
+<style scoped>
+/* 添加以下样式 */
+:deep(.ant-tabs-nav) {
+    will-change: transform;
+    backface-visibility: hidden;
+}
+
+:deep(.ant-tabs-tab) {
+    transition: none !important;
+}
+
+:deep(.ant-tabs-ink-bar) {
+    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/layouts/basicLayout.vue b/frontend/src/layouts/basicLayout.vue
index ab904c85..4107b236 100644
--- a/frontend/src/layouts/basicLayout.vue
+++ b/frontend/src/layouts/basicLayout.vue
@@ -41,6 +41,7 @@
               <MenuUnfoldOutlined v-else />
             </a-button>
             
+            <topCrumb></topCrumb>
           </div>
 
           <!-- 右侧工具栏 -->
@@ -126,7 +127,7 @@
             </a-dropdown>
           </div>
       </a-layout-header>
-      
+      <topTags></topTags>
       <!-- 主内容区 -->
       <a-layout-content class="layout-content">
         <router-view v-slot="{ Component, route }">
@@ -167,6 +168,10 @@ import { useUserStore } from "@/store/index";
 import { logout } from '@/api/system/auth';
 import { useConfigStore, useNoticeStore } from "@/store/index";
 
+import topTags from '@/components/TopTags/index.vue';
+import topCrumb from '@/components/TopCrumb/index.vue';
+
+
 const userStore = useUserStore();
 
 // 路由相关
@@ -215,6 +220,22 @@ const handleLogout = async () => {
   }
 };
 
+  // 设置展开的菜单
+  const findParentPath = (menus: any[], targetPath: string, parentPath: string[] = []): string[] => {
+    for (const menu of menus) {
+      if (menu.key === targetPath) {
+        return parentPath;
+      }
+      if (menu.children?.length) {
+        const result = findParentPath(menu.children, targetPath, [...parentPath, menu.key]);
+        if (result.length) {
+          return result;
+        }
+      }
+    }
+    return [];
+  };
+  
 // 处理菜单点击
 const handleMenuClick: MenuProps['onClick'] = (menuInfo) => {
   menuState.openKeys = menuInfo.keyPath.slice(0, -1) as string[];
@@ -228,7 +249,8 @@ watch(() => route.path, (newPath) => {
     menuState.openKeys = [];
     menuState.selectedKeys = [];
   } else {
-    menuState.selectedKeys = [newPath];
+  menuState.openKeys = findParentPath(menuState.menus, newPath);
+  menuState.selectedKeys = [newPath];
   }
 });
 
@@ -267,22 +289,6 @@ const initMenu = () => {
   const currentPath = route.path;
   menuState.selectedKeys = [currentPath];
   
-  // 设置展开的菜单
-  const findParentPath = (menus: any[], targetPath: string, parentPath: string[] = []): string[] => {
-    for (const menu of menus) {
-      if (menu.key === targetPath) {
-        return parentPath;
-      }
-      if (menu.children?.length) {
-        const result = findParentPath(menu.children, targetPath, [...parentPath, menu.key]);
-        if (result.length) {
-          return result;
-        }
-      }
-    }
-    return [];
-  };
-  
   menuState.openKeys = findParentPath(menuState.menus, currentPath);
 };
 
diff --git a/frontend/src/views/common/docs/index.vue b/frontend/src/views/common/docs/index.vue
index c9f8dcd4..2da6beda 100644
--- a/frontend/src/views/common/docs/index.vue
+++ b/frontend/src/views/common/docs/index.vue
@@ -1,5 +1,4 @@
 <template>
-    <page-header />
 
     <a-spin :spinning="loading">
         <div :style="'height:' + height">
@@ -11,7 +10,6 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, onBeforeUnmount } from 'vue'
-import PageHeader from '@/components/PageHeader.vue';
 const height = ref(document.documentElement.clientHeight - 94.5 + "px;")
 const loading = ref(true)
 const url = ref(import.meta.env.VITE_APP_BASE_API + "/docs")
diff --git a/frontend/src/views/common/redoc/index.vue b/frontend/src/views/common/redoc/index.vue
index 59a06bd4..bb294feb 100644
--- a/frontend/src/views/common/redoc/index.vue
+++ b/frontend/src/views/common/redoc/index.vue
@@ -1,5 +1,4 @@
 <template>
-    <page-header />
 
     <a-spin :spinning="loading">
         <div :style="'height:' + height">
@@ -11,7 +10,6 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, onBeforeUnmount } from 'vue'
-import PageHeader from '@/components/PageHeader.vue';
 const height = ref(document.documentElement.clientHeight - 94.5 + "px;")
 const loading = ref(true)
 const url = ref(import.meta.env.VITE_APP_BASE_API + "/redoc")
diff --git a/frontend/src/views/dashboard/analysis.vue b/frontend/src/views/dashboard/analysis.vue
index 3ee5cf0d..50349637 100644
--- a/frontend/src/views/dashboard/analysis.vue
+++ b/frontend/src/views/dashboard/analysis.vue
@@ -1,5 +1,4 @@
 <template>
-  <page-header />
     <!-- 分析页 -->
     <div style="padding: 15px 0;">
       <a-row :gutter="24">
@@ -304,7 +303,6 @@
 import { ref, reactive } from 'vue';
 import { InfoCircleOutlined, CaretUpOutlined, CaretDownOutlined, EllipsisOutlined } from '@ant-design/icons-vue';
 import { getRangeDate } from '@/utils/util'
-import PageHeader from '@/components/PageHeader.vue'
 
 const loading = ref(true);
 
diff --git a/frontend/src/views/dashboard/workplace.vue b/frontend/src/views/dashboard/workplace.vue
index dfcb4ba2..4aed1c4f 100644
--- a/frontend/src/views/dashboard/workplace.vue
+++ b/frontend/src/views/dashboard/workplace.vue
@@ -1,5 +1,4 @@
 <template>
-  <page-header />
   <div class="container">
     <div class="page-header-content" style="display: flex; justify-content: space-between; padding-bottom: 20px;">
       <a-row align="middle">
@@ -119,7 +118,6 @@
 
 <script lang="ts" setup>
 import { ref, reactive } from 'vue';
-import PageHeader from '@/components/PageHeader.vue'
 import { timeFix } from '@/utils/util';
 import { PlusOutlined, UserOutlined } from '@ant-design/icons-vue';
 import { useUserStore } from "@/store/index";
diff --git a/frontend/src/views/monitor/cache/index.vue b/frontend/src/views/monitor/cache/index.vue
index b48c8c44..006e85c9 100644
--- a/frontend/src/views/monitor/cache/index.vue
+++ b/frontend/src/views/monitor/cache/index.vue
@@ -1,7 +1,5 @@
 <template>
 
-  <!-- 页面头部 -->
-  <page-header />
 
   <div class="app-container">
     <a-tabs>
@@ -169,7 +167,6 @@ import { message, Modal } from 'ant-design-vue';
 import { getCacheInfo, getCacheNames, getCacheKeys, getCacheValue, deleteCacheName, deleteCacheKey, deleteCacheAll } from "@/api/monitor/cache";
 import * as echarts from 'echarts';
 import type { CacheInfo, CacheForm, CacheMonitor, RedisInfo } from './types';
-import PageHeader from '@/components/PageHeader.vue';
 
 // 响应式状态定义
 const cacheNames = ref<CacheInfo[]>([]);
diff --git a/frontend/src/views/monitor/online/index.vue b/frontend/src/views/monitor/online/index.vue
index b706eaf2..93101f9e 100644
--- a/frontend/src/views/monitor/online/index.vue
+++ b/frontend/src/views/monitor/online/index.vue
@@ -1,6 +1,4 @@
 <template>
-  <!-- 页面头部 -->
-  <page-header />
 
   <!-- 搜索表单 -->
   <div class="table-search-wrapper">
@@ -71,7 +69,6 @@ import { DeleteOutlined } from '@ant-design/icons-vue';
 import { Modal, message } from 'ant-design-vue';
 import { getOnlineList, deleteOnline} from "@/api/monitor/online";
 import type { QueryState, OnlineUser } from './types';
-import PageHeader from '@/components/PageHeader.vue';
 
 const onlineList = ref<OnlineUser[]>([]);
 const loading = ref(false);
diff --git a/frontend/src/views/system/config/index.vue b/frontend/src/views/system/config/index.vue
index ee647d65..5f226ed8 100644
--- a/frontend/src/views/system/config/index.vue
+++ b/frontend/src/views/system/config/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 配置项编辑区域 -->
     <div class="config-edit-wrapper">
@@ -130,7 +128,6 @@ import { reactive, ref, onMounted } from 'vue';
 import { message } from 'ant-design-vue';
 import { PlusOutlined } from '@ant-design/icons-vue';
 import { getConfigInfo, updateConfig, uploadFile } from '@/api/system/config';
-import PageHeader from '@/components/PageHeader.vue';
 import type { tableDataType } from './types';
 
 // 配置数据
diff --git a/frontend/src/views/system/dept/index.vue b/frontend/src/views/system/dept/index.vue
index fee31302..0981dcaf 100644
--- a/frontend/src/views/system/dept/index.vue
+++ b/frontend/src/views/system/dept/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 搜索表单 -->
     <div class="tree-search-wrapper">
@@ -254,7 +252,6 @@ import type { MenuProps, TableColumnsType } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { listToTree, cloneDeep, isEmpty } from '@/utils/util';
 import { getDeptList, createDept, updateDept, deleteDept, batchAvailableDept } from '@/api/system/dept';
-import PageHeader from '@/components/PageHeader.vue'
 import type { searchDataType, tableDataType } from './types';
 
 // 响应式数据
diff --git a/frontend/src/views/system/dict/data.vue b/frontend/src/views/system/dict/data.vue
index cce49f91..da33f59d 100644
--- a/frontend/src/views/system/dict/data.vue
+++ b/frontend/src/views/system/dict/data.vue
@@ -1,7 +1,5 @@
 <template>
     <div>
-        <!-- 页面头部 -->
-        <page-header />
 
         <!-- 搜索表单 -->
         <div class="table-search-wrapper">
@@ -233,7 +231,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import { getDictTypeOptionselect, getDictTypeList,getDictTypeDetail,createDictType,updateDictType,deleteDictType,exportDictType,getDictDataList,getDictDataDetail,createDictData,updateDictData,deleteDictData,exportDictData,getDictTypeOption,getDictDataByType } from '@/api/system/dict'
 import type { searchDictDataType, tableDictDataType } from './types'
 import { useDictStore } from "@/store/index";
diff --git a/frontend/src/views/system/dict/index.vue b/frontend/src/views/system/dict/index.vue
index cd9d6598..3c761848 100644
--- a/frontend/src/views/system/dict/index.vue
+++ b/frontend/src/views/system/dict/index.vue
@@ -1,7 +1,5 @@
 <template>
     <div>
-        <!-- 页面头部 -->
-        <page-header />
 
         <!-- 搜索表单 -->
         <div class="table-search-wrapper">
@@ -171,7 +169,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import { getDictTypeList,getDictTypeDetail,createDictType,updateDictType,deleteDictType,exportDictType,getDictDataList,getDictDataDetail,createDictData,updateDictData,deleteDictData,exportDictData,getDictTypeOption,getDictDataByType } from '@/api/system/dict'
 import type { searchDataType, tableDictType } from './types'
 
diff --git a/frontend/src/views/system/job/index.vue b/frontend/src/views/system/job/index.vue
index 0044eb7c..ad4c77d1 100644
--- a/frontend/src/views/system/job/index.vue
+++ b/frontend/src/views/system/job/index.vue
@@ -1,7 +1,5 @@
 <template>
     <div>
-        <!-- 页面头部 -->
-        <page-header />
 
         <!-- 搜索表单 -->
         <div class="table-search-wrapper">
@@ -363,7 +361,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, DeleteOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import IntervalTab from '@/components/IntervalTab.vue';
 import { getJobList, createJob, updateJob, deleteJob, exportJob, clearJob, OptionJob } from '@/api/system/job'
 import type { searchType, tableJobType } from './types'
diff --git a/frontend/src/views/system/log/index.vue b/frontend/src/views/system/log/index.vue
index 31e05f25..7a89d2ca 100644
--- a/frontend/src/views/system/log/index.vue
+++ b/frontend/src/views/system/log/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 搜索表单 -->
     <div class="table-search-wrapper">
@@ -129,7 +127,6 @@ import type { TableColumnsType } from 'ant-design-vue';
 import { SearchOutlined, DownOutlined, DownloadOutlined } from '@ant-design/icons-vue';
 import { message, Modal } from 'ant-design-vue';
 import type { searchDataType, tableDataType, creatorType } from './types'
-import PageHeader from '@/components/PageHeader.vue';
 import { getLogList, deleteLog, exportLog } from '@/api/system/log'
 import SelectorModal from './SelectorModal.vue'
 import XLSX from 'xlsx';
diff --git a/frontend/src/views/system/menu/index.vue b/frontend/src/views/system/menu/index.vue
index 1e5db943..3b2c9e4c 100644
--- a/frontend/src/views/system/menu/index.vue
+++ b/frontend/src/views/system/menu/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 搜索表单 -->
     <div class="table-search-wrapper">
@@ -357,7 +355,6 @@ import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined, ClearOutlined } from '@ant-design/icons-vue';
 import { listToTree, cloneDeep, isEmpty } from '@/utils/util';
 import axios from "axios"
-import PageHeader from '@/components/PageHeader.vue';
 import { getMenuList, createMenu, updateMenu, deleteMenu, batchAvailableMenu } from '@/api/system/menu'
 import type { searchDataType, tableDataType } from './types'
 
diff --git a/frontend/src/views/system/notice/index.vue b/frontend/src/views/system/notice/index.vue
index ab454204..73649e42 100644
--- a/frontend/src/views/system/notice/index.vue
+++ b/frontend/src/views/system/notice/index.vue
@@ -1,7 +1,5 @@
 <template>
     <div>
-        <!-- 页面头部 -->
-        <page-header />
 
         <!-- 搜索表单 -->
         <div class="table-search-wrapper">
@@ -202,7 +200,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import { getNoticeList, createNotice, updateNotice, deleteNotice, batchAvailableNotice, exportNotice } from '@/api/system/notice'
 import type { searchDataType, tableDataType } from './types'
 import { useDictStore } from "@/store/index";
diff --git a/frontend/src/views/system/position/index.vue b/frontend/src/views/system/position/index.vue
index 5c183fc6..9f966ced 100644
--- a/frontend/src/views/system/position/index.vue
+++ b/frontend/src/views/system/position/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 搜索表单 -->
     <div class="table-search-wrapper">
@@ -177,7 +175,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import { getPositionList, createPosition, updatePosition, deletePosition, batchAvailablePosition, exportPosition } from '@/api/system/position'
 import type { searchDataType, tableDataType } from './types'
 
diff --git a/frontend/src/views/system/role/index.vue b/frontend/src/views/system/role/index.vue
index c54dd3e7..83fa1418 100644
--- a/frontend/src/views/system/role/index.vue
+++ b/frontend/src/views/system/role/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 表格搜索 -->
     <div class="table-search-wrapper">
@@ -189,7 +187,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { PlusOutlined, DownOutlined, CheckOutlined, StopOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, isEmpty } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import PermissionDrawer from './PermissionDrawer.vue'
 import type { searchDataType, tableDataType } from './types'
 import { getRoleList, createRole, updateRole, deleteRole, batchAvailableRole, exportRole } from '@/api/system/role'
diff --git a/frontend/src/views/system/user/index.vue b/frontend/src/views/system/user/index.vue
index 3144a40e..35478e67 100644
--- a/frontend/src/views/system/user/index.vue
+++ b/frontend/src/views/system/user/index.vue
@@ -1,7 +1,5 @@
 <template>
   <div>
-    <!-- 页面头部 -->
-    <page-header />
 
     <!-- 表格搜索区域 -->
     <div class="table-search-wrapper">
@@ -366,7 +364,6 @@ import { Table, message, Modal } from 'ant-design-vue';
 import type { TableColumnsType, MenuProps } from 'ant-design-vue';
 import { CarryOutOutlined, SmileTwoTone, PlusOutlined, DownOutlined, UploadOutlined, DownloadOutlined, CheckOutlined, StopOutlined, SearchOutlined } from '@ant-design/icons-vue';
 import { isEmpty, listToTree } from '@/utils/util';
-import PageHeader from '@/components/PageHeader.vue';
 import { getDeptList } from '@/api/system/dept'
 import { getUserList, createUser, updateUser, deleteUser, batchAvailableUser, exportUser, downloadTemplate, importUser } from '@/api/system/user'
 import SelectorModal from './SelectorModal.vue'