|
|
@ -1,94 +1,204 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div v-if="certification && certification.code === 0"> |
|
|
|
|
|
|
|
<el-form style="max-width: 400px"> |
|
|
|
<el-form ref="form" :model="form"> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-row> |
|
|
|
<el-row :gutter="36"> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-input v-model="form.oldpassword" autofocus="true" prefix-icon="el-icon-user" |
|
|
|
<el-link :underline="false" type="success" style="font-size: x-large" |
|
|
|
placeholder="真实姓名" clearable></el-input> |
|
|
|
v-if="certification.status === 1">已经认证 |
|
|
|
|
|
|
|
</el-link> |
|
|
|
|
|
|
|
<el-link :underline="false" type="primary" style="font-size: x-large" |
|
|
|
|
|
|
|
v-else-if="certification.status === 0">审核中 |
|
|
|
|
|
|
|
</el-link> |
|
|
|
|
|
|
|
<el-link v-else-if="certification.status === 2" :underline="false" type="danger" |
|
|
|
|
|
|
|
style="font-size: x-large" |
|
|
|
|
|
|
|
>审核失败 |
|
|
|
|
|
|
|
</el-link> |
|
|
|
|
|
|
|
<el-link :underline="false" type="info" style="font-size: x-large" v-else>待认证</el-link> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
<el-form-item label="真实姓名"> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-row :gutter="36"> |
|
|
|
<el-input v-model="form.newpassword" clearable prefix-icon="el-icon-s-order" |
|
|
|
<el-col :span="18"> |
|
|
|
placeholder="身份证号"></el-input> |
|
|
|
<el-link :underline="false">{{ certification.name }}</el-link> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="身份证号"> |
|
|
|
<el-form-item> |
|
|
|
<el-row :gutter="36"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-link :underline="false">{{ certification.card }}</el-link> |
|
|
|
<el-input v-model="form.surepassword" clearable prefix-icon="el-icon-house" |
|
|
|
</el-col> |
|
|
|
placeholder="居住地"></el-input> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号码"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-link :underline="false">{{ certification.mobile }}</el-link> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="联系地址"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-link :underline="false">{{ certification.addr }}</el-link> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="身份证" style="width: 100%"> |
|
|
|
<el-form-item v-if="certification.status === 2" label="审核信息" style="width: 700px"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-link :underline="false" type="danger">{{ certification.msg }}</el-link> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<div class="appdownload"> |
|
|
|
<el-form-item v-if="certification.status === 2"> |
|
|
|
<el-image |
|
|
|
<el-row :gutter="36"> |
|
|
|
style="width: 155px;height: 188px;margin-right: 20px;background-color: #d1eef9;float: left" |
|
|
|
<el-col :span="18"> |
|
|
|
fit="scale-down" |
|
|
|
<el-button type="danger" @click="recommit">重新提交审核</el-button> |
|
|
|
@click="delscreen(screen.id)" |
|
|
|
</el-col> |
|
|
|
v-for="(screen) in user_certification" :key="screen.id" :src="screen.url" alt=""/> |
|
|
|
</el-row> |
|
|
|
<div style="width: 155px;height: 188px;background-color: #d1eef9;float: left" |
|
|
|
</el-form-item> |
|
|
|
v-if="user_certification && user_certification.length < 2"> |
|
|
|
|
|
|
|
<el-upload |
|
|
|
|
|
|
|
drag |
|
|
|
|
|
|
|
action="#" |
|
|
|
|
|
|
|
accept=".png , .jpg , .jpeg" |
|
|
|
|
|
|
|
:before-upload="beforeAvatarUpload"> |
|
|
|
|
|
|
|
<i class="el-icon-upload"></i> |
|
|
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
|
|
|
|
<el-form ref="form" :model="form"> |
|
|
|
|
|
|
|
<el-form-item label="真实姓名"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-input v-model="form.name" autofocus="true" prefix-icon="el-icon-user" |
|
|
|
|
|
|
|
placeholder="请输入真实姓名" clearable></el-input> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="身份证号"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-input v-model="form.card" clearable prefix-icon="el-icon-s-order" |
|
|
|
|
|
|
|
placeholder="请输入身份证号"></el-input> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="居住地址"> |
|
|
|
|
|
|
|
<el-row :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
|
|
<el-input v-model="form.addr" clearable prefix-icon="el-icon-house" |
|
|
|
|
|
|
|
placeholder="请输入现居住地址"></el-input> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-form-item label="手机号码"> |
|
|
|
<el-row> |
|
|
|
<el-row :gutter="36"> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-input v-model="form.mobile" ref="phone" clearable |
|
|
|
<el-input v-model="form.mobile" ref="phone" clearable |
|
|
|
prefix-icon="el-icon-mobile" placeholder="请输入手机号码" maxlength="11"></el-input> |
|
|
|
prefix-icon="el-icon-mobile" placeholder="请输入手机号码" maxlength="11"></el-input> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item style="height: 40px" v-if="cptch.cptch_image"> |
|
|
|
|
|
|
|
<el-row style="height: 40px" :gutter="10"> |
|
|
|
<el-form-item label="手机验证码"> |
|
|
|
<el-col :span="11"> |
|
|
|
<el-row :gutter="11"> |
|
|
|
<el-input placeholder="请输入图片验证码" v-model="userinfo.authcode" maxlength="6"></el-input> |
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
<el-input v-model="form.auth_key" prefix-icon="el-icon-mobile" placeholder="请输入您收到的验证码" |
|
|
|
|
|
|
|
maxlength="6"></el-input> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-button type="info" @click="getsmsemailcode('sms',form.mobile)" plain |
|
|
|
|
|
|
|
style="border-radius:4px;cursor:pointer;height: 40px;background-color: #ecf5ff;color: #dd6161"> |
|
|
|
|
|
|
|
获取验证码 |
|
|
|
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="图片验证码" v-if="cptch.cptch_image"> |
|
|
|
|
|
|
|
<el-row :gutter="11"> |
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入图片验证码" v-model="form.authcode" maxlength="6"></el-input> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<el-image |
|
|
|
<el-image |
|
|
|
style="margin:0px 4px;border-radius:4px;cursor:pointer;height: 40px" |
|
|
|
style="border-radius:4px;cursor:pointer;height: 40px" |
|
|
|
:src="cptch.cptch_image" |
|
|
|
:src="cptch.cptch_image" |
|
|
|
fit="contain" @click="get_auth_code"> |
|
|
|
fit="contain" @click="get_auth_code"> |
|
|
|
</el-image> |
|
|
|
</el-image> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-row style="margin-left: 88px"> |
|
|
|
<el-col :span="16"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-input v-model="userinfo.auth_key" prefix-icon="el-icon-mobile" placeholder="请输入您收到的验证码" |
|
|
|
<div id="captcha" ref="captcha"></div> |
|
|
|
maxlength="6"></el-input> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-button type="info" @click="getsmsemailcode('sms',userinfo.mobile)" plain |
|
|
|
|
|
|
|
style="margin:0 4px;border-radius:4px;cursor:pointer;height: 40px;background-color: #ecf5ff;color: #dd6161"> |
|
|
|
|
|
|
|
获取验证码 |
|
|
|
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="身份证号"> |
|
|
|
|
|
|
|
<el-row style="height: 40px" :gutter="36"> |
|
|
|
|
|
|
|
<el-col :span="19"> |
|
|
|
|
|
|
|
<div class="appdownload"> |
|
|
|
|
|
|
|
<el-upload |
|
|
|
|
|
|
|
drag |
|
|
|
|
|
|
|
action="#" |
|
|
|
|
|
|
|
accept=".png , .jpg , .jpeg" |
|
|
|
|
|
|
|
:before-upload="upload_one"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip v-if="user_certification.one" placement="top"> |
|
|
|
|
|
|
|
<div slot="content">上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片</div> |
|
|
|
|
|
|
|
<img :src="user_certification.one" |
|
|
|
|
|
|
|
class="avatar"> |
|
|
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<i v-else class="avatar-uploader-icon" style="text-align: center"> |
|
|
|
|
|
|
|
上传身份证<i style="color: #2abb9d!important;">国徽面</i>照片 |
|
|
|
|
|
|
|
</i> |
|
|
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="appdownload"> |
|
|
|
|
|
|
|
<el-upload |
|
|
|
|
|
|
|
drag |
|
|
|
|
|
|
|
action="#" |
|
|
|
|
|
|
|
accept=".png , .jpg , .jpeg" |
|
|
|
|
|
|
|
:before-upload="upload_two"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip v-if="user_certification.two" placement="top"> |
|
|
|
|
|
|
|
<div slot="content">上传身份证<i style="color: #2abb9d!important;">人像面</i>照片</div> |
|
|
|
|
|
|
|
<img :src="user_certification.two" |
|
|
|
|
|
|
|
class="avatar"> |
|
|
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<i v-else class="avatar-uploader-icon" style="text-align: center"> |
|
|
|
|
|
|
|
上传身份证<i style="color: #2abb9d!important;">人像面</i>照片 |
|
|
|
|
|
|
|
</i> |
|
|
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="appdownload"> |
|
|
|
|
|
|
|
<el-upload |
|
|
|
|
|
|
|
drag |
|
|
|
|
|
|
|
action="#" |
|
|
|
|
|
|
|
accept=".png , .jpg , .jpeg" |
|
|
|
|
|
|
|
:before-upload="upload_three"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip v-if="user_certification.three" placement="top"> |
|
|
|
|
|
|
|
<div slot="content">上传<i style="color: #2abb9d!important;">手持身份证</i>照片</div> |
|
|
|
|
|
|
|
<img :src="user_certification.three" |
|
|
|
|
|
|
|
class="avatar"> |
|
|
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<i v-else class="avatar-uploader-icon" style="text-align: center"> |
|
|
|
|
|
|
|
上传<i style="color: #2abb9d!important;">手持身份证</i>照片 |
|
|
|
|
|
|
|
</i> |
|
|
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
@ -96,75 +206,199 @@ |
|
|
|
<el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-col :span="22"> |
|
|
|
<el-button type="danger" @click="updatepasswd">提交</el-button> |
|
|
|
<el-button type="danger" @click="commit">提交</el-button> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import {userinfos} from "../restful"; |
|
|
|
import {getAuthcTokenFun, registerFun, user_certification} from "../restful"; |
|
|
|
import {AvatarUploadUtils} from "../utils"; |
|
|
|
import {AvatarUploadUtils, checkphone, geetest} from "../utils"; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "FirUserProfileCertification", |
|
|
|
name: "FirUserProfileCertification", |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
form: { |
|
|
|
form: { |
|
|
|
oldpassword: '', |
|
|
|
name: '', |
|
|
|
newpassword: '', |
|
|
|
card: '', |
|
|
|
surepassword: '' |
|
|
|
addr: '', |
|
|
|
|
|
|
|
mobile: '15738962953', |
|
|
|
|
|
|
|
authcode: '', |
|
|
|
|
|
|
|
cptch_key: '', |
|
|
|
|
|
|
|
auth_token: '', |
|
|
|
}, |
|
|
|
}, |
|
|
|
cptch: {}, |
|
|
|
cptch: {"cptch_image": '', "cptch_key": '', "length": 8}, |
|
|
|
userinfo: {}, |
|
|
|
user_certification: {'one': '', 'two': '', 'three': ''}, |
|
|
|
user_certification: [], |
|
|
|
certification: {'code': 0}, |
|
|
|
} |
|
|
|
} |
|
|
|
}, methods: { |
|
|
|
}, methods: { |
|
|
|
beforeAvatarUpload(file) { |
|
|
|
recommit() { |
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
this.certification.code = -1; |
|
|
|
|
|
|
|
this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}}); |
|
|
|
|
|
|
|
this.get_auth_code(); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
commit() { |
|
|
|
|
|
|
|
for (let v of Object.keys(this.form)) { |
|
|
|
|
|
|
|
if (this.form[v].length < 4) { |
|
|
|
|
|
|
|
this.$message.error("填写错误,请检查"); |
|
|
|
|
|
|
|
return false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; |
|
|
|
|
|
|
|
if (reg.test(this.form.card) === false) { |
|
|
|
|
|
|
|
this.$message.error("身份证输入不合法"); |
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let checkp = checkphone(this.form.mobile); |
|
|
|
|
|
|
|
if (!checkp) { |
|
|
|
|
|
|
|
this.$message.error("手机号输入不合法"); |
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.get_user_certification({methods: 'POST', data: this.form}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
get_user_certification(parmas) { |
|
|
|
|
|
|
|
user_certification(res => { |
|
|
|
|
|
|
|
if (res.code === 1000) { |
|
|
|
|
|
|
|
if (parmas.methods === 'POST') { |
|
|
|
|
|
|
|
this.$message.success("信息提交成功,正在审核中") |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const ft = ['one', 'two', 'three']; |
|
|
|
|
|
|
|
if (res.data.certification && res.data.certification.length > 0) { |
|
|
|
|
|
|
|
for (let v of res.data.certification) { |
|
|
|
|
|
|
|
this.user_certification[ft[v.type - 1]] = v.certification_url; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (res.data.user_certification) { |
|
|
|
|
|
|
|
this.form = res.data.user_certification; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message.error(res.msg) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, parmas) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getsmsemailcode(act, target) { |
|
|
|
|
|
|
|
let picode = { |
|
|
|
|
|
|
|
"authcode": this.form.authcode, |
|
|
|
|
|
|
|
"cptch_key": this.cptch.cptch_key, |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let cptch_flag = this.form.authcode.length === this.cptch.length; |
|
|
|
|
|
|
|
if (this.cptch.cptch_key === '' || !this.cptch.cptch_key) { |
|
|
|
|
|
|
|
cptch_flag = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (cptch_flag) { |
|
|
|
|
|
|
|
let checkp = checkphone(this.form.mobile); |
|
|
|
|
|
|
|
if (!checkp) { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '手机号输入有误', |
|
|
|
|
|
|
|
type: 'error' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '图片验证码有误', |
|
|
|
|
|
|
|
type: 'error' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let params = {'act': act, 'target': target, 'ext': picode, 'user_id': target, 'ftype': 'certification'}; |
|
|
|
|
|
|
|
this.form.email = this.form.mobile; |
|
|
|
|
|
|
|
if (this.cptch.geetest) { |
|
|
|
|
|
|
|
geetest(this, params, (n_params) => { |
|
|
|
|
|
|
|
this.get_phone_code(n_params); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.get_phone_code(params) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
get_phone_code(params) { |
|
|
|
|
|
|
|
getAuthcTokenFun(data => { |
|
|
|
|
|
|
|
if (data.code === 1000) { |
|
|
|
|
|
|
|
let msg = '您正在进行身份认证,验证码已经发送您手机'; |
|
|
|
|
|
|
|
this.$notify({ |
|
|
|
|
|
|
|
title: '验证码', |
|
|
|
|
|
|
|
message: msg, |
|
|
|
|
|
|
|
type: 'success' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.form.auth_token = data.data.auth_token; |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message.error(data.msg) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, {"methods": 'POST', 'data': params}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
get_auth_code() { |
|
|
|
|
|
|
|
registerFun(data => { |
|
|
|
|
|
|
|
if (data.code === 1000) { |
|
|
|
|
|
|
|
this.cptch = data.data; |
|
|
|
|
|
|
|
this.form.cptch_key = this.cptch.cptch_key; |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: data.msg, |
|
|
|
|
|
|
|
type: 'error' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
"methods": "GET", |
|
|
|
|
|
|
|
"data": {} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
upload_one(file) { |
|
|
|
|
|
|
|
return this.beforeAvatarUpload(file, 1) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
upload_two(file) { |
|
|
|
|
|
|
|
return this.beforeAvatarUpload(file, 2) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
upload_three(file) { |
|
|
|
|
|
|
|
return this.beforeAvatarUpload(file, 3) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
beforeAvatarUpload(file, ptype) { |
|
|
|
return AvatarUploadUtils(this, file, { |
|
|
|
return AvatarUploadUtils(this, file, { |
|
|
|
'app_id': this.$store.state.userinfo.uid, |
|
|
|
'app_id': this.$store.state.userinfo.uid, |
|
|
|
'upload_key': file.name, |
|
|
|
'upload_key': file.name, |
|
|
|
'ftype': 'certification', |
|
|
|
'ftype': 'certification', |
|
|
|
'ext': {'type': 1} |
|
|
|
'ext': {'ptype': ptype} |
|
|
|
|
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
}, res => { |
|
|
|
}, res => { |
|
|
|
|
|
|
|
this.get_user_certification({methods: 'GET'}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
updatepasswd() { |
|
|
|
init() { |
|
|
|
if (this.form.newpassword === this.form.surepassword) { |
|
|
|
if (this.$store.state.userinfo.certification) { |
|
|
|
|
|
|
|
this.certification = this.$store.state.userinfo.certification; |
|
|
|
userinfos(data => { |
|
|
|
|
|
|
|
if (data.code === 1000) { |
|
|
|
|
|
|
|
this.userinfo = data.data; |
|
|
|
|
|
|
|
this.$message.success('密码修改成功'); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message.error('密码修改失败,' + data.msg); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
"methods": 'PUT', 'data': { |
|
|
|
|
|
|
|
"oldpassword": this.form.oldpassword, |
|
|
|
|
|
|
|
"surepassword": this.form.surepassword |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.$message.error('密码不一致'); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
if (this.certification.code === -1) { |
|
|
|
|
|
|
|
this.get_user_certification({methods: 'GET', data: {act: 'certpiccertinfo'}}); |
|
|
|
|
|
|
|
this.get_auth_code(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
}, mounted() { |
|
|
|
}, mounted() { |
|
|
|
this.$store.dispatch('douserInfoIndex', 2); |
|
|
|
this.$store.dispatch('douserInfoIndex', 2); |
|
|
|
|
|
|
|
this.init(); |
|
|
|
|
|
|
|
}, watch: { |
|
|
|
|
|
|
|
'$store.state.userinfo': function () { |
|
|
|
|
|
|
|
this.init(); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped> |
|
|
|
.el-form { |
|
|
|
.el-form { |
|
|
|
max-width: 360px; |
|
|
|
max-width: 800px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -176,14 +410,22 @@ |
|
|
|
|
|
|
|
|
|
|
|
.appdownload /deep/ .el-upload-dragger { |
|
|
|
.appdownload /deep/ .el-upload-dragger { |
|
|
|
background: #d1eef9; |
|
|
|
background: #d1eef9; |
|
|
|
width: 155px; |
|
|
|
width: 200px; |
|
|
|
height: 188px; |
|
|
|
height: 166px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.appdownload /deep/ .el-icon-upload { |
|
|
|
.appdownload /deep/ .el-icon-upload { |
|
|
|
margin-top: 45%; |
|
|
|
margin-top: 45%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.appdownload { |
|
|
|
|
|
|
|
float: left; |
|
|
|
|
|
|
|
width: 200px; |
|
|
|
|
|
|
|
height: 166px; |
|
|
|
|
|
|
|
background-color: #d1eef9; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.avatar-uploader .el-upload { |
|
|
|
.avatar-uploader .el-upload { |
|
|
|
border: 1px dashed #d9d9d9; |
|
|
|
border: 1px dashed #d9d9d9; |
|
|
|
border-radius: 6px; |
|
|
|
border-radius: 6px; |
|
|
@ -197,11 +439,11 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.avatar-uploader-icon { |
|
|
|
.avatar-uploader-icon { |
|
|
|
font-size: 28px; |
|
|
|
/*font-size: 28px;*/ |
|
|
|
color: #8c939d; |
|
|
|
color: #8c939d; |
|
|
|
width: 178px; |
|
|
|
width: 158px; |
|
|
|
height: 178px; |
|
|
|
height: 158px; |
|
|
|
line-height: 178px; |
|
|
|
line-height: 158px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|