去掉验证码验证，实现传参带入用户名密码

README.md

@@ -2,7 +2,7 @@
 
 Overview
 ## 前端文档地址：
-https://1x.antdv.com/components/
+https://1x.antdv.com/docs/vue/introduce-cn/
 
 ----
 项目下载和运行

src/views/user/Login.vue

@@ -1,35 +1,35 @@
 <template>
-  <div class="main">
+  <div class='main'>
     <a-form
-      id="formLogin"
+      id='formLogin'
-      class="user-layout-login"
+      class='user-layout-login'
-      ref="formLogin"
+      ref='formLogin'
-      :form="form"
+      :form='form'
-      @submit="handleSubmit"
+      @submit='handleSubmit'
     >
       <a-alert
-        v-if="isLoginError"
+        v-if='isLoginError'
-        type="error"
+        type='error'
         showIcon
-        style="margin-bottom: 24px"
+        style='margin-bottom: 24px'
-        :message="errorMsg"
+        :message='errorMsg'
       />
       <a-form-item style='margin-top: 25px'>
         <a-input
-          size="large"
+          size='large'
-          type="text"
+          type='text'
-          placeholder="账户"
+          placeholder='账户'
           v-decorator="['username', {rules: [{ required: true, message: '请输入帐户名或邮箱地址' }, { validator: handleUsernameOrEmail }], validateTrigger: 'change'}]">
-          <a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }" />
+          <a-icon slot='prefix' type='user' :style="{ color: 'rgba(0,0,0,.25)' }" />
         </a-input>
       </a-form-item>
 
       <a-form-item>
         <a-input-password
-          size="large"
+          size='large'
-          placeholder="密码"
+          placeholder='密码'
           v-decorator="['password', { rules: [{ required: true, message: '请输入密码' }], validateTrigger: 'blur'}]">
-          <a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }" />
+          <a-icon slot='prefix' type='lock' :style="{ color: 'rgba(0,0,0,.25)' }" />
         </a-input-password>
       </a-form-item>
       <!--      <a-tabs :activeKey="customActiveKey" :tabBarStyle="{ textAlign: 'center', borderBottom: 'unset' }" @change="handleTabClick">-->
@@ -78,15 +78,16 @@
         <!--        <router-link class="register" style="float: right;" :to="{ name: 'register' }">注册账户</router-link>-->
       </a-form-item>
 
-      <a-form-item style="margin-top:24px">
+      <a-form-item style='margin-top:24px'>
         <a-button
-          size="large"
+          size='large'
-          type="primary"
+          type='primary'
-          htmlType="submit"
+          htmlType='submit'
-          class="login-button"
+          class='login-button'
-          :loading="state.loginBtn"
+          :loading='state.loginBtn'
-          :disabled="state.loginBtn"
+          :disabled='state.loginBtn'
-        >确定</a-button>
+        >确定
+        </a-button>
       </a-form-item>
 
       <!--      <div class="user-login-other">-->
@@ -105,17 +106,17 @@
     </a-form>
 
     <two-step-captcha
-      v-if="requiredTwoStepCaptcha"
+      v-if='requiredTwoStepCaptcha'
-      :visible="stepCaptchaVisible"
+      :visible='stepCaptchaVisible'
-      @success="stepCaptchaSuccess"
+      @success='stepCaptchaSuccess'
-      @cancel="stepCaptchaCancel"
+      @cancel='stepCaptchaCancel'
     ></two-step-captcha>
     <Verify
-      @success="capctchaCheckSucc"
+      @success='capctchaCheckSucc'
       :mode="'pop'"
       :captchaType="'blockPuzzle'"
       :imgSize="{ width: '330px', height: '155px' }"
-      ref="verify"
+      ref='verify'
     ></Verify>
   </div>
 </template>
@@ -158,6 +159,18 @@ export default {
     }
   },
   created() {
+
+  },
+  mounted() {
+    let username = this.$route.query.username
+    let pwd = this.$route.query.pwd
+    if (username && username != '' && pwd && pwd != '') {
+      this.form.setFieldsValue({
+        'username': username,
+        'password': pwd
+      })
+      this.loginForm()
+    }
   },
   methods: {
     ...mapActions(['Login', 'Logout']),
@@ -186,10 +199,11 @@ export default {
       this.loginForm()
     },
     loginForm() {
-      if (!this.capctchaCheck) {
+      // 验证码暂时注销掉，需要就解开即可
-        this.$refs.verify.show()
+      // if (!this.capctchaCheck) {
-        return false
+      //   this.$refs.verify.show()
-      }
+      //   return false
+      // }
       const {
         form: { validateFields },
         state,
@@ -303,7 +317,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang='less' scoped>
 .user-layout-login {
   label {
     font-size: 14px;