调整验证码布局

src/views/setting/login-pwd.vue

@@ -23,10 +23,13 @@
     <!-- Captcha -->
     <div class="form-group">
       <label>{{$t('common.GraphicValidation')}}</label>
-      <input type="text" id="gccode" v-model="user.gc_code" required 
-        :placeholder="$t('common.GraphicValidation')" class="form-control col-6" />
-      <img class="col-6" :src="Graph_che" @click="gett_gc_code">
+      <div class="col-12 row">
+        <input type="text" id="gccode" v-model="form.gc_code" required 
+          :placeholder="$t('common.GraphicValidation')" class="form-control col-6" />
+        <img class="col-6" :src="Graph_che" @click="gett_gc_code">
+      </div>
     </div>
+
     <div class="form-group" v-if="detail.phone_status==1">
       <label>{{$t('setting.smsVer')}}</label>
       <div class="input-group mb-3">
@@ -89,12 +92,17 @@ export default {
         password_confirmation: "",
         sms_code: "",
         email_code: "",
+        gc_code: "",
         google_code: ""
       },
       Graph_che:'', // gc code image
       gc_key:'', // tuxiangyanzheng key
     };
   },
+  mounted(){
+      // bind get gc code
+      this.gett_gc_code();
+  },
   methods: {
         // get gc code from api
       gett_gc_code(){