From 1bf6169fc82037478eae4ad9557bef98fedc896e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98=E2=80=98?= <kun.cheng@funi.com>
Date: Thu, 23 Mar 2023 17:23:42 +0800
Subject: [PATCH] =?UTF-8?q?feature-hub-1.0:=E6=96=B0=E5=A2=9E=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=AA=8C=E8=AF=81=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/auth.js           |  9 +++++++++
 pages/login/login.vue | 40 ++++++++++++++++++++++++++++++++++++++--
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/api/auth.js b/api/auth.js
index fb2532d..4b82715 100644
--- a/api/auth.js
+++ b/api/auth.js
@@ -20,4 +20,13 @@ export function logout(data) {
 		method: 'post',
 		data
 	})
+}
+
+// 获取验证码
+export function getCodeImg() {
+  return request({
+    url: '/code',
+    method: 'get',
+    timeout: 20000
+  })
 }
\ No newline at end of file
diff --git a/pages/login/login.vue b/pages/login/login.vue
index a44e03a..bb51828 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -31,6 +31,20 @@
 					</template>
 					<uni-easyinput type="password" v-model="formData.password" placeholder="请输入密码" :inputBorder="false" />
 				</uni-forms-item>
+				
+				<uni-forms-item prop="code" v-if="captchaOnOff">
+					<uni-easyinput
+						v-model="formData.code"
+						auto-complete="off"
+						placeholder="验证码"
+						style="width: 63%"
+						@keyup.enter.native="handleLogin">
+						<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+					</uni-easyinput>
+					<div class="login-code">
+						<img :src="codeUrl" @click="getCode" class="login-code-img"/>
+					</div>
+				</uni-forms-item>
 			</uni-forms>
 			<button class="login-btn" type="primary" @click="$noMultipleClicks(login,formData)">登录</button>
 			<div class="foget-password uni-secondary-color">
@@ -42,7 +56,7 @@
 
 <script>
 	import {
-		login
+		login,getCodeImg
 	} from '@/api/auth.js'
 	import md5 from "js-md5"
 	export default {
@@ -51,9 +65,14 @@
 				phoneFlag: false,
 				passwordFlag: false,
 				noClick:true, //防止重复提交
+				// 验证码开关
+				captchaOnOff: true,
+				codeUrl: "",
 				formData: {
 					phone: '',
-					password: ''
+					password: '',
+					code: "",
+					uuid: ""
 				},
 				
 				rules: {
@@ -76,6 +95,10 @@
 							}
 						}]
 					},
+					code: [{
+						required: true,
+						errorMessage: '请输入验证码'
+					}],
 					phone: {
 						rules: [{
 								required: true,
@@ -108,7 +131,20 @@
 			//设置校验规则
 			this.$refs.form.setRules(this.rules);
 		},
+		created() {
+		    this.getCode();
+		},
 		methods: {
+			//获取验证码
+			 getCode() {
+			      getCodeImg().then(res => {
+			        this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
+			        if (this.captchaOnOff) {
+			          this.codeUrl = "data:image/gif;base64," + res.img;
+			          this.formData.uuid = res.uuid;
+			        }
+			      });
+			    },
 			login(e) {
 				// console.log(e)
 				let that = this