60cbec54b6
- 复制 generate-prototype-grid 技能到项目 - 生成桌面管理后台原型页面（侧边栏导航） - 生成文档首页，展示方案文档和开发进度 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>
80 lines
4.0 KiB
HTML
80 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<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 min-h-screen">
|
||
<div class="max-w-6xl mx-auto px-4 py-8">
|
||
<!-- Header -->
|
||
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
|
||
<div class="flex items-center justify-between">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-blue-500 rounded-xl flex items-center justify-center">
|
||
<i class="fas fa-book text-white text-xl"></i>
|
||
</div>
|
||
<div>
|
||
<h1 class="text-2xl font-bold text-gray-800">资产租赁管理系统 开发方案文档</h1>
|
||
<p class="text-gray-500 text-sm">技术文档中心</p>
|
||
</div>
|
||
</div>
|
||
<a href="../admin-index.html" class="px-4 py-2 bg-slate-800 text-white rounded-lg text-sm hover:bg-slate-700 transition">
|
||
<i class="fas fa-desktop mr-2"></i>管理后台
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Documents Grid -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||
<a href="../md.php?doc=资产管理需求说明" target="_blank" class="block bg-white rounded-xl shadow-sm hover:shadow-md transition p-6 border-l-4 border-gray-500">
|
||
<div class="flex items-start gap-4">
|
||
<div class="w-12 h-12 bg-gray-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||
<i class="fas fa-cogs text-gray-500 text-xl"></i>
|
||
</div>
|
||
<div class="flex-1">
|
||
<h3 class="font-bold text-gray-800 mb-2">资产租赁管理系统需求说明文档</h3>
|
||
<p class="text-gray-600 text-sm">> 本文档基于《资产管理需求说明.pptx》整理，涵盖资产租赁管理的核心功能模块。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Progress Section -->
|
||
<div class="bg-white rounded-xl shadow-sm p-6 mt-6">
|
||
<h2 class="text-xl font-bold text-gray-800 mb-4">开发进度</h2>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<div class="flex justify-between text-sm mb-2">
|
||
<span class="text-gray-600">原型设计</span>
|
||
<span class="text-green-600 font-semibold">100%</span>
|
||
</div>
|
||
<div class="w-full bg-gray-200 rounded-full h-2">
|
||
<div class="bg-green-500 h-2 rounded-full" style="width: 100%"></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="flex justify-between text-sm mb-2">
|
||
<span class="text-gray-600">方案规划</span>
|
||
<span class="text-blue-600 font-semibold">100%</span>
|
||
</div>
|
||
<div class="w-full bg-gray-200 rounded-full h-2">
|
||
<div class="bg-blue-500 h-2 rounded-full" style="width: 100%"></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="flex justify-between text-sm mb-2">
|
||
<span class="text-gray-600">开发实现</span>
|
||
<span class="text-gray-400 font-semibold">进行中</span>
|
||
</div>
|
||
<div class="w-full bg-gray-200 rounded-full h-2">
|
||
<div class="bg-gray-300 h-2 rounded-full animate-pulse" style="width: 30%"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |