增加图形验证码

api/member.js

@@ -124,6 +124,13 @@ class Member {
     static serviceDetail(data) {
         return server.get(`/article/serviceDetail`, data);
     }
+		/**
+		 * 获取图形验证码
+		 * @param data {email,token}
+		 */
+		static Graph_che() {
+				return server.get(`/register/Graph_che`);
+		}
 }
 
 export default Member;

layout/vCode.vue

@@ -75,11 +75,17 @@ export default {
       if (this.load) return;
       this.inSend = true;
       serve.post(this.url, this.data)
-        .then(() => {
+        .then((res) => {
+					// ss        
+					if(res.code=='4001'){          
+						this.inSend = false         
+						this.$toast(res.message);
+					}else{
 						this.inSend = false;
 						this.load = true;
 						this.countDown();
 						this.$toast(this.$t('common.sendSuccess'));
+					}
 				})
         .catch(() => {
           this.inSend = false;

pages/reg/index.vue

@@ -70,6 +70,16 @@
             </view>
           </template>
         </view>
+				<!--图形验证码-->
+				<view class="form-item border-b m-b-md p-b-xs">
+					<view class="label m-b-xs">Captcha</view>
+					<v-input class="color-light" v-model="form.gr_code" placeholder='Please enter graphic results'>
+						<template #right>
+							<!-- 邮箱 -->
+							<img :src="Graph_che" @click="gett_gc_code">
+						</template>
+					</v-input>
+				</view>
         <view class="form-item border-b m-b-md p-b-xs">
           <view class="label m-b-xs">{{$t('reg.a6')}}</view>
           <v-input class="color-light" v-model="form.code" :placeholder="$t('reg.a7')">
@@ -85,10 +95,20 @@
 							}"
 							></v-code>
               <!-- 邮箱 -->
+              <!-- <v-code
+                url="/register/sendEmailCode"
+                :data="{
+                email:form.account,
+                type:1
+              }"
+                v-show="form.type==2"
+              ></v-code> -->
 							<v-code
 								url="/register/sendEmailCode"
 								:data="{
 								email:form.account,
+								gc_code: form.gr_code,
+								gc_key: gc_key,
 								type:1
 							}"
 								v-show="form.type==2"
@@ -159,7 +179,11 @@ export default {
         password: "",
         password_confirmation: "",
         invite_code: "",
+				gr_code: "",
       },
+			captcha: '',
+			Graph_che:'',
+			gc_key:'', // tuxiangyanzheng key
       check: false,
       agreement: {},
       country_code:''
@@ -230,6 +254,28 @@ export default {
         this.$toast(this.$t('reg.c5'));
       });
     },
+		
+		//获取图形验证码
+		refreshCaptcha() {
+			axios.get('/register/Graph_che')
+					.then(response => {
+						// 重新加载验证码图片
+					})
+					.catch(error => {
+						console.log(error);
+					});
+		},
+
+		gett_gc_code(){
+			Member.Graph_che().then((res)=>{
+				console.log("gc",res.data.img)
+				this.Graph_che = res.data.img;
+				this.gc_key= res.data.key;
+			});
+			//this.Graph_che = gc
+
+		},
+		
 		//注册完成后登录
 		login(){
 			let data={type: 2,account:this.form.account,password: this.form.password}
@@ -255,7 +301,7 @@ export default {
     },
   },
   mounted() {
-      
+		this.gett_gc_code();
   },
   onLoad(query){
     this.query = query