From 70039e3a24c437c4dea070340370bf05d9e932a9 Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Tue, 18 Feb 2025 19:30:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=8A=E7=96=97=E6=A1=A3=E6=A1=88=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E9=9A=8F=E8=AE=BF=E5=B7=A5=E5=8D=95=EF=BC=8C=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=9F=A5=E8=AF=A2=E6=B7=BB=E5=8A=A0=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=B8=85=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 acupuncture-前台/src/views/login.vue | 512 +++++++++++++++------------
 1 file changed, 278 insertions(+), 234 deletions(-)

diff --git a/acupuncture-前台/src/views/login.vue b/acupuncture-前台/src/views/login.vue
index 1cd135c19..9cb31edde 100644
--- a/acupuncture-前台/src/views/login.vue
+++ b/acupuncture-前台/src/views/login.vue
@@ -1,251 +1,295 @@
 <template>
-	<div class="login">
-		<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-			<h3 class="title">针灸后台管理系统</h3>
-			<el-form-item prop="username">
-				<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
-					<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
-				</el-input>
-			</el-form-item>
-			<el-form-item prop="password">
-				<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
-					@keyup.enter.native="handleLogin">
-					<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
-				</el-input>
-			</el-form-item>
-			<el-form-item prop="code" v-if="captchaEnabled">
-				<el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%"
-					@keyup.enter.native="handleLogin">
-					<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-				</el-input>
-				<div class="login-code">
-					<img :src="codeUrl" @click="getCode" class="login-code-img" />
-				</div>
-			</el-form-item>
-			<el-checkbox v-model="loginForm.rememberMe" style="margin: 0px 0px 25px 0px">记住密码</el-checkbox>
-			<el-form-item style="width: 100%">
-				<el-button :loading="loading" size="medium" type="primary" style="width: 100%"
-					@click.native.prevent="handleLogin">
-					<span v-if="!loading">登 录</span>
-					<span v-else>登 录 中...</span>
-				</el-button>
-				<div style="float: right" v-if="register">
-					<router-link class="link-type" :to="'/register'">立即注册</router-link>
-				</div>
-			</el-form-item>
-		</el-form>
-		<!--  底部  -->
-		<div class="el-login-footer">
-			<span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
-		</div>
-	</div>
+  <div class="login">
+    <el-form
+      ref="loginForm"
+      :model="loginForm"
+      :rules="loginRules"
+      class="login-form"
+    >
+      <h3 class="title">针灸后台管理系统</h3>
+      <el-form-item prop="username">
+        <el-input
+          v-model="loginForm.username"
+          type="text"
+          auto-complete="off"
+          placeholder="账号"
+        >
+          <svg-icon
+            slot="prefix"
+            icon-class="user"
+            class="el-input__icon input-icon"
+          />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="password">
+        <el-input
+          v-model="loginForm.password"
+          type="password"
+          auto-complete="off"
+          placeholder="密码"
+          @keyup.enter.native="handleLogin"
+        >
+          <svg-icon
+            slot="prefix"
+            icon-class="password"
+            class="el-input__icon input-icon"
+          />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="code" v-if="captchaEnabled">
+        <el-input
+          v-model="loginForm.code"
+          auto-complete="off"
+          placeholder="验证码"
+          style="width: 63%"
+          @keyup.enter.native="handleLogin"
+        >
+          <svg-icon
+            slot="prefix"
+            icon-class="validCode"
+            class="el-input__icon input-icon"
+          />
+        </el-input>
+        <div class="login-code">
+          <img :src="codeUrl" @click="getCode" class="login-code-img" />
+        </div>
+      </el-form-item>
+      <el-checkbox
+        v-model="loginForm.rememberMe"
+        style="margin: 0px 0px 25px 0px"
+        >记住密码</el-checkbox
+      >
+      <el-form-item style="width: 100%">
+        <el-button
+          :loading="loading"
+          size="medium"
+          type="primary"
+          style="width: 100%"
+          @click.native.prevent="handleLogin"
+        >
+          <span v-if="!loading">登 录</span>
+          <span v-else>登 录 中...</span>
+        </el-button>
+        <div style="float: right" v-if="register">
+          <router-link class="link-type" :to="'/register'"
+            >立即注册</router-link
+          >
+        </div>
+      </el-form-item>
+    </el-form>
+    <!--  底部  -->
+    <div class="el-login-footer">
+      <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
+    </div>
+  </div>
 </template>
 
 <script>
-	import {
-		getCodeImg
-	} from "@/api/login";
-	import Cookies from "js-cookie";
-	import {
-		encrypt,
-		decrypt
-	} from "@/utils/jsencrypt";
-	import {
-		commonQueue
-	} from "@/api/followupFile";
-	export default {
-		name: "Login",
-		data() {
-			return {
-				codeUrl: "",
-				loginForm: {
-					username: "",
-					password: "",
-					rememberMe: false,
-					code: "",
-					uuid: "",
-				},
-				loginRules: {
-					username: [{
-						required: true,
-						trigger: "blur",
-						message: "请输入您的账号"
-					}, ],
-					password: [{
-						required: true,
-						trigger: "blur",
-						message: "请输入您的密码"
-					}, ],
-					code: [{
-						required: true,
-						trigger: "change",
-						message: "请输入验证码"
-					}],
-				},
-				loading: false,
-				// 验证码开关
-				captchaEnabled: true,
-				// 注册开关
-				register: false,
-				redirect: undefined,
-			};
-		},
-		watch: {
-			$route: {
-				handler: function(route) {
-					this.redirect = route.query && route.query.redirect;
-				},
-				immediate: true,
-			},
-		},
-		created() {
-			this.getCode();
-			this.getCookie();
-		},
-		methods: {
-			getCode() {
-				getCodeImg().then((res) => {
-					this.captchaEnabled =
-						res.captchaEnabled === undefined ? true : res.captchaEnabled;
-					if (this.captchaEnabled) {
-						this.codeUrl = "data:image/gif;base64," + res.img;
-						this.loginForm.uuid = res.uuid;
-					}
-				});
-			},
-			getCookie() {
-				const username = Cookies.get("username");
-				const password = Cookies.get("password");
-				const rememberMe = Cookies.get("rememberMe");
-				this.loginForm = {
-					username: username === undefined ? this.loginForm.username : username,
-					password: password === undefined ? this.loginForm.password : decrypt(password),
-					rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
-				};
-			},
-			handleLogin() {
-				this.$refs.loginForm.validate((valid) => {
-					if (valid) {
-						this.loading = true;
-						if (this.loginForm.rememberMe) {
-							Cookies.set("username", this.loginForm.username, {
-								expires: 30
-							});
-							Cookies.set("password", encrypt(this.loginForm.password), {
-								expires: 30,
-							});
-							Cookies.set("rememberMe", this.loginForm.rememberMe, {
-								expires: 30,
-							});
-						} else {
-							Cookies.remove("username");
-							Cookies.remove("password");
-							Cookies.remove("rememberMe");
-						}
-						this.$store
-							.dispatch("Login", this.loginForm)
-							.then(() => {
-								
-								this.$router.push({
-									path: this.redirect || "/"
-								}).catch(() => {});
-								this.getCommonQueue()
-							})
-							.catch(() => {
-								this.loading = false;
-								if (this.captchaEnabled) {
-									this.getCode();
-								}
-							});
-					}
-				});
-			},
-			// 公共队列
-			getCommonQueue() {
-				commonQueue({
-					pageNum: -1,
-					param: {
-						status: 1
-					},
-				}).then((res) => {
-					res.data.list.forEach(i=>{
-						i.type = 1
-					})
-					localStorage.setItem('commonQueue', JSON.stringify(res.data.list))
-				});
-			},
-		},
-	};
+import { getCodeImg } from "@/api/login";
+import Cookies from "js-cookie";
+import { encrypt, decrypt } from "@/utils/jsencrypt";
+import { commonQueue } from "@/api/followupFile";
+export default {
+  name: "Login",
+  data() {
+    return {
+      codeUrl: "",
+      loginForm: {
+        username: "",
+        password: "",
+        rememberMe: false,
+        code: "",
+        uuid: "",
+      },
+      loginRules: {
+        username: [
+          {
+            required: true,
+            trigger: "blur",
+            message: "请输入您的账号",
+          },
+        ],
+        password: [
+          {
+            required: true,
+            trigger: "blur",
+            message: "请输入您的密码",
+          },
+        ],
+        code: [
+          {
+            required: true,
+            trigger: "change",
+            message: "请输入验证码",
+          },
+        ],
+      },
+      loading: false,
+      // 验证码开关
+      captchaEnabled: true,
+      // 注册开关
+      register: false,
+      redirect: undefined,
+    };
+  },
+  watch: {
+    $route: {
+      handler: function (route) {
+        this.redirect = route.query && route.query.redirect;
+      },
+      immediate: true,
+    },
+  },
+  created() {
+    this.getCode();
+    this.getCookie();
+  },
+  methods: {
+    getCode() {
+      getCodeImg().then((res) => {
+        this.captchaEnabled =
+          res.captchaEnabled === undefined ? true : res.captchaEnabled;
+        if (this.captchaEnabled) {
+          this.codeUrl = "data:image/gif;base64," + res.img;
+          this.loginForm.uuid = res.uuid;
+        }
+      });
+    },
+    getCookie() {
+      const username = Cookies.get("username");
+      const password = Cookies.get("password");
+      const rememberMe = Cookies.get("rememberMe");
+      this.loginForm = {
+        username: username === undefined ? this.loginForm.username : username,
+        password:
+          password === undefined ? this.loginForm.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+      };
+    },
+    handleLogin() {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.loading = true;
+          if (this.loginForm.rememberMe) {
+            Cookies.set("username", this.loginForm.username, {
+              expires: 30,
+            });
+            Cookies.set("password", encrypt(this.loginForm.password), {
+              expires: 30,
+            });
+            Cookies.set("rememberMe", this.loginForm.rememberMe, {
+              expires: 30,
+            });
+          } else {
+            Cookies.remove("username");
+            Cookies.remove("password");
+            Cookies.remove("rememberMe");
+          }
+          this.$store
+            .dispatch("Login", this.loginForm)
+            .then(() => {
+              this.$router
+                .push({
+                  path: this.redirect || "/",
+                })
+                .catch(() => {});
+              this.getCommonQueue();
+            })
+            .catch(() => {
+              this.loading = false;
+              if (this.captchaEnabled) {
+                this.getCode();
+              }
+            });
+        }
+      });
+    },
+    // 公共队列
+    getCommonQueue() {
+      commonQueue({
+        pageNum: -1,
+        param: {
+          status: 1,
+        },
+      }).then((res) => {
+        res.data.list.forEach((i) => {
+          i.type = 1;
+        });
+        localStorage.setItem("commonQueue", JSON.stringify(res.data.list));
+      });
+    },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
-	.login {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 100%;
-		background-image: url("../assets/images/login-background.jpg");
-		background-size: cover;
-	}
+.login {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background-image: url("../assets/images/login-background.jpg");
+  background-size: cover;
+}
 
-	.title {
-		margin: 0px auto 30px auto;
-		text-align: center;
-		color: #707070;
-	}
+.title {
+  margin: 0px auto 30px auto;
+  text-align: center;
+  color: #707070;
+}
 
-	.login-form {
-		border-radius: 6px;
-		background: #ffffff;
-		width: 400px;
-		padding: 25px 25px 5px 25px;
+.login-form {
+  border-radius: 6px;
+  background: #ffffff;
+  width: 400px;
+  padding: 25px 25px 5px 25px;
 
-		.el-input {
-			height: 38px;
+  .el-input {
+    height: 38px;
 
-			input {
-				height: 38px;
-			}
-		}
+    input {
+      height: 38px;
+    }
+  }
 
-		.input-icon {
-			height: 39px;
-			width: 14px;
-			margin-left: 2px;
-		}
-	}
+  .input-icon {
+    height: 39px;
+    width: 14px;
+    margin-left: 2px;
+  }
+}
 
-	.login-tip {
-		font-size: 13px;
-		text-align: center;
-		color: #bfbfbf;
-	}
+.login-tip {
+  font-size: 13px;
+  text-align: center;
+  color: #bfbfbf;
+}
 
-	.login-code {
-		width: 33%;
-		height: 38px;
-		float: right;
+.login-code {
+  width: 33%;
+  height: 38px;
+  float: right;
 
-		img {
-			cursor: pointer;
-			vertical-align: middle;
-		}
-	}
+  img {
+    cursor: pointer;
+    vertical-align: middle;
+  }
+}
 
-	.el-login-footer {
-		height: 40px;
-		line-height: 40px;
-		position: fixed;
-		bottom: 0;
-		width: 100%;
-		text-align: center;
-		color: #fff;
-		font-family: Arial;
-		font-size: 12px;
-		letter-spacing: 1px;
-	}
+.el-login-footer {
+  height: 40px;
+  line-height: 40px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
 
-	.login-code-img {
-		height: 38px;
-	}
-</style>
\ No newline at end of file
+.login-code-img {
+  height: 38px;
+}
+</style>