|
|
@@ -1,208 +1,257 @@
|
|
|
<template>
|
|
|
- <div class="m-right-block fr">
|
|
|
+ <div class="m-right-block">
|
|
|
<div class="right-block-bd">
|
|
|
- <div class="m-account">
|
|
|
- <div class="account-tit" style="height:30px">
|
|
|
- <a :class="{'current':show===1}" style="text-decoration: none;padding-bottom: 5px" @click="show=1" class="">基础资料</a>
|
|
|
- <a :class="{'current':show===2}" style="text-decoration: none;padding-bottom: 5px" @click="show=2" class="">实名认证</a>
|
|
|
- <a :class="{'current':show===3}" style="text-decoration: none;padding-bottom: 5px" @click="show=3" class="">额外信息</a>
|
|
|
- <a :class="{'current':show===4}" style="text-decoration: none;padding-bottom: 5px" @click="show=4" class="">密码修改</a>
|
|
|
- <a :class="{'current':show===5}" style="text-decoration: none;padding-bottom: 5px" @click="show=5" class="">手机修改</a>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="show===1" class="lwh-ul-form">
|
|
|
- <form name="user">
|
|
|
- <div class="m-img tc"></div>
|
|
|
-
|
|
|
- <el-row :gutter="40" class="mt20">
|
|
|
- <el-col :span="6" class="col-normal tc">
|
|
|
- <img :src="userInfo.headImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.headImg)">
|
|
|
- <do-upload @onFinish="setHeadImg" placeholder="上传头像"> </do-upload>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="6" class="col-normal tc">
|
|
|
- <img :src="userInfo.graduateImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.graduateImg)">
|
|
|
- <do-upload @onFinish="setGraduateImg" placeholder="上传毕业照"> </do-upload>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <ul class="ul-form">
|
|
|
- <li class="txt-r">
|
|
|
- <span class="l-t"></span>注：<i></i>只有头像、性别、毕业照可以修改
|
|
|
- </li>
|
|
|
-
|
|
|
- <li>
|
|
|
- <span class="l-t">姓名：</span>
|
|
|
- <input type="text" v-model="userInfo.nickname" class="ipt ng-pristine ng-valid ng-valid-required"
|
|
|
- required="" placeholder="请输入用户名" disabled="disabled">
|
|
|
- </li>
|
|
|
- <li class="ng-binding">
|
|
|
- <span class="l-t">证件号：</span>{{userInfo.cardId||'未知'}}</li>
|
|
|
- <li>
|
|
|
- <span class="l-t"><i></i>性别：</span>
|
|
|
-
|
|
|
- <span class="sex">
|
|
|
- <a href="javascript:void(0)" @click="userInfo.gender='男'" :class="{'selected':userInfo.gender=='男'}">
|
|
|
- <span class="p-ico2 ico-man"></span>男
|
|
|
- </a>
|
|
|
- <a href="javascript:void(0)" @click="userInfo.gender='女'" :class="{'selected':userInfo.gender=='女'}">
|
|
|
- <span class="p-ico2 ico-woman"></span>女
|
|
|
- </a>
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="l-t"><i></i>手机号码：</span>
|
|
|
- <input type="text" v-model="userInfo.phone" class="ipt" disabled placeholder="请输入手机号码">
|
|
|
-
|
|
|
- <span class="tips ng-scope" v-if="!isPhone()">
|
|
|
- <span class="p-ico2"></span>手机格式不对
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li class="mt20">
|
|
|
- <span class="l-t"></span>
|
|
|
- <el-button type="primary" class="confirm" @click="doSaveBaseInfo()">保 存</el-button>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </form>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div v-if="show===2" class="lwh-ul-form ng-scope">
|
|
|
- <form name="user" class="ng-pristine ng-valid">
|
|
|
- <div class="m-img tc"></div>
|
|
|
-
|
|
|
- <el-row :gutter="40" class="mt20">
|
|
|
- <el-col :span="6" class="col-normal tc">
|
|
|
- <img :src="userInfo.cardImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardImg)">
|
|
|
- <do-upload @onFinish="setCardImg" placeholder="身份证正面"> </do-upload>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="6" class="col-normal tc">
|
|
|
- <img :src="userInfo.cardBackImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardBackImg)">
|
|
|
- <do-upload @onFinish="setCardBackImg" placeholder="身份证背面"> </do-upload>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <ul class="ul-form mt50 ng-scope">
|
|
|
- <li>
|
|
|
- <span class="l-t">身份证：</span>
|
|
|
- <input v-model="userInfo.cardId" class="ipt1" disabled></input>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="l-t">姓名：</span>
|
|
|
- <input v-model="userInfo.nickname" class="ipt1" disabled></input>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="l-t">手机号：</span>
|
|
|
- <input v-model="userInfo.phone" class="ipt1" disabled></input>
|
|
|
- </li>
|
|
|
-
|
|
|
- <li class="mt30">
|
|
|
- <span class="l-t"></span>
|
|
|
- <el-button type="primary" class="confirm" @click="identify()" v-if="!userInfo.identify">实名认证</el-button>
|
|
|
- <el-button type="text" v-else >已经完成实名认证</el-button>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div v-if="show===3" >
|
|
|
- <el-form ref="elForm" :inline="false" class="mt50">
|
|
|
- <el-form-item label="详细地址" label-width='150px' class="mt30" prop="address" >
|
|
|
- <el-input placeholder="详细地址" v-model="userInfo.address " class="pass-input">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="邮政编码" label-width='150px' class="mt30" prop="postalCode" >
|
|
|
- <el-input placeholder="邮政编码" v-model="userInfo.postalCode " class="pass-input">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="工作年限" label-width='150px' class="mt30" prop="years" >
|
|
|
- <el-input placeholder="工作年限" v-model="userInfo.years " class="pass-input">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="工作单位" label-width='150px' class="mt30" prop="company" >
|
|
|
- <el-input placeholder="工作单位" v-model="userInfo.company " class="pass-input">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="最高学历" label-width='150px' class="mt30" prop="oldPass" >
|
|
|
- <el-input placeholder="最高学历" v-model="userInfo.education " class="pass-input">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="" label-width='150px' class="mt30" prop="rePass">
|
|
|
- <el-button type="primary" class="confirm" @click="saveMoreInfo()">
|
|
|
- 确认修改
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div v-if="show===4" class="ng-scope">
|
|
|
- <el-form ref="elForm" :inline="false" :model="passForm" :rules="passRules" class="mt50">
|
|
|
- <el-form-item label="输入旧密码" label-width='150px' class="mt30" prop="oldPass" >
|
|
|
- <el-input placeholder="输入旧密码" v-model="passForm.oldPass " class="pass-input" type="password"
|
|
|
- show-password auto-complete="new-password">
|
|
|
-
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="输入新密码" label-width='150px' class="mt30" prop="newPass" >
|
|
|
- <el-input placeholder="输入新密码" v-model="passForm.newPass" class="pass-input" type="password"
|
|
|
- show-password auto-complete="new-password">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="确认新密码" label-width='150px' class="mt30" prop="rePass">
|
|
|
- <el-input placeholder="确认新密码" v-model="passForm.rePass" class="pass-input" type="password"
|
|
|
- show-password auto-complete="new-password">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="" label-width='150px' class="mt30" prop="rePass">
|
|
|
- <el-button type="primary" class="confirm" @click="doSavePassword()">
|
|
|
- 确认修改
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="show===5" class="ng-scope">
|
|
|
- <el-form ref="elFormPhone" :inline="false" :model="phoneForm" :rules="phoneRules" class="mt50">
|
|
|
- <el-form-item label="输入新手机" label-width='150px' class="mt30" prop="phone" >
|
|
|
- <el-input placeholder="输入新手机" v-model="phoneForm.phone " style="width: 300px;" :maxlength="11" show-word-limit>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="短信检验码" label-width='150px' class="mt30" prop="code" >
|
|
|
- <el-input placeholder="输入短信检验码" v-model="phoneForm.code" style="width: 180px;" :maxlength="6" show-word-limit>
|
|
|
- </el-input>
|
|
|
- <el-button style="width: 120px;" type="info" v-if="phoneForm.phone.length!=11" disabled>获取检验码</el-button>
|
|
|
- <el-button style="width: 120px;" type="primary" v-else-if="!count" @click="getCode()">获取检验码</el-button>
|
|
|
- <el-button style="width: 120px;" type="info" disabled v-else>剩余时间{{count}} s</el-button>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="" label-width='150px' class="mt30" prop="code" >
|
|
|
- <span style="color: red;">注意：手机必须本人实名认证手机</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="" label-width='150px' class="mt30" prop="rePass">
|
|
|
- <el-button type="primary" class="confirm" @click="doSavePhone()">
|
|
|
- 确认修改
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
-
|
|
|
+ <div class="text-xl leading-10 pb-4 text-blue">
|
|
|
+ <p>账号设置</p>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="m-account">
|
|
|
+ <el-tabs tabPosition="left" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="基础资料">
|
|
|
+ <div v-if="show===1" class="lwh-ul-form">
|
|
|
+ <el-form label-width="150px" name="user">
|
|
|
+ <!-- <div class="m-img tc"></div>
|
|
|
+
|
|
|
+ <el-row :gutter="40" class="mt20">
|
|
|
+ <el-col :span="6" class="col-normal tc">
|
|
|
+ <img :src="userInfo.headImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.headImg)">
|
|
|
+ <do-upload @onFinish="setHeadImg" placeholder="上传头像"> </do-upload>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="col-normal tc">
|
|
|
+ <img :src="userInfo.graduateImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.graduateImg)">
|
|
|
+ <do-upload @onFinish="setGraduateImg" placeholder="上传毕业照"> </do-upload>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+
|
|
|
+ <ul class="ul-form">
|
|
|
+ <li>
|
|
|
+ <el-form-item label="姓名">
|
|
|
+ <span>{{userInfo.nickname}}</span>
|
|
|
+ <!-- <el-input v-model="userInfo.nickname" placeholder="请输入用户名" disabled="disabled"></el-input> -->
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <span class="l-t">姓名：</span>
|
|
|
+ <input type="text" v-model="userInfo.nickname" class="ipt ng-pristine ng-valid ng-valid-required"
|
|
|
+ required="" placeholder="请输入用户名" disabled="disabled"> -->
|
|
|
+ </li>
|
|
|
+ <li class="ng-binding">
|
|
|
+ <el-form-item label="证件号">
|
|
|
+ <span>{{userInfo.cardId||'未知'}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <span class="l-t">证件号：</span>{{userInfo.cardId||'未知'}}</li> -->
|
|
|
+ <li>
|
|
|
+ <!-- <span class="l-t"><i></i>手机号码：</span>
|
|
|
+ <input type="text" v-model="userInfo.phone" class="ipt" disabled placeholder="请输入手机号码">
|
|
|
+
|
|
|
+ <span class="tips ng-scope" v-if="!isPhone()">
|
|
|
+ <span class="p-ico2"></span>手机格式不对
|
|
|
+ </span> -->
|
|
|
+ <el-form-item label="手机号码">
|
|
|
+ <span>{{userInfo.phone}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <!-- <span class="l-t"><i></i>性别：</span> -->
|
|
|
+ <!-- <span class="sex">
|
|
|
+ <el-radio-group v-model="userInfo.gender">
|
|
|
+ <el-radio-button label="男"></el-radio-button>
|
|
|
+ <el-radio-button label="女"></el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </span> -->
|
|
|
+ <el-form-item label="证件号">
|
|
|
+ <el-radio-group v-model="userInfo.gender">
|
|
|
+ <el-radio-button label="男"></el-radio-button>
|
|
|
+ <el-radio-button label="女"></el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <el-form-item label="头像">
|
|
|
+ <img :src="userInfo.headImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.headImg)">
|
|
|
+ <do-upload @onFinish="setHeadImg" placeholder="上传头像"> </do-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <el-form-item label="毕业照">
|
|
|
+ <img :src="userInfo.graduateImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.graduateImg)">
|
|
|
+ <do-upload @onFinish="setGraduateImg" placeholder="上传毕业照"> </do-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </li>
|
|
|
+ <li class="txt-r">
|
|
|
+ <span class="l-t"></span>注：<i></i>只有头像、性别、毕业照可以修改
|
|
|
+ </li>
|
|
|
+ <li class="mt20">
|
|
|
+ <span class="l-t"></span>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" class="confirm" @click="doSaveBaseInfo()">保 存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="实名认证">
|
|
|
+ <div v-if="show===2" class="lwh-ul-form ng-scope">
|
|
|
+ <el-form name="user" label-width="150px" class="ng-pristine ng-valid">
|
|
|
+ <div class="m-img tc"></div>
|
|
|
+
|
|
|
+ <!-- <el-row :gutter="40" class="mt20">
|
|
|
+ <el-col :span="6" class="col-normal tc">
|
|
|
+ <img :src="userInfo.cardImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardImg)">
|
|
|
+ <do-upload @onFinish="setCardImg" placeholder="身份证正面"> </do-upload>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="col-normal tc">
|
|
|
+ <img :src="userInfo.cardBackImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardBackImg)">
|
|
|
+ <do-upload @onFinish="setCardBackImg" placeholder="身份证背面"> </do-upload>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+
|
|
|
+ <ul class="ul-form ng-scope">
|
|
|
+ <!-- <li>
|
|
|
+ <span class="l-t">身份证：</span>
|
|
|
+ <input v-model="userInfo.cardId" class="ipt1" disabled />
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="l-t">姓名：</span>
|
|
|
+ <input v-model="userInfo.nickname" class="ipt1" disabled />
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="l-t">手机号：</span>
|
|
|
+ <input v-model="userInfo.phone" class="ipt1" disabled />
|
|
|
+ </li> -->
|
|
|
+ <el-form-item label="身份证">
|
|
|
+ <span>{{userInfo.cardId}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名">
|
|
|
+ <span>{{userInfo.nickname}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号">
|
|
|
+ <span>{{userInfo.phone}}</span>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="身份证正面">
|
|
|
+ <img :src="userInfo.cardImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardImg)">
|
|
|
+ <do-upload @onFinish="setCardImg" placeholder="身份证正面"> </do-upload>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="身份证背面">
|
|
|
+ <img :src="userInfo.cardBackImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardBackImg)">
|
|
|
+ <do-upload @onFinish="setCardBackImg" placeholder="身份证背面"> </do-upload>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" class="confirm" @click="identify()" v-if="!userInfo.identify">实名认证</el-button>
|
|
|
+ <el-button type="text" v-else >已经完成实名认证</el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <!-- <li>
|
|
|
+ <span class="l-t"></span>
|
|
|
+ <el-button type="primary" class="confirm" @click="identify()" v-if="!userInfo.identify">实名认证</el-button>
|
|
|
+ <el-button type="text" v-else >已经完成实名认证</el-button>
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane >
|
|
|
+ <el-tab-pane label="额外信息">
|
|
|
+ <div v-if="show===3" >
|
|
|
+ <el-form ref="elForm" label-width="150px" :inline="false" class="">
|
|
|
+ <el-form-item label="详细地址" prop="address" >
|
|
|
+ <el-input placeholder="详细地址" v-model="userInfo.address " class="pass-input">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="邮政编码" prop="postalCode" >
|
|
|
+ <el-input placeholder="邮政编码" v-model="userInfo.postalCode " class="pass-input">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <el-form-item label="工作年限" prop="years" >
|
|
|
+ <el-input placeholder="工作年限" v-model="userInfo.years " class="pass-input">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="工作单位" prop="company" >
|
|
|
+ <el-input placeholder="工作单位" v-model="userInfo.company " class="pass-input">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="最高学历" prop="oldPass" >
|
|
|
+ <el-input placeholder="最高学历" v-model="userInfo.education " class="pass-input">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="" prop="rePass">
|
|
|
+ <el-button type="primary" class="confirm" @click="saveMoreInfo()">
|
|
|
+ 确认修改
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="密码修改">
|
|
|
+ <div v-if="show===4" class="ng-scope">
|
|
|
+ <el-form ref="elForm" label-width="150px" :inline="false" :model="passForm" :rules="passRules">
|
|
|
+ <el-form-item label="输入旧密码" prop="oldPass" >
|
|
|
+ <el-input placeholder="输入旧密码" v-model="passForm.oldPass " class="pass-input" type="password"
|
|
|
+ show-password auto-complete="new-password">
|
|
|
+
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="输入新密码" prop="newPass" >
|
|
|
+ <el-input placeholder="输入新密码" v-model="passForm.newPass" class="pass-input" type="password"
|
|
|
+ show-password auto-complete="new-password">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="确认新密码" prop="rePass">
|
|
|
+ <el-input placeholder="确认新密码" v-model="passForm.rePass" class="pass-input" type="password"
|
|
|
+ show-password auto-complete="new-password">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="" prop="rePass">
|
|
|
+ <el-button type="primary" class="confirm" @click="doSavePassword()">
|
|
|
+ 确认修改
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="手机修改">
|
|
|
+ <div v-if="show===5" class="ng-scope">
|
|
|
+ <el-form ref="elFormPhone" label-width="150px" :inline="false" :model="phoneForm" :rules="phoneRules">
|
|
|
+ <el-form-item label="输入新手机" prop="phone" >
|
|
|
+ <el-input placeholder="输入新手机" v-model="phoneForm.phone " style="width: 300px;" :maxlength="11" show-word-limit>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="短信检验码" prop="code" >
|
|
|
+ <el-input placeholder="输入短信检验码" v-model="phoneForm.code" style="width: 180px;" :maxlength="6" show-word-limit>
|
|
|
+ </el-input>
|
|
|
+ <el-button style="width: 120px;" type="info" v-if="phoneForm.phone.length!=11" disabled>获取检验码</el-button>
|
|
|
+ <el-button style="width: 120px;" type="primary" v-else-if="!count" @click="getCode()">获取检验码</el-button>
|
|
|
+ <el-button style="width: 120px;" type="info" disabled v-else>剩余时间{{count}} s</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="code" >
|
|
|
+ <span style="color: red;">注意：手机必须本人实名认证手机</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="rePass">
|
|
|
+ <el-button type="primary" class="confirm" @click="doSavePhone()">
|
|
|
+ 确认修改
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -271,6 +320,10 @@
|
|
|
components:{DoUpload,UploadImage,ImgView},
|
|
|
methods: {
|
|
|
...mapActions("user", ["saveBaseInfo"]),
|
|
|
+ handleClick(tag){
|
|
|
+ const mapper = { '基础资料': 1, '实名认证': 2, '额外信息':3 , '密码修改': 4, '手机修改': 5 };
|
|
|
+ this.show = mapper[tag.label];
|
|
|
+ },
|
|
|
isPhone( ){
|
|
|
let phone = this.userInfo.phone;
|
|
|
return !phone||/^1[0-9]{10}$/.test(phone)
|
