|
|
@ -1,16 +1,17 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="navbar"> |
|
|
|
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>汇融云眼贷后监管平台</p> |
|
|
|
<!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> --> |
|
|
|
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" |
|
|
|
style="width: 45px;height: 45px;margin-right: 10px;" />汇融云眼贷后监管平台</p> |
|
|
|
<!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> --> |
|
|
|
<div class="right-menu"> |
|
|
|
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> |
|
|
|
<p>欢迎您,{{name}}</p> |
|
|
|
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> |
|
|
|
<p>欢迎您,{{ name }}</p> |
|
|
|
<el-badge :value="6" class="item"> |
|
|
|
<img @click="toxiaoxi()" src="@/assets/images/info.png"> |
|
|
|
<img @click="toxiaoxi()" src="@/assets/images/info.png"> |
|
|
|
</el-badge> |
|
|
|
<!-- <img src="@/assets/images/dy.png" @click="logout"> --> |
|
|
|
<span class="backToHome"><i class="el-icon-back"></i>返回首页</span> |
|
|
|
<span class="backToHome" @click="logout"><i class="el-icon-back"></i>返回首页</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-footer class="footer" height="40px">Copyright © {{ year }} 技术支持集团 All Rights Reserved</el-footer> |
|
|
@ -18,168 +19,172 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
Orgname: '', |
|
|
|
departmentName: '', |
|
|
|
name: '', |
|
|
|
year:'', |
|
|
|
pNameAndDepartmentNameAndPostName:'' |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.Orgname = window.sessionStorage.getItem('Orgname') |
|
|
|
this.departmentName = window.sessionStorage.getItem('departmentName') |
|
|
|
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('defaultOrgPathName') |
|
|
|
this.name = window.sessionStorage.getItem('name') |
|
|
|
var nowDate = new Date() |
|
|
|
this.year = nowDate.getFullYear() |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
Orgname: '', |
|
|
|
departmentName: '', |
|
|
|
name: '', |
|
|
|
year: '', |
|
|
|
pNameAndDepartmentNameAndPostName: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.Orgname = window.sessionStorage.getItem('Orgname') |
|
|
|
this.departmentName = window.sessionStorage.getItem('departmentName') |
|
|
|
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('defaultOrgPathName') |
|
|
|
this.name = window.sessionStorage.getItem('name') |
|
|
|
var nowDate = new Date() |
|
|
|
this.year = nowDate.getFullYear() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
logout() { |
|
|
|
this.$router.push({ path: '/home' }) |
|
|
|
window.opener = null |
|
|
|
window.open('about:blank', '_top').close() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
logout() { |
|
|
|
// this.$router.push({ path: '/home' }) |
|
|
|
window.opener = null |
|
|
|
window.open('about:blank', '_top').close() |
|
|
|
}, |
|
|
|
toxiaoxi() { |
|
|
|
this.$router.push('/xiaoxi/xiaoxiList') |
|
|
|
} |
|
|
|
toxiaoxi() { |
|
|
|
this.$router.push('/xiaoxi/xiaoxiList') |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "~@/styles/variables.scss"; |
|
|
|
|
|
|
|
.navbar { |
|
|
|
height: 60px; |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
background: $header-bg; |
|
|
|
padding: 0 30px; |
|
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); |
|
|
|
|
|
|
|
.hamburger-container { |
|
|
|
line-height: 46px; |
|
|
|
height: 100%; |
|
|
|
float: left; |
|
|
|
cursor: pointer; |
|
|
|
transition: background .3s; |
|
|
|
-webkit-tap-highlight-color: transparent; |
|
|
|
@import "~@/styles/variables.scss"; |
|
|
|
|
|
|
|
.navbar { |
|
|
|
height: 60px; |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
background: $header-bg; |
|
|
|
padding: 0 30px; |
|
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); |
|
|
|
|
|
|
|
.hamburger-container { |
|
|
|
line-height: 46px; |
|
|
|
height: 100%; |
|
|
|
float: left; |
|
|
|
cursor: pointer; |
|
|
|
transition: background .3s; |
|
|
|
-webkit-tap-highlight-color: transparent; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
background: rgba(0, 0, 0, .025) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&:hover { |
|
|
|
background: rgba(0, 0, 0, .025) |
|
|
|
} |
|
|
|
.breadcrumb-container { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #fff; |
|
|
|
font-size: 24px; |
|
|
|
line-height: 60px; |
|
|
|
font-weight: bold; |
|
|
|
margin: 0; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.right-menu { |
|
|
|
float: right; |
|
|
|
height: 100%; |
|
|
|
line-height: 60px; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
&:focus { |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
|
|
|
|
.breadcrumb-container { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #fff; |
|
|
|
font-size: 24px; |
|
|
|
line-height: 60px;font-weight: bold; |
|
|
|
margin: 0; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.right-menu { |
|
|
|
float: right; |
|
|
|
height: 100%; |
|
|
|
line-height: 60px; |
|
|
|
color: #fff; |
|
|
|
p { |
|
|
|
display: inline-block; |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
padding: 0 15px; |
|
|
|
} |
|
|
|
|
|
|
|
&:focus { |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
img { |
|
|
|
vertical-align: middle; |
|
|
|
margin: 0 10px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
p { |
|
|
|
display: inline-block; |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
padding: 0 15px; |
|
|
|
} |
|
|
|
.backToHome { |
|
|
|
display: inline-block; |
|
|
|
vertical-align: middle; |
|
|
|
padding: 0 15px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
img { |
|
|
|
vertical-align: middle; |
|
|
|
margin: 0 10px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.backToHome:hover { |
|
|
|
background: #087dba; |
|
|
|
} |
|
|
|
|
|
|
|
.right-menu-item { |
|
|
|
display: inline-block; |
|
|
|
padding: 0 8px; |
|
|
|
height: 100%; |
|
|
|
font-size: 18px; |
|
|
|
color: #5a5e66; |
|
|
|
vertical-align: text-bottom; |
|
|
|
|
|
|
|
.backToHome { |
|
|
|
display: inline-block; |
|
|
|
vertical-align: middle; |
|
|
|
padding: 0 15px; |
|
|
|
&.hover-effect { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
transition: background .3s; |
|
|
|
|
|
|
|
.backToHome:hover { |
|
|
|
background: #087dba; |
|
|
|
&:hover { |
|
|
|
background: rgba(0, 0, 0, .025) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right-menu-item { |
|
|
|
display: inline-block; |
|
|
|
padding: 0 8px; |
|
|
|
height: 100%; |
|
|
|
font-size: 18px; |
|
|
|
color: #5a5e66; |
|
|
|
vertical-align: text-bottom; |
|
|
|
.avatar-container { |
|
|
|
margin-right: 30px; |
|
|
|
|
|
|
|
&.hover-effect { |
|
|
|
cursor: pointer; |
|
|
|
transition: background .3s; |
|
|
|
.avatar-wrapper { |
|
|
|
margin-top: 5px; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
background: rgba(0, 0, 0, .025) |
|
|
|
} |
|
|
|
.user-avatar { |
|
|
|
cursor: pointer; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.avatar-container { |
|
|
|
margin-right: 30px; |
|
|
|
|
|
|
|
.avatar-wrapper { |
|
|
|
margin-top: 5px; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.user-avatar { |
|
|
|
cursor: pointer; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.el-icon-caret-bottom { |
|
|
|
cursor: pointer; |
|
|
|
position: absolute; |
|
|
|
right: -20px; |
|
|
|
top: 25px; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
.el-icon-caret-bottom { |
|
|
|
cursor: pointer; |
|
|
|
position: absolute; |
|
|
|
right: -20px; |
|
|
|
top: 25px; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.footer { |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
line-height: 40px; |
|
|
|
background: #E9F1F7; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
::v-deep .el-badge__content{position: relative; |
|
|
|
|
|
|
|
height: 20px; |
|
|
|
line-height: 20px; |
|
|
|
padding: 0 6px; |
|
|
|
} |
|
|
|
::v-deep .el-badge__content.is-fixed { |
|
|
|
position: absolute; |
|
|
|
top: 17px; |
|
|
|
right: 14px; |
|
|
|
.footer { |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
line-height: 40px; |
|
|
|
background: #E9F1F7; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-badge__content { |
|
|
|
position: relative; |
|
|
|
|
|
|
|
height: 20px; |
|
|
|
line-height: 20px; |
|
|
|
padding: 0 6px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-badge__content.is-fixed { |
|
|
|
position: absolute; |
|
|
|
top: 17px; |
|
|
|
right: 14px; |
|
|
|
} |
|
|
|
</style> |
|
|
|