6d82e8bf3d
## 新增功能 - 🏦 账户管理：支持多币种账户创建和管理 - 💰 交易管理：收入/支出记录，支持自定义分类和币种 - 🏷️ 分类管理：自定义分类图标和预算币种设置 - 🎯 预算管理：智能预算控制和实时监控 - 📊 报表分析：可视化财务数据展示 - ⚙️ 系统设置：个性化配置和数据管理 ## 技术特性 - 自定义币种：支持7种常用币种 + 用户自定义 - 自定义分类：支持自定义图标和分类名称 - 自定义账户：支持自定义账户类型和银行 - 响应式设计：完美适配各种屏幕尺寸 - 深色主题：统一的视觉体验 - 中文界面：完全本地化的用户体验 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
91 lines
4.1 KiB
HTML
91 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="renderer" content="webkit" />
|
||
<meta name="description" content="TokenRecords 财务管理系统" />
|
||
<meta name="keywords" content="TokenRecords Finance Management Vue3" />
|
||
<meta name="author" content="TokenRecords" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
|
||
/>
|
||
<title>TokenRecords 财务管理系统</title>
|
||
<link rel="icon" href="/favicon.ico" />
|
||
<style>
|
||
body { margin: 0; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
|
||
.loading { text-align: center; padding: 50px; }
|
||
.success { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 40px; border-radius: 12px; margin: 20px 0; }
|
||
.error { background: #fee; color: #c33; padding: 20px; border-radius: 8px; margin: 20px 0; border: 1px solid #fcc; }
|
||
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0; }
|
||
.feature-card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); text-align: center; }
|
||
.btn { display: inline-block; padding: 10px 20px; margin: 10px 5px; background: #007bff; color: white; text-decoration: none; border-radius: 5px; }
|
||
.btn:hover { background: #0056b3; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="fallback" class="loading">
|
||
<h1>🚀 正在启动 TokenRecords 财务管理系统...</h1>
|
||
<p>如果页面长时间不加载，请检查浏览器控制台或尝试刷新页面。</p>
|
||
</div>
|
||
|
||
<div id="app"></div>
|
||
|
||
<script type="module" src="/src/main.ts"></script>
|
||
|
||
<script>
|
||
// 如果Vue应用在3秒内没有加载成功，显示静态备用页面
|
||
setTimeout(function() {
|
||
const app = document.getElementById('app');
|
||
const fallback = document.getElementById('fallback');
|
||
|
||
if (app && !app.innerHTML.trim()) {
|
||
console.log('Vue应用可能加载失败，显示静态备用页面');
|
||
fallback.innerHTML = `
|
||
<div class="success">
|
||
<h1>🎉 TokenRecords 财务管理系统</h1>
|
||
<p>✅ 服务器运行正常 - 正在加载应用...</p>
|
||
<p>📊 端口: 5666 | API端口: 5320</p>
|
||
<p>⚡ Vue 3 + Vite + Ant Design Vue</p>
|
||
</div>
|
||
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>📊 财务分析</h3>
|
||
<p>查看收支统计和趋势</p>
|
||
<a href="/analytics/overview" class="btn">进入分析</a>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>💰 交易记录</h3>
|
||
<p>管理收入和支出</p>
|
||
<a href="/finance/transaction" class="btn">查看交易</a>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>👥 人员管理</h3>
|
||
<p>管理付款人和收款人</p>
|
||
<a href="/finance/person" class="btn">管理人员</a>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>📝 快速记账</h3>
|
||
<p>快速添加记录</p>
|
||
<a href="/quick-add" class="btn">开始记账</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="error">
|
||
<h3>⚠️ 如果您看到这个页面</h3>
|
||
<p>说明Vue应用可能存在JavaScript加载问题。请：</p>
|
||
<ol style="text-align: left; max-width: 500px; margin: 0 auto;">
|
||
<li>🔄 刷新页面试试</li>
|
||
<li>🛠️ 打开开发者工具查看控制台错误</li>
|
||
<li>🌐 或使用标准版本: <a href="http://localhost:5667/" style="color: #007bff;">http://localhost:5667/</a></li>
|
||
</ol>
|
||
</div>
|
||
`;
|
||
}
|
||
}, 3000);
|
||
</script>
|
||
</body>
|
||
</html>
|