weicw1996
0fbf122a57
- useHjcAuth：token 存 cookie(hjc_token)，login/register/isLoggedIn
- 页面 /login /register（企业名称+密码）
- server/api/tender/{auth/login,auth/register,pay,mark-paid} 代理；order 代理从 cookie 读取 hjc_token 透传 Authorization
- BuyDocument：未登录跳登录；下单→pay(codeUrl)→确认 mark-paid→成功
- types 增 HjcUser
51 lines
1.9 KiB
Vue
51 lines
1.9 KiB
Vue
<template>
|
||
<div class="min-h-[60vh] flex items-center justify-center px-4">
|
||
<div class="w-full max-w-md rounded-lg border border-gray-200 p-8">
|
||
<h1 class="text-2xl font-bold text-center text-gray-900">企业登录</h1>
|
||
<form class="mt-6 space-y-4" @submit.prevent="submitForm">
|
||
<div>
|
||
<label class="text-sm text-gray-600">企业名称</label>
|
||
<input v-model="enterpriseName" class="mt-1 w-full rounded-md border border-gray-300 px-4 py-2 text-sm" placeholder="请输入企业名称" />
|
||
</div>
|
||
<div>
|
||
<label class="text-sm text-gray-600">密码</label>
|
||
<input v-model="password" type="password" class="mt-1 w-full rounded-md border border-gray-300 px-4 py-2 text-sm" placeholder="请输入密码" />
|
||
</div>
|
||
<button type="submit" class="w-full rounded-md bg-blue-600 py-3 text-white font-medium hover:bg-blue-700 disabled:opacity-50" :disabled="loading">
|
||
{{ loading ? '登录中...' : '登录' }}
|
||
</button>
|
||
<p v-if="error" class="text-center text-sm text-red-500">{{ error }}</p>
|
||
</form>
|
||
<p class="mt-4 text-center text-sm text-gray-500">
|
||
还没有账号？
|
||
<NuxtLink to="/register" class="text-blue-600 hover:underline">立即注册企业</NuxtLink>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
const { login } = useHjcAuth()
|
||
const route = useRoute()
|
||
const enterpriseName = ref('')
|
||
const password = ref('')
|
||
const loading = ref(false)
|
||
const error = ref('')
|
||
|
||
async function submitForm() {
|
||
error.value = ''
|
||
loading.value = true
|
||
try {
|
||
const res = await login(enterpriseName.value, password.value)
|
||
if (res.ok) {
|
||
return navigateTo((route.query.redirect as string) || '/tender')
|
||
}
|
||
error.value = res.message || '登录失败'
|
||
} catch (e: any) {
|
||
error.value = e?.message || '登录失败'
|
||
} finally {
|
||
loading.value = false
|
||
}
|
||
}
|
||
</script>
|