From 6517a2abcb25e1918bcfe5b7859856c88b76167b Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Tue, 21 Nov 2023 11:33:04 +0800
Subject: [PATCH] add footer, update home page layout

---
 frontend/src/views/Home/Home.vue | 38 +++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Home/Home.vue b/frontend/src/views/Home/Home.vue
index 9d88fef..65c6cac 100644
--- a/frontend/src/views/Home/Home.vue
+++ b/frontend/src/views/Home/Home.vue
@@ -5,27 +5,41 @@
                 <div class="logo">
                     <img src="../../assets/logo.png" alt="">
                 </div>
-                <el-menu>
-                    <sidebar/>
+                <el-menu style="height: 100%;">
+                    <sidebar />
                 </el-menu>
             </el-aside>
             <el-container>
                 <el-header style="height:10%">Header</el-header>
-                <el-main>
-                    <router-view/>
+                <el-main style="padding: 0px;">
+                    <router-view />
                 </el-main>
+                <div class="footer">
+                    <p> <a href="https://gitee.com/openeuler/PilotGo" target="_blank">PilotGo</a> version: {{
+                        version.commit ? version.version + "-" + version.commit : version.version }}, build time: {{
+        version.build_time }}
+                        All right reserved</p>
+                </div>
             </el-container>
         </el-container>
     </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted } from "vue";
+import { ref, onMounted } from "vue";
 import Sidebar from "./components/Sidebar.vue";
 
 import { updateSidebarItems } from "@/router/index";
 
-onMounted(()=>{
+interface VersionInfo {
+    commit?: string
+    version?: string
+    build_time?: string
+}
+
+const version = ref<VersionInfo>({})
+
+onMounted(() => {
     updateSidebarItems();
 })
 
@@ -44,6 +58,8 @@ onMounted(()=>{
 
     .el-aside {
         height: 100%;
+        display: flex;
+        flex-direction: column;
 
         .logo {
             width: 100%;
@@ -61,5 +77,15 @@ onMounted(()=>{
             }
         }
     }
+
+    .footer {
+        height: 20px;
+        width: 100%;
+        line-height: 20px;
+        background-color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
 }
 </style>
\ No newline at end of file
-- 
Gitee