gallant2888/bidsflow-manager
0
1<!DOCTYPE html>2<html lang="en" class="dark">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>查看项目进度 | BidsFlow Manager</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9</head>10<body class="bg-gray-50 dark:bg-gray-900 min-h-screen">11 <div class="container mx-auto p-4">12 <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">13 <div class="mb-6">14 <h1 class="text-2xl font-bold text-gray-800 dark:text-white">查看项目进度</h1>15 <p class="text-gray-600 dark:text-gray-400 mt-1">当前所有项目的进度状态</p>16 </div>17 18 <div class="overflow-x-auto">19 <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">20 <thead class="bg-gray-50 dark:bg-gray-700">21 <tr>22 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">项目名称</th>23 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">项目编号</th>24 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">负责人</th>25 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">进度</th>26 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">截止日期</th>27 <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">状态</th>28 </tr>29 </thead>30 <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">31 <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">32 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">市政道路改造工程</td>33 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">2023-SD-001</td>34 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">张三</td>35 <td class="px-6 py-4 whitespace-nowrap">36 <div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5">37 <div class="bg-blue-600 h-2.5 rounded-full" style="width: 75%"></div>38 </div>39 </td>40 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">2023-12-15</td>41 <td class="px-6 py-4 whitespace-nowrap">42 <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200">进行中</span>43 </td>44 </tr>45 </tbody>46 </table>47 </div>48 </div>49 </div>50 <script>51 feather.replace();52 </script>53</body>54</html>