|
|
@ -172,7 +172,7 @@ |
|
|
<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 |
|
|
<!-- <upload-img |
|
|
class="mb-3" |
|
|
class="mb-3" |
|
|
v-model="topForm.front_img" |
|
|
v-model="topForm.front_img" |
|
|
required |
|
|
required |
|
|
@ -184,9 +184,10 @@ |
|
|
<em>{{$t('profile.clickUpload')}}</em> |
|
|
<em>{{$t('profile.clickUpload')}}</em> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</upload-img> |
|
|
</upload-img> --> |
|
|
<upload-img |
|
|
|
|
|
class="mb-3" |
|
|
<!-- <upload-img |
|
|
|
|
|
class="mb-3" |
|
|
v-model="topForm.back_img" |
|
|
v-model="topForm.back_img" |
|
|
required |
|
|
required |
|
|
:placeholder="$t('profile.reversePhoto')" |
|
|
:placeholder="$t('profile.reversePhoto')" |
|
|
@ -197,7 +198,9 @@ |
|
|
<em>{{$t('profile.clickUpload')}}</em> |
|
|
<em>{{$t('profile.clickUpload')}}</em> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</upload-img> |
|
|
</upload-img> --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 手持证件 --> |
|
|
<!-- <upload-img |
|
|
<!-- <upload-img |
|
|
class="mb-3" |
|
|
class="mb-3" |
|
|
v-model="topForm.front_img" |
|
|
v-model="topForm.front_img" |
|
|
@ -211,6 +214,17 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</upload-img> --> |
|
|
</upload-img> --> |
|
|
|
|
|
<el-upload :class="{ disabled: noUpload }" name="image" drag action="https://seee.bigtchain.com/api/uploadImage" list-type="picture-card" |
|
|
|
|
|
:limit="1" :on-remove="handleRemove" :on-success="Imagesuccess" :on-change="checkImageFormat" :before-upload="beforeAvatarUpload" class="mb-3"> |
|
|
|
|
|
<i class="el-icon-upload" style="margin: 40px 0 16px;line-height: 50px;font-size: 67px;"></i> |
|
|
|
|
|
<div class="el-upload__text">{{$t('profile.positive')}}-{{$t('profile.dragHere')}}<em style="color: #409EFF;font-style: normal;">{{$t('profile.clickUpload')}}</em></div> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<el-upload :class="{ disabled1: noUpload1 }" name="image" drag action="https://seee.bigtchain.com/api/uploadImage" list-type="picture-card" |
|
|
|
|
|
:limit="1" :on-remove="handleRemove1" :on-success="Imagesuccess1" :on-change="checkImageFormat1" :before-upload="beforeAvatarUpload"> |
|
|
|
|
|
<i class="el-icon-upload" style="margin: 40px 0 16px;line-height: 50px;font-size: 67px;"></i> |
|
|
|
|
|
<div class="el-upload__text">{{$t('profile.theOtherSide')}}-{{$t('profile.dragHere')}}<em style="color: #409EFF;font-style: normal;">{{$t('profile.clickUpload')}}</em></div> |
|
|
|
|
|
</el-upload> |
|
|
<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> |
|
|
</div> |
|
|
</div> |
|
|
@ -294,6 +308,8 @@ export default { |
|
|
return time.getTime() > Date.now(); |
|
|
return time.getTime() > Date.now(); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
noUpload:false, |
|
|
|
|
|
noUpload1:false |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
@ -323,6 +339,39 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
checkImageFormat(file){ |
|
|
|
|
|
// console.log(file); |
|
|
|
|
|
this.noUpload = true //设置为true阻止继续上传 |
|
|
|
|
|
}, |
|
|
|
|
|
beforeAvatarUpload(file){ |
|
|
|
|
|
const MAX_SIZE = file.size / 1024 / 1024 < 5; |
|
|
|
|
|
if(!MAX_SIZE){ |
|
|
|
|
|
this.$message.error(this.$t('common.tooBig')+`5M`); |
|
|
|
|
|
} |
|
|
|
|
|
return MAX_SIZE |
|
|
|
|
|
}, |
|
|
|
|
|
handleRemove(){ |
|
|
|
|
|
this.topForm.front_img = "" |
|
|
|
|
|
this.noUpload = false //设置为false继续上传 |
|
|
|
|
|
}, |
|
|
|
|
|
Imagesuccess(response, file, fileList){ |
|
|
|
|
|
// console.log(response); |
|
|
|
|
|
this.topForm.front_img = response.data.url |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
checkImageFormat1(file){ |
|
|
|
|
|
// console.log(file); |
|
|
|
|
|
this.noUpload1 = true //设置为true阻止继续上传 |
|
|
|
|
|
}, |
|
|
|
|
|
handleRemove1(){ |
|
|
|
|
|
this.topForm.back_img = "" |
|
|
|
|
|
this.noUpload1 = false //设置为false继续上传 |
|
|
|
|
|
}, |
|
|
|
|
|
Imagesuccess1(response, file, fileList){ |
|
|
|
|
|
// console.log(response); |
|
|
|
|
|
this.topForm.back_img = response.data.url |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
// 获取实名信息 |
|
|
// 获取实名信息 |
|
|
getAuthInfo() { |
|
|
getAuthInfo() { |
|
|
Profile.getAuthInfo() |
|
|
Profile.getAuthInfo() |
|
|
@ -426,4 +475,29 @@ export default { |
|
|
background-color: #1e2834; |
|
|
background-color: #1e2834; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.el-upload__text{ |
|
|
|
|
|
color: #000; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
<style> |
|
|
|
|
|
.disabled .el-upload { |
|
|
|
|
|
display: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
.disabled1 .el-upload { |
|
|
|
|
|
display: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-upload--picture-card{ |
|
|
|
|
|
line-height: 0px; |
|
|
|
|
|
width: 298px; |
|
|
|
|
|
} |
|
|
|
|
|
.el-upload-list__item-actions{ |
|
|
|
|
|
width: 298px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-upload-list__item{ |
|
|
|
|
|
width: 298px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-upload-dragger{ |
|
|
|
|
|
width: 298px; |
|
|
|
|
|
height:148px; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|