JbSxs/Front-end logistics/node_modules/.cache/babel-loader/c82519df2868849f6d11e986bdcbfbfa3e13408facc64cc709dbc6c5ac8c600c.json

{"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            store.commit('setToken', res.data.token);\n            store.commit('setUserInfo', {\n              userId: res.data.userId,\n              username: res.data.username,\n              roles: res.data.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","commit","token","u