4 changed files with 577 additions and 115 deletions
@ -1,43 +1,488 @@ |
|||
|
|||
<template> |
|||
<div class="imgDemo"> |
|||
<!--<el-button type="primary" @click="getToken()">token</el-button> |
|||
<div style="width: 200px;">{{token}}</div>--> |
|||
<div style="height: 100%;"> |
|||
<div class="header"> |
|||
<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> |
|||
</template> |
|||
|
|||
<script> |
|||
import {login1} from '@/api/system/user/login.js' |
|||
export default { |
|||
name: '', |
|||
data() { |
|||
return { |
|||
token:'' |
|||
import { getStorage, removeStorage } from '@/utils/auth' |
|||
import User from '@/api/User/login.js' |
|||
// import { getTodoNum } from '@/api/system/home/home' |
|||
|
|||
export default { |
|||
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:{ |
|||
// getToken(){ |
|||
// let params = { |
|||
// password: "329653", |
|||
// roleSid: "", |
|||
// token: "", |
|||
// userName: "15097329653", |
|||
// verifyCode: "" |
|||
// } |
|||
// login1(params).then(res => { |
|||
// this.token = res.data.token |
|||
// window.sessionStorage.setItem('token', res.data.token) |
|||
// }) |
|||
// } |
|||
toNav(index, name, titleName) { |
|||
// if (index == '9') { |
|||
// // this.$router.push({path: '/index'}) |
|||
// let myPopup = window.open('/#/index', '_blank') |
|||
// } else if (index == '7') { |
|||
// let myPopup = window.open('http://anrui.yyundong.com/base/#/' + '?token=' + getStorage(), '_blank') |
|||
// // let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage(), '_blank') |
|||
// } else if (index == '8') { |
|||
// let myPopup = window.open('http://anrui.yyundong.com/message/#/' + '?token=' + getStorage(), '_blank') |
|||
// // let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage(), '_blank') |
|||
// } else if (index == '1') { |
|||
// 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> |
|||
|
|||
<style scoped="scoped"> |
|||
li:hover, |
|||
p:hover { |
|||
cursor: pointer |
|||
} |
|||
</style> |
|||
<style lang="scss" scoped> |
|||
.imgDemo { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: radial-gradient(#fff,#f5f7f4, #fff); |
|||
p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.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> |
|||
|
|||
Loading…
Reference in new issue