feat(time-tracking): 添加个人工时记录系统设计文档
- 完成系统架构和数据模型设计，包括项目、工时记录、休息日和周期表模型 - 设计项目管理模块，支持传统项目与PSI项目管理及批量导入功能 - 规划工时记录模块，含日期、事件描述、项目选择及工时计算规则 - 定义休息日分类，支持周末、国定节假日、个人假期及调休工时管理 - 制定统计分析模块设计，支持按Cut-Off周期的周统计与项目工时分布 - 设计周期管理模块，提供周期设置及预设模板功能 - 制定用户界面布局及各页面表单、样式设计方案 - 规划RESTful API端点，涵盖项目、工时记录、休息日、周期及统计数据操作 - 设计数据流示意，阐明操作流程及前后端交互逻辑 - 制定数据存储方案，包括SQLite数据库配置及备份导出机制
This commit is contained in:
93
templates/index.html
Normal file
93
templates/index.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>个人工时记录系统</title>
|
||||
<link rel="stylesheet" href="/static/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="nav-container">
|
||||
<div class="nav-brand">
|
||||
<h1>个人工时记录系统</h1>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="/" class="nav-link active">首页</a></li>
|
||||
<li><a href="/projects" class="nav-link">项目管理</a></li>
|
||||
<li><a href="/timerecords" class="nav-link">工时记录</a></li>
|
||||
<li><a href="/statistics" class="nav-link">统计分析</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="main-content">
|
||||
<div class="container">
|
||||
<div class="welcome-section">
|
||||
<h2>欢迎使用个人工时记录系统</h2>
|
||||
<p>一个简单易用的个人工时管理工具，支持项目分类、休息日标记和周统计功能。</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-cards">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>项目管理</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>管理传统项目和PSI项目，支持批量导入和项目分类。</p>
|
||||
<a href="/projects" class="btn btn-primary">进入项目管理</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>工时记录</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>记录每日工作时间，自动识别休息日并支持加班记录。</p>
|
||||
<a href="/timerecords" class="btn btn-primary">记录工时</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>统计分析</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>按周统计工时，支持Cut-Off周期管理和项目工时分析。</p>
|
||||
<a href="/statistics" class="btn btn-primary">查看统计</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quick-stats">
|
||||
<h3>快速统计</h3>
|
||||
<div class="stats-grid">
|
||||
<div class="stat-item">
|
||||
<div class="stat-value" id="total-projects">-</div>
|
||||
<div class="stat-label">活跃项目</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-value" id="this-week-hours">-</div>
|
||||
<div class="stat-label">本周工时</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-value" id="this-month-records">-</div>
|
||||
<div class="stat-label">本月记录</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-records">
|
||||
<h3>最近记录</h3>
|
||||
<div id="recent-records-list">
|
||||
<p>加载中...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/static/js/common.js"></script>
|
||||
<script src="/static/js/dashboard.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user