From 5c40d70d822d093ac79f4bb5797c9219e42c8215 Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Thu, 29 Feb 2024 14:48:18 +0800
Subject: [PATCH] home seo

---
 src/assets/css/global_card.css |  4 +--
 src/views/Home.vue             | 54 +++++++++++++++-------------------
 2 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/src/assets/css/global_card.css b/src/assets/css/global_card.css
index 40e2510..e7a96f5 100644
--- a/src/assets/css/global_card.css
+++ b/src/assets/css/global_card.css
@@ -1,6 +1,6 @@
 
 .el-card {
-  border-radius: 10px; /* 原始 默认值 4px */
+  border-radius: 5px; /* 原始 默认值 4px */
   /*
   border: 1px solid #EBEEF5;
   background-color: #FFF;
@@ -23,6 +23,6 @@
 }
 
 .el-card__body, .el-main {
-  padding: 10px; /* 原始 默认值 20px */
+  padding: 5px; /* 原始 默认值 20px */
 }
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index bf7c88b..975d9d7 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,8 +1,8 @@
 <template>
   <div style="background: #F4F8FF">
-    <el-container style="background: ">
+    <el-container>
       <el-header
-        style="background-color: ; line-height: 56px"
+        style="height:50px; line-height: 40px"
         class="principalheader"
       >
         <div class="navs">
@@ -13,20 +13,21 @@
           />
           <div class="maintitle">神豚体检管理系统</div>
 
-          <!--动态生成菜单 add by pengj -->
-          <div style="margin-left:10px;" v-for="menu in menuPriv" :key="menu.id"          
-            :class="className == menu.displayName ? `actived ${menu.displayName}`:menu.displayName">
-            <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link" style="margin-left: 10px">{{ menu.displayName }}</span>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item v-for="page in menu.treeChildren" :key="page.id"
-                  :command="beforeHandleCommand(menu.displayName, page.routeUrl)" class="dropdownmain">
-                  {{ page.displayName }}
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+          <!--动态生成菜单 add by pengj 'text-align: center;width:' + (window.pageWidth - 280) + 'px;display:flex;'-->
+          <div :style="'display:flex;justify-content:center;width:' + (window.pageWidth - 300) + 'px;'">
+            <div v-for="menu in menuPriv" :key="menu.id"          
+              :class="className == menu.displayName ? `actived ${menu.displayName}`:menu.displayName">
+              <el-dropdown @command="handleCommand">
+                <span class="el-dropdown-link" style="margin-left: 10px">{{ menu.displayName }}</span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item v-for="page in menu.treeChildren" :key="page.id"
+                    :command="beforeHandleCommand(menu.displayName, page.routeUrl)" class="dropdownmain">
+                    {{ page.displayName }}
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
           </div>
- 
           <!--  -->
           <div class="btn">
             <img
@@ -347,7 +348,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(["changepassword", "router"]),
+    ...mapState(["changepassword", "router","window"]),
   },
   created() {
     let expires_in = parseInt(window.sessionStorage.getItem("expires_in"))
@@ -515,7 +516,7 @@ export default {
 }
 .el-dropdown-link {
   font-size: 14px;
-  margin: 0 5px;
+  margin: 0;
   font-weight: 400;
   color: #52555F;
   font-family: "NotoSansSC-Regular";
@@ -546,6 +547,7 @@ export default {
 
 .el-header {
   position: fixed;
+  padding: 0 10px;
   /* top:0;
   left: 0; */
   width: 100%;
@@ -559,21 +561,10 @@ export default {
   width: 100%;
 }
 
-.el-dropdown-link {
-  width: 100%;
-  display: block;
-  position: relative;
-  text-align: center;
-}
-
 .el-menu {
   border-right: none;
 }
 
-.expandend {
-  text-align: center;
-  margin-right: 5%;
-}
 
 .navs {
   display: flex;
@@ -587,6 +578,7 @@ export default {
   overflow-y: auto;
 }
 .maintitle {
+  width:180px;
   font-size: 20px;
   font-weight: 600;
   color: #232748;
@@ -596,8 +588,9 @@ export default {
 ::v-deep .el-dropdown-menu item:not(.is-disabled) {
   color: #fff;
 }
+
 .el-header {
-  height: 70px;
+  height: 40px;
 }
 ::v-deep .el-select-dropdown {
   background: #ccc;
@@ -617,7 +610,7 @@ export default {
 }
 
 .el-main {
-  margin-top: 60px;
+  margin-top: 50px;
   height: calc(100vh, -70px);
 }
 
@@ -627,6 +620,7 @@ export default {
 }
 
 .btn {
+  width:120px;
   color: #000;
   font-weight: 700;
   /* margin-left: 60%; */