111 lines
2.4 KiB
Vue
111 lines
2.4 KiB
Vue
<template>
|
||
<basic-container>
|
||
<el-tabs v-model="activeName" class="tabs">
|
||
<el-tab-pane label="账户信息" name="accountSafe">
|
||
<el-row class="content">
|
||
<el-col :span="24">
|
||
<el-row>
|
||
<el-col :span="24" class="title">
|
||
<b>用户信息</b>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row>
|
||
<el-col :span="24">登录账号：{{userInfo.account}}</el-col>
|
||
</el-row>
|
||
<el-row>
|
||
<el-col :span="24">姓名：{{userInfo.real_name}}</el-col>
|
||
</el-row>
|
||
<el-row>
|
||
<el-col :span="21">手机号码：{{userInfo.account}}</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
</el-row>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</basic-container>
|
||
</template>
|
||
<script>
|
||
import { isvalidatemobile, check18IdCardNo, password } from "@/util/validate";
|
||
import { resetRouter } from "@/router/router";
|
||
import { mapGetters } from "vuex";
|
||
import md5 from "js-md5";
|
||
|
||
const wait = 120;
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
passwordLoading: false,
|
||
leaderLoading: false,
|
||
phoneLoading: false,
|
||
sending: false,
|
||
passwordType: "password",
|
||
passwordType1: "password",
|
||
passwordType2: "password",
|
||
msgKey: false,
|
||
msgText: "获取验证码",
|
||
time: null,
|
||
activeName: "accountSafe",
|
||
accountForm: {},
|
||
leaderForm: {},
|
||
passwordForm: {},
|
||
phoneForm: {},
|
||
loading: false,
|
||
leaderBox: false,
|
||
passwordBox: false,
|
||
phoneBox: false,
|
||
rules: {
|
||
realName: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
message: "请输入用户名",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
},
|
||
};
|
||
},
|
||
created() {
|
||
this.phoneForm = { oldPhone: this.userInfo.account };
|
||
},
|
||
computed: {
|
||
...mapGetters(["userInfo"]),
|
||
isAdmin() {
|
||
return this.userInfo.is_master;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.el-form-item{
|
||
margin-bottom: 22px !important;
|
||
}
|
||
.el-row {
|
||
margin-top: 10px;
|
||
}
|
||
.el-col {
|
||
margin-bottom: 0px;
|
||
line-height: 40px;
|
||
}
|
||
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
|
||
margin-bottom: 30px;
|
||
}
|
||
.tabs {
|
||
padding: 20px 10px 0;
|
||
}
|
||
.content {
|
||
border: 1px solid #333333;
|
||
padding: 10px 40px;
|
||
font-size: 16px;
|
||
margin: 30px 30px;
|
||
}
|
||
.msg-text {
|
||
display: block;
|
||
width: 120px;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|