|
|
@@ -1,87 +1,78 @@
|
|
|
<template>
|
|
|
- <div style="min-height: 570px;">
|
|
|
- <div>
|
|
|
- <ul class="nav nav-tabs">
|
|
|
- <li @click="$router.go(-1)">
|
|
|
- <img src="/static/images/go_back.png" alt="GoBack"/>
|
|
|
- </li>
|
|
|
- <li role="presentation" class="active"><a>基本信息</a><span class="triangle"></span></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="basic-user-info" style="padding: 30px 0 0;width: 490px;">
|
|
|
- <el-form ref="form" :model="userInfo" label-width="150px">
|
|
|
- <el-form-item label="个人UU">
|
|
|
- <div>{{ userInfo.userUU }}</div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="个人名称">
|
|
|
- <el-input v-model="userInfo.vipName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机号">
|
|
|
- <el-input v-model="userInfo.mobile"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机认证">
|
|
|
- <el-select v-model="userInfo.mobileValidCode" placeholder="请选择认证状态">
|
|
|
- <el-option label="已认证" :value="2"></el-option>
|
|
|
- <el-option label="未认证" :value="0"></el-option>
|
|
|
- <el-option label="申诉中" :value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱">
|
|
|
- <el-input v-model="userInfo.email"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱认证">
|
|
|
- <el-select v-model="userInfo.emailValidCode" width="340" placeholder="请选择认证状态">
|
|
|
- <el-option label="已认证" :value="2"></el-option>
|
|
|
- <el-option label="未认证" :value="0"></el-option>
|
|
|
- <el-option label="申诉中" :value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码">
|
|
|
- <el-input type="password" v-model="userInfo.password" auto-complete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="账号冻结">
|
|
|
- <el-select v-model="userInfo.lock" placeholder="请选择是否冻结账号">
|
|
|
- <el-option label="是" :value="1"></el-option>
|
|
|
- <el-option label="否" :value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="真实姓名">
|
|
|
- <el-input v-model="userInfo.realName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证号">
|
|
|
- <el-input v-model="userInfo.idCard"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="实名认证">
|
|
|
- <el-select v-model="userInfo.identityValidCode" placeholder="请选择认证状态">
|
|
|
- <el-option label="已认证" :value="2"></el-option>
|
|
|
- <el-option label="未认证" :value="0"></el-option>
|
|
|
- <el-option label="待认证" :value="1"></el-option>
|
|
|
- <el-option label="未通过" :value="3"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册时间">
|
|
|
- <div v-text="formatDate(userInfo.registerDate)"></div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上次登录">
|
|
|
- <div v-text="formatDate(userInfo.lastLoginTime)"></div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册来源">
|
|
|
- <div>{{ userInfo.fromApp }}</div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <div class="action-form-item">
|
|
|
- <el-button type="primary" @click="onSubmit" :disabled="!isChange">保存修改</el-button>
|
|
|
- <el-button @click="$router.go(-1)">返回</el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ <div class="basic-user-info" style="padding: 30px 0 0;width: 490px;">
|
|
|
+ <el-form ref="form" :model="userInfo" label-width="150px">
|
|
|
+ <el-form-item label="个人UU">
|
|
|
+ <div>{{ userInfo.userUU }}</div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="个人名称">
|
|
|
+ <el-input v-model="userInfo.vipName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号">
|
|
|
+ <el-input v-model="userInfo.mobile"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机认证">
|
|
|
+ <el-select v-model="userInfo.mobileValidCode" placeholder="请选择认证状态">
|
|
|
+ <el-option label="已认证" :value="2"></el-option>
|
|
|
+ <el-option label="未认证" :value="0"></el-option>
|
|
|
+ <el-option label="申诉中" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱">
|
|
|
+ <el-input v-model="userInfo.email"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱认证">
|
|
|
+ <el-select v-model="userInfo.emailValidCode" width="340" placeholder="请选择认证状态">
|
|
|
+ <el-option label="已认证" :value="2"></el-option>
|
|
|
+ <el-option label="未认证" :value="0"></el-option>
|
|
|
+ <el-option label="申诉中" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码">
|
|
|
+ <el-input type="password" v-model="userInfo.password" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="账号冻结">
|
|
|
+ <el-select v-model="userInfo.lock" placeholder="请选择是否冻结账号">
|
|
|
+ <el-option label="是" :value="1"></el-option>
|
|
|
+ <el-option label="否" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="真实姓名">
|
|
|
+ <el-input v-model="userInfo.realName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号">
|
|
|
+ <el-input v-model="userInfo.idCard"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="实名认证">
|
|
|
+ <el-select v-model="userInfo.identityValidCode" placeholder="请选择认证状态">
|
|
|
+ <el-option label="已认证" :value="2"></el-option>
|
|
|
+ <el-option label="未认证" :value="0"></el-option>
|
|
|
+ <el-option label="待认证" :value="1"></el-option>
|
|
|
+ <el-option label="未通过" :value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册时间">
|
|
|
+ <div v-text="formatDate(userInfo.registerDate)"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上次登录">
|
|
|
+ <div v-text="formatDate(userInfo.lastLoginTime)"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册来源">
|
|
|
+ <div>{{ userInfo.fromApp }}</div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <div class="action-form-item">
|
|
|
+ <el-button type="primary" @click="onSubmit" :disabled="!isChange">保存修改</el-button>
|
|
|
+ <el-button @click="$router.go(-1)">返回</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import _ from 'lodash'
|
|
|
import axios from '@/assets/js/axios'
|
|
|
+ import * as types from '@/store/mutation-types'
|
|
|
import { formatDate } from '@/assets/js/utils'
|
|
|
|
|
|
export default {
|
|
|
@@ -110,7 +101,9 @@
|
|
|
]
|
|
|
)
|
|
|
|
|
|
- const success = () => {
|
|
|
+ const success = (userInfo) => {
|
|
|
+ this.$store.commit(types.CHOOSE_USER, userInfo)
|
|
|
+
|
|
|
this.isChange = false
|
|
|
this.$message.success('保存成功')
|
|
|
}
|
|
|
@@ -125,7 +118,12 @@
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
- this.userInfo = Object.assign({}, this.userInfo, this.$route.params)
|
|
|
+ if (this.$route.params && this.$route.params.userUU) {
|
|
|
+ this.$store.commit(types.CHOOSE_USER, this.$route.params)
|
|
|
+ }
|
|
|
+ const user = this.$store.state.accounts.savedUser
|
|
|
+
|
|
|
+ this.userInfo = Object.assign({}, this.userInfo, user)
|
|
|
},
|
|
|
watch: {
|
|
|
userInfo: {
|