JbSxs/Front-end logistics/node_modules/.cache/babel-loader/78e6930a8b699ec6be4bf5669fd3ed527e1cae52d7e14b793454293ff2959266.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) {\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