diff --git a/src/api/member.js b/src/api/member.js
index 7405f15..3c09502 100644
--- a/src/api/member.js
+++ b/src/api/member.js
@@ -145,6 +145,14 @@ class Member {
     static agent(data){
         return server.post('/agent/register',data)
     }
+
+    /**
+     * 注册gc验证码
+     * @param data {email,token}
+     */
+    static sendGCode() {
+        return server.get(`/register/Graph_che`);
+    }
 }
 
 export default Member;
diff --git a/src/views/signUp/index.vue b/src/views/signUp/index.vue
index 7e61cd3..9e5d6ce 100644
--- a/src/views/signUp/index.vue
+++ b/src/views/signUp/index.vue
@@ -53,6 +53,12 @@
                             <label @click="showType('repwdType')"></label>
                         </div>
 
+                        <div class="form-group row password">
+                            <!-- 使用data-type指定额外的类型验证 -->
+                            <input :type="txtType" id="gccode" v-model="user.gc_code" required placeholder="GraphicalVerification" class="form-control col-6" />
+                            <img class="col-6" :src="Graph_che" @click="gett_gc_code">
+                        </div>
+
                         <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')}`" />
                             <!-- （${$t('login.optional')}） -->
@@ -164,6 +170,7 @@ export default {
             current: 0,
             pwdType: "password",
             repwdType: "password",
+            txtType:"text",
 
             step: 1,
             registerType:1,
@@ -200,6 +207,8 @@ export default {
                 smsCode: null,
                 emailCode: null
             },
+            Graph_che:'', // gc code image
+            gc_key:'', // tuxiangyanzheng key
 
             codes: new Array(6)
         };
@@ -255,6 +264,14 @@ export default {
                     );
                     return
                 }
+
+                // check gc code has fill
+                if(this.Graph_che==''){
+                    this.$message({
+                        type:"warning",
+                        message:"input gc code pls.",
+                    })
+                }
                 // 其他补充的验证
                 if (!this.isAgree) {
                     // 没有同意条款
@@ -306,7 +323,8 @@ export default {
                 case 1:
                     Member.sendEmailCode({
                         email: this.user.email,
-
+                        gc_code: this.user.gc_code,
+                        gc_key: this.gc_key,
                         token
                     })
                         .then(data => {
@@ -357,6 +375,18 @@ export default {
             window.frames["my-modal-body"].$captcha.sliderCaptcha("reset");
         },
 
+         // get gc code from api
+         gett_gc_code(){
+            console.log("dddddd")
+            Member.sendGCode().then( (res) =>{
+                this.gc_key = res.key
+                this.Graph_che = res.img
+                console.log("gc",res)
+            }).catch( err =>{
+                console.log(err)
+            });
+        },
+
         autofill($event) {
             let data = $event.clipboardData.getData("text/plain"),
                 val;
@@ -541,6 +571,9 @@ export default {
         window.md5 = md5;
         // 安全性验证成功时的回调函数
         window.step2Register = this.step2;
+
+        // bind get gc code
+        this.gett_gc_code();
     }
 };
 </script>