7b9f2c7b41
- 更新技能文档，采用iframe平铺展示架构 - 重新生成资产租赁管理系统原型页面 - 优化文档系统路径处理 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
156 lines
8.3 KiB
HTML
156 lines
8.3 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">
|
||
<style>
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.card-hover:hover {
|
||
transform: translateY(-4px);
|
||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
|
||
}
|
||
.gradient-bg {
|
||
background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #06b6d4 100%);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="gradient-bg min-h-screen">
|
||
<div class="container mx-auto px-6 py-12">
|
||
<!-- 项目标题 -->
|
||
<div class="text-center mb-12">
|
||
<div class="flex items-center justify-center gap-4 mb-4">
|
||
<div class="w-16 h-16 bg-white/20 rounded-2xl flex items-center justify-center">
|
||
<i class="fas fa-building text-white text-3xl"></i>
|
||
</div>
|
||
<h1 class="text-4xl font-bold text-white">资产租赁管理系统</h1>
|
||
</div>
|
||
<p class="text-blue-100 text-lg">Asset Lease Management System</p>
|
||
<p class="text-blue-200 text-sm mt-2">基于《资产管理需求说明.pptx》生成 | AI 驱动原型</p>
|
||
</div>
|
||
|
||
<!-- 双卡片入口 -->
|
||
<div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
|
||
<!-- 原型系统卡片 -->
|
||
<a href="admin-index.html" class="card-hover bg-white rounded-2xl shadow-xl overflow-hidden">
|
||
<div class="h-32 bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center">
|
||
<i class="fas fa-th-large text-white text-5xl"></i>
|
||
</div>
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-2">原型系统</h2>
|
||
<p class="text-gray-600 mb-4">8个功能页面平铺展示，一目了然</p>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span class="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs">数据概览</span>
|
||
<span class="px-2 py-1 bg-green-100 text-green-700 rounded text-xs">基础信息</span>
|
||
<span class="px-2 py-1 bg-purple-100 text-purple-700 rounded text-xs">合同管理</span>
|
||
<span class="px-2 py-1 bg-orange-100 text-orange-700 rounded text-xs">应收核销</span>
|
||
<span class="px-2 py-1 bg-cyan-100 text-cyan-700 rounded text-xs">统计报表</span>
|
||
</div>
|
||
<div class="mt-4 flex items-center text-blue-600 font-medium">
|
||
<span>进入原型系统</span>
|
||
<i class="fas fa-arrow-right ml-2"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 文档系统卡片 -->
|
||
<a href="docs-index.html" class="card-hover bg-white rounded-2xl shadow-xl overflow-hidden">
|
||
<div class="h-32 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center">
|
||
<i class="fas fa-file-alt text-white text-5xl"></i>
|
||
</div>
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-2">文档系统</h2>
|
||
<p class="text-gray-600 mb-4">需求说明文档在线查看</p>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">业务流程</span>
|
||
<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">功能模块</span>
|
||
<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">数据字段</span>
|
||
<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">状态说明</span>
|
||
</div>
|
||
<div class="mt-4 flex items-center text-green-600 font-medium">
|
||
<span>查看文档</span>
|
||
<i class="fas fa-arrow-right ml-2"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 快速链接 -->
|
||
<div class="mt-12 max-w-5xl mx-auto">
|
||
<h3 class="text-white text-lg font-semibold mb-4 text-center">快速链接</h3>
|
||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||
<a href="admin-index.html#dashboard" class="bg-white/10 backdrop-blur rounded-xl p-4 text-center hover:bg-white/20 transition">
|
||
<i class="fas fa-chart-line text-white text-2xl mb-2"></i>
|
||
<p class="text-white text-sm">数据概览</p>
|
||
</a>
|
||
<a href="admin-index.html#project" class="bg-white/10 backdrop-blur rounded-xl p-4 text-center hover:bg-white/20 transition">
|
||
<i class="fas fa-project-diagram text-white text-2xl mb-2"></i>
|
||
<p class="text-white text-sm">项目信息</p>
|
||
</a>
|
||
<a href="admin-index.html#contract" class="bg-white/10 backdrop-blur rounded-xl p-4 text-center hover:bg-white/20 transition">
|
||
<i class="fas fa-file-contract text-white text-2xl mb-2"></i>
|
||
<p class="text-white text-sm">合同管理</p>
|
||
</a>
|
||
<a href="admin-index.html#statistics" class="bg-white/10 backdrop-blur rounded-xl p-4 text-center hover:bg-white/20 transition">
|
||
<i class="fas fa-chart-bar text-white text-2xl mb-2"></i>
|
||
<p class="text-white text-sm">统计报表</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 项目概览 -->
|
||
<div class="mt-12 max-w-3xl mx-auto bg-white/10 backdrop-blur rounded-2xl p-6">
|
||
<h3 class="text-white text-lg font-semibold mb-4">系统概览</h3>
|
||
<div class="grid grid-cols-2 md:grid-cols-5 gap-4 text-center">
|
||
<div>
|
||
<p class="text-3xl font-bold text-white">12</p>
|
||
<p class="text-blue-200 text-sm">项目总数</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-3xl font-bold text-white">356</p>
|
||
<p class="text-blue-200 text-sm">资产总数</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-3xl font-bold text-white">89</p>
|
||
<p class="text-blue-200 text-sm">在租合同</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-3xl font-bold text-white">5</p>
|
||
<p class="text-blue-200 text-sm">核心模块</p>
|
||
</div>
|
||
<div>
|
||
<p class="text-3xl font-bold text-white">8</p>
|
||
<p class="text-blue-200 text-sm">功能页面</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 功能模块说明 -->
|
||
<div class="mt-8 max-w-4xl mx-auto grid md:grid-cols-3 gap-4">
|
||
<div class="bg-white/10 backdrop-blur rounded-xl p-4">
|
||
<h4 class="text-white font-semibold mb-2"><i class="fas fa-info-circle mr-2"></i>基础信息维护</h4>
|
||
<p class="text-blue-200 text-sm">项目信息、资产台账、承租人管理</p>
|
||
</div>
|
||
<div class="bg-white/10 backdrop-blur rounded-xl p-4">
|
||
<h4 class="text-white font-semibold mb-2"><i class="fas fa-file-contract mr-2"></i>合同管理</h4>
|
||
<p class="text-blue-200 text-sm">合同新增、变更续签、到期解约</p>
|
||
</div>
|
||
<div class="bg-white/10 backdrop-blur rounded-xl p-4">
|
||
<h4 class="text-white font-semibold mb-2"><i class="fas fa-dollar-sign mr-2"></i>应收核销</h4>
|
||
<p class="text-blue-200 text-sm">应收查询、开票登记、收款核销</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="text-center py-6 text-blue-200 text-sm">
|
||
<p>资产租赁管理系统 | Generated with <a href="https://claude.ai/code" class="text-white underline">Claude Code</a></p>
|
||
<p class="mt-1">基于《资产管理需求说明.pptx》 | 生成日期: 2026-03-24</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|