{"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, getUserInfo } 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 await register(form);\n ElMessage.success('注册成功，请登录');\n isRegister.value = false;\n formRef.value.resetFields();\n } else {\n // 登录并获取用户信息\n const res = await login(form);\n\n // 检查响应数据\n if (!res.data) {\n throw new Error('登录失败：服务器返回数据格式错误');\n }\n const {\n token,\n username,\n roles\n } = res.data;\n if (!token) {\n throw new Error('登录失败：未获取到登录令牌');\n }\n\n // 保存token和用户信息\n store.commit('SET_TOKEN', token);\n store.commit('SET_USER_INFO', {\n username: username || form.username,\n roles: roles || []\n });\n ElMessage.success('登录成功');\n router.push('/');\n }\n } catch (error) {\n console.error('登录错误:', error);\n // 显示中文错误提示\n if (error.message?.includes('登录失败')) {\n ElMessage.error(error.message);\n } else {\n ElMessage.error('登录失败，请稍后重试');\n }\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 get getUserInfo() {\n return getUserInfo;\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","getUserInfo","router","store","formRef","isRegister","loading","form","username","password","email","rules","required","message","trigger","min","max","type","handleSubmit","value","validate","success","resetFields","res","data","Error","token","roles","commit","push","error","console","includes","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