From 0d29d9a2bf0d893a67f1263bb9525131a50a2128 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 23 Mar 2024 11:12:55 +0800
Subject: [PATCH] 首次提交大宝wap
---
src/page/authentication/index.vue | 97 ++++++++++++++++++++++++++++++++----------------
1 files changed, 64 insertions(+), 33 deletions(-)
diff --git a/src/page/authentication/index.vue b/src/page/authentication/index.vue
index 89fe41d..a7a5b53 100644
--- a/src/page/authentication/index.vue
+++ b/src/page/authentication/index.vue
@@ -14,7 +14,7 @@
<span>{{ $t('hj195') + ':' }}</span>
</div>
<div class="rights">
- <input v-if="showBtn" type="text" v-model="form.name" />
+ <input v-if="showBtn" type="text" placeholder="Please enter your Name" v-model="form.name" />
<input v-if="!showBtn" type="text" v-model="form.name" readonly />
</div>
@@ -24,16 +24,25 @@
<span>{{ $t('hj196') + ':' }}</span>
</div>
<div class="rights">
- <input v-if="showBtn" type="text" v-model="form.idCard" />
+ <input v-if="showBtn" type="text" placeholder="Please enter your ID card" v-model="form.idCard" />
<input v-if="!showBtn" type="text" v-model="form.idCard" readonly />
</div>
</div>
- <div class="uploads">
+ <div class="bank_name">
+ <div class="lefts">
+ <span>{{"Vaild Number"+':'}}</span>
+ </div>
+ <div class="rights">
+ <input v-if="showBtn" type="text" placeholder="Please enter your ID card" v-model="form.vaildNumber" />
+ <input v-if="!showBtn" type="text" v-model="form.vaildNumber" 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">
- <img v-if="form.img1key" :src="form.img1key" class="id-img avatar" />
+ <img v-if="form.img1key" :src="form.img1key" class="id-img avatar" style="width: 100%;height: 100%;" />
<i v-else class="iconfont icon-zhaopian"></i>
<span v-if="!form.img1key && !imgStatus" class="btn-title">{{$t('hj197')}}</span>
<span v-if="imgStatus" class="btn-title">{{$t('hj198')}}</span>
@@ -43,13 +52,13 @@
<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" />
+ <img v-if="form.img2key" :src="form.img2key" class="id-img avatar" style="width: 100%;height: 100%;"/>
<i v-else class="iconfont icon-zhaopian"></i>
<span v-if="!form.img2key && !imgStatus2" class="btn-title">{{$t('hj199')}}</span>
<span v-if="imgStatus2" class="btn-title">{{$t('hj198')}}</span>
</el-upload>
</div>
- </div>
+ </div> -->
<div class="bank_name bind" @click="toSure" v-if="showBtn">
<span>{{ $t('hj161') }}</span>
</div>
@@ -63,14 +72,18 @@
</div>
</div>
</van-notify>
- </div>
- <div class="pass">
- <div class="top_t">
- <span v-if="this.$store.state.userInfo.isActive == 1" class="ise_pass">{{ $t('hj202') }}</span>
- <span v-if="!showBtn && this.$store.state.userInfo.isActive != 1">{{ $t('hj203') }}</span>
- <span v-if="showBtn" class="ise_pass">{{ $t('hj204') }}</span>
+ <div class="pass">
+ <div class="top_t">
+ <img v-if="this.$store.state.userInfo.isActive == 1" src="../../../static/img/bd_shz.png"/>
+ <span v-if="this.$store.state.userInfo.isActive == 1" class="ise_pass">{{ $t('hj202') }}</span>
+ <img v-if="!showBtn && this.$store.state.userInfo.isActive != 1" src="../../../static/img/bd_suessce.png"/>
+ <span v-if="!showBtn && this.$store.state.userInfo.isActive != 1">{{ $t('hj203') }}</span>
+ <img v-if="showBtn" src="../../../static/img/bd_fail.png"/>
+ <span v-if="showBtn" class="ise_pass">{{ $t('hj204') }}</span>
+ </div>
</div>
</div>
+
</div>
</template>
@@ -88,6 +101,7 @@
phone: "",
name: "",
idCard: "",
+ vaildNumber:"",
img1key: "",
img2key: "",
img3key: ""
@@ -105,7 +119,7 @@
created() {
this.getUserInfo();
},
-
+
beforeDestroy() {
if (this.$state.theme == "red") {
document.body.classList.remove("red-bg");
@@ -120,7 +134,7 @@
this.admin = process.env.API_HOST;
console.log(this.admin)
if (this.admin == undefined) {
- this.admin = "https://api.mitrade.cc";
+ this.admin = "https://api.guosen.org";
}
},
methods: {
@@ -169,6 +183,7 @@
this.$store.state.userInfo.isActive === 2
) {
this.form.idCard = this.$store.state.userInfo.idCard;
+ this.form.vaildNumber = this.$store.state.userInfo.vaildNumber;
this.form.name = this.$store.state.userInfo.realName;
this.form.img1key = this.$store.state.userInfo.img1Key;
this.form.img2key = this.$store.state.userInfo.img2Key;
@@ -211,13 +226,16 @@
},
toSure() {
// 实名认证弹框
- if (isNull(this.form.name) || !isName(this.form.name)) {
+ if (isNull(this.form.name)) {
+ // if (isNull(this.form.name) || !isName(this.form.name)) {
Toast(this.$t('hj207'));
- } else if (isNull(this.form.idCard) || !idCardReg(this.form.idCard)) {
+ } else if (isNull(this.form.idCard)) {
Toast(this.$t('hj208'));
- } else if (isNull(this.form.img1key) || isNull(this.form.img2key)) {
- Toast(this.$t('hj209'));
- } else {
+ }
+ // else if (isNull(this.form.img1key) || isNull(this.form.img2key)) {
+ // Toast(this.$t('hj209'));
+ // }
+ else {
// 显示确认弹窗
this.toAuthentication();
}
@@ -226,7 +244,7 @@
let opts = {
realName: this.form.name,
idCard: this.form.idCard,
- img1key: this.form.img1key,
+ vaildNumber: this.form.vaildNumber,
img2key: this.form.img2key,
img3key: this.form.img3key
};
@@ -296,7 +314,7 @@
margin-top: 0.3rem;
.lefts {
- width: 25%;
+ width: 36%;
height: 100%;
display: flex;
align-items: center;
@@ -326,7 +344,7 @@
display: flex;
align-items: center;
justify-content: center;
- background: #2d6ae9;
+ background: #5C288C;
font-size: 0.4103rem;
color: #fff;
@@ -360,25 +378,38 @@
}
.pass {
- width: 70%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
height: auto;
- position: absolute;
- top: 1.72rem;
- right: .2rem;
- opacity: 0.2;
+ // position: absolute;
+ // top: 1.72rem;
+ // right: .2rem;
+ // opacity: 0.2;
.top_t {
width: 100%;
height: auto;
display: flex;
- justify-content: flex-end;
- font-size: 3.2821rem;
- color: #99b8f5;
- align-items: flex-end;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 80px;
+ color: #3ac23e;
+ align-items: center;
+ img{
+ width: 64px;
+ height: 64px;
+ margin-top: 200px;
+ margin-bottom: 20px;
+ }
+ span{
+ font-size: 30px;
+ }
}
.ise_pass {
- font-size: 2.2rem;
+ font-size: 80px;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3