6.4

cdTMP/src/views/login.vue

@@ -77,12 +77,17 @@
 import { reactive, onMounted, ref } from "vue"
 import verifyCode from "@cps/ma-verifyCode/index.vue"
 import { Message } from "@arco-design/web-vue"
+import { useUserStore } from "@/store"
+import { useRouter, useRoute } from "vue-router"
+const router = useRouter()
+const route = useRoute()
+const userStore = useUserStore()
 // 绑定登录form的数据
 const form = reactive({ username: "superAdmin", password: "admin123", code: "" })
 // 获取验证码dom && arco表单loading
 const Verify = ref(null)
 const loading = ref(null)
-// handle登录按钮表单校验以及验证码
+// 点击登录按钮
 const handleSubmit = async ({ values, errors }) => {
     if (loading.value) {
         return
@@ -90,6 +95,18 @@ const handleSubmit = async ({ values, errors }) => {
     loading.value = true
     if (Verify.value.checkResult(form.code) && !errors) {
         // 登录逻辑需要用到userStore
+        const result = await useUserStore.login(form)
+        if (!result) {
+            loading.value = false
+            return
+        }
+        // 1.注意router.currentRoute.value要加value
+        // 2.query是router的东西，params是axios的东西
+        const { redirect, ...othersQuery } = router.currentRoute.value.query
+        router.push({
+            name: redirect || "WorkPlace",
+            query: { ...othersQuery }
+        })
     }
     loading.value = false
 }