|
|
@ -9,7 +9,7 @@ |
|
|
<div class="col-12 mt-4"> |
|
|
<div class="col-12 mt-4"> |
|
|
<el-steps :active="setp+1" align-center> |
|
|
<el-steps :active="setp+1" align-center> |
|
|
<el-step :title="$t('profile.primaryCertification')"></el-step> |
|
|
<el-step :title="$t('profile.primaryCertification')"></el-step> |
|
|
<el-step :title="$t('profile.advancedCertification')"></el-step> |
|
|
<!-- <el-step :title="$t('profile.advancedCertification')"></el-step> --> |
|
|
<el-step :title="$t('profile.toExamine')"></el-step> |
|
|
<el-step :title="$t('profile.toExamine')"></el-step> |
|
|
</el-steps> |
|
|
</el-steps> |
|
|
</div> |
|
|
</div> |
|
|
@ -17,7 +17,7 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-9 mx-auto mt-4 panel-box shadow-sm bg-panel" id="auth"> |
|
|
<div class="col-9 mx-auto mt-4 panel-box shadow-sm bg-panel" id="auth"> |
|
|
<!-- 第一步 --> |
|
|
<!-- 第一步 --> |
|
|
<div class="tab-content" v-if="setp==0"> |
|
|
<div class="tab-content" v-if="setp==0 && detail.status!==1"> |
|
|
<div class="form-row"> |
|
|
<div class="form-row"> |
|
|
<div class="form-group col-md-6"> |
|
|
<div class="form-group col-md-6"> |
|
|
<label>{{$t('profile.fullName')}}({{$t('profile.legal')}})*</label> |
|
|
<label>{{$t('profile.fullName')}}({{$t('profile.legal')}})*</label> |
|
|
@ -29,7 +29,7 @@ |
|
|
:placeholder="$t('profile.pleaseEnterName')" |
|
|
:placeholder="$t('profile.pleaseEnterName')" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="form-group col-md-6"> |
|
|
<div class="form-group col-md-6" v-if="0"> |
|
|
<label>{{$t('profile.dateOfBirth')}}(YYYY-MM-DD)*</label> |
|
|
<label>{{$t('profile.dateOfBirth')}}(YYYY-MM-DD)*</label> |
|
|
<el-date-picker |
|
|
<el-date-picker |
|
|
required |
|
|
required |
|
|
@ -62,8 +62,8 @@ |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="label my-2 blue">{{$t('profile.addressInfo')}}</div> |
|
|
<!-- <div class="label my-2 blue">{{$t('profile.addressInfo')}}</div> --> |
|
|
<div class="form-group"> |
|
|
<!-- <div class="form-group"> |
|
|
<label>{{$t('profile.residentialAddress')}}*</label> |
|
|
<label>{{$t('profile.residentialAddress')}}*</label> |
|
|
<input |
|
|
<input |
|
|
type="text" |
|
|
type="text" |
|
|
@ -72,7 +72,7 @@ |
|
|
class="form-control" |
|
|
class="form-control" |
|
|
:placeholder="$t('profile.residentialAddress1')" |
|
|
:placeholder="$t('profile.residentialAddress1')" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> --> |
|
|
<!-- <div class="form-row"> |
|
|
<!-- <div class="form-row"> |
|
|
<div class="form-group col-md-6"> |
|
|
<div class="form-group col-md-6"> |
|
|
<label>{{$t('profile.ciy')}}*</label> |
|
|
<label>{{$t('profile.ciy')}}*</label> |
|
|
@ -99,8 +99,8 @@ |
|
|
<label>{{$t('profile.additionalInformation')}}({{$t('profile.optional')}})</label> |
|
|
<label>{{$t('profile.additionalInformation')}}({{$t('profile.optional')}})</label> |
|
|
<input type="text" v-model="form.extra" class="form-control" placeholder /> |
|
|
<input type="text" v-model="form.extra" class="form-control" placeholder /> |
|
|
</div> --> |
|
|
</div> --> |
|
|
<div class="label my-2 blue">{{$t('profile.contactInformation')}}</div> |
|
|
<!-- <div class="label my-2 blue">{{$t('profile.contactInformation')}}</div> --> |
|
|
<div class="form-row"> |
|
|
<div class="form-row" v-if="0"> |
|
|
<!-- <div class="form-group col-md-12"> --> |
|
|
<!-- <div class="form-group col-md-12"> --> |
|
|
<!-- <label>{{$t('profile.phoneNumber')}}*</label> --> |
|
|
<!-- <label>{{$t('profile.phoneNumber')}}*</label> --> |
|
|
<!-- <div class="input-group mb-3"> --> |
|
|
<!-- <div class="input-group mb-3"> --> |
|
|
@ -142,23 +142,16 @@ |
|
|
<!-- </div> |
|
|
<!-- </div> |
|
|
</div> --> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<!-- <div class="text-center"> --> |
|
|
|
|
|
<!-- <button type="button" class="btn w-25 btn-primary rounded-pill" @click="primaryAuth" >{{$t('profile.nextStep')}}</button> --> |
|
|
<!-- <button |
|
|
<!-- <button |
|
|
type="button" |
|
|
|
|
|
class="btn w-25 btn-primary rounded-pill" |
|
|
|
|
|
@click="primaryAuth" |
|
|
|
|
|
>{{$t('profile.nextStep')}}</button> --> |
|
|
|
|
|
<button |
|
|
|
|
|
type="button" |
|
|
type="button" |
|
|
class="btn w-25 rounded-pill" |
|
|
class="btn w-25 rounded-pill" |
|
|
@click="primaryAuth" |
|
|
@click="primaryAuth" |
|
|
style="background: #F7D558;" |
|
|
style="background: #F7D558;" |
|
|
>{{$t('profile.nextStep')}}</button> |
|
|
>{{$t('profile.nextStep')}}</button> --> |
|
|
</div> |
|
|
<!-- </div> --> |
|
|
</div> |
|
|
<p style="margin-top: 10px;">{{$t('profile.clickUpload1')}}</p> |
|
|
<!-- 第二步 --> |
|
|
|
|
|
<div class="tab-content" v-if="setp==1"> |
|
|
|
|
|
<p>{{$t('profile.clickUpload1')}}</p> |
|
|
|
|
|
<p> |
|
|
<p> |
|
|
{{$t('profile.pelaseDownload')}} |
|
|
{{$t('profile.pelaseDownload')}} |
|
|
<span |
|
|
<span |
|
|
@ -177,32 +170,34 @@ |
|
|
<li class="mb-2">3. {{$t('profile.fileFormat')}}:pdf./ gif./ jpeg./jpg./png.</li> |
|
|
<li class="mb-2">3. {{$t('profile.fileFormat')}}:pdf./ gif./ jpeg./jpg./png.</li> |
|
|
<li class="mb-2">4. {{$t('profile.maximumFileSize')}}:5 MB</li> |
|
|
<li class="mb-2">4. {{$t('profile.maximumFileSize')}}:5 MB</li> |
|
|
</ul> |
|
|
</ul> |
|
|
<upload-img |
|
|
<div class="d-flex"> |
|
|
class="mb-3" |
|
|
<upload-img |
|
|
v-model="topForm.front_img" |
|
|
class="mb-3 mr-4" |
|
|
required |
|
|
v-model="topForm.front_img" |
|
|
:placeholder="$t('profile.uploadPhoto')" |
|
|
required |
|
|
> |
|
|
:placeholder="$t('profile.uploadPhoto')" |
|
|
<template #text> |
|
|
> |
|
|
<div class="el-upload__text"> |
|
|
<template #text> |
|
|
{{$t('profile.positive')}}-{{$t('profile.dragHere')}} |
|
|
<div class="el-upload__text"> |
|
|
<em style="color:#F7D558">{{$t('profile.clickUpload')}}</em> |
|
|
{{$t('profile.positive')}}-{{$t('profile.dragHere')}} |
|
|
</div> |
|
|
<em style="color:#F7D558">{{$t('profile.clickUpload')}}</em> |
|
|
</template> |
|
|
</div> |
|
|
</upload-img> |
|
|
</template> |
|
|
<upload-img |
|
|
</upload-img> |
|
|
class="mb-3" |
|
|
<upload-img |
|
|
v-model="topForm.back_img" |
|
|
class="mb-3" |
|
|
required |
|
|
v-model="topForm.back_img" |
|
|
:placeholder="$t('profile.reversePhoto')" |
|
|
required |
|
|
> |
|
|
:placeholder="$t('profile.reversePhoto')" |
|
|
<template #text> |
|
|
> |
|
|
<div class="el-upload__text"> |
|
|
<template #text> |
|
|
{{$t('profile.theOtherSide')}}-{{$t('profile.dragHere')}} |
|
|
<div class="el-upload__text"> |
|
|
<em style="color:#F7D558">{{$t('profile.clickUpload')}}</em> |
|
|
{{$t('profile.theOtherSide')}}-{{$t('profile.dragHere')}} |
|
|
</div> |
|
|
<em style="color:#F7D558">{{$t('profile.clickUpload')}}</em> |
|
|
</template> |
|
|
</div> |
|
|
</upload-img> |
|
|
</template> |
|
|
|
|
|
</upload-img> |
|
|
|
|
|
</div> |
|
|
<!-- <upload-img |
|
|
<!-- <upload-img |
|
|
class="mb-3" |
|
|
class="mb-3" |
|
|
v-model="topForm.front_img" |
|
|
v-model="topForm.front_img" |
|
|
@ -218,11 +213,12 @@ |
|
|
</upload-img> --> |
|
|
</upload-img> --> |
|
|
<div class="text-center mt-3"> |
|
|
<div class="text-center mt-3"> |
|
|
<!-- <button type="button" class="btn w-25 btn-primary rounded-pill" @click="topAuth">{{$t('profile.nextStep')}}</button> --> |
|
|
<!-- <button type="button" class="btn w-25 btn-primary rounded-pill" @click="topAuth">{{$t('profile.nextStep')}}</button> --> |
|
|
<button type="button" class="btn w-25 rounded-pill" style="background: #F7D558;" @click="topAuth">{{$t('profile.nextStep')}}</button> |
|
|
<button type="button" class="btn w-25 rounded-pill" style="background: #F7D558;" @click="primaryAuth">{{$t('profile.nextStep')}}</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 第三步 --> |
|
|
|
|
|
<div class="tab-ceontent p-5 text-center" v-if="setp==2"> |
|
|
<!-- 第二步 --> |
|
|
|
|
|
<div class="tab-ceontent p-5 text-center" v-else> |
|
|
<!-- 待审核 --> |
|
|
<!-- 待审核 --> |
|
|
<div v-if="detail.status==1"> |
|
|
<div v-if="detail.status==1"> |
|
|
<p class="mt-3 mb-4">{{$t('profile.inSubmit')}}</p> |
|
|
<p class="mt-3 mb-4">{{$t('profile.inSubmit')}}</p> |
|
|
@ -240,7 +236,7 @@ |
|
|
>{{$t('profile.gotIt')}}</button> |
|
|
>{{$t('profile.gotIt')}}</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else-if="detail.status==2"> |
|
|
<div v-if="detail.status==2"> |
|
|
<p class="mt-3 mb-4" style="font-size:18px">{{$t('profile.congratulations')}},{{detail.status_text_lang}}!</p> |
|
|
<p class="mt-3 mb-4" style="font-size:18px">{{$t('profile.congratulations')}},{{detail.status_text_lang}}!</p> |
|
|
<!-- <i class="el-icon-circle-check my-4 increase" style="font-size:60px"></i> --> |
|
|
<!-- <i class="el-icon-circle-check my-4 increase" style="font-size:60px"></i> --> |
|
|
<img src="../../assets/img/success.png" alt="" width="50px" style="margin: 24px auto;"> |
|
|
<img src="../../assets/img/success.png" alt="" width="50px" style="margin: 24px auto;"> |
|
|
@ -252,7 +248,7 @@ |
|
|
>{{$t('profile.back')}}</button> |
|
|
>{{$t('profile.back')}}</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else-if="detail.status==3"> |
|
|
<div v-if="detail.status==3"> |
|
|
<p class="mt-3 mb-4">{{detail.status_text_lang}}!{{$t('profile.resetApply')}}</p> |
|
|
<p class="mt-3 mb-4">{{detail.status_text_lang}}!{{$t('profile.resetApply')}}</p> |
|
|
<i class="el-icon-s-release my-4 decreace" style="font-size:60px"></i> |
|
|
<i class="el-icon-s-release my-4 decreace" style="font-size:60px"></i> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
@ -335,14 +331,23 @@ export default { |
|
|
Profile.getAuthInfo() |
|
|
Profile.getAuthInfo() |
|
|
.then(res => { |
|
|
.then(res => { |
|
|
this.detail = res; |
|
|
this.detail = res; |
|
|
|
|
|
/** |
|
|
|
|
|
* status审核状态 |
|
|
|
|
|
高级认证状态 0未认证,1待审核,2已通过,3已驳回 |
|
|
|
|
|
primary_status实名状态 |
|
|
|
|
|
0未实名,1已实名 |
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
// 展示页面 |
|
|
// 展示页面 |
|
|
|
|
|
// if (res.primary_status !== 0) { |
|
|
|
|
|
// this.setp = 0; |
|
|
|
|
|
// return; |
|
|
|
|
|
// } else |
|
|
if (res.primary_status == 0) { |
|
|
if (res.primary_status == 0) { |
|
|
this.setp = 0; |
|
|
this.setp = 0; |
|
|
return; |
|
|
} |
|
|
} else if (res.status == 0) { |
|
|
else { |
|
|
this.setp = 1; |
|
|
this.setp = 1; |
|
|
} else { |
|
|
|
|
|
this.setp = 2; |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
.catch(res => {}); |
|
|
.catch(res => {}); |
|
|
@ -364,13 +369,17 @@ export default { |
|
|
// 初级认证 |
|
|
// 初级认证 |
|
|
primaryAuth() { |
|
|
primaryAuth() { |
|
|
let data = this.form; |
|
|
let data = this.form; |
|
|
data.country_code = this.country.country_code; |
|
|
// data.country_code = this.country.country_code; |
|
|
|
|
|
data.front_img = this.topForm.front_img; |
|
|
|
|
|
data.back_img = this.topForm.back_img; |
|
|
if (utils.validate("#auth")) { |
|
|
if (utils.validate("#auth")) { |
|
|
Profile.primaryAuth(data) |
|
|
Profile.primaryAuth(data) |
|
|
.then(res => { |
|
|
.then(res => { |
|
|
this.$message.success(this.$t("profile.preliminary")); |
|
|
// this.$message.success(this.$t("profile.preliminary")); |
|
|
|
|
|
this.$message.success(this.$t("profile.advancedCertification")); |
|
|
|
|
|
this.getAuthInfo(); |
|
|
// this.setp++; |
|
|
// this.setp++; |
|
|
this.$router.push("/wallet/assets/exchange") |
|
|
// this.$router.push("/wallet/assets/exchange") |
|
|
}) |
|
|
}) |
|
|
.catch(err => {}); |
|
|
.catch(err => {}); |
|
|
} |
|
|
} |
|
|
@ -439,6 +448,17 @@ export default { |
|
|
.form-control, /deep/ .el-input__inner{ |
|
|
.form-control, /deep/ .el-input__inner{ |
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
color: #333; |
|
|
color: #333; |
|
|
border-color: #ececec; |
|
|
border: 1px solid #ececec; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-input.is-focus .el-input__inner{ |
|
|
|
|
|
box-shadow: 0 0 0 0.2rem rgba(247,213,88,0.25); |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-step__head.is-process{ |
|
|
|
|
|
color: #999; |
|
|
|
|
|
border-color: #999; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-step__head.is-finish, /deep/ .el-step__title.is-finish{ |
|
|
|
|
|
color: #F7D558; |
|
|
|
|
|
border-color: #F7D558; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|