{"ast":null,"code":"import { ref, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { useStore } from 'vuex';\nimport { ElMessage } from 'element-plus';\nimport { User, Lock, Message } from '@element-plus/icons-vue';\nimport { login, register } from '@/api/auth';\nexport default {\n __name: 'index',\n setup(__props, {\n expose: __expose\n }) {\n __expose();\n const router = useRouter();\n const store = useStore();\n const formRef = ref(null);\n const isRegister = ref(false);\n const loading = ref(false);\n const form = reactive({\n username: '',\n password: '',\n email: ''\n });\n const rules = {\n username: [{\n required: true,\n message: '请输入用户名',\n trigger: 'blur'\n }, {\n min: 3,\n max: 20,\n message: '长度在 3 到 20 个字符',\n trigger: 'blur'\n }],\n password: [{\n required: true,\n message: '请输入密码',\n trigger: 'blur'\n }, {\n min: 6,\n max: 20,\n message: '长度在 6 到 20 个字符',\n trigger: 'blur'\n }],\n email: [{\n required: true,\n message: '请输入邮箱地址',\n trigger: 'blur'\n }, {\n type: 'email',\n message: '请输入正确的邮箱地址',\n trigger: 'blur'\n }]\n };\n const handleSubmit = async () => {\n if (!formRef.value) return;\n try {\n await formRef.value.validate();\n loading.value = true;\n if (isRegister.value) {\n const res = await register(form);\n if (res.code === 200) {\n ElMessage.success(res.message || '注册成功，请登录');\n isRegister.value = false;\n formRef.value.resetFields();\n form.username = form.username;\n }\n } else {\n const res = await login(form);\n if (res.code === 200) {\n console.log('登录返回的完整数据:', res.data);\n\n // 解析 JWT token 获取用户信息\n const token = res.data;\n const payload = JSON.parse(atob(token.split('.')[1]));\n console.log('解析后的 token 数据:', payload);\n\n // 保存用户信息和 token\n store.commit('setUserInfo', {\n userId: payload.sub,\n // 用户名作为 userId\n username: payload.sub,\n // JWT 中的 sub 字段是用户名\n roles: payload.authorities // JWT 中的 authorities 字段包含角色信息\n });\n store.commit('setToken', token);\n ElMessage.success('登录成功');\n\n // 根据角色重定向到不同页面\n if (payload.authorities.includes('ROLE_ADMIN')) {\n router.push('/admin/orders');\n } else if (payload.authorities.includes('ROLE_LOGISTICS_ADMIN')) {\n router.push('/admin/orders');\n } else if (payload.authorities.includes('ROLE_WAREHOUSE_ADMIN')) {\n router.push('/orders/create');\n } else if (payload.authorities.includes('ROLE_USER')) {\n router.push('/orders/my');\n } else {\n ElMessage.error('未知的用户角色');\n store.dispatch('logout');\n router.push('/login');\n }\n }\n }\n } catch (error) {\n console.error('操作失败:', error);\n ElMessage.error(error.message || '操作失败，请重试');\n } finally {\n loading.value = false;\n }\n };\n\n // 注册图标组件\n const icons = {\n User,\n Lock,\n Message\n };\n const __returned__ = {\n router,\n store,\n formRef,\n isRegister,\n loading,\n form,\n rules,\n handleSubmit,\n icons,\n ref,\n reactive,\n get useRouter() {\n return useRouter;\n },\n get useStore() {\n return useStore;\n },\n get ElMessage() {\n return ElMessage;\n },\n get User() {\n return User;\n },\n get Lock() {\n return Lock;\n },\n get Message() {\n return Message;\n },\n get login() {\n return login;\n },\n get register() {\n return register;\n }\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n};","map":{"version":3,"names":["ref","reactive","useRouter","useStore","ElMessage","User","Lock","Message","login","register","router","store","formRef","isRegister","loading","form","username","password","email","rules","required","message","trigger","min","max","type","handleSubmit","value","validate","res","code","success","resetFields","console","log","data","token","payload","JSON","parse","atob","split","commit","userId","sub","roles","authorities","includes","push","error","dispatch","icons"],"sources":["D:/language/VScode/Front-end logistics/src/views/login/index.vue"],"sourcesContent":["\r\n \r\n
\r\n
\r\n 登录\r\n 注册\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ isRegister ? '注册' : '登录' }}\r\n \r\n \r\n \r\n
\r\n