4 changed files with 577 additions and 115 deletions
@ -1,43 +1,488 @@ |
|||||
|
|
||||
<template> |
<template> |
||||
<div class="imgDemo"> |
<div style="height: 100%;"> |
||||
<!--<el-button type="primary" @click="getToken()">token</el-button> |
<div class="header"> |
||||
<div style="width: 200px;">{{token}}</div>--> |
<p class="title"><img src="../../assets/loginImg/lo_go.png" style="width: 45px;height: 45px;"/>汇融银行智能监管平台</p> |
||||
|
<div class="head_info"> |
||||
|
<p>欢迎您，{{ pNameAndDepartmentNameAndPostName }} {{ roleName }} {{ name }}</p>s |
||||
|
<p @click="logout()" class="dy"><img src="@/assets/images/dy.png"/></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container1"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="14"> |
||||
|
<ul class="grid-content bg-ltop"> |
||||
|
<li @click="todowork"> |
||||
|
<div style="position: relative"> |
||||
|
<el-badge v-if="shuliang.workCount !== 0" :value="shuliang.workCount" size="mini" class="mark"/> |
||||
|
<img src="@/assets/home/ltIcon1.png"> |
||||
|
</div> |
||||
|
<p>待办工作</p> |
||||
|
</li> |
||||
|
<li @click="donework"> |
||||
|
<img src="@/assets/home/ltIcon2.png"> |
||||
|
<p>已办工作</p> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="@/assets/home/ltIcon3.png"> |
||||
|
<p>待阅工作</p> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="@/assets/home/ltIcon4.png"> |
||||
|
<p>已阅工作</p> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<div class="grid-content bg-rtop"> |
||||
|
<img class="anrui" src="@/assets/home/anrui.png"/> |
||||
|
<p class="rt_title">通知公告</p> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<img class="rtImg" src="../../assets/home/notice.png"/> |
||||
|
<span class="notice">关于召开2021年公司全体员工大会的通知工大会的通知工大会的通知...</span> |
||||
|
<span class="anrui_time">2021-09-01</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="../../assets/home/notice.png"/> |
||||
|
<span class="notice">关于召开2021年公司全体员工大会的通知工大会的通知工大会的通知</span> |
||||
|
<span class="anrui_time">2021-09-01</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="../../assets/home/notice.png"/> |
||||
|
<span class="notice">关于召开2021年公司全体员工大会的通知</span> |
||||
|
<span class="anrui_time">2021-09-01</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="../../assets/home/notice.png"/> |
||||
|
<span class="notice">关于召开2021年公司全体员工大会的通知</span> |
||||
|
<span class="anrui_time">2021-09-01</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="../../assets/home/notice.png"/> |
||||
|
<span class="notice">关于召开2021年公司全体员工大会的通知</span> |
||||
|
<span class="anrui_time">2021-09-01</span> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<ul class="bg-bottom"> |
||||
|
<li @click="toNav(index)" v-for="(item,index) in menus" :key='index'> |
||||
|
<img :src="item.imgUrl"> |
||||
|
<p>{{ item.title }}</p> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<p class="copy">Copyright © {{ year }} 汇融银行 All Rights Reserved</p> |
||||
|
</div> |
||||
|
<el-dialog center :visible.sync="dialogVisible" width="40%" :show-close="false" :close-on-click-modal="false"> |
||||
|
<el-form :model="form" class="formadd"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>原密码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item><el-input v-model="form.original" type="password" show-password/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>新密码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item><el-input v-model="form.password" type="password" show-password/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>确认密码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item><el-input v-model="form.confirmPassword" type="password" show-password/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" size="small" @click="handleConirm">确 定</el-button> |
||||
|
<el-button size="small" @click="handleQuXiao">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import {login1} from '@/api/system/user/login.js' |
import { getStorage, removeStorage } from '@/utils/auth' |
||||
export default { |
import User from '@/api/User/login.js' |
||||
name: '', |
// import { getTodoNum } from '@/api/system/home/home' |
||||
data() { |
|
||||
return { |
export default { |
||||
token:'' |
data() { |
||||
|
return { |
||||
|
menus: [ |
||||
|
{ |
||||
|
imgUrl: require('@/assets/home/bIcon5.png'), |
||||
|
title: '客户中心' |
||||
|
}, |
||||
|
{ |
||||
|
imgUrl: require('@/assets/home/bIcon3.png'), |
||||
|
title: '审计中心' |
||||
|
}, { |
||||
|
imgUrl: require('@/assets/home/bIcon6.png'), |
||||
|
title: '报表中心' |
||||
|
}, { |
||||
|
imgUrl: require('@/assets/home/bIcon2.png'), |
||||
|
title: '预计中心' |
||||
|
}, { |
||||
|
imgUrl: require('@/assets/home/notice.png'), |
||||
|
title: '消息中心' |
||||
|
}, { |
||||
|
imgUrl: require('@/assets/home/bIcon7.png'), |
||||
|
title: '基础信息' |
||||
|
},{ |
||||
|
imgUrl: require('@/assets/home/bIcon8.png'), |
||||
|
title: '系统管理' |
||||
|
}], |
||||
|
userInfo: {}, |
||||
|
shuliang: { |
||||
|
workCount: '' |
||||
|
}, |
||||
|
dialogVisible: false, |
||||
|
form: { |
||||
|
original: '', |
||||
|
password: '', |
||||
|
confirmPassword: '', |
||||
|
userSid: '' |
||||
|
}, |
||||
|
timer: '', |
||||
|
Orgname: '', |
||||
|
departmentName: '', |
||||
|
name: '', |
||||
|
pNameAndDepartmentNameAndPostName: '', |
||||
|
roleName: '', |
||||
|
year: '' |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getsPasswordByUserSid() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.Orgname = window.sessionStorage.getItem('Orgname') |
||||
|
this.departmentName = window.sessionStorage.getItem('departmentName') |
||||
|
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName') |
||||
|
this.roleName = window.sessionStorage.getItem('roleName') |
||||
|
this.name = window.sessionStorage.getItem('name') |
||||
|
var nowDate = new Date() |
||||
|
this.year = nowDate.getFullYear() |
||||
|
}, |
||||
|
methods: { |
||||
|
getsPasswordByUserSid() { |
||||
|
User.selectPasswordByUserSid(window.sessionStorage.getItem('userSid')).then((resp) => { |
||||
|
if (resp.success && resp.data) { |
||||
|
this.dialogVisible = true |
||||
|
} else { |
||||
|
this.getNum() |
||||
|
this.timer = setInterval(this.getNum, 20000) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getNum() { |
||||
|
// getTodoNum(window.sessionStorage.getItem('userSid')).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.shuliang.workCount = resp.data |
||||
|
// } |
||||
|
// }) |
||||
|
}, |
||||
|
handleConirm() { |
||||
|
if (this.form.original === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '原密码不能为空' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.form.password !== this.form.confirmPassword) { |
||||
|
this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' }) |
||||
|
return |
||||
|
} |
||||
|
this.form.userSid = window.sessionStorage.getItem('userSid') |
||||
|
User.updatePassword(this.form).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', { |
||||
|
confirmButtonText: '确定', |
||||
|
callback: action => { |
||||
|
this.handleQuXiao() |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleQuXiao() { |
||||
|
this.dialogVisible = false |
||||
|
this.form = { |
||||
|
original: '', |
||||
|
password: '', |
||||
|
confirmPassword: '' |
||||
} |
} |
||||
|
User.logout({ token: getStorage() }).then((res) => { |
||||
|
if (res.success) { |
||||
|
removeStorage() |
||||
|
this.$store.commit('user/SET_UESRINFO', '') |
||||
|
this.$router.push({ path: '/login' }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
todowork() { |
||||
|
window.open('/#/todo' + '?token=' + getStorage(), '_blank') |
||||
|
// this.$router.push({ path: '/todo' + '?token=' + getStorage() }) |
||||
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
||||
|
}, |
||||
|
donework() { |
||||
|
window.open('/#/done' + '?token=' + getStorage(), '_blank') |
||||
|
// this.$router.push({ path: '/done' + '?token=' + getStorage() }) |
||||
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
||||
|
}, |
||||
|
logout() { |
||||
|
this.$confirm('确定要退出吗, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
User.logout({ token: getStorage() }).then(res => { |
||||
|
removeStorage() |
||||
|
this.$store.commit('user/SET_UESRINFO', '') |
||||
|
this.$router.push({ path: '/login' }) |
||||
|
}) |
||||
|
}) |
||||
}, |
}, |
||||
methods:{ |
toNav(index, name, titleName) { |
||||
// getToken(){ |
// if (index == '9') { |
||||
// let params = { |
// // this.$router.push({path: '/index'}) |
||||
// password: "329653", |
// let myPopup = window.open('/#/index', '_blank') |
||||
// roleSid: "", |
// } else if (index == '7') { |
||||
// token: "", |
// let myPopup = window.open('http://anrui.yyundong.com/base/#/' + '?token=' + getStorage(), '_blank') |
||||
// userName: "15097329653", |
// // let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage(), '_blank') |
||||
// verifyCode: "" |
// } else if (index == '8') { |
||||
// } |
// let myPopup = window.open('http://anrui.yyundong.com/message/#/' + '?token=' + getStorage(), '_blank') |
||||
// login1(params).then(res => { |
// // let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage(), '_blank') |
||||
// this.token = res.data.token |
// } else if (index == '1') { |
||||
// window.sessionStorage.setItem('token', res.data.token) |
// let myPopup = window.open('http://anrui.yyundong.com/scm/#/' + '?token=' + getStorage(), '_blank') |
||||
// }) |
// // let myPopup = window.open('http://120.46.172.184/scm/#/' + '?token=' + getStorage(), '_blank') |
||||
// } |
// } else if (index == '4') { |
||||
|
// let myPopup = window.open('http://anrui.yyundong.com/fin/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// // let myPopup = window.open('http://120.46.172.184/fin/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// } else if (index == '5') { |
||||
|
// let myPopup = window.open('http://anrui.yyundong.com/manage/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// // let myPopup = window.open('http://120.46.172.184/manage/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// } else if (index == '0') { |
||||
|
// let myPopup = window.open('http://anrui.yyundong.com/buscenter/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// // let myPopup = window.open('http://120.46.172.184/buscenter/#/' + '?token=' + getStorage(), '_blank') |
||||
|
// } |
||||
|
// // const page = this.$router.resolve({name: name}) |
||||
|
// // window.open(page.href,'_blank') |
||||
|
|
||||
|
let myPopup = window.open('/#/index', '_blank') |
||||
} |
} |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
clearInterval(this.timer) |
||||
} |
} |
||||
|
} |
||||
</script> |
</script> |
||||
|
<style scoped="scoped"> |
||||
|
li:hover, |
||||
|
p:hover { |
||||
|
cursor: pointer |
||||
|
} |
||||
|
</style> |
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
.imgDemo { |
p { |
||||
width: 100%; |
margin: 0; |
||||
height: 100%; |
padding: 0; |
||||
background: radial-gradient(#fff,#f5f7f4, #fff); |
} |
||||
|
|
||||
|
.header { |
||||
|
background-color: #0294d7; |
||||
|
color: #fff; |
||||
|
overflow: hidden; |
||||
|
height: 60px; |
||||
|
line-height: 60px; |
||||
|
|
||||
|
.title { |
||||
|
img { |
||||
|
width: 70px; |
||||
|
vertical-align: middle; |
||||
|
font-family: Adobe Heiti Std; |
||||
|
} |
||||
|
|
||||
|
float: left; |
||||
|
font-size: 34px; |
||||
|
margin-left: 35px; |
||||
|
height: 60px; |
||||
|
line-height: 60px; |
||||
} |
} |
||||
canvas { |
|
||||
|
.head_info { |
||||
|
float: right; |
||||
|
margin-top: 0; |
||||
|
font-size: 17px; |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
float: left; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.head_info img { |
||||
|
width: 25px; |
||||
|
margin-top: 20px; |
||||
|
margin-left: 30px; |
||||
|
margin-right: 10px; |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.head_info .dy { |
||||
|
margin-left: 10px; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.container1 { |
||||
|
background: #E9F1F7; |
||||
|
padding: 20px; |
||||
|
width: 100%; |
||||
|
height: calc(100% - 60px); |
||||
|
margin: 0; |
||||
|
|
||||
|
.bg-ltop { |
||||
|
margin: 0; |
||||
|
padding: 0 20px; |
||||
|
background-image: url(../../assets/home/ltBg.png); |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
height: 190px; |
||||
|
|
||||
|
li { |
||||
|
float: left; |
||||
|
list-style: none; |
||||
|
width: 25%; |
||||
|
text-align: center; |
||||
|
|
||||
|
img { |
||||
|
width: 70px; |
||||
|
margin: 45px auto 10px auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bg-rtop { |
||||
|
background-image: url(../../assets/home/rtBg.png); |
||||
|
border-radius: 10px; |
||||
|
height: 190px; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
|
||||
|
.anrui { |
||||
|
width: 100%; |
||||
|
height: 40px; |
||||
|
} |
||||
|
|
||||
|
.rt_title { |
||||
|
position: absolute; |
||||
|
top: 10px; |
||||
|
left: 15px; |
||||
|
font-size: 18px; |
||||
|
font-family: SourceHanSerifCN; |
||||
|
font-weight: 600; |
||||
|
color: #191919; |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
margin: 0px auto; |
||||
|
padding: 0; |
||||
|
height: 148px; |
||||
|
width: 100%; |
||||
|
|
||||
|
li { |
||||
|
font-size: 14px; |
||||
|
height: 33px; |
||||
|
line-height: 28px; |
||||
|
list-style: none; |
||||
|
text-decoration: underline; |
||||
|
border-bottom: 1px solid #666; |
||||
|
width: calc(100% - 70px); |
||||
|
margin-left: 40px; |
||||
|
position: relative; |
||||
|
padding-top: 10px; |
||||
|
font-family: SimSun; |
||||
|
|
||||
|
img { |
||||
|
width: 16px; |
||||
|
margin: 5px 10px; |
||||
|
position: absolute; |
||||
|
left: -30px; |
||||
|
} |
||||
|
|
||||
|
.notice { |
||||
|
display: inline-block; |
||||
|
width: 65%; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.anrui_time { |
||||
|
float: right; |
||||
|
display: inline-block; |
||||
|
margin-right: 5px; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bg-bottom { |
||||
|
background-image: url(../../assets/home/bottomBg.png); |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
margin: 20px 0 0 0; |
||||
|
padding: 10px 20px; |
||||
|
|
||||
|
li { |
||||
|
float: left; |
||||
|
list-style: none; |
||||
|
width: 11.6%; |
||||
|
margin: 10px 2.5%; |
||||
|
background: #fff; |
||||
|
border-radius: 40px; |
||||
|
text-align: center; |
||||
|
padding: 10px 25px 15px; |
||||
|
|
||||
|
img { |
||||
|
width: 80%; |
||||
|
margin: 10px auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.copy { |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
width: calc(100% - 40px); |
||||
|
margin: auto; |
||||
|
text-align: center; |
||||
|
line-height: 40px; |
||||
|
border-top: 2px solid #4E74A6; |
||||
|
background: #E9F1F7; |
||||
|
font-size: 14px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
.mark { |
||||
|
position: absolute; |
||||
|
top: 38%; |
||||
|
margin-left: 58px; |
||||
|
} |
||||
|
|
||||
|
.mark { |
||||
|
::v-deep .el-badge__content { |
||||
|
font-size: 14px !important; |
||||
} |
} |
||||
|
} |
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue