需求列表 产品列表

src/views/website/login/index.vue

@@ -92,7 +92,7 @@
             :model="registerForm"
             status-icon
             :rules="isCheckRules"
-            ref="isCheck"
+            ref="isCheckRef"
           >
             <el-form-item prop="isCheck">
               <div style="margin-top: 43px">
@@ -127,19 +127,21 @@
 
 <script setup>
 import Cookies from "js-cookie";
-import { encrypt, decrypt } from "@/utils/jsencrypt";
+// import { encrypt, decrypt } from "@/utils/jsencrypt";
 import md5 from "js-md5";
 import Register from "../register";
 import Retrieve from "../retrieve";
 import WebGetCode from "@/components/webGetCode";
 import useUserStore from "@/store/modules/user";
+import { useRouter } from "vue-router";
 // const store = useStore();
 const router = useRouter();
+
 const userStore = useUserStore();
 const { proxy } = getCurrentInstance();
 
 const isLogin = ref(1);
-console.log(md5);
+
 const loginForm = ref({
   username: "18212342345",
   password: "12342345",
@@ -151,7 +153,8 @@ const loginForm = ref({
 const registerForm = ref({
   isCheck: true,
 });
-
+const loginRef = ref();
+const isCheckRef = ref();
 const disabled = ref(true);
 const buttonName = ref("获取验证码");
 const isDisabled = ref(false);
@@ -180,12 +183,11 @@ const loading = ref(false);
 const register = ref(true);
 const redirect = ref(undefined);
 
-function handleLogin() {
-  proxy.$refs.loginRef.validate((valid) => {
-    proxy.$refs.isCheck.validate((valid2) => {
-      if (valid && valid2) {
+const handleLogin = async () => {
+  loginRef.value.validate((loginValid) => {
+    isCheckRef.value.validate((isCheckValid) => {
+      if (loginValid && isCheckValid) {
         loading.value = true;
-
         if (loginForm.value.rememberMe) {
           Cookies.set("username", loginForm.value.username, { expires: 30 });
           Cookies.set("password", loginForm.value.password, {
@@ -217,7 +219,7 @@ function handleLogin() {
       }
     });
   });
-}
+};
 
 function getCookie() {
   const username = Cookies.get("username");
@@ -301,10 +303,10 @@ getCookie();
     width: 14px;
     margin-left: 2px;
   }
-  ::v-deep .el-tabs__active-bar {
+  :deep(.el-tabs__active-bar) {
     background-color: #0054ff;
   }
-  ::v-deep .el-tabs__item {
+  :deep(.el-tabs__item) {
     color: #666666;
     font-size: 16px;
     &.is-active {