<template>
|
<div class="resetVerify">
|
<assets-head :title="title" />
|
<div class="content">
|
<div>
|
<div class="mb-25 textColor">{{ $t('证件照/上传护照') }}</div>
|
<div class="flex mt-33 mb-80 justify-between">
|
<div class="flex-1 flex flex-col text-center justify-center items-center">
|
<div class="upload-wrap">
|
|
<van-uploader v-model="frontFile" multiple :max-count="1" :after-read="afterRead"
|
@click-upload="onClickUpload('frontFile')" />
|
</div>
|
<div class="mt-32 font-26 h-20 text-grey">{{ $t('证件正面') }}</div>
|
</div>
|
<div class="flex-1 flex flex-col text-center justify-center items-center">
|
<div class="upload-wrap">
|
|
<van-uploader v-model="reverseFile" multiple :max-count="1" :after-read="afterRead"
|
@click-upload="onClickUpload('reverseFile')" />
|
</div>
|
<div class="mt-32 font-26 h-20 text-grey">{{ $t('证件反面') }}</div>
|
</div>
|
<div class="flex-1 flex flex-col text-center justify-center items-center">
|
<div class="upload-wrap">
|
|
<van-uploader v-model="fileList" multiple :max-count="1" :after-read="afterRead"
|
@click-upload="onClickUpload('fileList')" />
|
</div>
|
<div class="mt-32 font-26 h-20 text-grey">{{ $t('手持证件照') }}</div>
|
</div>
|
</div>
|
</div>
|
<ExChecked class="mb-42" :list="list" @checked="onChecked"></ExChecked>
|
<div v-if="type == 0">
|
<ExInput :label="$t('资金密码')" :placeholderText="$t('请输入您的资金密码')" v-model="password" :tips="$t('请输入6位数字')"
|
typeText="password" />
|
<ExInput :label="$t('确认资金密码')" :placeholderText="$t('请输入您的资金密码')" v-model="repassword" :tips="$t('请输入6位数字')"
|
typeText="password" />
|
</div>
|
<ExInput :label="$t('留言')" :placeholderText="$t('请输入留言')" v-model="remark" />
|
<div class="btn" @click="submit">{{ $t('确定') }}</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/assets-head";
|
import ExInput from "@/components/ex-input";
|
import ExChecked from "@/components/ex-checked";
|
import { _uploadImage, _applyIdentify, _getIdentify } from '@/API/fund.api'
|
import { Uploader } from 'vant';
|
import Axios from "@/API/userCenter.js";
|
export default {
|
props: {
|
|
},
|
components: {
|
[Uploader.name]: Uploader,
|
assetsHead,
|
ExInput,
|
ExChecked
|
},
|
data() {
|
return {
|
title: '',
|
remark: '',
|
password: '',
|
repassword: '',
|
type: 0,
|
radio: 0,
|
list: [
|
{
|
name: this.$t('重置资金密码'),
|
type: 0
|
},
|
// {
|
// name: this.$t('重置手机号'),
|
// type: 1
|
// },
|
{
|
name: this.$t('重置邮箱'),
|
type: 2
|
},
|
{
|
name: this.$t('重置谷歌验证'),
|
type: 3
|
},
|
],
|
frontFile: [],
|
reverseFile: [],
|
fileList: [],
|
idcard_path_front: '',
|
idcard_path_back: '',
|
idcard_path_hold: '',
|
curFile: 'frontFile',
|
status: '', // 0
|
}
|
},
|
mounted() {
|
let type = this.$route.query.type;
|
this.type = type;
|
this.init(this.type);
|
this.getSafewordApply();
|
},
|
methods: {
|
init(type) {
|
if (type == 1) {
|
this.title = this.$t("人工重置手机号");
|
} else if (type == 2) {
|
this.title = this.$t("人工重置邮箱");
|
} else if (type == 3) {
|
this.title = this.$t("人工重置谷歌验证");
|
} else {
|
this.title = this.$t("人工重置资金密码");
|
}
|
},
|
onChecked(index) {
|
this.type = index;
|
this.init(this.type)
|
},
|
afterRead(file) { /// 处理文件
|
console.log(file);
|
file.status = 'uploading'
|
file.message = this.$t('上传中...')
|
_uploadImage(file).then(data => {
|
file.status = 'success';
|
file.message = this.$t('上传成功');
|
file.resURL = data
|
this[this.curFile] = [file]
|
}).catch(err => {
|
file.status = 'failed';
|
file.message = this.$t('图片上传失败');
|
})
|
},
|
onClickUpload(type) {
|
console.log(type);
|
this.curFile = type
|
},
|
getSafewordApply() {
|
Axios.getSafewordApply({
|
}).then((res) => {
|
if (res.data.length != 0) {
|
this.status = res.data[0].status;
|
this.idcard_path_front = res.data[0].idcard_path_front
|
this.idcard_path_back = res.data[0].idcard_path_back
|
this.idcard_path_hold = res.data[0].idcard_path_hold
|
}
|
}).catch((error) => {
|
if (error.code === 'ECONNABORTED') { this.$toast(this.$t('网络超时！')); }
|
else if (error.msg !== undefined) { this.$toast(this.$t(error.msg)); }
|
});
|
},
|
setSafewordApply() {
|
let operate;
|
if (this.type == 0) {
|
operate = 0
|
} else if (this.type == 1) {
|
operate = 2
|
} else if (this.type == 2) {
|
operate = 3
|
} else if (this.type == 3) {
|
operate = 1
|
}
|
Axios.setSafewordApply({
|
idcard_path_front: this.frontFile.length && this.frontFile[0].resURL || '',
|
idcard_path_back: this.reverseFile.length && this.reverseFile[0].resURL || '',
|
idcard_path_hold: this.fileList.length && this.fileList[0].resURL || '',
|
operate: operate, //0 修改资金 1取消谷歌绑定 ，2取消手机绑定 3取消邮箱绑定
|
safeword: this.password,
|
safeword_confirm: this.repassword,
|
remark: this.remark
|
}).then((res) => {
|
this.$router.push({ name: 'resetSuccess', query: { type: this.type } })
|
}).catch((error) => {
|
if (error.code === 'ECONNABORTED') { this.$toast(this.$t('网络超时！')); }
|
else if (error.msg !== undefined) { this.$toast(this.$t(error.msg)); }
|
});
|
},
|
submit() {
|
this.setSafewordApply();
|
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.resetVerify {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
|
|
.content {
|
font-size: 26px;
|
padding: 32px;
|
|
@include themify() {
|
border-top: themed("line_color");
|
}
|
}
|
|
.btn {
|
@include themify() {
|
background: themed("btn_main");
|
}
|
|
color: #fff;
|
height: 88px;
|
line-height: 88px;
|
text-align: center;
|
font-size: 32px;
|
border-radius: 10px;
|
}
|
|
.upload-wrap {
|
width: 220px;
|
height: 220px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
position: relative;
|
|
img {
|
height: 100%;
|
}
|
}
|
|
.opacity0 {
|
opacity: 0;
|
}
|
|
.opacity1 {
|
opacity: 1;
|
}
|
|
.imgShow {
|
top: 0;
|
position: absolute;
|
}
|
</style>
|
