|
|
|
@ -106,51 +106,6 @@ |
|
|
|
|
<el-divider></el-divider> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- <div class="userclass"> |
|
|
|
|
<p>用户信息</p> |
|
|
|
|
<el-divider></el-divider> |
|
|
|
|
<el-form ref="form" :model="userinform" :rules="rules" label-width="80px" style="padding:0 20px;"> |
|
|
|
|
<el-form-item label="用户昵称" prop="nickName"> |
|
|
|
|
<el-input v-model="userinform.nickName" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="手机号码" prop="phonenumber"> |
|
|
|
|
<el-input v-model="userinform.phonenumber" maxlength="11" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="邮箱" prop="email"> |
|
|
|
|
<el-input v-model="userinform.email" maxlength="50" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="性别"> |
|
|
|
|
<el-radio-group v-model="userinform.sex"> |
|
|
|
|
<el-radio label="0">男</el-radio> |
|
|
|
|
<el-radio label="1">女</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="inforbtn" style="text-align:right"> |
|
|
|
|
<el-button size="mini" @click="submit">保存</el-button> |
|
|
|
|
<el-button style="background: #EBEDF0;color: #808080;border:none" size="mini" @click="close">关闭</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<div class="userclass" style="margin-right:0"> |
|
|
|
|
<p>修改密码</p> |
|
|
|
|
<el-divider></el-divider> |
|
|
|
|
<el-form ref="passform" :model="passform" :rules="passrules" label-width="80px" style="padding:0 20px;"> |
|
|
|
|
<el-form-item label="旧密码" prop="oldPassword"> |
|
|
|
|
<el-input v-model="passform.oldPassword" placeholder="请输入旧密码" type="password" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="新密码" prop="newPassword"> |
|
|
|
|
<el-input v-model="passform.newPassword" placeholder="请输入新密码" type="password" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="确认密码" prop="confirmPassword"> |
|
|
|
|
<el-input v-model="passform.confirmPassword" placeholder="请确认密码" type="password" size='mini'/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="inforbtn" style="text-align:right" label-width="100px" > |
|
|
|
|
<el-button size="mini" @click="passsubmit">保存</el-button> |
|
|
|
|
<el-button style="background: #EBEDF0;color: #808080;border:none" size="mini" @click="passclose">关闭</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> --> |
|
|
|
|
<div class="basedata" style="border: 1px solid #dcdfe6; margin-top: 30px; width: 688px; height: 430px"> |
|
|
|
|
<div |
|
|
|
|
style=" |
|
|
|
@ -238,20 +193,43 @@ |
|
|
|
|
size="mini" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- <el-form-item label="手机号" prop="mobile"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="passform.mobile" |
|
|
|
|
placeholder="请输入手机号" |
|
|
|
|
size="mini" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="验证码" prop="code"> |
|
|
|
|
<el-input |
|
|
|
|
style="width: 390px; margin-right: 10px" |
|
|
|
|
v-model="passform.code" |
|
|
|
|
placeholder="请输入验证码" |
|
|
|
|
size="mini" |
|
|
|
|
></el-input> |
|
|
|
|
<el-button size="mini" @click="sendCode" :disabled="isSending || countdown > 0"> |
|
|
|
|
{{ |
|
|
|
|
isSending ? '发送中...' : countdown > 0 ? `${countdown}秒后重试` : '发送验证码' |
|
|
|
|
}} |
|
|
|
|
</el-button> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
<el-form-item label="新密码" prop="newPassword"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="passform.newPassword" |
|
|
|
|
placeholder="请输入新密码" |
|
|
|
|
type="password" |
|
|
|
|
size="mini" |
|
|
|
|
show-password |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="确认密码" prop="confirmPassword"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="passform.confirmPassword" |
|
|
|
|
placeholder="请确认密码" |
|
|
|
|
type="password" |
|
|
|
|
size="mini" |
|
|
|
|
show-password |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="inforbtn" style="text-align: right" label-width="100px"> |
|
|
|
@ -282,39 +260,6 @@ |
|
|
|
|
</div> |
|
|
|
|
<div style="padding: 33px 48px"> |
|
|
|
|
<userUpgrade :user="userinform" v-if="userGetFlag" @setTip="setTip" /> |
|
|
|
|
<!-- <el-tag color='#F7F7F7'>您【更新测试公司】的申请已提交,平台审核后会站内消息通知您。</el-tag> |
|
|
|
|
<el-tag color='#F2A51A' style="color:#FFFFFF;margin-left:17px">更新测试公司信息</el-tag> --> |
|
|
|
|
<!-- <div style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
|
|
|
|
<p style="font-weight: bold;color:#0066EB;margin-bottom:0px">认证公司用户</p> |
|
|
|
|
<div style="display:flex;align-items:center;justify-content:space-between;"> |
|
|
|
|
<div style="color:#808080;font-size:14px;line-height:15px;"> |
|
|
|
|
<p>普通用户可提交公司信息和认证所需材料,经通过平台审核后升级为认证公司用户。</p> |
|
|
|
|
<p>认证公司用户可在测试众包市场中发布测试任务。</p> |
|
|
|
|
</div> |
|
|
|
|
<el-tag color='#F2A51A' style="color:#FFFFFF;margin-left:50px" >升级为认证公司用户</el-tag> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
|
|
|
|
<p style="font-weight: bold;color:#0066EB;margin-bottom:0px">认证测试公司</p> |
|
|
|
|
<div style="display:flex;align-items:center;justify-content:space-between;"> |
|
|
|
|
<div style="color:#808080;font-size:14px;line-height:15px;"> |
|
|
|
|
<p >普通用户可提交公司信息和公司测试者认证所需材料,并通过平台审核后,升级为公司测试者。</p> |
|
|
|
|
<p>认证公司用户也可以补充提交公司测试者认证所需材料,并通过平台审核后,升级为认证测试公司。 </p> |
|
|
|
|
<p>认证测试公司可在测试任务众包市场中应征和承接测试项目,完成任务可获取赏金。</p> |
|
|
|
|
</div> |
|
|
|
|
<el-tag color='#F2A51A' style="color:#FFFFFF;margin-left:50px" >升级为认证测试公司</el-tag> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
|
|
|
|
<p style="font-weight: bold;color:#0066EB;margin-bottom:0px">个人测试者</p> |
|
|
|
|
<div style="display:flex;align-items:center;justify-content:space-between;"> |
|
|
|
|
<div style="color:#808080;font-size:14px;line-height:15px;"> |
|
|
|
|
<p >普通用户可提交个人身份信息和资历升级为个人测试者。</p> |
|
|
|
|
<p>个人测试者可在测试任务众包市场中应征和承接测试项目,完成任务可获取赏金。</p> |
|
|
|
|
</div> |
|
|
|
|
<el-tag color='#F2A51A' style="color:#FFFFFF;margin-left:50px" >升级为个人测试者</el-tag> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -326,6 +271,7 @@ import userAvatar from './userAvatar' |
|
|
|
|
import userUpgrade from './userUpgrade' |
|
|
|
|
import { updateUserProfile, updateUserPwd, getUserProfile, saveCompanyInfo } from '@/api/system/user' |
|
|
|
|
import { encrypt, decrypt } from '@/util/encrypt' |
|
|
|
|
import { getCodeUserLogin } from '@/api/system/login' |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
const equalToPassword = (rule, value, callback) => { |
|
|
|
@ -336,6 +282,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return { |
|
|
|
|
isSending: false, |
|
|
|
|
countdown: 0, |
|
|
|
|
companyInfoForm: { |
|
|
|
|
companyDesc: '', |
|
|
|
|
applyId: '', |
|
|
|
@ -466,6 +414,38 @@ export default { |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
sendCode() { |
|
|
|
|
if (!/^1[34578]\d{9}$/.test(this.passform.mobile)) { |
|
|
|
|
return this.$message.error('请输入正确的手机号码') |
|
|
|
|
} |
|
|
|
|
if (this.countdown > 0 || this.isSending) { |
|
|
|
|
return // 防止重复点击发送 |
|
|
|
|
} |
|
|
|
|
this.isSending = true |
|
|
|
|
this.startCountdown() |
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
// 假设发送成功后将isSending重置为false |
|
|
|
|
this.isSending = false |
|
|
|
|
}, 100) // 这里使用2秒的延迟来模拟发送过程,你需要替换为实际的发送逻辑 |
|
|
|
|
// 验证码接口 |
|
|
|
|
getCodeUserLogin(this.passform.mobile).then((res) => { |
|
|
|
|
this.isSending = false |
|
|
|
|
if (res.code == 200) { |
|
|
|
|
this.passform.uuid = res.uuid |
|
|
|
|
this.$message.success('短信发送成功,请注意查收') |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
startCountdown() { |
|
|
|
|
this.countdown = 60 |
|
|
|
|
const timer = setInterval(() => { |
|
|
|
|
this.countdown-- |
|
|
|
|
if (this.countdown <= 0) { |
|
|
|
|
clearInterval(timer) |
|
|
|
|
} |
|
|
|
|
}, 1000) |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|