{"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 && res.data) {\n // 确认返回成功且有数据\n ElMessage.success('注册成功，请登录');\n isRegister.value = false; // 切换到登录界面\n formRef.value.resetFields(); // 清空表单\n // 可以选择性地预填充用户名\n form.username = res.data.username;\n } else {\n throw new Error(res.message || '注册失败');\n }\n } else {\n const res = await login(form);\n if (res.code === 200) {\n const {\n token,\n username,\n userId,\n roles\n } = res.data;\n\n // 保存token和用户信息\n store.commit('SET_TOKEN', token);\n store.commit('SET_USER_INFO', {\n username,\n userId,\n roles\n });\n ElMessage.success('登录成功');\n router.push('/');\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","data","success","resetFields","Error","token","userId","roles","commit","push","error","console","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