d8dfun/contract-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
721988cbf6264d7b8798d9d952a20d7d80adf660
contract-demo/prototype/docs/index.html
D8D Developer 721988cbf6 feat: 更新原型生成技能为AI驱动方式并生成资产租赁管理系统原型 
- 更新 generate-prototype-grid 技能为 AI 工作流方式
- 移除 Python 脚本，改为 AI 分析文档动态生成页面
- 根据资产管理需求文档生成完整的桌面端管理后台原型
- 包含 5 大核心模块：基础信息、合同管理、应收管理、收款核销、统计报表
- 使用 Tailwind CSS + Font Awesome 构建
- 桌面端布局：260px 侧边栏 + 主内容区

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-03-24 09:17:14 +00:00

214 lines
13 KiB
HTML
Raw Blame History

<!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">
</head>
<body class="bg-gray-50">
<div class="min-h-screen">
<!-- 头部 -->
<div class="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-16">
<div class="max-w-6xl mx-auto px-6 text-center">
<h1 class="text-4xl font-bold mb-4">资产租赁管理系统</h1>
<p class="text-xl text-blue-100">Asset Lease Management System</p>
<p class="mt-4 text-blue-200">原型展示与文档中心</p>
</div>
</div>
<!-- 快速导航 -->
<div class="max-w-6xl mx-auto px-6 -mt-8">
<div class="bg-white rounded-xl shadow-lg p-6">
<h2 class="text-lg font-bold mb-4">快速导航</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="../admin-index.html" class="flex items-center gap-4 p-4 bg-blue-50 rounded-lg hover:bg-blue-100 transition">
<div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center text-white">
<i class="fas fa-desktop text-xl"></i>
</div>
<div>
<h3 class="font-bold text-slate-800">桌面管理后台</h3>
<p class="text-sm text-slate-500">查看完整的原型系统</p>
</div>
</a>
<a href="../admin-index.html#dashboard" class="flex items-center gap-4 p-4 bg-green-50 rounded-lg hover:bg-green-100 transition">
<div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center text-white">
<i class="fas fa-chart-line text-xl"></i>
</div>
<div>
<h3 class="font-bold text-slate-800">数据看板</h3>
<p class="text-sm text-slate-500">查看数据概览</p>
</div>
</a>
</div>
</div>
</div>
<!-- 核心功能 -->
<div class="max-w-6xl mx-auto px-6 py-12">
<h2 class="text-2xl font-bold mb-6">核心功能模块</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-city text-green-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">基础信息维护</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 项目信息管理</li>
<li>• 资产台账管理</li>
<li>• 承租人信息管理</li>
</ul>
<a href="../pages/admin/project-info.html" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-file-contract text-blue-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">合同管理</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 合同新增与维护</li>
<li>• 合同变更/续签</li>
<li>• 合同到期/解约</li>
</ul>
<a href="../pages/admin/contract-list.html" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-money-bill-wave text-amber-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">应收管理</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 合同应收查询</li>
<li>• 应收开票登记</li>
<li>• 应收状态跟踪</li>
</ul>
<a href="../pages/admin/receivable-list.html" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-hand-holding-usd text-purple-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">收款核销</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 收款操作</li>
<li>• 部分核销支持</li>
<li>• 收款明细查询</li>
</ul>
<a href="../pages/admin/payment-list.html" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-cyan-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-table text-cyan-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">统计报表</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 预算总结表</li>
<li>• 合同应收表</li>
<li>• 资产台账报表</li>
</ul>
<a href="../pages/admin/report-budget.html" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="w-12 h-12 bg-slate-100 rounded-lg flex items-center justify-center mb-4">
<i class="fas fa-file-alt text-slate-500 text-xl"></i>
</div>
<h3 class="font-bold text-lg mb-2">需求文档</h3>
<ul class="text-sm text-slate-600 space-y-1">
<li>• 业务流程说明</li>
<li>• 功能模块定义</li>
<li>• 数据字段规范</li>
</ul>
<a href="../../docs/资产管理需求说明.md" class="inline-block mt-4 text-blue-500 text-sm">查看 →</a>
</div>
</div>
</div>
<!-- 页面列表 -->
<div class="max-w-6xl mx-auto px-6 pb-12">
<h2 class="text-2xl font-bold mb-6">完整页面列表</h2>
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
<table class="w-full">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500">页面</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500">说明</th>
<th class="px-6 py-3 text-left text-xs font-medium text-slate-500">链接</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 text-sm font-medium">管理后台入口</td>
<td class="px-6 py-4 text-sm text-slate-500">系统主入口，侧边栏导航</td>
<td class="px-6 py-4"><a href="../admin-index.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">数据看板</td>
<td class="px-6 py-4 text-sm text-slate-500">首页数据概览</td>
<td class="px-6 py-4"><a href="../pages/admin/dashboard.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">项目信息</td>
<td class="px-6 py-4 text-sm text-slate-500">项目列表与维护</td>
<td class="px-6 py-4"><a href="../pages/admin/project-info.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">资产台账</td>
<td class="px-6 py-4 text-sm text-slate-500">资产信息管理</td>
<td class="px-6 py-4"><a href="../pages/admin/asset-info.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">承租人管理</td>
<td class="px-6 py-4 text-sm text-slate-500">商户信息管理</td>
<td class="px-6 py-4"><a href="../pages/admin/tenant-info.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">合同列表</td>
<td class="px-6 py-4 text-sm text-slate-500">合同查询与管理</td>
<td class="px-6 py-4"><a href="../pages/admin/contract-list.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">合同新增</td>
<td class="px-6 py-4 text-sm text-slate-500">新增/编辑合同</td>
<td class="px-6 py-4"><a href="../pages/admin/contract-add.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">合同应收</td>
<td class="px-6 py-4 text-sm text-slate-500">应收查询与操作</td>
<td class="px-6 py-4"><a href="../pages/admin/receivable-list.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">开票登记</td>
<td class="px-6 py-4 text-sm text-slate-500">应收开票操作</td>
<td class="px-6 py-4"><a href="../pages/admin/invoice-register.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">收款明细</td>
<td class="px-6 py-4 text-sm text-slate-500">收款查询与核销</td>
<td class="px-6 py-4"><a href="../pages/admin/payment-list.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">预算总结表</td>
<td class="px-6 py-4 text-sm text-slate-500">预算与实际对比</td>
<td class="px-6 py-4"><a href="../pages/admin/report-budget.html" class="text-blue-500">打开 →</a></td>
</tr>
<tr>
<td class="px-6 py-4 text-sm font-medium">合同应收表</td>
<td class="px-6 py-4 text-sm text-slate-500">合同应收统计</td>
<td class="px-6 py-4"><a href="../pages/admin/report-contract.html" class="text-blue-500">打开 →</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 页脚 -->
<div class="bg-slate-800 text-white py-8">
<div class="max-w-6xl mx-auto px-6 text-center">
<p class="text-slate-400">资产租赁管理系统原型</p>
<p class="text-slate-500 text-sm mt-2">基于《资产管理需求说明.pptx》生成 | 2026-03-24</p>
</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink