<template>
<div class="PersonInfoAuthPage">
<Header headerTitle="个人信息认证"/>
<p class="msg">识别内容必须清晰可见<i>*</i></p>
<div class="UserUpImgPage">
<div>
<span >人脸识别</span><img @click="addUserFace" id='userFaceImg' name='livingImg' :src="userFaceImg" alt="">
</div>
<div>
<span>身份证正面</span><img @click="addIdCardPros" id='idCardProsImg' name='frontImg' :src="idCardProsImg" alt="">
</div>
<div>
<span>身份证反面</span><img @click="addIdCardCons" id='idCardConsImg' name='backImg' :src="idCardConsImg" alt="">
</div>
</div>
<div class="identityInfoPage">
<p class="identityInfo">身份信息</p>
<div class="userInfo">
<p class="userName border-bottom">真实姓名: <span id='userNameTxt'>请输入真实姓名</span></p>
<p class="idCard">身份证号: <span id="idCardTxt">请输入18位身份证号</span></p>
</div>
</div>
<mt-button size="large" @click="saveInfo">保存</mt-button>
<img id="cardFace" style="display:none;" name='ocrImg' :src="userFaceImg" alt="">
</div>
</template>
<script>
import Header from '@/components/common/HeaderBack.vue'
import userFaceImg from '@/asset