feat: 手动充值、邀请码注册与后台管理增强

新增玩家手动充值全流程(收款方式配置、充值下单/审核、钱包上分),
支持邀请码注册、邀请历史与专属返水率;完善后台代理/玩家管理与响应式操作栏,
并补充前台注册、充值页及多语言错误码。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-11 12:20:11 +08:00
parent 618fb49511
commit 10485ecfaf
98 changed files with 7908 additions and 856 deletions

View File

@@ -0,0 +1,161 @@
<script setup lang="ts">
import { ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import { useAuthStore } from '../stores/auth';
import { useAppLocale } from '../composables/useAppLocale';
import LocaleSwitcher from '../components/LocaleSwitcher.vue';
import RobotVerify from '../components/RobotVerify.vue';
import loginBg from '../assets/images/h5bg.png';
const { t } = useI18n();
const { initFromUser } = useAppLocale();
const auth = useAuthStore();
const router = useRouter();
const route = useRoute();
const captchaRef = ref<InstanceType<typeof RobotVerify> | null>(null);
const username = ref('');
const password = ref('');
const inviteCode = ref(typeof route.query.code === 'string' ? route.query.code : '');
const error = ref('');
const loading = ref(false);
async function submit() {
if (!captchaRef.value?.validate()) {
error.value = t('auth.captcha_wrong');
captchaRef.value?.refresh();
return;
}
loading.value = true;
error.value = '';
try {
await auth.register(username.value, password.value, inviteCode.value);
initFromUser(auth.user?.locale);
const redirectTo = (route.query.redirect as string) || '/';
router.push(redirectTo);
} catch (e: unknown) {
error.value = (e as { response?: { data?: { error?: string } } })?.response?.data?.error || t('auth.register_failed');
} finally {
loading.value = false;
}
}
function goLogin() {
router.push({ path: '/login', query: route.query.redirect ? { redirect: route.query.redirect as string } : {} });
}
</script>
<template>
<div class="login-page" :style="{ backgroundImage: `url(${loginBg})` }">
<div class="login-lang">
<LocaleSwitcher compact />
</div>
<form @submit.prevent="submit" class="login-form ps-gold-frame">
<h2 class="form-title">{{ t('auth.register') }}</h2>
<label>{{ t('auth.invite_code') }} <span class="optional-tag">{{ t('auth.optional') }}</span></label>
<input v-model="inviteCode" class="ps-gold-input" autocomplete="off" />
<label>{{ t('auth.username') }}</label>
<input v-model="username" class="ps-gold-input" required autocomplete="username" />
<label>{{ t('auth.password') }}</label>
<input v-model="password" class="ps-gold-input" type="password" required autocomplete="new-password" minlength="8" />
<RobotVerify ref="captchaRef" />
<p v-if="error" class="error">{{ error }}</p>
<button type="submit" class="btn-login btn-gold-outline" :disabled="loading">
{{ t('auth.register_btn') }}
</button>
<button type="button" class="btn-skip" @click="goLogin">
{{ t('auth.have_account') }}
</button>
</form>
</div>
</template>
<style scoped>
.login-lang {
position: absolute;
top: max(12px, env(safe-area-inset-top));
right: 16px;
z-index: 2;
}
.login-page {
position: relative;
height: 100%;
min-height: 100dvh;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 28vh 20px calc(12vh + max(28px, env(safe-area-inset-bottom)));
background-color: var(--tertiary);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.login-form {
width: 100%;
max-width: 340px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px;
}
.form-title {
margin: 0 0 4px;
font-size: 18px;
font-weight: 800;
color: #fff;
text-align: center;
}
.optional-tag {
font-size: 10px;
font-weight: 500;
color: rgba(255, 255, 255, 0.45);
}
label {
font-size: 11px;
color: var(--text-muted);
font-weight: 600;
letter-spacing: 0.04em;
}
.btn-login {
margin-top: 4px;
padding: 10px 14px;
border-radius: 6px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.06em;
}
.btn-login:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.btn-skip {
margin-top: 2px;
padding: 8px 14px;
border: none;
background: transparent;
color: rgba(255, 255, 255, 0.55);
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.btn-skip:active {
color: rgba(255, 255, 255, 0.75);
}
.error {
color: var(--danger);
font-size: 13px;
font-weight: 600;
}
</style>