登录保存编码

src/router/index.ts

-import { createRouter, createWebHistory } from 'vue-router'
+import {
+  createRouter,
+  createWebHistory,
+  RouteLocationNormalized,
+  NavigationGuardNext,
+} from 'vue-router'
 
 
 import Login from '@/views/Login.vue'
 import Login from '@/views/Login.vue'
 import Reset from '@/views/Reset.vue'
 import Reset from '@/views/Reset.vue'
@@ -7,7 +12,7 @@ import Dashboard from '@/views/Dashboard.vue'
 import Error from '@/views/error/404.vue'
 import Error from '@/views/error/404.vue'
 import OrderList from '@/views/order/index.vue'
 import OrderList from '@/views/order/index.vue'
 import ProductionComplete from '@/views/production/complete.vue'
 import ProductionComplete from '@/views/production/complete.vue'
-import { getToken} from '@/api/axios'
+import { getToken } from '@/api/axios'
 import UserPage from '@/views/UserPage.vue'
 import UserPage from '@/views/UserPage.vue'
 import DeliveryNotePage from '@/views/DeliveryNotePage.vue'
 import DeliveryNotePage from '@/views/DeliveryNotePage.vue'
 import AccountStatementNote from '@/views/AccountStatementNote.vue'
 import AccountStatementNote from '@/views/AccountStatementNote.vue'
@@ -26,24 +31,24 @@ const router = createRouter({
         },
         },
         {
         {
           path: '/order/list',
           path: '/order/list',
-          component: OrderList
+          component: OrderList,
         },
         },
         {
         {
           path: '/production/complete',
           path: '/production/complete',
-          component: ProductionComplete
+          component: ProductionComplete,
         },
         },
         {
         {
           path: '/system/user',
           path: '/system/user',
-          component: UserPage
+          component: UserPage,
         },
         },
         {
         {
           path: '/system/delivery-note',
           path: '/system/delivery-note',
-          component: DeliveryNotePage
+          component: DeliveryNotePage,
         },
         },
         {
         {
           path: '/account/statement-note',
           path: '/account/statement-note',
-          component: AccountStatementNote
-        }
+          component: AccountStatementNote,
+        },
       ],
       ],
     },
     },
     // 登录
     // 登录
@@ -62,12 +67,21 @@ const router = createRouter({
     },
     },
   ],
   ],
 })
 })
-router.beforeEach((to, _from, next) => {
-  const token = getToken()
-  if (!token && to.path !== '/user/login') {
-    next({ path: '/user/login' })
-    return
-  }
-  next()
-})
+router.beforeEach(
+  (
+    to: RouteLocationNormalized,
+    _from: RouteLocationNormalized,
+    next: NavigationGuardNext,
+  ) => {
+    const token = getToken()
+    if (to.query.factoryCode) {
+      localStorage.setItem('factory_code', String(to.query.factoryCode))
+    }
+    if (!token && to.path !== '/user/login') {
+      next({ path: '/user/login' })
+      return
+    }
+    next()
+  },
+)
 export default router
 export default router

src/views/Login.vue

@@ -70,7 +70,7 @@
 </template>
 </template>
 <script setup lang="ts">
 <script setup lang="ts">
 import { User, Box, Lock } from '@element-plus/icons-vue'
 import { User, Box, Lock } from '@element-plus/icons-vue'
-import { reactive, ref } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { LoginReq } from '@/types/api/auth'
 import { LoginReq } from '@/types/api/auth'
 import type { FormInstance, FormRules } from 'element-plus'
 import type { FormInstance, FormRules } from 'element-plus'
 import useUserStore from '@/store/user'
 import useUserStore from '@/store/user'
@@ -89,7 +89,10 @@ const rules = reactive<FormRules<LoginReq>>({
   password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
   password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
 })
 })
 const userStore = useUserStore()
 const userStore = useUserStore()
-
+onMounted(() => {
+  const saveCode: string | null = localStorage.getItem('factory_code')
+  loginForm.factoryCode = saveCode ?? ''
+})
 const handleLogin = async () => {
 const handleLogin = async () => {
   try {
   try {
     await loginFormRef.value?.validate()
     await loginFormRef.value?.validate()