1

api/modules/user.js

@@ -11,4 +11,11 @@ export default {
 			data,
 		});
 	},
+	captch(data) {
+		return request({
+			url: "/admin/auth/captch",
+			method: "POST",
+			data,
+		});
+	},
 };

pages/login/index.vue

@@ -23,15 +23,24 @@
 			<view class="rounded-md overflow-hidden">
 				<wd-cell-group border size="large">
 					<wd-transition :duration="400" :show="true" name="fade-left">
-						<wd-input size="large" label="用户名" label-width="100px" prop="username" clearable v-model="model.username"
-							placeholder="请输入用户名" :rules="[{ required: true, message: '请填写用户名' }]" />
+						<wd-input size="large" label="用户名" label-width="100px" prop="username" clearable
+							v-model="model.username" placeholder="请输入用户名"
+							:rules="[{ required: true, message: '请填写用户名' }]" />
 					</wd-transition>
 
 					<wd-transition :duration="450" :show="true" name="fade-left">
-						<wd-input size="large" label="密码" label-width="100px" prop="password" show-password clearable v-model="model.password"
-							placeholder="请输入密码" :rules="[{ required: true, message: '请填写密码' }]" />
+						<wd-input size="large" label="密码" label-width="100px" prop="password" show-password clearable
+							v-model="model.password" placeholder="请输入密码"
+							:rules="[{ required: true, message: '请填写密码' }]" />
 					</wd-transition>
 
+					<wd-transition :duration="450" :show="true" name="fade-left">
+						<wd-input size="large" label="验证码" label-width="100px" clearable v-model="model.captch"
+							placeholder="请输入验证码" :rules="[{ required: true, message: '请填写验证码' }]" />
+						<view style="display: flex;justify-content: flex-end;padding: 10rpx 0;">
+							<image @click="getCaptch()" style="height: 60rpx;" :src="captch_img" mode="heightFix"></image>
+						</view>
+					</wd-transition>
 				</wd-cell-group>
 			</view>
 			<view class="footer mt-4 px-6"
@@ -42,7 +51,8 @@
 			</view>
 			<view class="footer mt-4 px-6">
 				<wd-transition :duration="500" :show="true" name="fade-left">
-					<wd-button style="font-size: 20px;padding: 10px;" :loading="loading" type="primary" size="large" @click="handleSubmit" block>登录</wd-button>
+					<wd-button style="font-size: 20px;padding: 10px;" :loading="loading" type="primary" size="large"
+						@click="handleSubmit" block>登录</wd-button>
 				</wd-transition>
 			</view>
 		</wd-form>
@@ -50,7 +60,9 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+	import {
+		ref
+	} from 'vue'
 	import user from '@/api/modules/user.js'
 	import systemApi from '@/api/modules/system.js'
 	import utils from '@/utils/utils.js'
@@ -70,12 +82,14 @@ console.log(uni.getStorageSync('user_pwd'), 'user_pwd')
 	const model = ref({
 		username: "",
 		password: "",
-	...(uni.getStorageSync('user_pwd') || {})
+		...(uni.getStorageSync('user_pwd') || {}),
+		captch: ''
 	})
 
 	const loading = ref(false)
 	const is_save_user_pwd = ref(true)
 	const form = ref(null)
+	const captch_img = ref(null)
 
 	// if (token) {
 	// 	const user_info = uni.getStorageSync("user_info");
@@ -86,18 +100,36 @@ const form = ref(null)
 	// 	utils.toUrl("/pages/login/index")
 	// }
 	
+	getCaptch()
+	function getCaptch() {
+		user.captch({
+			
+		}).then(res => {
+			console.log(res, 'res')
+			if (res.code == 0) {
+				captch_img.value = res.data
+			} else {
+				
+			}
+		})
+	}
+
 	function handleSubmit() {
 		loading.value = true
 		form.value
 			.validate()
-		.then(({ valid, errors }) => {
+			.then(({
+				valid,
+				errors
+			}) => {
 				if (valid) {
 					if (is_save_user_pwd.value) {
 						uni.setStorageSync("user_pwd", model.value);
 					}
 					user.login({
 						...model.value,
-					password: md5(model.value.password)
+						password: md5(model.value.password),
+						captch: model.value.captch
 					}).then(res => {
 
 						if (res.code == 0) {
@@ -128,6 +160,7 @@ function handleSubmit() {
 								title: res.message,
 								icon: 'none'
 							})
+							getCaptch()
 							loading.value = false
 						}