From af63b044b26ddf2a381b28e7a7f413ddeb31e1e9 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期五, 29 四月 2022 12:07:30 +0800
Subject: [PATCH] 社会收支总表

---
 src/pages/components/showIndexTitle.vue |  309 +++++++++++++++++++++++++++-----------------------
 1 files changed, 166 insertions(+), 143 deletions(-)

diff --git a/src/pages/components/showIndexTitle.vue b/src/pages/components/showIndexTitle.vue
index 7a47c89..91c2402 100644
--- a/src/pages/components/showIndexTitle.vue
+++ b/src/pages/components/showIndexTitle.vue
@@ -1,159 +1,182 @@
 <template>
-    <div class="showIndexTitle-wrap">
-      <h1 class="title">鐭冲搴勪汉绀惧眬涓氬姟杩愯鏁版嵁鍒嗘瀽骞冲彴</h1>
-      <el-menu :default-active="$route.path" router mode="horizontal" class="el-menu-demo">
-        <div class="showIndex-left">
-          <el-menu-item index="/index">
-            <div class="showIndex-block">
-              <h1>棣栭〉</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item index="/jiuyeAndChuangye">
-            <div class="showIndex-block">
-              <h1>灏变笟鍒涗笟</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item index="/shehuiBaozhang">
-            <div class="showIndex-block">
-              <h1>绀句細淇濋殰</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>浜轰簨浜烘墠</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>鍔冲姩鍏崇郴</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>鍏跺畠涓氬姟</h1>
-            </div>
-          </el-menu-item>
-
-        </div>
-        <div class="showIndex-right">
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>钀ュ晢鏀跨瓥</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>閫氳褰�</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>宸ヤ綔鍛ㄦ姤</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>鏂囨。涓績</h1>
-            </div>
-          </el-menu-item>
-          <el-menu-item>
-            <div class="showIndex-block">
-              <h1>閫�鍑虹櫥褰�</h1>
-            </div>
-          </el-menu-item>
-        </div>
-      </el-menu>
-    </div>
+  <div class="showIndexTitle-wrap">
+    <h1 class="title">鐭冲搴勪汉绀惧眬涓氬姟杩愯鏁版嵁鍒嗘瀽骞冲彴</h1>
+    <el-menu
+      :default-active="activeIndex"
+      router
+      mode="horizontal"
+      class="el-menu-demo"
+    >
+      <div class="showIndex-left">
+        <el-menu-item index="/index">
+          <div class="showIndex-block">
+            <h1>棣栭〉</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/jiuyeAndChuangye">
+          <div class="showIndex-block">
+            <h1>灏变笟鍒涗笟</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/shehuiBaozhang">
+          <div class="showIndex-block">
+            <h1>绀句細淇濋殰</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/personnelTalents">
+          <div class="showIndex-block">
+            <h1>浜轰簨浜烘墠</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/laborRelations">
+          <div class="showIndex-block">
+            <h1>鍔冲姩鍏崇郴</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/otherBusiness">
+          <div class="showIndex-block">
+            <h1>鍏跺畠涓氬姟</h1>
+          </div>
+        </el-menu-item>
+      </div>
+      <div class="showIndex-right">
+        <el-menu-item index="/businessPolicy">
+          <div class="showIndex-block">
+            <h1>钀ュ晢鏀跨瓥</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item>
+          <div class="showIndex-block">
+            <h1>閫氳褰�</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item>
+          <div class="showIndex-block">
+            <h1>宸ヤ綔鍛ㄦ姤</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item>
+          <div class="showIndex-block">
+            <h1>鏂囨。涓績</h1>
+          </div>
+        </el-menu-item>
+        <el-menu-item index="/login">
+          <div class="showIndex-block">
+            <h1>閫�鍑虹櫥褰�</h1>
+          </div>
+        </el-menu-item>
+      </div>
+    </el-menu>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "showIndexTitle"
+export default {
+  name: "showIndexTitle",
+  data() {
+    return {
+        activeIndex: '/index'
     }
+  },
+  mounted() {
+      this.$route.meta.routerParent && (this.activeIndex = '/' + this.$route.meta.routerParent)
+  },
+  methods: {
+
+  },
+};
 </script>
 
 <style lang="scss">
-  .showIndexTitle-wrap{
-    .el-menu-item:focus, .el-menu-item:hover{
-      background-color:transparent;
-    }
-    /*.el-menu-item:focus{*/
-    /*  background:url("../../assets/images/menu-active.png") no-repeat center;*/
-    /*  background-size: 100% 100%;*/
-    /*  width: 12.8rem  !* 128/10 *!;*/
-    /*  height: 5rem;*/
-    /*}*/
-    .el-menu-item.is-active{
-      background:url("../../assets/images/menu-active.png") no-repeat center;
-      background-size: 100% 100%;
-      width: 12.8rem  /* 128/10 */;
-      height: 5rem;
-    }
-    .el-menu-item{
-      background:url("../../assets/images/menu-normal.png") no-repeat center;
-      background-size: 100% 100%;
-      width: 12.8rem  /* 128/10 */;
-      height: 5rem;
-      margin-right: 1.2rem  /* 12/10 */;
-    }
-    .el-menu.el-menu--horizontal{
-      border-bottom: 0;
-    }
+.showIndexTitle-wrap {
+  .el-menu-item:focus,
+  .el-menu-item:hover {
+    background-color: transparent;
   }
-
+  /*.el-menu-item:focus{*/
+  /*  background:url("../../assets/images/menu-active.png") no-repeat center;*/
+  /*  background-size: 100% 100%;*/
+  /*  width: 12.8rem  !* 128/10 *!;*/
+  /*  height: 5rem;*/
+  /*}*/
+  .el-menu-item.is-active {
+    background: url("../../assets/images/menu-active.png") no-repeat center;
+    background-size: 100% 100%;
+    width: 0.5rem  /* 128/256 */;
+    height: 0.1953125rem  /* 50/256 */;
+  }
+  .el-menu-item {
+    background: url("../../assets/images/menu-normal.png") no-repeat center;
+    background-size: 100% 100%;
+    width: 0.5rem  /* 128/256 */;
+    height: 0.1953125rem  /* 50/256 */;
+    margin-right: 0.046875rem  /* 12/256 */;
+  }
+  .el-menu.el-menu--horizontal {
+    border-bottom: 0;
+  }
+}
 </style>
 <style lang="scss" scoped>
-  .showIndexTitle-wrap{
-    width: 100%;
-    height: 9rem  /* 90/10 */;
-    background:url("../../assets/images/jiashicang-title-bj.png") no-repeat center;
+.showIndexTitle-wrap {
+  width: 100%;
+  height: 0.3515625rem  /* 90/256 */;
+  background: url("../../assets/images/jiashicang-title-bj.png") no-repeat
+    center;
+  background-size: 100% 100%;
+  .activeStyle{
+    background: url(data:image/png;base64,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) no-repeat center;
     background-size: 100% 100%;
-    .title{
-      font-size: 3rem  /* 30/10 */;
-      font-family: 'Source Han Sans CN';
-      color: #fff;
-      text-align: center;
-      line-height: 7rem  /* 70/10 */;
-    }
-    .showIndex-left{
-      position: absolute;
-      left:1rem  /* 10/10 */;
-      top: -5rem  /* 10/10 */;
-      display: flex;
-      .showIndex-block{
-        /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
-        /*background-size: 100% 100%;*/
-        /*width: 12.8rem  !* 128/10 *!;*/
-        /*height: 5rem;*/
-        h1{
-          color: #fff;
-          font-size: 2.4rem;
-          text-align: center;
-          line-height: 5rem;
-        }
-      }
-    }
-    .showIndex-right{
-      position: absolute;
-      right:1rem  /* 10/10 */;
-      top: -5rem  /* 10/10 */;
-      display: flex;
-      .showIndex-block{
-        /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
-        /*background-size: 100% 100%;*/
-        /*width: 12.8rem  !* 128/10 *!;*/
-        /*height: 5rem;*/
-        /*cursor: pointer;*/
-        h1{
-          color: #fff;
-          font-size: 2.4rem;
-          text-align: center;
-          line-height: 5rem;
-        }
-      }
-      .menu-active{
-
+    width: 0.5rem;
+    height: 0.19531rem;
+  }
+  .title {
+    font-size: 0.1171875rem  /* 30/256 */;
+    //font-family: "Source Han Sans CN";
+    color: #fff;
+    text-align: center;
+    line-height: 0.2734375rem  /* 70/256 */;
+  }
+  .showIndex-left {
+    position: absolute;
+    left: 0.0390625rem  /* 10/256 */;
+    top: -0.1953125rem  /* -50/256 */;
+    display: flex;
+    z-index: 9;
+    .showIndex-block {
+      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
+      /*background-size: 100% 100%;*/
+      /*width: 12.8rem  !* 128/10 *!;*/
+      /*height: 5rem;*/
+      h1 {
+        color: #fff;
+        font-size: 0.09375rem  /* 24/256 */;
+        text-align: center;
+        line-height: 0.1953125rem  /* 50/256 */;
       }
     }
   }
+  .showIndex-right {
+    position: absolute;
+    right: 0.0390625rem  /* 10/256 */;
+    top: -0.1953125rem  /* -50/256 */;
+    display: flex;
+    z-index: 9;
+    .showIndex-block {
+      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
+      /*background-size: 100% 100%;*/
+      /*width: 12.8rem  !* 128/10 *!;*/
+      /*height: 5rem;*/
+      /*cursor: pointer;*/
+      h1 {
+        color: #fff;
+        font-size: 0.09375rem  /* 24/256 */;
+        text-align: center;
+        line-height: 0.1953125rem  /* 50/256 */;
+      }
+    }
+    .menu-active {
+    }
+  }
+}
 </style>

--
Gitblit v1.9.1