pengxiao
a3eb5c7b2d
从百度网盘 /apps/bypy/dofile/ 下载的完整项目结构，包含： - dofile/: Flask 后端（端口 5000）+ 静态前端（端口 6002） - officefile/: 项目相关文档 - .gitignore: Python venv / 日志 / 缓存 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
133 lines
6.6 KiB
HTML
133 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" class="scroll-smooth">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>研究管理 | Design AI & Ecology Lab</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/common.css">
|
|
</head>
|
|
<body class="antialiased bg-gray-50">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="fixed w-full z-50 bg-white border-b border-gray-200 shadow-sm" id="navbar">
|
|
<div class="max-w-7xl mx-auto px-6 lg:px-12 h-16 flex items-center justify-between">
|
|
<a href="website.html" class="text-xl tracking-tight font-bold flex items-center gap-2">
|
|
<div class="w-8 h-8 bg-black text-white flex items-center justify-center font-serif italic">D</div>
|
|
<span>DAEL<span class="text-gray-400 font-light mx-2">/</span><span class="text-sm font-normal text-gray-600">研究管理</span></span>
|
|
</a>
|
|
<div class="flex items-center gap-4">
|
|
<a href="website.html" class="text-sm text-gray-600 hover:text-black">返回首页</a>
|
|
<a href="meetings.html" class="text-sm text-gray-600 hover:text-black">组会管理</a>
|
|
<button id="logout-btn" class="text-xs border border-gray-300 px-4 py-2 rounded hover:bg-black hover:text-white transition-colors">退出</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<div class="pt-24 pb-12">
|
|
<div class="max-w-7xl mx-auto px-6 lg:px-12">
|
|
<div class="flex justify-between items-center mb-8">
|
|
<div>
|
|
<h1 class="text-3xl font-bold mb-2">研究管理</h1>
|
|
<p class="text-gray-600">管理您的研究项目、笔记、任务和文件</p>
|
|
</div>
|
|
<button onclick="showProjectForm()" class="bg-black text-white px-6 py-3 rounded hover:bg-gray-800">
|
|
+ 新建项目
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Filter Tabs -->
|
|
<div class="flex space-x-4 border-b border-gray-200 mb-6">
|
|
<button class="filter-tab active pb-4 px-4 text-sm font-medium border-b-2 border-black" data-filter="all">全部</button>
|
|
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="active">进行中</button>
|
|
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="completed">已完成</button>
|
|
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="paused">已暂停</button>
|
|
</div>
|
|
|
|
<!-- Projects List -->
|
|
<div id="projects-list" class="space-y-4">
|
|
<!-- Projects will be loaded here -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Project Form Modal -->
|
|
<div id="project-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
<div class="bg-white rounded-lg p-8 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto">
|
|
<h3 class="text-2xl font-bold mb-6" id="project-modal-title">新建项目</h3>
|
|
<form id="project-form" onsubmit="saveProject(event)">
|
|
<input type="hidden" id="project-id">
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-medium mb-2">项目名称 *</label>
|
|
<input type="text" id="project-title" required class="form-input w-full">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-medium mb-2">项目描述</label>
|
|
<textarea id="project-description" class="form-input w-full" rows="4"></textarea>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
<div>
|
|
<label class="block text-sm font-medium mb-2">开始日期</label>
|
|
<input type="date" id="project-start-date" class="form-input w-full">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium mb-2">结束日期</label>
|
|
<input type="date" id="project-end-date" class="form-input w-full">
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
<div>
|
|
<label class="block text-sm font-medium mb-2">状态</label>
|
|
<select id="project-status" class="form-input w-full">
|
|
<option value="active">进行中</option>
|
|
<option value="completed">已完成</option>
|
|
<option value="paused">已暂停</option>
|
|
<option value="cancelled">已取消</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium mb-2">进度 (%)</label>
|
|
<input type="number" id="project-progress" min="0" max="100" value="0" class="form-input w-full">
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-medium mb-2">标签（逗号分隔）</label>
|
|
<input type="text" id="project-tags" placeholder="AI, 生态, 设计" class="form-input w-full">
|
|
</div>
|
|
<div class="flex gap-4">
|
|
<button type="submit" class="bg-black text-white px-6 py-2 rounded hover:bg-gray-800">保存</button>
|
|
<button type="button" onclick="closeProjectForm()" class="bg-gray-200 text-gray-800 px-6 py-2 rounded hover:bg-gray-300">取消</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Project Detail Modal -->
|
|
<div id="project-detail-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
<div class="bg-white rounded-lg p-8 max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto">
|
|
<div id="project-detail-content">
|
|
<!-- Project details will be loaded here -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/common.js"></script>
|
|
<script src="js/auth.js"></script>
|
|
<script src="js/research.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|