From 6e41ce0ab4300758ebd77ea257c3d9532e3df7e0 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期二, 10 五月 2022 11:58:22 +0800
Subject: [PATCH] 接口对接
---
src/pages/components/showIndexTitle.vue | 78 +++++++++++++++++++++++++++------------
1 files changed, 54 insertions(+), 24 deletions(-)
diff --git a/src/pages/components/showIndexTitle.vue b/src/pages/components/showIndexTitle.vue
index 38a22e0..0a5c2e8 100644
--- a/src/pages/components/showIndexTitle.vue
+++ b/src/pages/components/showIndexTitle.vue
@@ -2,7 +2,7 @@
<div class="showIndexTitle-wrap">
<h1 class="title">鐭冲搴勪汉绀惧眬涓氬姟杩愯鏁版嵁鍒嗘瀽骞冲彴</h1>
<el-menu
- :default-active="$route.path"
+ :default-active="activeIndex"
router
mode="horizontal"
class="el-menu-demo"
@@ -23,24 +23,24 @@
<h1>绀句細淇濋殰</h1>
</div>
</el-menu-item>
- <el-menu-item>
+ <el-menu-item index="/personnelTalents">
<div class="showIndex-block">
<h1>浜轰簨浜烘墠</h1>
</div>
</el-menu-item>
- <el-menu-item>
+ <el-menu-item index="/laborRelations">
<div class="showIndex-block">
<h1>鍔冲姩鍏崇郴</h1>
</div>
</el-menu-item>
- <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>
+ <el-menu-item index="/businessPolicy">
<div class="showIndex-block">
<h1>钀ュ晢鏀跨瓥</h1>
</div>
@@ -60,7 +60,7 @@
<h1>鏂囨。涓績</h1>
</div>
</el-menu-item>
- <el-menu-item index="/login">
+ <el-menu-item @click="goOut">
<div class="showIndex-block">
<h1>閫�鍑虹櫥褰�</h1>
</div>
@@ -72,7 +72,29 @@
<script>
export default {
- name: "showIndexTitle"
+ name: "showIndexTitle",
+ data() {
+ return {
+ activeIndex: '/index'
+ }
+ },
+ mounted() {
+ this.$route.meta.routerParent && (this.activeIndex = '/' + this.$route.meta.routerParent)
+ },
+ methods: {
+ goOut() {
+ this.$confirm('鏄惁閫�鍑虹郴缁�, 鏄惁缁х画?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ this.$store.dispatch('logout').then(res => {
+ this.$router.push('/login')
+ })
+ })
+
+ }
+ },
};
</script>
@@ -91,15 +113,15 @@
.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;
+ 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: 12.8rem /* 128/10 */;
- height: 5rem;
- margin-right: 1.2rem /* 12/10 */;
+ width: 0.5rem /* 128/256 */;
+ height: 0.1953125rem /* 50/256 */;
+ margin-right: 0.046875rem /* 12/256 */;
}
.el-menu.el-menu--horizontal {
border-bottom: 0;
@@ -109,22 +131,29 @@
<style lang="scss" scoped>
.showIndexTitle-wrap {
width: 100%;
- height: 9rem /* 90/10 */;
+ 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%;
+ width: 0.5rem;
+ height: 0.19531rem;
+ }
.title {
- font-size: 3rem /* 30/10 */;
- font-family: "Source Han Sans CN";
+ font-size: 0.1171875rem /* 30/256 */;
+ //font-family: "Source Han Sans CN";
color: #fff;
text-align: center;
- line-height: 7rem /* 70/10 */;
+ line-height: 0.2734375rem /* 70/256 */;
}
.showIndex-left {
position: absolute;
- left: 1rem /* 10/10 */;
- top: -5rem /* 10/10 */;
+ 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%;*/
@@ -132,17 +161,18 @@
/*height: 5rem;*/
h1 {
color: #fff;
- font-size: 2.4rem;
+ font-size: 0.09375rem /* 24/256 */;
text-align: center;
- line-height: 5rem;
+ line-height: 0.1953125rem /* 50/256 */;
}
}
}
.showIndex-right {
position: absolute;
- right: 1rem /* 10/10 */;
- top: -5rem /* 10/10 */;
+ 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%;*/
@@ -151,9 +181,9 @@
/*cursor: pointer;*/
h1 {
color: #fff;
- font-size: 2.4rem;
+ font-size: 0.09375rem /* 24/256 */;
text-align: center;
- line-height: 5rem;
+ line-height: 0.1953125rem /* 50/256 */;
}
}
.menu-active {
--
Gitblit v1.9.1