9cd6837935
- 更新为桌面端侧边栏布局 - 添加数据概览、基础信息、合同管理等页面 - 修改服务器端口为 7358 - 添加原型截图和文档数据 Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
103 lines
4.6 KiB
HTML
103 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>文档首页 - 资产租赁管理系统</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
</head>
|
|
<body class="bg-gray-50">
|
|
<div class="max-w-6xl mx-auto px-6 py-12">
|
|
<!-- 头部 -->
|
|
<div class="text-center mb-12">
|
|
<h1 class="text-4xl font-bold text-slate-800 mb-4">资产租赁管理系统</h1>
|
|
<p class="text-xl text-slate-500">需求文档中心</p>
|
|
</div>
|
|
|
|
<!-- 快速导航 -->
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
|
|
<a href="../index.html" class="flex items-center gap-4 p-6 bg-white rounded-xl shadow-sm hover:shadow-md transition">
|
|
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
|
|
<i class="fas fa-home text-blue-500"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold">系统首页</h3>
|
|
<p class="text-sm text-slate-500">返回原型系统入口</p>
|
|
</div>
|
|
</a>
|
|
<a href="../admin-index.html" class="flex items-center gap-4 p-6 bg-white rounded-xl shadow-sm hover:shadow-md transition">
|
|
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
|
|
<i class="fas fa-desktop text-green-500"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold">管理后台</h3>
|
|
<p class="text-sm text-slate-500">查看完整原型系统</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- 文档列表 -->
|
|
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
|
<div class="p-6 border-b border-gray-200">
|
|
<h2 class="text-xl font-bold">需求文档</h2>
|
|
</div>
|
|
<div class="divide-y divide-gray-200">
|
|
<div class="p-6 hover:bg-gray-50 transition cursor-pointer" onclick="loadDoc('../docs/资产管理需求说明.md')">
|
|
<div class="flex items-center gap-4">
|
|
<div class="w-12 h-12 bg-emerald-100 rounded-lg flex items-center justify-center">
|
|
<i class="fas fa-file-alt text-emerald-500"></i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h3 class="font-bold text-slate-800">资产管理需求说明</h3>
|
|
<p class="text-sm text-slate-500">完整的业务需求说明文档，包含业务流程、功能模块、数据字段规范</p>
|
|
</div>
|
|
<i class="fas fa-chevron-right text-slate-400"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 文档内容区 -->
|
|
<div id="docContent" class="mt-8 hidden">
|
|
<div class="bg-white rounded-xl shadow-sm p-8">
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h2 id="docTitle" class="text-2xl font-bold"></h2>
|
|
<button onclick="hideDoc()" class="text-slate-500 hover:text-slate-700">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
<div id="docBody" class="prose max-w-none"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function loadDoc(path) {
|
|
const docContent = document.getElementById('docContent');
|
|
const docTitle = document.getElementById('docTitle');
|
|
const docBody = document.getElementById('docBody');
|
|
|
|
docContent.classList.remove('hidden');
|
|
docBody.innerHTML = '<p class="text-center py-8"><i class="fas fa-spinner fa-spin text-2xl text-blue-500"></i></p>';
|
|
|
|
fetch(path)
|
|
.then(response => response.text())
|
|
.then(marked.parse)
|
|
.then(html => {
|
|
docTitle.textContent = path.split('/').pop().replace('.md', '');
|
|
docBody.innerHTML = html;
|
|
docContent.scrollIntoView({ behavior: 'smooth' });
|
|
})
|
|
.catch(error => {
|
|
docBody.innerHTML = `<p class="text-red-500">加载失败: ${error.message}</p>`;
|
|
});
|
|
}
|
|
|
|
function hideDoc() {
|
|
document.getElementById('docContent').classList.add('hidden');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|