ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复三端路由引用并统一共享 Logo 静态资源

Browse Source 
修正 admin/agent/player 路由与 agent App.vue 的 import 路径，三端 Vite 共用 packages/shared/public 下的 logo 与 favicon。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mars
2026-06-02 15:01:55 +08:00
parent 4c92157299
commit 000bd8c956
18 changed files with 65 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/admin/index.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>TheBet365 Admin</title>
</head>
<body>

5
apps/admin/src/layouts/AdminLayout.vue
View File

@@ -23,7 +23,10 @@ const menus = [
<template>
<el-container style="min-height: 100vh">
<el-aside width="200px" style="background: #1a2332">
<div style="padding: 20px; color: #00a826; font-weight: 800">TheBet365 Admin</div>
<div style="padding: 20px">
<img src="/logo.svg" alt="TheBet365" style="height: 28px; width: auto; display: block" />
<div style="margin-top: 8px; font-size: 12px; color: #888">平台后台</div>
</div>
<el-menu background-color="#1a2332" text-color="#ccc" active-text-color="#00a826" :default-active="route.path">
<el-menu-item v-for="m in menus" :key="m.path" :index="m.path">
<RouterLink :to="m.path" style="color: inherit; width: 100%">{{ m.label }}</RouterLink>

20
apps/admin/src/router/index.ts
View File

@@ -3,20 +3,20 @@ import { createRouter, createWebHistory } from 'vue-router';
export default createRouter({
history: createWebHistory(),
routes: [
{ path: '/login', component: () => import('./views/Login.vue') },
{ path: '/login', component: () => import('../views/Login.vue') },
{
path: '/',
component: () => import('./layouts/AdminLayout.vue'),
component: () => import('../layouts/AdminLayout.vue'),
meta: { auth: true },
children: [
{ path: '', component: () => import('./views/Dashboard.vue') },
{ path: 'users', component: () => import('./views/Users.vue') },
{ path: 'agents', component: () => import('./views/Agents.vue') },
{ path: 'matches', component: () => import('./views/Matches.vue') },
{ path: 'bets', component: () => import('./views/Bets.vue') },
{ path: 'settlement/:id', component: () => import('./views/Settlement.vue') },
{ path: 'cashback', component: () => import('./views/Cashback.vue') },
{ path: 'audit', component: () => import('./views/Audit.vue') },
{ path: '', component: () => import('../views/Dashboard.vue') },
{ path: 'users', component: () => import('../views/Users.vue') },
{ path: 'agents', component: () => import('../views/Agents.vue') },
{ path: 'matches', component: () => import('../views/Matches.vue') },
{ path: 'bets', component: () => import('../views/Bets.vue') },
{ path: 'settlement/:id', component: () => import('../views/Settlement.vue') },
{ path: 'cashback', component: () => import('../views/Cashback.vue') },
{ path: 'audit', component: () => import('../views/Audit.vue') },
],
},
],

5
apps/admin/src/views/Login.vue
View File

@@ -25,7 +25,10 @@ async function login() {
<template>
<div style="min-height: 100vh; display: flex; align-items: center; justify-content: center">
<el-card style="width: 400px">
<h2 style="text-align: center; margin-bottom: 24px">平台后台登录</h2>
<div style="text-align: center; margin-bottom: 24px">
<img src="/logo.svg" alt="TheBet365" style="height: 32px; width: auto" />
<h2 style="margin-top: 12px; font-size: 16px; font-weight: 500">平台后台登录</h2>
</div>
<el-form @submit.prevent="login">
<el-form-item label="用户名">
<el-input v-model="form.username" />

2
apps/admin/vite.config.ts
View File

@@ -1,8 +1,10 @@
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
export default defineConfig({
plugins: [vue()],
publicDir: resolve(__dirname, '../../packages/shared/public'),
server: {
port: 5174,
proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true } },

2
apps/agent/index.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8" /><title>TheBet365 Agent</title></head>
<head><meta charset="UTF-8" /><link rel="icon" type="image/svg+xml" href="/favicon.svg" /><title>TheBet365 Agent</title></head>
<body><div id="app"></div><script type="module" src="/src/main.ts"></script></body>
</html>

5
apps/agent/src/App.vue
View File

@@ -1 +1,4 @@
<script setup lang="ts"><template><router-view /></template></script>
<script setup lang="ts">
import { RouterView } from 'vue-router';
</script>
<template><RouterView /></template>

5
apps/agent/src/layouts/AgentLayout.vue
View File

@@ -11,7 +11,10 @@ function logout() {
<template>
<el-container style="min-height: 100vh">
<el-aside width="180px" style="background: #1a2332">
<div style="padding: 16px; color: #00a826; font-weight: 700">代理后台</div>
<div style="padding: 16px">
<img src="/logo.svg" alt="TheBet365" style="height: 24px; width: auto; display: block" />
<div style="margin-top: 8px; font-size: 12px; color: #888">代理后台</div>
</div>
<el-menu background-color="#1a2332" text-color="#ccc" active-text-color="#00a826">
<el-menu-item index="/"><RouterLink to="/" style="color: inherit">概览</RouterLink></el-menu-item>
<el-menu-item index="/players"><RouterLink to="/players" style="color: inherit">直属玩家</RouterLink></el-menu-item>

12
apps/agent/src/router/index.ts
View File

@@ -3,15 +3,15 @@ import { createRouter, createWebHistory } from 'vue-router';
export default createRouter({
history: createWebHistory(),
routes: [
{ path: '/login', component: () => import('./views/Login.vue') },
{ path: '/login', component: () => import('../views/Login.vue') },
{
path: '/',
component: () => import('./layouts/AgentLayout.vue'),
component: () => import('../layouts/AgentLayout.vue'),
children: [
{ path: '', component: () => import('./views/Dashboard.vue') },
{ path: 'players', component: () => import('./views/Players.vue') },
{ path: 'agents', component: () => import('./views/SubAgents.vue') },
{ path: 'bets', component: () => import('./views/Bets.vue') },
{ path: '', component: () => import('../views/Dashboard.vue') },
{ path: 'players', component: () => import('../views/Players.vue') },
{ path: 'agents', component: () => import('../views/SubAgents.vue') },
{ path: 'bets', component: () => import('../views/Bets.vue') },
],
},
],

7
apps/agent/src/views/Login.vue
View File

@@ -21,8 +21,11 @@ async function login() {
<template>
<div style="min-height: 100vh; display: flex; align-items: center; justify-content: center">
<el-card style="width: 360px">
<h2 style="text-align: center">代理后台登录</h2>
<el-form @submit.prevent="login" style="margin-top: 20px">
<div style="text-align: center; margin-bottom: 20px">
<img src="/logo.svg" alt="TheBet365" style="height: 32px; width: auto" />
<h2 style="margin-top: 12px; font-size: 16px; font-weight: 500">代理后台登录</h2>
</div>
<el-form @submit.prevent="login" style="margin-top: 0">
<el-input v-model="form.username" placeholder="用户名" style="margin-bottom: 12px" />
<el-input v-model="form.password" type="password" placeholder="密码" style="margin-bottom: 12px" />
<el-button type="primary" native-type="submit" style="width: 100%">登录</el-button>

2
apps/agent/vite.config.ts
View File

@@ -1,8 +1,10 @@
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
export default defineConfig({
plugins: [vue()],
publicDir: resolve(__dirname, '../../packages/shared/public'),
server: {
port: 5175,
proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true } },

1
apps/player/index.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>TheBet365</title>
</head>
<body>

4
apps/player/src/layouts/MainLayout.vue
View File

@@ -27,7 +27,7 @@ function setLocale(code: string) {
<template>
<div class="layout">
<header class="header">
<span class="logo">TheBet365</span>
<img src="/logo.svg" alt="TheBet365" class="logo" />
<div class="header-actions">
<select :value="locale" @change="setLocale(($event.target as HTMLSelectElement).value)" class="lang-select">
<option v-for="l in locales" :key="l.code" :value="l.code">{{ l.label }}</option>
@@ -61,7 +61,7 @@ function setLocale(code: string) {
display: flex; justify-content: space-between; align-items: center;
padding: 12px 16px; background: #1a2332; border-bottom: 1px solid var(--border);
}
.logo { font-weight: 800; color: var(--primary); font-size: 18px; }
.logo { height: 24px; width: auto; display: block; }
.header-actions { display: flex; gap: 12px; align-items: center; }
.lang-select { background: var(--bg-card); color: #fff; border: 1px solid var(--border); padding: 4px 8px; border-radius: 4px; width: auto; }
.balance { font-size: 13px; color: var(--text-muted); }

16
apps/player/src/router/index.ts
View File

@@ -1,20 +1,20 @@
import { createRouter, createWebHistory } from 'vue-router';
import { useAuthStore } from './stores/auth';
import { useAuthStore } from '../stores/auth';
const router = createRouter({
history: createWebHistory(),
routes: [
{ path: '/login', component: () => import('./views/LoginView.vue') },
{ path: '/login', component: () => import('../views/LoginView.vue') },
{
path: '/',
component: () => import('./layouts/MainLayout.vue'),
component: () => import('../layouts/MainLayout.vue'),
meta: { requiresAuth: true },
children: [
{ path: '', component: () => import('./views/HomeView.vue') },
{ path: 'football', component: () => import('./views/FootballView.vue') },
{ path: 'match/:id', component: () => import('./views/MatchDetailView.vue') },
{ path: 'bets', component: () => import('./views/MyBetsView.vue') },
{ path: 'profile', component: () => import('./views/ProfileView.vue') },
{ path: '', component: () => import('../views/HomeView.vue') },
{ path: 'football', component: () => import('../views/FootballView.vue') },
{ path: 'match/:id', component: () => import('../views/MatchDetailView.vue') },
{ path: 'bets', component: () => import('../views/MyBetsView.vue') },
{ path: 'profile', component: () => import('../views/ProfileView.vue') },
],
},
],

4
apps/player/src/views/LoginView.vue
View File

@@ -28,7 +28,7 @@ async function submit() {
<template>
<div class="login-page">
<h1 class="logo">TheBet365</h1>
<img src="/logo.svg" alt="TheBet365" class="logo" />
<form @submit.prevent="submit" class="login-form">
<label>{{ t('auth.username') }}</label>
<input v-model="username" required />
@@ -47,7 +47,7 @@ async function submit() {
min-height: 100vh; display: flex; flex-direction: column;
align-items: center; justify-content: center; padding: 24px;
}
.logo { color: var(--primary); font-size: 32px; margin-bottom: 32px; }
.logo { height: 40px; width: auto; margin-bottom: 32px; }
.login-form { width: 100%; max-width: 320px; display: flex; flex-direction: column; gap: 12px; }
label { font-size: 13px; color: var(--text-muted); }
.error { color: var(--danger); font-size: 13px; }

2
apps/player/vite.config.ts
View File

@@ -1,8 +1,10 @@
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
export default defineConfig({
plugins: [vue()],
publicDir: resolve(__dirname, '../../packages/shared/public'),
server: {
port: 5173,
proxy: {