|
|
|
@ -95,37 +95,51 @@ |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="form-group"> |
|
|
|
<label>{{$t('profile.additionalInformation')}}（{{$t('profile.optional')}}）</label> |
|
|
|
<input type="text" v-model="form.extra" class="form-control" placeholder /> |
|
|
|
</div> |
|
|
|
<!-- <div class="form-group"> |
|
|
|
<label>{{$t('profile.additionalInformation')}}（{{$t('profile.optional')}}）</label> |
|
|
|
<input type="text" v-model="form.extra" class="form-control" placeholder /> |
|
|
|
</div> --> |
|
|
|
<div class="label my-2 blue">{{$t('profile.contactInformation')}}</div> |
|
|
|
<div class="form-row"> |
|
|
|
<div class="form-group col-md-6"> |
|
|
|
<label>{{$t('profile.phoneNumber')}}*</label> |
|
|
|
<div class="input-group mb-3"> |
|
|
|
<el-dropdown tragger="click" class="input-group-prepend"> |
|
|
|
<button |
|
|
|
class="btn btn-outline-secondary dropdown-toggle" |
|
|
|
type="button" |
|
|
|
>+{{country.country_code}}</button> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item |
|
|
|
icon="el-icon-plus" |
|
|
|
v-for="item in countryList" |
|
|
|
:key="item.id" |
|
|
|
@click.native="form.country_id=item.id" |
|
|
|
>{{item.country_code}}（{{item.name}}）</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
required |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('profile.enterPhoneNumber')" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="form-group col-md-12"> --> |
|
|
|
<!-- <label>{{$t('profile.phoneNumber')}}*</label> --> |
|
|
|
<!-- <div class="input-group mb-3"> --> |
|
|
|
<div class="form-group col-md-3"> |
|
|
|
<label>{{$t('profile.SelectAreaCode')}}*</label> |
|
|
|
<el-select v-model="form.country_id" filterable placeholder="请选择" > |
|
|
|
<el-option |
|
|
|
v-for="item in countryList" |
|
|
|
:key="item.id" |
|
|
|
:label="'+'+item.country_code +'('+item.name+')'" |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<!-- <el-dropdown tragger="click" class="input-group-prepend"> |
|
|
|
<button |
|
|
|
class="btn btn-outline-secondary dropdown-toggle" |
|
|
|
type="button" |
|
|
|
>+{{country.country_code}}</button> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item |
|
|
|
icon="el-icon-plus" |
|
|
|
v-for="item in countryList" |
|
|
|
:key="item.id" |
|
|
|
@click.native="form.country_id=item.id" |
|
|
|
>{{item.country_code}}（{{item.name}}）</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> --> |
|
|
|
<div class="form-group col-md-9"> |
|
|
|
<label>{{$t('profile.phoneNumber')}}*</label> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
required |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('profile.enterPhoneNumber')" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<!-- </div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="text-center"> |
|
|
|
<button |
|
|
|
@ -182,7 +196,7 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</upload-img> |
|
|
|
<upload-img |
|
|
|
<!-- <upload-img |
|
|
|
class="mb-3" |
|
|
|
v-model="topForm.front_img" |
|
|
|
required |
|
|
|
@ -194,7 +208,7 @@ |
|
|
|
<em>{{$t('profile.clickUpload')}}</em> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</upload-img> |
|
|
|
</upload-img> --> |
|
|
|
<div class="text-center mt-3"> |
|
|
|
<button type="button" class="btn w-25 btn-primary rounded-pill" @click="topAuth">{{$t('profile.nextStep')}}</button> |
|
|
|
</div> |
|
|
|
@ -277,17 +291,25 @@ export default { |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
country() { |
|
|
|
return ( |
|
|
|
this.countryList.find(item => item.id == this.form.country_id) || {} |
|
|
|
); |
|
|
|
return ( |
|
|
|
this.countryList.find(item => item.id == this.form.country_id) || {} |
|
|
|
); |
|
|
|
}, |
|
|
|
cardType() { |
|
|
|
return [ |
|
|
|
{ |
|
|
|
label: this.$t("profile.iD"), |
|
|
|
value: 1 |
|
|
|
} |
|
|
|
]; |
|
|
|
return [ |
|
|
|
{ |
|
|
|
label: this.$t("profile.iD"), |
|
|
|
value: 1, |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: this.$t("profile.driverLicense"), |
|
|
|
value: 2, |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: this.$t("profile.passport"), |
|
|
|
value: 3, |
|
|
|
}, |
|
|
|
]; |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -310,25 +332,31 @@ export default { |
|
|
|
}, |
|
|
|
// 获取区号列表 |
|
|
|
getCountryCode() { |
|
|
|
Member.getCountryCode() |
|
|
|
.then(res => { |
|
|
|
this.countryList = res; |
|
|
|
this.form.country_id = this.countryList[0].id; |
|
|
|
}) |
|
|
|
.catch(res => {}); |
|
|
|
Member.getCountryCode().then(res => { |
|
|
|
this.countryList = res; |
|
|
|
for(let i=0; i<this.countryList.length;i++){ |
|
|
|
let item=this.countryList[i]; |
|
|
|
if(item.country_code=="1"){ |
|
|
|
this.form.country_id = item.id; |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
}).catch(res => {}); |
|
|
|
}, |
|
|
|
// 初级认证 |
|
|
|
primaryAuth() { |
|
|
|
let data = this.form; |
|
|
|
data.country_code = this.country.country_code; |
|
|
|
if (utils.validate("#auth")) { |
|
|
|
Profile.primaryAuth(data) |
|
|
|
.then(res => { |
|
|
|
this.$message.success(this.$t("profile.preliminary")); |
|
|
|
this.setp++; |
|
|
|
}) |
|
|
|
.catch(err => {}); |
|
|
|
} |
|
|
|
let data = this.form; |
|
|
|
data.country_code = this.country.country_code; |
|
|
|
if (utils.validate("#auth")) { |
|
|
|
Profile.primaryAuth(data) |
|
|
|
.then(res => { |
|
|
|
this.$message.success(this.$t("profile.preliminary")); |
|
|
|
// this.setp++; |
|
|
|
this.$router.push("/wallet/assets/exchange") |
|
|
|
}) |
|
|
|
.catch(err => {}); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 高级认证 |
|
|
|
topAuth() { |
|
|
|
|
