fix: 修复用户登录 + 验证码发送接口及功能实现

src/api/model/userInfo.ts

@@ -3,7 +3,9 @@ import { otherHttp } from '/@/utils/http/axios'
 enum Api {
     getUserInfo = '/sys/user/login/setting/getUserData', // 查询登录用户信息
     logout = '/sys/logout', // 登出
-    sysLogin = '/app/user/login', // 登陆
+    sysLogin = '/sys/mLogin', // 登陆
+    phoneLogin = '/sys/phoneLogin',
+    sms = '/sys/sms',
     dictList = '/sys/dict/queryAllDictItems', // 获取字典数据
     location = '/tianditu/geocode', // 根据经纬度获取地址
     sysSmsCode = '/app/user/getSmsCode', // 短信验证码
@@ -32,6 +34,28 @@ export function sysLogin(params = {}) {
 }
 
 /**
+ * 手机号登录
+ * @param params 参数
+ */
+export function phoneLogin(params = {}) {
+    return otherHttp.post({
+        url: Api.phoneLogin,
+        data: params
+    })
+}
+
+/**
+ * @param params 请求参数
+ * @description: 获取短信验证码
+ */
+export function sysSms(params = {}) {
+    return otherHttp.post({
+        url: Api.sms,
+        data: params
+    })
+}
+
+/**
  * @param params 请求参数
  * @description: 退出登录
  */

src/pages/login/login.vue

@@ -64,6 +64,13 @@
         countdown: 0, // 倒计时秒数
         countdownTimer: null, // 倒计时定时器
         form: {
+            phoneRules: [
+                {
+                    name: 'username',
+                    rule: ['required'],
+                    msg: ['请输入手机号'],
+                },
+            ],
             rules: [
                 {
                     name: 'username',
@@ -112,13 +119,13 @@
             if (res.isPassed) {
                 // 登录参数
                 const params = {
-                    username: model.form.data.username,
+                    mobile: model.form.data.username,
                     captcha: model.form.data.code,
                 }
 
                 // 短信登录
                 model.loading = true
-                API.sysLogin(params)
+                API.phoneLogin(params)
                     .then(async (body) => {
                         console.log('body', body)
                         if (body) {
@@ -147,7 +154,7 @@
      * 获取验证码
      */
     function smsCode() {
-        form?.value.validator(model.form.data, model.form.rulesPhone).then(async (res: { isPassed: boolean }) => {
+        form?.value.validator(model.form.data, model.form.phoneRules).then(async (res: { isPassed: boolean }) => {
             if (res.isPassed) {
                 // 如果已经在倒计时中，不重复发送
                 if (model.countdown > 0) {
@@ -155,10 +162,12 @@
                 }
 
                 const params = {
-                    phone: model.form.data.phone,
+                    mobile: model.form.data.username,
+                    smsmode: '0',
                 }
-                API.sysSmsCode(params)
+                API.sysSms(params)
                     .then(async (body) => {
+                        Message.toast('验证码已发送')
                         console.log('body', body)
                         // 开始倒计时
                         startCountdown()
@@ -269,7 +278,7 @@
                 <!-- <text class="text-#999 text-24">{{ '*小程序仅供内部员工使用' }}</text> -->
             </view>
         </view>
-        <fui-form class="form" ref="form" top="50" :padding="['0rpx', '32rpx']">
+        <fui-form class="form" ref="form" top="50" :padding="['0rpx', '32rpx']" background="#e46962">
             <fui-input
                 height="100rpx"
                 class="input"

src/pages/login/register.vue

@@ -87,10 +87,12 @@
                 }
 
                 const params = {
-                    phone: model.form.data.phone,
+                    mobile: model.form.data.phone,
+                    smsmode: 1,
                 }
-                API.sysSmsCode(params)
+                API.sysSms(params)
                     .then(async (body) => {
+                        Message.toast('验证码已发送')
                         console.log('body', body)
                         // 开始倒计时
                         startCountdown()
@@ -182,7 +184,7 @@
                     <view class="logo-text">数字农业服务平台</view>
                 </view>
             </view>
-            <fui-form class="form" ref="form" top="50" :padding="['0rpx', '32rpx']">
+            <fui-form class="form" ref="form" top="50" :padding="['0rpx', '32rpx']" background="#e46962">
                 <view class="reigister-form-item">
                     <image class="reigister-form-image" src="/static/images/register/user.png" />
                     <text>手机号</text>