Browse Source

修改为滑动验证

master
liaoxinyu 2 years ago
parent
commit
0314bd21e8
  1. 4
      src/i18n/de.json
  2. 5
      src/i18n/en.json
  3. 4
      src/i18n/fra.json
  4. 4
      src/i18n/it.json
  5. 4
      src/i18n/jp.json
  6. 4
      src/i18n/kor.json
  7. 4
      src/i18n/pt.json
  8. 4
      src/i18n/spa.json
  9. 4
      src/i18n/tr.json
  10. 4
      src/i18n/tw.json
  11. 68
      src/views/signUp/index.vue
  12. BIN
      static/SliderCaptcha/src/imgs/slice1.png
  13. BIN
      static/SliderCaptcha/src/imgs/slice2.png
  14. BIN
      static/SliderCaptcha/src/imgs/slice3.png
  15. BIN
      static/SliderCaptcha/src/imgs/slice4.png
  16. BIN
      static/SliderCaptcha/src/imgs/slice4@2x.png
  17. BIN
      static/SliderCaptcha/src/imgs/slice5.png
  18. BIN
      static/SliderCaptcha/src/imgs/slice5@2x.png
  19. 2
      static/SliderCaptcha/src/index.html

4
src/i18n/de.json

@ -273,7 +273,9 @@
"find-password":"Finde das Passwort", "find-password":"Finde das Passwort",
"submit":"Senden", "submit":"Senden",
"confirmpassword":"Die beiden Passwörter sind inkonsistent", "confirmpassword":"Die beiden Passwörter sind inkonsistent",
"Remembered": "Haben Sie Ihr Passwort vergessen?" "Remembered": "Haben Sie Ihr Passwort vergessen?",
"verify": "Bitte führen Sie die Sicherheitsüberprüfung durch",
"Clickverify": "Clickverify"
}, },
"application": { "application": {
"form":"Antragsformular für die Projektwährung", "form":"Antragsformular für die Projektwährung",

5
src/i18n/en.json

@ -365,7 +365,10 @@
"find-password": "Reset login password", "find-password": "Reset login password",
"submit": "Submit", "submit": "Submit",
"confirmpassword": "The two passwords are inconsistent", "confirmpassword": "The two passwords are inconsistent",
"Remembered": "Remembered your password?" "Remembered": "Remembered your password?",
"safety": "Security verification",
"verify":"Please complete the security verification",
"Clickverify":"Clickverify"
}, },
"application": { "application": {
"form": "project’s application form of listing currency", "form": "project’s application form of listing currency",

4
src/i18n/fra.json

@ -273,7 +273,9 @@
"find-password":"Récupérer le mot de passe", "find-password":"Récupérer le mot de passe",
"submit":"Présentation", "submit":"Présentation",
"confirmpassword":"Les mots de passe sont incohérents deux fois", "confirmpassword":"Les mots de passe sont incohérents deux fois",
"Remembered": "Vous vous souvenez de votre mot de passe ?" "Remembered": "Vous vous souvenez de votre mot de passe ?",
"verify": "Veuillez compléter la vérification de sécurité",
"Clickverify": "Cliquez sur vérifier"
}, },
"application": { "application": {
"form":"Formulaire de demande de monnaie pour le projet", "form":"Formulaire de demande de monnaie pour le projet",

4
src/i18n/it.json

@ -273,7 +273,9 @@
"find-password":"Trova la password", "find-password":"Trova la password",
"submit":"Invia", "submit":"Invia",
"confirmpassword":"Le due password sono incoerenti", "confirmpassword":"Le due password sono incoerenti",
"Remembered": "Hai ricordato la password?" "Remembered": "Hai ricordato la password?",
"verify": "Completa la verifica di sicurezza",
"Clickverify":"Clickverify"
}, },
"application": { "application": {
"form":"Modulo di richiesta valuta del progetto", "form":"Modulo di richiesta valuta del progetto",

4
src/i18n/jp.json

@ -273,7 +273,9 @@
"sign-in":"ログイン", "sign-in":"ログイン",
"find-password":"パスワードを取得", "find-password":"パスワードを取得",
"confirmpassword":"二回のパスワードが一致しません。", "confirmpassword":"二回のパスワードが一致しません。",
"Remembered": "パスワードを覚えていますか?" "Remembered": "パスワードを覚えていますか?",
"verify":"セキュリティ検証を完了してください",
"Clickverify":"クリック検証"
}, },
"application": { "application": {
"email":"メールボックス", "email":"メールボックス",

4
src/i18n/kor.json

@ -273,7 +273,9 @@
"sign-in":"등록 하 다.", "sign-in":"등록 하 다.",
"find-password":"비밀번호 찾기", "find-password":"비밀번호 찾기",
"confirmpassword":"두 번 의 비밀번호 가 일치 하지 않 습 니 다.", "confirmpassword":"두 번 의 비밀번호 가 일치 하지 않 습 니 다.",
"Remembered": "비밀번호를 기억하시나요?" "Remembered": "비밀번호를 기억하시나요?",
"verify": "보안 확인을 완료해주세요",
"Clickverify":"클릭확인"
}, },
"application": { "application": {
"email":"메 일주 소", "email":"메 일주 소",

4
src/i18n/pt.json

@ -273,7 +273,9 @@
"find-password":"Recupera o código.", "find-password":"Recupera o código.",
"submit":"apresentação", "submit":"apresentação",
"confirmpassword":"Duas vezes as senhas não coincidem", "confirmpassword":"Duas vezes as senhas não coincidem",
"Remembered": "Lembrou-se da sua senha?" "Remembered": "Lembrou-se da sua senha?",
"verify":"Por favor complete a verificação de segurança",
"Clickverify":"Clickverify"
}, },
"application": { "application": {
"form":"Formulário de candidatura ao financiamento do projecto", "form":"Formulário de candidatura ao financiamento do projecto",

4
src/i18n/spa.json

@ -273,7 +273,9 @@
"find-password":"Recuperar contraseña", "find-password":"Recuperar contraseña",
"submit":"Submission", "submit":"Submission",
"confirmpassword":"Dos contraseñas inconsistentes", "confirmpassword":"Dos contraseñas inconsistentes",
"Remembered": "¿Recordaste tu contraseña?" "Remembered": "¿Recordaste tu contraseña?",
"verify":"Por favor complete la verificación de seguridad",
"Clickverify":"Clicverificar"
}, },
"application": { "application": {
"form":"Formulario de solicitud de moneda del proyecto", "form":"Formulario de solicitud de moneda del proyecto",

4
src/i18n/tr.json

@ -273,7 +273,9 @@
"find-password":"Parola Al", "find-password":"Parola Al",
"submit":"Sunmak", "submit":"Sunmak",
"confirmpassword":"İki şifre tutarsız", "confirmpassword":"İki şifre tutarsız",
"Remembered": "Şifrenizi hatırladınız mı?" "Remembered": "Şifrenizi hatırladınız mı?",
"verify":"Lütfen güvenlik doğrulamasını tamamlayın",
"Clickverify":"Tıklamadoğrula"
}, },
"application":{ "application":{
"form":"Proje listeleme başvuru formu", "form":"Proje listeleme başvuru formu",

4
src/i18n/tw.json

@ -306,7 +306,9 @@
"find-password": "找回密碼", "find-password": "找回密碼",
"submit": "提交", "submit": "提交",
"confirmpassword": "兩次密碼不一致", "confirmpassword": "兩次密碼不一致",
"Remembered": "還記得你的密碼?" "Remembered": "還記得你的密碼?",
"verify":"請完成安全驗證",
"Clickverify":"點擊驗證"
}, },
"application": { "application": {
"form": "項目上幣申請表", "form": "項目上幣申請表",

68
src/views/signUp/index.vue

@ -53,16 +53,26 @@
<label @click="showType('repwdType')"></label> <label @click="showType('repwdType')"></label>
</div> </div>
<div class="form-group row password"> <!-- <div class="form-group row password" style="justify-content: space-between;"> -->
<!-- 增加图形验证码 --> <!-- 增加图形验证码 -->
<input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('homeNewText.ee6')" class="form-control col-6" /> <!-- <input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('homeNewText.ee6')" class="form-control col-6" /> -->
<img class="col-6" :src="Graph_che" @click="gett_gc_code"> <!-- <img class="col-6" :src="Graph_che" @click="gett_gc_code"> -->
</div> <!-- <input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('homeNewText.ee6')" class="form-control col-6" /> -->
<!-- <el-button @click="showCode" type="primary" plain style="width: 100px;margin-top: 0px;margin-left: 20px;height: 40px;margin-top: 3px;">
获取验证码
</el-button> -->
<!-- </div> -->
<div class="form-group row"> <div class="form-group row">
<input type="text" class="form-control" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" /> <input type="text" class="form-control" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" />
<!-- ${$t('login.optional')} --> <!-- ${$t('login.optional')} -->
</div> </div>
<div class="form-group row">
<el-button @click="showCode" type="primary" plain style="margin-top: 0px;">
{{$t("login.Clickverify")}}
</el-button>
</div>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="form-checkbox" v-model="isAgree" /> <input type="checkbox" class="custom-control-input" id="form-checkbox" v-model="isAgree" />
@ -251,6 +261,9 @@ export default {
showType(type) { showType(type) {
this[type] = this[type] == "text" ? "password" : "text"; this[type] = this[type] == "text" ? "password" : "text";
}, },
showCode(){
$("#captcha").modal("show");
},
step1: _.throttle(function () { step1: _.throttle(function () {
@ -267,12 +280,12 @@ export default {
} }
// check gc code has fill // check gc code has fill
if(this.Graph_che==''){ // if(this.Graph_che==''){
this.$message({ // this.$message({
type:"warning", // type:"warning",
message:"input gc code pls.", // message:"input gc code pls.",
}) // })
} // }
// //
if (!this.isAgree) { if (!this.isAgree) {
// //
@ -285,6 +298,16 @@ export default {
); );
return; return;
} }
if(!sessionStorage.getItem('code')){
this.$message(
{
type: "warning",
message: this.$t("login.verify") + "!"
},
1000
);
return;
}
if (this.user.parentCode=="") { if (this.user.parentCode=="") {
// //
this.$message( this.$message(
@ -299,19 +322,19 @@ export default {
// //
// if (this.user.parentCode) { // if (this.user.parentCode) {
// // this.chkRefer(this.user.parentCode, () => { // this.chkRefer(this.user.parentCode, () => {
// // this.showBox = true; // this.showBox = true;
// // }); // });
// } else { // } else {
// // //
// if (utils.isMobile()) { // if (utils.isMobile()) {
this.step2(); this.step2();
// return; // return;
// } // }
// $("#captcha").modal({ // $("#captcha").modal({
// backdrop: "static" // // backdrop: "static", //
// // keyboard : true, // esc // keyboard : true, // esc
// // show : false, // // show : false, //
// }); // });
// } // }
} }
@ -324,9 +347,9 @@ export default {
case 1: case 1:
Member.sendEmailCode({ Member.sendEmailCode({
email: this.user.email, email: this.user.email,
gc_code: this.user.gc_code, // gc_code: this.user.gc_code,
gc_key: this.gc_key, // gc_key: this.gc_key,
token token:token||sessionStorage.getItem('tokens')
}) })
.then(data => { .then(data => {
const res = /^([\w\-\.]+)@([\w\.\-]+)$/.exec(this.user.email); const res = /^([\w\-\.]+)@([\w\.\-]+)$/.exec(this.user.email);
@ -338,6 +361,8 @@ export default {
// DOM // DOM
this.$refs.spaces[0].focus(); this.$refs.spaces[0].focus();
}); });
sessionStorage.removeItem('code');
sessionStorage.removeItem('tokens')
}) })
.catch(err => { }); .catch(err => { });
break; break;
@ -569,6 +594,7 @@ export default {
window.location.href = this.Globals.mobileUrl + '/#/pages/reg/index?invite_code=' + this.$route.query.invite_code window.location.href = this.Globals.mobileUrl + '/#/pages/reg/index?invite_code=' + this.$route.query.invite_code
} }
} }
sessionStorage.removeItem('code');
}, },
mounted() { mounted() {

BIN
static/SliderCaptcha/src/imgs/slice1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

BIN
static/SliderCaptcha/src/imgs/slice2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

BIN
static/SliderCaptcha/src/imgs/slice3.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

BIN
static/SliderCaptcha/src/imgs/slice4.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

BIN
static/SliderCaptcha/src/imgs/slice4@2x.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

BIN
static/SliderCaptcha/src/imgs/slice5.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

BIN
static/SliderCaptcha/src/imgs/slice5@2x.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

2
static/SliderCaptcha/src/index.html

@ -68,6 +68,8 @@
headers: { lang }, headers: { lang },
success: function (response) { success: function (response) {
tokenCode = response.data.token; tokenCode = response.data.token;
sessionStorage.setItem('code', response.code);
sessionStorage.setItem('tokens', response.data.token);
if (response.code == 200) { if (response.code == 200) {
ret = true; ret = true;
} else { } else {

Loading…
Cancel
Save