| | |
| | | <template> |
| | | <div class="bank_card_page"> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | title="KYC" |
| | | left-arrow |
| | | @click-left="$router.go(-1)" |
| | | > |
| | | </van-nav-bar> |
| | | <div class="content"> |
| | | <div class="top_back"> |
| | | <!-- <div class="top_back"> |
| | | <div class="left_back_icon" @click="$router.go(-1)"> |
| | | <img src="../../assets/img/zuojiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | <div class="titles"> |
| | | </div> --> |
| | | <!-- <div class="titles"> |
| | | <span>{{ $t("hj146") }}</span> |
| | | </div> |
| | | </div> --> |
| | | <div class="bank_name"> |
| | | <div class="lefts"> |
| | | <span>{{ $t("hj195") + ":" }}</span> |
| | |
| | | <input |
| | | v-if="showBtn" |
| | | type="text" |
| | | placeholder="Please enter your ID card" |
| | | placeholder="Please enter your Aadhaar card" |
| | | v-model="form.idCard" |
| | | /> |
| | | <input v-if="!showBtn" type="text" v-model="form.idCard" readonly /> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="bank_name"> |
| | | <div class="bank_name"> |
| | | <div class="lefts"> |
| | | <span>{{ "Vaild Number" + ":" }}</span> |
| | | <span>{{ $t("有效號碼") + ":" }}</span> |
| | | </div> |
| | | <div class="rights"> |
| | | <input |
| | | v-if="showBtn" |
| | | type="text" |
| | | placeholder="Please enter your ID card" |
| | | placeholder="Please enter your Valid number" |
| | | v-model="form.vaildNumber" |
| | | /> |
| | | <input |
| | |
| | | readonly |
| | | /> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="uploads"> |
| | | <div class="lefts"> |
| | | <el-upload |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + '/user/upload.do'" |
| | | :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" |
| | | name="upload_file" |
| | | :show-file-list="false" |
| | |
| | | <el-upload |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + '/user/upload.do'" |
| | | :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" |
| | | name="upload_file" |
| | | :show-file-list="false" |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | | } |
| | | /deep/ .van-nav-bar__title { |
| | | font-family: "DINPro"; |
| | | width: 100%; |
| | | height: 1.17333rem; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | font-size: 0.48rem; |
| | | color: #14181f; |
| | | } |
| | | .bank_card_page { |
| | | width: 100%; |
| | | // height: 100%; |
| | | height: 100%; |
| | | background: #fff; |
| | | position: relative; |
| | | |
| | | .content { |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 100vh; |
| | | padding: 0 0.6rem; |
| | | |
| | | .top_back { |
| | |
| | | /deep/ .el-upload--picture-card { |
| | | background: none; |
| | | width: 100%; |
| | | height: 1.6rem; |
| | | height: 100PX; |
| | | line-height: 1.6rem; |
| | | } |
| | | |