From f8b256ef152e54c19adb85856f62432d59c16b6e Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Mon, 14 Nov 2022 19:00:29 +0800
Subject: [PATCH] wener~
---
src/page/authentication/index.vue | 122 +++++++++++++++++++++++++---------------
1 files changed, 77 insertions(+), 45 deletions(-)
diff --git a/src/page/authentication/index.vue b/src/page/authentication/index.vue
index a90fd01..f9ec095 100644
--- a/src/page/authentication/index.vue
+++ b/src/page/authentication/index.vue
@@ -14,7 +14,9 @@
<span>{{ '真实姓名:' }}</span>
</div>
<div class="rights">
- <input type="text" v-model="form.name" />
+ <input v-if="showBtn" type="text" v-model="form.name" />
+
+ <input v-if="!showBtn" type="text" v-model="form.name" readonly />
</div>
</div>
<div class="bank_name">
@@ -22,23 +24,15 @@
<span>{{ '身份证号:' }}</span>
</div>
<div class="rights">
- <input type="text" v-model="form.idCard" />
+ <input v-if="showBtn" type="text" v-model="form.idCard" />
+ <input v-if="!showBtn" type="text" v-model="form.idCard" readonly />
</div>
</div>
<div class="uploads">
<div class="lefts">
- <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="handleAvatarSuccess"
- :on-error="handleError"
- :before-upload="beforeAvatarUpload"
- :disabled="!showBtn"
- >
+ <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="handleAvatarSuccess"
+ :on-error="handleError" :before-upload="beforeAvatarUpload" :disabled="!showBtn">
<img v-if="form.img1key" :src="form.img1key" class="id-img avatar" />
<i v-else class="iconfont icon-zhaopian"></i>
<span v-if="!form.img1key && !imgStatus" class="btn-title">身份证正面</span>
@@ -46,18 +40,9 @@
</el-upload>
</div>
<div class="rights">
- <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="handleAvatarSuccess2"
- :on-error="handleError2"
- :before-upload="beforeAvatarUpload2"
- :disabled="!showBtn"
- >
+ <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="handleAvatarSuccess2"
+ :on-error="handleError2" :before-upload="beforeAvatarUpload2" :disabled="!showBtn">
<img v-if="form.img2key" :src="form.img2key" class="id-img avatar" />
<i v-else class="iconfont icon-zhaopian"></i>
<span v-if="!form.img2key && !imgStatus2" class="btn-title">身份证背面</span>
@@ -74,7 +59,7 @@
<span>{{ '认证失败，请重新认证' }}</span>
</div>
<div class="bft">
- <span>失败原因：{{this.$store.state.userInfo.authMsg}}</span>
+ <span>失败原因：{{ this.$store.state.userInfo.authMsg }}</span>
</div>
</div>
</van-notify>
@@ -118,18 +103,20 @@
};
},
created() {
+ this.getUserInfo();
if (
- this.$store.state.userInfo.isActive === 1 ||
- this.$store.state.userInfo.isActive === 2
- ) {
- this.form.idCard = this.$store.state.userInfo.idCard;
- this.form.name = this.$store.state.userInfo.realName;
- this.form.img1key = this.$store.state.userInfo.img1Key;
- this.form.img2key = this.$store.state.userInfo.img2Key;
- // this.form.img3key = this.$store.state.userInfo.img3Key
- this.showBtn = false;
- }
+ this.$store.state.userInfo.isActive === 1 ||
+ this.$store.state.userInfo.isActive === 2
+ ) {
+ this.form.idCard = this.$store.state.userInfo.idCard;
+ this.form.name = this.$store.state.userInfo.realName;
+ this.form.img1key = this.$store.state.userInfo.img1Key;
+ this.form.img2key = this.$store.state.userInfo.img2Key;
+ // this.form.img3key = this.$store.state.userInfo.img3Key
+ this.showBtn = false;
+ }
},
+
beforeDestroy() {
if (this.$state.theme == "red") {
document.body.classList.remove("red-bg");
@@ -170,7 +157,7 @@
return false;
} else {
this.form.img2key = URL.createObjectURL(file);
- compress(file, function(val) {});
+ compress(file, function (val) { });
}
},
handleError2() {
@@ -179,9 +166,34 @@
handleAvatarSuccess3(res, file) {
this.form.img3key = res.data.url; // URL.createObjectURL(file.raw);
},
- beforeAvatarUpload3(file) {},
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.commit('dialogVisible', false);
+ this.$store.state.userInfo = data.data;
+ this.userInfo = data.data;
+ if (
+ this.$store.state.userInfo.isActive === 1 ||
+ this.$store.state.userInfo.isActive === 2
+ ) {
+ this.form.idCard = this.$store.state.userInfo.idCard;
+ this.form.name = this.$store.state.userInfo.realName;
+ this.form.img1key = this.$store.state.userInfo.img1Key;
+ this.form.img2key = this.$store.state.userInfo.img2Key;
+ // this.form.img3key = this.$store.state.userInfo.img3Key
+ this.showBtn = false;
+ }
+ } else {
+ //this.$store.commit('dialogVisible',true);
+ //跳转到login
+ this.$router.push({ path: "/login" });
+ }
+ },
+ beforeAvatarUpload3(file) { },
// 上传
- handleFile: function(e) {
+ handleFile: function (e) {
// var that = this
let $target = e.target || e.srcElement;
let file = $target.files[0];
@@ -249,34 +261,41 @@
height: 100%;
background: #fff;
position: relative;
+
.content {
width: 100%;
height: 100%;
padding: 0 0.6rem;
+
.top_back {
width: 100%;
height: 2rem;
- > div {
+
+ >div {
width: 10%;
height: 100%;
display: flex;
align-items: center;
}
+
img {
width: 0.6rem;
height: 0.6rem;
}
}
+
.titles {
width: 100%;
height: 1.5rem;
font-size: 0.641rem;
margin-top: 1rem;
+
span {
font-weight: 600;
}
}
}
+
.bank_name {
width: 100%;
height: 1.5rem;
@@ -285,22 +304,26 @@
background: rgb(247, 247, 247);
border-radius: 0.2rem;
margin-top: 0.3rem;
+
.lefts {
width: 25%;
height: 100%;
display: flex;
align-items: center;
font-size: 0.3846rem;
+
span {
font-weight: 600;
}
}
+
.rights {
width: 75%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
+
input {
width: 100%;
height: 100%;
@@ -308,6 +331,7 @@
}
}
}
+
.bank_name.bind {
display: flex;
align-items: center;
@@ -315,46 +339,54 @@
background: #2d6ae9;
font-size: 0.4103rem;
color: #fff;
+
span {
font-weight: 600;
}
}
+
.uploads {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.3rem;
- > div {
+
+ >div {
width: 48%;
background: rgb(247, 247, 247);
}
}
+
/deep/ .el-upload--picture-card {
background: none;
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
}
+
/deep/ .el-upload__input {
display: none;
}
+
.pass {
width: 70%;
- height: 4rem;
+ height: auto;
position: absolute;
- top: 3.5rem;
+ top: 1.72rem;
right: .2rem;
opacity: 0.2;
+
.top_t {
width: 100%;
- height: 20%;
+ height: auto;
display: flex;
justify-content: flex-end;
font-size: 3.2821rem;
color: #99b8f5;
align-items: flex-end;
}
+
.ise_pass {
font-size: 2.2rem;
}
--
Gitblit v1.9.3