From d37f6f5cb8b2eaebe61124f470c421f4c0e69db8 Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Mon, 9 Mar 2026 09:22:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E5=90=8E=E9=A1=B5=E9=9D=A2=E7=9A=84=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/login.vue | 273 ++++++++++++++++++++++++------------------------
 1 file changed, 137 insertions(+), 136 deletions(-)

diff --git a/pages/login.vue b/pages/login.vue
index 7fcb3e6..55ed4ea 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -1,196 +1,197 @@
 <template>
-  <view class="normal-login-container">
-    <view class="logo-content align-center justify-center flex">
-      <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
-      </image>
-      <text class="title">大冢APS Ultra管理平台</text>
-    </view>
-    <view class="login-form-content">
-      <view class="input-item flex align-center">
-        <view class="iconfont icon-user icon"></view>
-        <input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
-      </view>
-      <view class="input-item flex align-center">
-        <view class="iconfont icon-password icon"></view>
-        <input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
-      </view>
-      <view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
-        <view class="iconfont icon-code icon"></view>
-        <input v-model="loginForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4" />
-        <view class="login-code"> 
-          <image :src="codeUrl" @click="getCode" class="login-code-img"></image>
+    <view class="normal-login-container">
+        <view class="logo-content align-center justify-center flex">
+            <image :src="globalConfig.appInfo.logo" mode="widthFix" style="width: 100rpx;height: 100rpx;">
+            </image>
+            <text class="title">大冢APS Ultra管理平台</text>
         </view>
-      </view>
-      <view class="action-btn">
-        <button @click="handleLogin" class="login-btn cu-btn block bg-blue lg round">登录</button>
-      </view>
-      <view class="reg text-center" v-if="register">
-        <text class="text-grey1">没有账号？</text>
-        <text @click="handleUserRegister" class="text-blue">立即注册</text>
-      </view>
+        <view class="login-form-content">
+            <view class="input-item flex align-center">
+                <view class="iconfont icon-user icon"></view>
+                <input v-model="loginForm.username" class="input" maxlength="30" placeholder="请输入账号" type="text"/>
+            </view>
+            <view class="input-item flex align-center">
+                <view class="iconfont icon-password icon"></view>
+                <input v-model="loginForm.password" class="input" maxlength="20" placeholder="请输入密码"
+                       type="password"/>
+            </view>
+            <view v-if="captchaEnabled" class="input-item flex align-center" style="width: 60%;margin: 0px;">
+                <view class="iconfont icon-code icon"></view>
+                <input v-model="loginForm.code" class="input" maxlength="4" placeholder="请输入验证码" type="number"/>
+                <view class="login-code">
+                    <image :src="codeUrl" class="login-code-img" @click="getCode"></image>
+                </view>
+            </view>
+            <view class="action-btn">
+                <button class="login-btn cu-btn block bg-blue lg round" @click="handleLogin">登录</button>
+            </view>
+            <view v-if="register" class="reg text-center">
+                <text class="text-grey1">没有账号？</text>
+                <text class="text-blue" @click="handleUserRegister">立即注册</text>
+            </view>
+        </view>
+
     </view>
-     
-  </view>
 </template>
 
 <script setup>
-  import { ref, getCurrentInstance } from "vue"
-  import { onLoad } from  "@dcloudio/uni-app"
-  import { getToken } from '@/utils/auth'
-  import { getCodeImg } from '@/api/login'
-  import { useConfigStore, useUserStore } from '@/store'
+import {getCurrentInstance, ref} from "vue"
+import {onLoad} from "@dcloudio/uni-app"
+import {getToken} from '@/utils/auth'
+import {getCodeImg} from '@/api/login'
+import {useConfigStore, useUserStore} from '@/store'
 
-  const { proxy } = getCurrentInstance()
-  const globalConfig = useConfigStore().config
-  const codeUrl = ref("")
-  // 验证码开关
-  const captchaEnabled = ref(true)
-  // 用户注册开关
-  const register = ref(false)
-  const loginForm = ref({
+const {proxy} = getCurrentInstance()
+const globalConfig = useConfigStore().config
+const codeUrl = ref("")
+// 验证码开关
+const captchaEnabled = ref(true)
+// 用户注册开关
+const register = ref(false)
+const loginForm = ref({
     username: "admin",
     password: "admin123",
     code: "",
     uuid: ""
-  })
+})
 
-  // 用户注册
-  function handleUserRegister() {
+// 用户注册
+function handleUserRegister() {
     proxy.$tab.redirectTo(`/pages/register`)
-  }
+}
 
-  // 获取图形验证码
-  function getCode() {
+// 获取图形验证码
+function getCode() {
     getCodeImg().then(res => {
-      captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
+        captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
         if (captchaEnabled.value) {
-          codeUrl.value = 'data:image/gif;base64,' + res.img
-          loginForm.value.uuid = res.uuid
+            codeUrl.value = 'data:image/gif;base64,' + res.img
+            loginForm.value.uuid = res.uuid
         }
     })
-  }
+}
 
-  // 登录方法
-  async function handleLogin() {
+// 登录方法
+async function handleLogin() {
     if (loginForm.value.username === "") {
-      proxy.$modal.msgError("请输入账号")
+        proxy.$modal.msgError("请输入账号")
     } else if (loginForm.value.password === "") {
-      proxy.$modal.msgError("请输入密码")
+        proxy.$modal.msgError("请输入密码")
     } else if (loginForm.value.code === "" && captchaEnabled.value) {
-      proxy.$modal.msgError("请输入验证码")
+        proxy.$modal.msgError("请输入验证码")
     } else {
-      proxy.$modal.loading("登录中，请耐心等待...")
-      pwdLogin()
+        proxy.$modal.loading("登录中，请耐心等待...")
+        pwdLogin()
     }
-  }
+}
 
-  // 密码登录
-  async function pwdLogin() {
+// 密码登录
+async function pwdLogin() {
     useUserStore().login(loginForm.value).then(() => {
-      proxy.$modal.closeLoading()
-      loginSuccess()
+        proxy.$modal.closeLoading()
+        loginSuccess()
     }).catch(() => {
-      if (captchaEnabled.value) {
-        getCode()
-      }
+        if (captchaEnabled.value) {
+            getCode()
+        }
     })
-  }
+}
 
-  // 登录成功后，处理函数
-  function loginSuccess(result) {
+// 登录成功后，处理函数
+function loginSuccess(result) {
     // 设置用户信息
     useUserStore().getInfo().then(res => {
-      proxy.$tab.reLaunch('pages/work/index')
+        proxy.$tab.reLaunch('/pages/index')
     })
-  }
+}
 
-  onLoad(() => {
+onLoad(() => {
     //#ifdef H5
     if (getToken()) {
-      proxy.$tab.reLaunch('/pages/index')
+        proxy.$tab.reLaunch('/pages/index')
     }
     //#endif
-  })
+})
 
-  getCode()
+getCode()
 </script>
 
 <style lang="scss" scoped>
-  page {
+page {
     background-color: #ffffff;
-  }
+}
 
-  .normal-login-container {
+.normal-login-container {
     width: 100%;
 
     .logo-content {
-      width: 100%;
-      font-size: 21px;
-      text-align: center;
-      padding-top: 15%;
+        width: 100%;
+        font-size: 21px;
+        text-align: center;
+        padding-top: 15%;
 
-      image {
-        border-radius: 4px;
-      }
+        image {
+            border-radius: 4px;
+        }
 
-      .title {
-        margin-left: 10px;
-      }
+        .title {
+            margin-left: 10px;
+        }
     }
 
     .login-form-content {
-      text-align: center;
-      margin: 20px auto;
-      margin-top: 15%;
-      width: 80%;
-
-      .input-item {
+        text-align: center;
         margin: 20px auto;
-        background-color: #f5f6f7;
-        height: 45px;
-        border-radius: 20px;
+        margin-top: 15%;
+        width: 80%;
+
+        .input-item {
+            margin: 20px auto;
+            background-color: #f5f6f7;
+            height: 45px;
+            border-radius: 20px;
+
+            .icon {
+                font-size: 38rpx;
+                margin-left: 10px;
+                color: #999;
+            }
+
+            .input {
+                width: 100%;
+                font-size: 14px;
+                line-height: 20px;
+                text-align: left;
+                padding-left: 15px;
+            }
 
-        .icon {
-          font-size: 38rpx;
-          margin-left: 10px;
-          color: #999;
         }
 
-        .input {
-          width: 100%;
-          font-size: 14px;
-          line-height: 20px;
-          text-align: left;
-          padding-left: 15px;
+        .login-btn {
+            margin-top: 40px;
+            height: 45px;
         }
 
-      }
-
-      .login-btn {
-        margin-top: 40px;
-        height: 45px;
-      }
-      
-      .reg {
-        margin-top: 15px;
-      }
-      
-      .xieyi {
-        color: #333;
-        margin-top: 20px;
-      }
-      
-      .login-code {
-        height: 38px;
-        float: right;
-      
-        .login-code-img {
-          height: 38px;
-          position: absolute;
-          margin-left: 10px;
-          width: 200rpx;
+        .reg {
+            margin-top: 15px;
+        }
+
+        .xieyi {
+            color: #333;
+            margin-top: 20px;
+        }
+
+        .login-code {
+            height: 38px;
+            float: right;
+
+            .login-code-img {
+                height: 38px;
+                position: absolute;
+                margin-left: 10px;
+                width: 200rpx;
+            }
         }
-      }
     }
-  }
+}
 </style>