<template>
|
<div class="advancedCtf">
|
<assets-head :title="$t('公证认证')"></assets-head>
|
<div
|
class="flex items-center justify-center pt-46 pb-60"
|
v-if="status != 0"
|
>
|
<img
|
:src="
|
require(`../../assets/image/certificationCenter/advStatus${status}.png`)
|
"
|
alt=""
|
class="w-36 h-36"
|
/>
|
<span class="ml-16 font-32 textColor">{{ fixState(status) }}</span>
|
</div>
|
<div class="px-32">
|
<ExInput
|
:label="$t('真实姓名')"
|
:disabled="true"
|
:clearBtn="false"
|
:placeholderText="$t('请输入真实姓名')"
|
v-model="name"
|
/>
|
<ExInput
|
:label="$t('工作地址')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('请输入您的工作地址（必填）')"
|
v-model="address"
|
/>
|
<ExInput
|
:label="$t('家庭地址')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('请输入您的家庭地址（必填）')"
|
v-model="familyAddress"
|
/>
|
</div>
|
<div class="diviLine h-16 mb-48"></div>
|
<div class="px-32">
|
<ExInput
|
:label="$t('与本人关系')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('与本人关系（必填）')"
|
v-model="relationMy"
|
/>
|
<ExInput
|
:label="$t('亲属姓名')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('请输入亲属姓名（必填）')"
|
v-model="relativesName"
|
/>
|
<ExInput
|
:label="$t('亲属地址')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('请输入亲属地址（必填）')"
|
v-model="relativesAddress"
|
/>
|
<ExInput
|
:label="$t('亲属电话')"
|
:disabled="disabled()"
|
:clearBtn="!disabled()"
|
:placeholderText="$t('请输入亲属电话（必填）')"
|
v-model="relativesPhone"
|
/>
|
<div
|
class="btnMain text-black font-34 py-26 rounded-lg text-center mt-60"
|
@click="submit"
|
v-if="status == 0 || status == 3"
|
>
|
<span v-if="status == 0">{{ $t("申请认证") }}</span>
|
<span v-if="status == 3">{{ $t("重新申请") }}</span>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/assets-head";
|
import ExInput from "@/components/ex-input";
|
import Axios from "@/API/userCenter";
|
export default {
|
props: {},
|
components: {
|
assetsHead,
|
ExInput,
|
},
|
data() {
|
return {
|
status: "",
|
name: "",
|
address: "",
|
familyAddress: "",
|
relationMy: "",
|
relativesName: "",
|
relativesAddress: "",
|
relativesPhone: "",
|
};
|
},
|
created() {
|
this.getInfo();
|
},
|
methods: {
|
disabled() {
|
// 是否禁用按钮
|
return ![0, 3, ""].includes(this.status);
|
},
|
getInfo() {
|
Axios.getKycHighLevel().then((res) => {
|
this.status = res.data.status;
|
this.name = res.data.name;
|
this.address = res.data.work_place;
|
this.familyAddress = res.data.home_place;
|
this.relationMy = res.data.relatives_relation;
|
this.relativesName = res.data.relatives_name;
|
this.relativesAddress = res.data.relatives_place;
|
this.relativesPhone = res.data.relatives_phone;
|
});
|
},
|
fixState(status) {
|
let str = "";
|
if (status == 1) {
|
str = this.$t("审核中");
|
} else if (status == 2) {
|
str = this.$t("通过认证");
|
} else if (status == 3) {
|
str = this.$t("认证失败");
|
}
|
return str;
|
},
|
submit() {
|
if (this.address == "" || this.address == null) {
|
this.$toast(this.$t("工作地址不能为空"));
|
return false;
|
}
|
if (this.familyAddress == "" || this.familyAddress == null) {
|
this.$toast(this.$t("家庭地址不能为空"));
|
return false;
|
}
|
if (this.relationMy == "" || this.relationMy == null) {
|
this.$toast(this.$t("与本人关系不能为空"));
|
return false;
|
}
|
if (this.relativesName == "" || this.relativesName == null) {
|
this.$toast(this.$t("亲属姓名不能为空"));
|
return false;
|
}
|
if (this.relativesAddress == "" || this.relativesAddress == null) {
|
this.$toast(this.$t("亲属地址不能为空"));
|
return false;
|
}
|
if (this.relativesPhone == "" || this.relativesPhone == null) {
|
this.$toast(this.$t("亲属电话不能为空"));
|
return false;
|
}
|
Axios.kycHighLevelApply({
|
work_place: this.address,
|
home_place: this.familyAddress,
|
relatives_relation: this.relationMy,
|
relatives_name: this.relativesName,
|
relatives_place: this.relativesAddress,
|
relatives_phone: this.relativesPhone,
|
})
|
.then((res) => {
|
this.$router.push("/verified");
|
this.$toast(this.$t("申请成功"));
|
})
|
.catch((err) => {
|
if (err.code === "ECONNABORTED") {
|
this.$toast(this.$t("网络超时！"));
|
} else if (err.msg !== undefined) {
|
this.$toast(this.$t(err.msg));
|
}
|
});
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.advancedCtf {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
</style>
|
