From fb28347f1b93c903c1c20eca301f656b0fc434d3 Mon Sep 17 00:00:00 2001
From: qz_cx <wangqingzheng@kylinos.cn>
Date: Wed, 24 Sep 2025 15:34:59 +0800
Subject: [PATCH] 1. Enhance the display function of menus; 2. Add header
 components for data display

---
 .../src/components/AllHeader.vue              | 50 ++++++++++++++++
 .../front-project/src/components/AllMenu.vue  | 58 +++++++++++++++++++
 2 files changed, 108 insertions(+)
 create mode 100644 templates/front-project/src/components/AllHeader.vue
 create mode 100644 templates/front-project/src/components/AllMenu.vue

diff --git a/templates/front-project/src/components/AllHeader.vue b/templates/front-project/src/components/AllHeader.vue
new file mode 100644
index 0000000..4e3070d
--- /dev/null
+++ b/templates/front-project/src/components/AllHeader.vue
@@ -0,0 +1,50 @@
+<!--
+ * Copyright (c) KylinSoft  Co., Ltd. 2024.All rights reserved.
+ * PilotGo-plugin licensed under the Mulan Permissive Software License, Version 2.
+ * See LICENSE file for more details.
+ * Author: wqz <wangqingzheng@kylinos.cn>
+ * Date: Sat May 11 09:14:50 2024 +0800
+-->
+<template>
+  <div class="header">
+    <el-header>
+      <div class="title">kytuning管理系统</div>
+      <div v-for="(item, index) in $route.matched" :key="index" class="name">{{ item.name }}</div>
+      <div>{{ name }}</div>
+    </el-header>
+  </div>
+</template>
+<script>
+import { getToken } from '@/utils/setToken.js'
+export default {
+    data() {
+        return {
+            name: ''
+        }
+    },
+    created() {
+        this.name = getToken('username')
+    }
+}
+</script>
+<style lang="less" scoped>
+.header {
+    .el-header {
+        background: #2578b5;
+        color: #fff;
+        line-height: 60px;
+        display: flex;
+        justify-content: space-between;
+        .title {
+            width: 200px;
+            font-size: 24px;
+
+          .name {
+            background: #2578b5;
+            color: #fff;
+            font-size: 24px;
+          }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/templates/front-project/src/components/AllMenu.vue b/templates/front-project/src/components/AllMenu.vue
new file mode 100644
index 0000000..7e67f56
--- /dev/null
+++ b/templates/front-project/src/components/AllMenu.vue
@@ -0,0 +1,58 @@
+<!--
+ * Copyright (c) KylinSoft  Co., Ltd. 2024.All rights reserved.
+ * PilotGo-plugin licensed under the Mulan Permissive Software License, Version 2.
+ * See LICENSE file for more details.
+ * Author: wqz <wangqingzheng@kylinos.cn>
+ * Date: Sat May 11 09:14:50 2024 +0800
+-->
+<template>
+  <div class="menu">
+    <el-aside width="200px">
+      <el-menu
+        router
+        :default-active="activePath"
+        class="el-menu-vertical-demo"
+        background-color="#409EFF"
+        text-color="#fff"
+        active-text-color="#ffd04b">
+        <template v-for="(item, index) in menus">
+          <el-sub-menu :index="index + ''" :key="index" v-if="!item.hidden">
+            <template #title>
+              <span @click="handleClick(item.path)">{{item.name}}</span>
+            </template>
+            <el-menu-item
+              :index="child.path"
+              v-for="(child, index) in item.children"
+              :key="index">
+                <i :class="child.iconClass"></i>
+                {{child.name}}
+              </el-menu-item>
+          </el-sub-menu>
+        </template>
+      </el-menu>
+    </el-aside>
+  </div>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router'
+const router = useRouter()
+const menus = router.options.routes
+const activePath = router.currentRoute.value.path
+const handleClick = (path) => {router.push(path)}
+</script>
+
+<style lang="less">
+.menu {
+  height: 100%;
+  .el-aside {
+    height: 100%;
+    .el-menu {
+      height: 100%;
+      .el-submenu__icon-arrow {
+        display: none;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
-- 
Gitee