diff --git a/src/views/signUp/index.vue b/src/views/signUp/index.vue
index bc8bb8d..c30f91f 100644
--- a/src/views/signUp/index.vue
+++ b/src/views/signUp/index.vue
@@ -52,6 +52,11 @@
                             <input :type="repwdType" id="repassword" v-model="user.repassword" required :placeholder="$t('login.confirm-password')" class="form-control" />
                             <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')}`" />
@@ -164,6 +169,7 @@ export default {
             current: 0,
             pwdType: "password",
             repwdType: "password",
+            txtType:"text",
 
             step: 1,
             registerType:1,
@@ -200,6 +206,8 @@ export default {
                 smsCode: null,
                 emailCode: null
             },
+            Graph_che:'', // gc code image
+            gc_key:'', // tuxiangyanzheng key
 
             codes: new Array(6)
         };
@@ -255,6 +263,13 @@ export default {
                     );
                     return
                 }
+                // check gc code has fill
+                if(this.Graph_che==''){
+                    this.$message({
+                        type:"warning",
+                        message:"input gc code pls.",
+                    })
+                }
                 // 其他补充的验证
                 if (!this.isAgree) {
                     // 没有同意条款
@@ -357,6 +372,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 +568,8 @@ export default {
         window.md5 = md5;
         // 安全性验证成功时的回调函数
         window.step2Register = this.step2;
+        // bind get gc code
+        this.gett_gc_code();
     }
 };
 </script>