<template>
|
<div class="wrapper">
|
<div class="header">
|
<mt-header title="用户信息">
|
<router-link to="/user" slot="left">
|
<mt-button icon="back"></mt-button>
|
</router-link>
|
</mt-header>
|
</div>
|
<div class="form-block">
|
<div>{{$t('hj16')}}</div>
|
<div>{{$store.state.userInfo.mailbox}}</div>
|
<!-- <mt-field label="真实姓名" placeholder="真实姓名" type="text" disabled
|
v-model="$store.state.userInfo.realName"></mt-field>
|
<mt-field label="手机号码" placeholder="手机号码" type="text" disabled v-model="$store.state.userInfo.phone"></mt-field> -->
|
</div>
|
<div class="form-block">
|
<div>{{$t('yhid')}}</div>
|
<div>{{$store.state.userInfo.id}}</div>
|
</div>
|
|
<div class="form-block">
|
<div>{{$t('hj27')}}</div>
|
<div>{{$store.state.userInfo.phone}}</div>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
import * as api from '@/axios/api'
|
import { Toast } from 'mint-ui'
|
import { isNull, pwdReg } from '@/utils/utils'
|
|
export default {
|
components: {},
|
props: {},
|
data () {
|
return {
|
username: '',
|
changeLoginPsdBox: false,
|
nextPsd: '',
|
newPsd: ''
|
}
|
},
|
watch: {},
|
computed: {},
|
created () {},
|
mounted () {},
|
methods: {
|
async toRegister () {
|
// 注销登陆
|
this.clearCookie()
|
let data = await api.logout()
|
if (data.status === 0) {
|
// Toast(data.msg)
|
this.$router.push('/login')
|
} else {
|
Toast(data.msg)
|
}
|
this.$router.push('/login')
|
},
|
changeLogin () {
|
this.changeLoginPsdBox = true
|
},
|
async changeLoginPsd () {
|
if (isNull(this.nextPsd) || isNull(this.newPsd)) {
|
Toast('请输入新旧密码')
|
} else if (!pwdReg(this.newPsd)) {
|
Toast('密码为6~12位，数字、字母或符号')
|
} else {
|
// 修改密码
|
let opts = {
|
oldPwd: this.nextPsd,
|
newPwd: this.newPsd
|
}
|
let data = await api.changePassword(opts)
|
if (data.status === 0) {
|
this.changeLoginPsdBox = false
|
Toast(data.msg)
|
} else {
|
Toast(data.msg)
|
}
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="less" scoped>
|
/deep/.header .mint-header{
|
height: 50px !important;
|
}
|
.header .mint-header{
|
border-bottom: 0px;
|
}
|
.form-block{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 0 15px;
|
height: 80px;
|
border-bottom: 1px solid #f3f3f3;
|
}
|
.wrapper .mint-cell{
|
background: #fff !important;
|
}
|
.loginout {
|
color: #999;
|
border: 0.015rem solid #606060;
|
font-size: 0.3rem;
|
background: none;
|
}
|
|
.mint-popup-wrap {
|
width: 100%;
|
padding: 0.3rem 0.3rem 0.6rem;
|
|
.btn-sure {
|
margin-top: 0.5rem;
|
width: 80%;
|
color: #fff;
|
border: none;
|
}
|
}
|
|
.btnbox .btnok {
|
background: none;
|
}
|
</style>
|
