From c3afe3d4e0a8663b379510c38ec543ac8dbc2e5e Mon Sep 17 00:00:00 2001
From: XIGUASSR <623844246@qq.com>
Date: Fri, 11 Nov 2022 23:37:44 +0800
Subject: [PATCH] 最新
---
src/page/user/authentication.vue | 184 +--------------------------------------------
1 files changed, 7 insertions(+), 177 deletions(-)
diff --git a/src/page/user/authentication.vue b/src/page/user/authentication.vue
index 4e293f4..ed4f4c0 100644
--- a/src/page/user/authentication.vue
+++ b/src/page/user/authentication.vue
@@ -12,10 +12,13 @@
<div class="box-contain clearfix">
<div class="empty text-center">
<!-- 您已通过实名认证 -->
+ <!-- 审核中 -->
<i v-show="this.$store.state.userInfo.isActive == 1" style="color:red;font-size: 1.5rem;"
class="iconfont icon-shenhezhong"></i>
+ <!-- 通过 -->
<i v-show="!showBtn && this.$store.state.userInfo.isActive != 1" style="color:red;font-size: 1.5rem;"
class="iconfont icon-tongguo1"></i>
+ <!-- 未通过 -->
<i v-show="showBtn" style="color:red;font-size: 1.5rem;" class="iconfont icon-icon-test"></i>
</div>
</div>
@@ -49,10 +52,7 @@
<span v-if="!form.img1key && !imgStatus" class="btn-title">身份证正面</span>
<span v-if="imgStatus" class="btn-title">正在上传中...</span>
</el-upload>
- <!-- <i class="iconfont icon-tupian"></i> -->
- <!-- <span class="btn-title">身份证正面</span> -->
- <!-- <input class="btn-hidden" type="file" accept="image/jpeg, image/png, image/jpg" @change="handleFile"/> -->
- <!-- <img class="id-img" :src="this.form.img2Key" alt=""> -->
+
</div>
<div class="upload-btn">
<el-upload
@@ -70,25 +70,9 @@
<span v-if="!form.img2key && !imgStatus2" class="btn-title">身份证背面</span>
<span v-if="imgStatus2" class="btn-title">正在上传中...</span>
</el-upload>
- <!--
- :auto-upload="false"
- 身份证背面 -->
+
</div>
- <!-- <div class="upload-btn">
- <el-upload
- :with-credentials='true'
- class="avatar-uploader"
- :action="admin+'/user/upload.do'"
- list-type="picture-card"
- name="upload_file"
- :show-file-list="false"
- :on-success="handleAvatarSuccess3"
- :before-upload="beforeAvatarUpload3">
- <img v-if="form.img3key" :src="form.img3key" class="id-img avatar">
- <i v-else class="iconfont icon-zhaopian"></i>
- <span v-if="!form.img3key" class="btn-title">手持身份证</span>
- </el-upload>
- </div> -->
+
</div>
<div class="rule-box">
<div class="title">认证规则：</div>
@@ -161,161 +145,7 @@
this.admin = ''
}
},
- methods: {
- handleAvatarSuccess (res, file) {
- this.imgStatus = false
- this.form.img1key = res.data.url
- },
- beforeAvatarUpload (file) {
- this.imgStatus = true
- // const isJPG = file.type === 'image/jpg' || file.type === 'image/jpeg' || file.type === 'image/png';
- // const isLt2M = file.size / 1024 / 1024 < 20;
- // if (!isJPG) {
- // Toast('请选择jpg或者png的图片格式!');
- // }
- // // if (!isLt2M) {
- // // Toast('上传头像图片大小不能超过 2MB!');
- // // }
- // return isJPG && isLt2M;
- },
- handleError () {
- this.imgStatus = false
- },
- handleAvatarSuccess2 (res, file) {
- this.imgStatus2 = false
- this.form.img2key = res.data.url // URL.createObjectURL(file.raw);
- },
- // 自动义图片上传 uploadFileFun2
- // async uploadFileFun2 (params) {
- // console.log('uploadFile', params)
- // const _that = this
- // const isLt10M = file.size / 1024 / 1024 < 10
- // if (!isLt10M) {
- // this.$message.error('上传图片大小不能超过 10M!')
- // return false
- // } else {
- // this.form.img2key = URL.createObjectURL(file.raw)
- // compress(file.raw, function (val) {
- // _that.form.img2key = val
- // })
- // }
- // // 通过 FormData 对象上传文件
- // const _file = params.file
- // var formData = new FormData()
- // formData.append('upload_file', _file)
- // let data = await api.uploadimg(formData)
- // if (data.status === 0) {
- // this.form.img2key = data.data
- // } else {
- // Toast(data.msg)
- // }
- // },
- beforeAvatarUpload2 (file) {
- this.imgStatus2 = true
- // const _that = this
- const isLt10M = file.size / 1024 / 1024 < 10
- if (!isLt10M) {
- this.$message.error('上传图片大小不能超过 10M!')
- return false
- } else {
- this.form.img2key = URL.createObjectURL(file)
- compress(file, function (val) {
- // _that.theForm.picUrl = val
- // _that.imgFile = val
- // _that.showDelete = true
- // _that.$refs['addBuildingForm'].validateField('picUrl')
- })
- }
- // const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
- // const isLt2M = file.size / 1024 / 1024 < 20;
-
- // return isJPG && isLt2M;
- },
- handleError2 () {
- this.imgStatus2 = false
- },
- handleAvatarSuccess3 (res, file) {
- this.form.img3key = res.data.url // URL.createObjectURL(file.raw);
- },
- beforeAvatarUpload3 (file) {
- // const isJPG = file.type === 'image/jpeg' || file.type === 'image/jpeg' || file.type === 'image/png';
- // const isLt2M = file.size / 1024 / 1024 < 20;
- // if (!isJPG) {
- // Toast('请选择jpg或者png的图片格式!');
- // }
- // return isJPG && isLt2M;
- },
- // 上传
- handleFile: function (e) {
- // var that = this
- let $target = e.target || e.srcElement
- let file = $target.files[0]
- // if(file.size > 1024 * 1024 *20){
- console.log(file, 'file')
- let i = false
- if (i) {
- Toast('您上传的照片过大，请选择20M以下的图片')
- } else {
- // Indicator.open('Loading...')
- this.img1Key = file
- // this.$refs.formDate.submit()
- // this.uploadIdImg({upload_file:file})
- var reader = new FileReader()
- reader.onload = (data) => {
- let res = data.target || data.srcElement
- this.form.img1Key = res.result
- // Indicator.close()
- }
- // reader.onloadend = () => {
- // Indicator.close()
- // }
- reader.readAsDataURL(file)
- }
- },
- // async uploadIdImg(){
- // let imgformData = new FormData()
-
- // imgformData.append('upload_file', this.img1Key)
- // let data = await api.uploadFile({upload_file:this.img1Key})
- // if(data.status == 0){
- // Toast('认证成功!')
- // }else{
- // Toast(data.msg)
- // }
- // },
- toSure () {
- // 实名认证弹框
- if (isNull(this.form.name) || !isName(this.form.name)) {
- Toast('请输入您的真实姓���')
- } else if (isNull(this.form.idCard) || !idCardReg(this.form.idCard)) {
- Toast('请输入您的正确的身份证号码')
- } else if (isNull(this.form.img1key) || isNull(this.form.img2key)) {
- Toast('请上传您的身份证照片')
- } else {
- // 显示确认弹窗
- this.toAuthentication()
- }
- },
- async toAuthentication () {
- let opts = {
- realName: this.form.name,
- idCard: this.form.idCard,
- img1key: this.form.img1key,
- img2key: this.form.img2key,
- img3key: this.form.img3key
- }
- let data = await api.userAuth(opts)
- if (data.status === 0) {
- Toast('提交成功!')
- this.goBack()
- } else {
- Toast(data.msg)
- }
- },
- goBack () {
- this.$router.back(-1)
- }
- }
+
}
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3