修改

pages/safe/forget-password.vue

@@ -6,7 +6,7 @@
         <view class="form-item border-b p-md">
           <view class="label m-b-xs">{{$t('safe.b1')}}</view>
           <view class="input color-light">
-            <v-input v-model="form.account" :placeholder="`${$t('safe.b2')}`" @blur="checkAccount"></v-input>
+            <v-input v-model="form.account" :placeholder="`${$t('safe.a4')}`" @blur="checkAccount"></v-input>
           </view>
         </view>
         <view class="form-item border-b p-md">
@@ -21,6 +21,15 @@
             <v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input>
           </view>
         </view>
+				<!--图形验证码-->
+				<view class="form-item border-b p-md">
+					<view class="label m-b-xs">{{$t('homeNewText.ee6')}}</view>
+					<v-input class="color-light" v-model="form.gr_code" :placeholder="$t('homeNewText.ee6')">
+						<template #right>
+							<img :src="Graph_che" @click="gett_gc_code" v-if="!hideImg">
+						</template>
+					</v-input>
+				</view>
         <view class="form-item border-b p-md" v-if="checkData.phone_status==1&&show">
           <view class="label m-b-xs">SMS{{$t('safe.a7')}}</view>
           <view class="input color-light">
@@ -60,6 +69,7 @@
 </template>
 <script>
 import Setting from "@/api/setting";
+import Member from "@/api/member";
 export default {
   data() {
     return {
@@ -71,9 +81,13 @@ export default {
         google_code: "",
         password: "",
         password_confirmation: "",
-        show:false
+        show:false,
+				gr_code: ''
       },
       checkData: {},
+			Graph_che:'',
+			gc_key:'', // tuxiangyanzheng key
+			hideImg: false
     };
   },
   computed: {
@@ -116,11 +130,35 @@ export default {
             return
         }
       Setting.forgetPassword(this.form, { btn: this.$refs.btn })
-        .then(() => {
-          this.$back();
+        .then((res) => {
+          if(res.code==200){
+						this.$back();
+					}else{
+						this.reGetGraphChe();
+					}
         })
-        .catch(() => {});
+        .catch(() => {
+					this.reGetGraphChe();
+				});
     },
+		// 重新请求图形验证码
+		reGetGraphChe(){
+			this.hideImg = true;
+			this.gett_gc_code();
+		},
+		gett_gc_code(){
+			Member.Graph_che().then((res)=>{
+				if(res.code==200){
+					this.hideImg = false;
+				}
+			  console.log("gc",res.data.img)
+			  this.Graph_che = res.data.img;
+			  this.gc_key= res.data.key;
+			});
+		}
+  },
+	mounted() {
+    this.gett_gc_code();
   },
 };
 </script>

pages/safe/login-password.vue

@@ -2,6 +2,12 @@
   <v-page class="pos-login">
     <v-header :title="$t('safe.c8')"></v-header>
     <main class=" m-x-xl bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow">
+			<view class="form-item border-b p-md">
+			  <view class="label m-b-xs">{{$t('safe.b1')}}</view>
+			  <view class="input color-light">
+			    <v-input v-model="form.account" :placeholder="`${$t('safe.a4')}`" @blur="checkAccount"></v-input>
+			  </view>
+			</view>
       <view class="form-item border-b p-md ">
         <view class="label m-b-xs">{{$t('safe.b3')}}</view>
         <view class="input color-light">
@@ -14,6 +20,16 @@
           <v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input>
         </view>
       </view>
+	  
+	  <view class="form-item border-b p-md">
+	  	<view class="label m-b-xs">{{$t('homeNewText.ee6')}}</view>
+	  	<v-input class="color-light" v-model="form.gr_code" :placeholder="$t('homeNewText.ee6')">
+	  		<template #right>
+	  			<img :src="Graph_che" @click="gett_gc_code" v-if="!hideImg">
+	  		</template>
+	  	</v-input>
+	  	
+	  </view>
       <view class="form-item border-b p-md" v-if="user.phone_status==1">
         <view class="label m-b-xs">SMS{{$t('safe.a7')}}</view>
         <view class="input color-light">
@@ -50,6 +66,7 @@
   </v-page>
 </template>
 <script>
+import Member from "@/api/member";
 import { mapState } from "vuex";
 import Setting from "@/api/setting";
 export default {
@@ -62,6 +79,8 @@ export default {
         email_code: "",
         google_code: "",
       },
+	  Graph_che:'',
+	  gc_key:'', // tuxiangyanzheng key
     };
   },
   computed: {
@@ -69,7 +88,41 @@ export default {
       user: "user",
     }),
   },
+  mounted() {
+    this.gett_gc_code();
+  },
   methods: {
+		checkAccount(){
+			
+		},
+	//��ȡͼ����֤��
+	refreshCaptcha() {
+	    axios.get('/register/Graph_che')
+	        .then(response => {
+	          // ���¼�����֤��ͼƬ
+	        })
+	        .catch(error => {
+	          console.log(error);
+	        });
+	  },
+	  	// ��������ͼ����֤��
+	  	reGetGraphChe(){
+	  		this.hideImg = true;
+	  		this.gett_gc_code();
+	  	},
+	  
+	  gett_gc_code(){
+	    Member.Graph_che().then((res)=>{
+	  			if(res.code==200){
+	  				this.hideImg = false;
+	  			}
+	      console.log("gc",res.data.img)
+	      this.Graph_che = res.data.img;
+	      this.gc_key= res.data.key;
+	    });
+	    //this.Graph_che = gc
+	  
+	  },
     setPassword() {
       let data = this.form;
       Setting.updatePassword(data, { btn: this.$refs.btn })