From a6f262849d9502adad2c7dadddac95cbac7e36f1 Mon Sep 17 00:00:00 2001
From: klausY <emosick@qq.com>
Date: Tue, 17 Mar 2020 17:12:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=AA=8C=E8=AF=81=E7=A0=81?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 QMPlusVuePage/src/api/user.js          | 18 ++++++++++++-
 QMPlusVuePage/src/view/login/login.vue | 35 +++++++++++++++++++++++---
 QMPlusVuePage/vue.config.js            |  2 +-
 3 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/QMPlusVuePage/src/api/user.js b/QMPlusVuePage/src/api/user.js
index 6bc6b9ee..375e3c77 100644
--- a/QMPlusVuePage/src/api/user.js
+++ b/QMPlusVuePage/src/api/user.js
@@ -65,4 +65,20 @@ export const setUserAuthority = (data) => {
         method: 'post',
         data: data
     })
-}
\ No newline at end of file
+}
+
+// @Tags User
+// @Summary 验证码
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body api.SetUserAuth true "设置用户权限"
+// @Success 200 {string} json "{"success":true,"data":{},"msg":"修改成功"}"
+// @Router /user/setUserAuthority [post]
+export const captcha = (data) => {
+    return service({
+        url: "/base/captcha",
+        method: 'post',
+        data: data
+    })
+}
diff --git a/QMPlusVuePage/src/view/login/login.vue b/QMPlusVuePage/src/view/login/login.vue
index 99f5b554..0b7d168b 100644
--- a/QMPlusVuePage/src/view/login/login.vue
+++ b/QMPlusVuePage/src/view/login/login.vue
@@ -16,6 +16,14 @@
             <i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i>
           </el-input>
         </el-form-item>
+        <el-form-item>
+          <el-input
+            v-model="loginForm.captcha"
+            name="logVerify"
+            maxlength="10"
+          />
+          <img :src="path + picPath" alt="请输入验证码" @click="loginVefify()" class="vPic">
+        </el-form-item>
         <el-form-item>
           <el-button @click="submitForm" style="width:100%">登 录</el-button>
         </el-form-item>
@@ -27,6 +35,8 @@
 
 <script>
 import { mapActions } from 'vuex'
+import { captcha } from '@/api/user'
+const path = process.env.VUE_APP_BASE_API
 export default {
   name: 'Login',
   data() {
@@ -49,14 +59,22 @@ export default {
       lock: 'lock',
       loginForm: {
         username: '',
-        password: ''
+        password: '',
+        captcha:'',
+        captchaId: '',
       },
       rules: {
         username: [{ validator: checkUsername, trigger: 'blur' }],
         password: [{ validator: checkPassword, trigger: 'blur' }]
-      }
+      },
+      path:path,
+      logVerify:'',
+      picPath:''
     }
   },
+  created() {
+    this.loginVefify()
+  },
   methods: {
     ...mapActions('user', ['LoginIn']),
     async login() {
@@ -78,6 +96,13 @@ export default {
     },
     changeLock() {
       this.lock === 'lock' ? (this.lock = 'unlock') : (this.lock = 'lock')
+    },
+    loginVefify() {
+      console.log(this.logVerify)
+      captcha({}).then(ele=>{
+        this.picPath = ele.data.picPath
+        this.loginForm.captchaId = ele.data.captchaId
+      })
     }
   }
 }
@@ -94,5 +119,9 @@ export default {
     margin-left: -22vw;
     top: 25vh;
   }
+  .vPic{
+    position: absolute;
+    right: 10px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/QMPlusVuePage/vue.config.js b/QMPlusVuePage/vue.config.js
index 74ca5561..0471071c 100644
--- a/QMPlusVuePage/vue.config.js
+++ b/QMPlusVuePage/vue.config.js
@@ -95,4 +95,4 @@ module.exports = {
                 }
             )
     }
-}
\ No newline at end of file
+}
-- 
GitLab