更换为https,登录页面修改

public/platform-config.json

@@ -1,6 +1,6 @@
 {
   "Version": "6.1.0",
-  "Title": "统一权限管理系统",
+  "Title": "惠融｜统一权限管理系统",
   "FixedHeader": true,
   "HiddenSideBar": false,
   "MultiTagsCache": false,

src/api/utils.ts

@@ -1,4 +1,4 @@
 export const baseUrlApi = (url: string) =>
   process.env.NODE_ENV === "development"
     ? `/api/${url}`
-    : `http://nacos.hrwallet8.com/${url}`;
+    : `https://api.hrwallet8.com/${url}`;

src/style/login.css

@@ -1,7 +1,7 @@
 .wave {
   position: fixed;
   height: 100%;
-  width: 80%;
+  width: 100%;
   left: 0;
   bottom: 0;
   z-index: -1;
@@ -35,7 +35,10 @@
 }
 
 .login-form {
-  width: 360px;
+  width: 387px;
+  background: #fff;
+  padding: 40px;
+  border-radius: 6px;
 }
 
 .avatar {
@@ -48,7 +51,7 @@
   margin: 15px 0;
   color: #999;
   font:
-    bold 200% Consolas,
+    bold 160% Consolas,
     Monaco,
     monospace;
 }

src/views/login/index.vue

@@ -13,7 +13,7 @@ import { ElMessage } from "element-plus";
 import { useLayout } from "@/layout/hooks/useLayout";
 import { useUserStoreHook } from "@/store/modules/user";
 import { addPathMatch, getTopMenu, initRouter } from "@/router/utils";
-import { avatar, bg, illustration } from "./utils/static";
+import { avatar, bg, logo, illustration } from "./utils/static";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
 
@@ -231,7 +231,10 @@ onMounted(() => {
 
 <template>
   <div class="select-none">
-    <img :src="bg" class="wave" />
+    <img :src="bg" class="wave" alt="" />
+    <div class="flex-c absolute left-5 top-3">
+      <img :src="logo" alt="" />
+    </div>
     <div class="flex-c absolute right-5 top-3">
       <!-- 主题 -->
       <el-switch
@@ -243,12 +246,13 @@ onMounted(() => {
       />
     </div>
     <div class="login-container">
-      <div class="img">
+      <div />
+      <!--      <div class="img">
         <component :is="toRaw(illustration)" />
-      </div>
+      </div>-->
       <div class="login-box">
         <div class="login-form">
-          <avatar class="avatar" />
+          <!--          <avatar class="avatar" />-->
           <Motion>
             <h2 class="outline-hidden">{{ title }}</h2>
           </Motion>
@@ -290,6 +294,7 @@ onMounted(() => {
                     <el-input
                       v-model="ruleForm.code"
                       clearable
+                      placeholder="安全验证"
                       :prefix-icon="
                         useRenderIcon(
                           MaterialSymbolsLightDomainVerificationRounded

src/views/login/utils/rule.ts

@@ -34,8 +34,8 @@ const checkLoginNameV = (rule, value, callback) => {
 
 /** 登录校验 */
 const loginRules = reactive<FormRules>({
-  loginName: [{ required: true, validator: checkLoginNameV, trigger: "blur" }],
-  loginPwd: [
+  username: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
+  password: [
     {
       required: true,
       validator: (rule, value, callback) => {
@@ -52,7 +52,7 @@ const loginRules = reactive<FormRules>({
       trigger: "blur"
     }
   ],
-  verification: [{ required: true, message: "验证码不能为空" }]
+  code: [{ required: true, message: "验证码不能为空" }]
 });
 
 const smsRules = reactive<FormRules>({

src/views/login/utils/static.ts

@@ -1,5 +1,6 @@
 import bg from "@/assets/login/bg.png";
+import logo from "@/assets/login/Logo.png";
 import avatar from "@/assets/login/avatar.svg?component";
 import illustration from "@/assets/login/illustration.svg?component";
 
-export { bg, avatar, illustration };
+export { bg, logo, avatar, illustration };