From e167c16be9e545feb601b5027ecf516dba5e42b0 Mon Sep 17 00:00:00 2001
From: JayJiaJun <JayJiaJun@outlook.com>
Date: Mon, 17 Feb 2025 18:47:17 +0800
Subject: [PATCH] 2.17

---
 src/views/login.vue | 81 +++++++++++++++++++++++++++++++--------------
 1 file changed, 56 insertions(+), 25 deletions(-)

diff --git a/src/views/login.vue b/src/views/login.vue
index c45dcb5..8d7b87f 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -18,11 +18,9 @@
                                         {{ $t('login.989807-11') }}
                                     </div>
                                 </el-col>
-                                <router-link
-                                    v-if="loginForm.bindId != null"
+                                <router-link v-if="loginForm.bindId != null"
                                     :to="{ path: '/register', query: this.$route.query }"
-                                    style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)"
-                                >
+                                    style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)">
                                     {{ $t('login.989807-12') }}
                                 </router-link>
                             </el-row>
@@ -32,14 +30,16 @@
                     <el-form-item prop="username">
                         <div class="username">
                             <i class="el-icon-user icon"></i>
-                            <input class="form__input" v-model="loginForm.username" auto-complete="off" type="text" :placeholder="$t('login.989807-4')" />
+                            <input class="form__input" v-model="loginForm.username" auto-complete="off" type="text"
+                                :placeholder="$t('login.989807-4')" />
                         </div>
                     </el-form-item>
 
                     <el-form-item prop="password" :class="{ 'is-null': isacount }">
                         <div class="password">
                             <svg-icon icon-class="password" class="icon left" />
-                            <input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype" :placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" />
+                            <input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype"
+                                :placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" />
                             <span class="el-icon-view icon right" @click="changetype()"></span>
                         </div>
                     </el-form-item>
@@ -47,7 +47,8 @@
                     <el-form-item v-if="captchaOnOff" prop="code" :class="{ 'is-null': ispwd }">
                         <div style="width: 350px" class="check">
                             <svg-icon icon-class="auth-code" class="icon" />
-                            <input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text" :placeholder="$t('login.989807-6')" />
+                            <input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text"
+                                :placeholder="$t('login.989807-6')" />
                             <div class="login-code">
                                 <img :src="codeUrl" @click="getCode" style="float: right" />
                             </div>
@@ -77,7 +78,8 @@
                     </div> -->
 
                     <!-- <button class="form__button button submit">登录</button> -->
-                    <el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary" @click.native.prevent="handleLogin">
+                    <el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary"
+                        @click.native.prevent="handleLogin">
                         <span v-if="!loading">{{ $t('login.989807-3') }}</span>
                         <span v-else>{{ $t('login.989807-13') }}</span>
                     </el-button>
@@ -96,16 +98,14 @@
                     <el-form-item prop="phonenumber">
                         <div class="telphone" style="width: 350px">
                             <svg-icon icon-class="phone" class="icon" />
-                            <input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text" auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" />
+                            <input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text"
+                                auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" />
                             <div class="sendcode">
-                                <el-button
-                                    slot="append"
-                                    type="primary"
+                                <el-button slot="append" type="primary"
                                     :disabled="this.smsLoginForm.phonenumber == '' || isDisabled"
                                     @click.prevent="getSmsCode()"
                                     style="float: right; height: 40px; width: 90%; background-color: #0f73ee"
-                                    size="medium"
-                                >
+                                    size="medium">
                                     {{ buttonText }}
                                 </el-button>
                             </div>
@@ -115,25 +115,32 @@
                     <el-form-item prop="smsCode">
                         <div class="smscode" :class="{ 'is-null': isphone }">
                             <svg-icon icon-class="password" class="icon" />
-                            <input class="form__input" type="password" v-model="smsLoginForm.smsCode" auto-complete="off" :placeholder="$t('login.989807-9')" />
+                            <input class="form__input" type="password" v-model="smsLoginForm.smsCode"
+                                auto-complete="off" :placeholder="$t('login.989807-9')" />
                         </div>
                     </el-form-item>
 
                     <div class="other_login">
                         <div class="wechat-login">
-                            <el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading" @click.native.prevent="weChatLogin">
+                            <el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading"
+                                @click.native.prevent="weChatLogin">
                                 <svg-icon icon-class="wechat" style="color: #07c160" />
                                 {{ $t('login.989807-34') }}
                             </el-button>
                         </div>
                         <div class="other-opt">
-                            <router-link v-if="!bindAccount" style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35') }}</router-link>
-                            <router-link v-else style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36') }}</router-link>
+                            <router-link v-if="!bindAccount" style="font-size: 14px"
+                                :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35')
+                                }}</router-link>
+                            <router-link v-else style="font-size: 14px"
+                                :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36')
+                                }}</router-link>
                             <langSelect style="margin-left: 12px"></langSelect>
                         </div>
                     </div>
 
-                    <el-button class="form__button button submit" type="primary" :smsLoading="loading" @click.native.prevent="handleSmsLogin">
+                    <el-button class="form__button button submit" type="primary" :smsLoading="loading"
+                        @click.native.prevent="handleSmsLogin">
                         <span v-if="!loading">{{ $t('login.989807-3') }}</span>
                         <span v-else>{{ $t('login.989807-13') }}</span>
                     </el-button>
@@ -158,11 +165,16 @@
                     </div>
                     <p class="switch__description description">{{ $t('login.989807-39') }}</p>
                     <img src="../assets/images/login7.jpeg" alt="logo" style="width: 220px; height: 220px" />
-                    <button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1') }}</button>
+                    <button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1')
+                        }}</button>
                 </div>
             </div>
         </div>
 
+        <!-- 添加ICP备案信息 -->
+        <div class="icp-footer">
+            <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备案202418944号</a>
+        </div>
     </div>
 </template>
 
@@ -357,7 +369,7 @@ export default {
                     .push({
                         path: this.redirect || '/',
                     })
-                    .catch(() => {});
+                    .catch(() => { });
                 if (this.captchaOnOff) {
                     this.getCode();
                     this.loading = false;
@@ -388,7 +400,7 @@ export default {
             const errorId = this.$route.query.errorId;
             if (errorId !== undefined && errorId !== null) {
                 getErrorMsg(errorId)
-                    .then((res) => {})
+                    .then((res) => { })
                     .catch((err) => {
                         this.$router.push({ query: {} });
                         console.log(err);
@@ -479,7 +491,7 @@ export default {
                             .push({
                                 path: '/',
                             })
-                            .catch(() => {});
+                            .catch(() => { });
                     });
                 }
             });
@@ -512,7 +524,7 @@ export default {
                                 .push({
                                     path: '/',
                                 })
-                                .catch(() => {});
+                                .catch(() => { });
                         })
                         .catch(() => {
                             this.loading = false;
@@ -567,7 +579,7 @@ export default {
                                 .push({
                                     path: this.redirect || '/',
                                 })
-                                .catch(() => {});
+                                .catch(() => { });
                         })
                         .catch(() => {
                             this.loading = false;
@@ -984,6 +996,7 @@ export default {
     }
 
     @keyframes is-gx {
+
         0%,
         10%,
         100% {
@@ -1093,6 +1106,24 @@ export default {
             margin-left: 10px;
         }
     }
+
+    .icp-footer {
+        position: fixed;
+        bottom: 10px;
+        width: 100%;
+        text-align: center;
+        font-size: 24px;
+        color: #666;
+
+        a {
+            color: #666;
+            text-decoration: none;
+
+            &:hover {
+                color: #333;
+            }
+        }
+    }
 }
 
 @media (max-width: 1200px) {