<template>
|
<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",
|
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: 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: 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: 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>
|
