Hugging Face's logo

Spaces:
maomaobj
/
kedge1
Running

App Files Community
maomaobj commited on
Commit
1c17387
·
verified ·
1 Parent(s): 28859aa

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +616 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Kedge1
3
- emoji: 🔥
4
- colorFrom: green
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: kedge1
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,616 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>个人知识库文档管理界面（优化版）</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ 'primary': '#2563eb',
15
+ 'secondary': '#3b82f6',
16
+ 'light': '#f8fafc',
17
+ 'dark': '#1e293b'
18
+ }
19
+ }
20
+ }
21
+ }
22
+ </script>
23
+ <style>
24
+ .folder-tree li {
25
+ position: relative;
26
+ }
27
+ .folder-tree li:before {
28
+ content: "";
29
+ position: absolute;
30
+ top: 10px;
31
+ left: -20px;
32
+ width: 15px;
33
+ height: 1px;
34
+ background-color: #cbd5e1;
35
+ }
36
+ .folder-tree li:after {
37
+ content: "";
38
+ position: absolute;
39
+ top: 10px;
40
+ left: -20px;
41
+ height: 100%;
42
+ width: 1px;
43
+ background-color: #cbd5e1;
44
+ }
45
+ .folder-tree > li:first-child:after {
46
+ top: 18px;
47
+ }
48
+ .folder-tree li:last-child:after {
49
+ height: 18px;
50
+ }
51
+ .doc-row:hover {
52
+ background-color: #f1f5f9;
53
+ transform: translateY(-1px);
54
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
55
+ }
56
+ .status-unsubmitted {
57
+ color: #f97316;
58
+ background-color: #fffbeb;
59
+ }
60
+ .status-submitted {
61
+ color: #22c55e;
62
+ background-color: #f0fdf4;
63
+ }
64
+ .assistant-bubble {
65
+ animation: pulse 1.5s infinite;
66
+ box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.7);
67
+ }
68
+ @keyframes pulse {
69
+ 0% {
70
+ box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.7);
71
+ }
72
+ 70% {
73
+ box-shadow: 0 0 0 10px rgba(96, 165, 250, 0);
74
+ }
75
+ 100% {
76
+ box-shadow: 0 0 0 0 rgba(96, 165, 250, 0);
77
+ }
78
+ }
79
+ .folder-icon {
80
+ color: #fbbf24;
81
+ }
82
+ .favorites-icon {
83
+ color: #ec4899;
84
+ }
85
+ @media (max-width: 1024px) {
86
+ .sidebar {
87
+ position: absolute;
88
+ z-index: 20;
89
+ transform: translateX(-100%);
90
+ transition: transform 0.3s ease;
91
+ }
92
+ .sidebar.active {
93
+ transform: translateX(0);
94
+ }
95
+ .preview-sidebar {
96
+ position: absolute;
97
+ z-index: 20;
98
+ right: 0;
99
+ transform: translateX(100%);
100
+ transition: transform 0.3s ease;
101
+ }
102
+ .preview-sidebar.active {
103
+ transform: translateX(0);
104
+ }
105
+ }
106
+ </style>
107
+ </head>
108
+ <body class="bg-gray-50 text-gray-800 font-sans overflow-hidden h-screen flex flex-col">
109
+ <!-- 顶部导航栏 -->
110
+ <header class="bg-white border-b border-gray-200 py-3 px-6 flex items-center justify-between">
111
+ <div class="flex items-center">
112
+ <button class="lg:hidden mr-3 text-gray-600 focus:outline-none" id="menuToggle">
113
+ <i class="fas fa-bars text-xl"></i>
114
+ </button>
115
+ <div class="flex items-center">
116
+ <i class="fas fa-book-open text-primary text-xl mr-2"></i>
117
+ <h1 class="text-xl font-semibold">个人知识库文档管理界面（优化版）</h1>
118
+ </div>
119
+ </div>
120
+
121
+ <div class="flex items-center space-x-4">
122
+ <div class="relative">
123
+ <input type="text" placeholder="搜索文档..." class="py-1.5 pl-10 pr-4 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent w-64">
124
+ <i class="fas fa-search absolute left-3 top-2.5 text-gray-400"></i>
125
+ </div>
126
+ <div class="flex items-center">
127
+ <div class="h-8 w-8 rounded-full bg-primary flex items-center justify-center text-white font-semibold">张</div>
128
+ <span class="ml-2 hidden md:inline">张研究员</span>
129
+ </div>
130
+ </div>
131
+ </header>
132
+
133
+ <!-- 主内容区 -->
134
+ <div class="flex flex-1 overflow-hidden">
135
+ <!-- 左侧导航栏 -->
136
+ <aside class="sidebar bg-white border-r border-gray-200 w-64 flex flex-col transition-all duration-300" id="sidebar">
137
+ <div class="p-4">
138
+ <button class="w-full flex items-center justify-center py-2 px-4 bg-primary hover:bg-blue-700 text-white rounded-md transition-colors">
139
+ <i class="fas fa-folder-plus mr-2"></i>新建文件夹
140
+ </button>
141
+ </div>
142
+
143
+ <div class="px-4 mb-4">
144
+ <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wider mb-2 flex items-center">
145
+ <i class="fas fa-star favorites-icon mr-2"></i>快速收藏区
146
+ </h2>
147
+ <ul>
148
+ <li class="py-1.5 px-3 rounded-md hover:bg-gray-100 cursor-pointer flex items-center">
149
+ <i class="far fa-bookmark text-blue-500 mr-2"></i>项目资料
150
+ </li>
151
+ <li class="py-1.5 px-3 rounded-md hover:bg-gray-100 cursor-pointer flex items-center">
152
+ <i class="far fa-bookmark text-blue-500 mr-2"></i>研究笔记
153
+ </li>
154
+ <li class="py-1.5 px-3 rounded-md hover:bg-gray-100 cursor-pointer flex items-center">
155
+ <i class="far fa-bookmark text-blue-500 mr-2"></i>会议纪要
156
+ </li>
157
+ </ul>
158
+ </div>
159
+
160
+ <div class="px-4 flex-1 overflow-auto">
161
+ <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wider mb-2 flex items-center">
162
+ <i class="fas fa-sitemap folder-icon mr-2"></i>知识目录
163
+ </h2>
164
+ <ul class="folder-tree pl-6">
165
+ <li class="py-1.5">
166
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
167
+ <i class="fas fa-folder-open text-yellow-500 mr-2"></i>
168
+ <span>市场研究</span>
169
+ <div class="ml-auto hidden group-hover:flex space-x-1">
170
+ <button class="text-gray-500 hover:text-blue-600">
171
+ <i class="fas fa-pencil-alt"></i>
172
+ </button>
173
+ <button class="text-gray-500 hover:text-blue-600">
174
+ <i class="fas fa-share-alt"></i>
175
+ </button>
176
+ <button class="text-gray-500 hover:text-red-600">
177
+ <i class="fas fa-trash"></i>
178
+ </button>
179
+ </div>
180
+ </div>
181
+ <ul class="pl-6">
182
+ <li class="py-1.5">
183
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
184
+ <i class="fas fa-folder text-yellow-500 mr-2"></i>
185
+ <span>竞争对手分析</span>
186
+ <div class="ml-auto hidden group-hover:flex space-x-1">
187
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
188
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
189
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
190
+ </div>
191
+ </div>
192
+ </li>
193
+ <li class="py-1.5">
194
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
195
+ <i class="fas fa-folder text-yellow-500 mr-2"></i>
196
+ <span>用户调研</span>
197
+ <div class="ml-auto hidden group-hover:flex space-x-1">
198
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
199
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
200
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
201
+ </div>
202
+ </div>
203
+ </li>
204
+ </ul>
205
+ </li>
206
+ <li class="py-1.5">
207
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
208
+ <i class="fas fa-folder-open text-yellow-500 mr-2"></i>
209
+ <span>产品文档</span>
210
+ <div class="ml-auto hidden group-hover:flex space-x-1">
211
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
212
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
213
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
214
+ </div>
215
+ </div>
216
+ <ul class="pl-6">
217
+ <li class="py-1.5">
218
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
219
+ <i class="fas fa-folder text-yellow-500 mr-2"></i>
220
+ <span>功能说明</span>
221
+ <div class="ml-auto hidden group-hover:flex space-x-1">
222
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
223
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
224
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
225
+ </div>
226
+ </div>
227
+ </li>
228
+ <li class="py-1.5">
229
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
230
+ <i class="fas fa-folder text-yellow-500 mr-2"></i>
231
+ <span>API文档</span>
232
+ <div class="ml-auto hidden group-hover:flex space-x-1">
233
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
234
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
235
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
236
+ </div>
237
+ </div>
238
+ </li>
239
+ </ul>
240
+ </li>
241
+ <li class="py-1.5">
242
+ <div class="flex items-center group hover:bg-gray-100 rounded-md px-2 py-1">
243
+ <i class="fas fa-folder text-yellow-500 mr-2"></i>
244
+ <span>技术研究</span>
245
+ <div class="ml-auto hidden group-hover:flex space-x-1">
246
+ <button><i class="fas fa-pencil-alt text-gray-500 hover:text-blue-600"></i></button>
247
+ <button><i class="fas fa-share-alt text-gray-500 hover:text-blue-600"></i></button>
248
+ <button><i class="fas fa-trash text-gray-500 hover:text-red-600"></i></button>
249
+ </div>
250
+ </div>
251
+ </li>
252
+ </ul>
253
+ </div>
254
+ </aside>
255
+
256
+ <!-- 中间文档列表区 -->
257
+ <main class="flex-1 overflow-auto bg-white" id="content">
258
+ <div class="p-4 border-b border-gray-200 sticky top-0 bg-white z-10">
259
+ <div class="flex flex-col md:flex-row md:items-center justify-between mb-4 gap-3">
260
+ <div class="flex flex-col md:flex-row md:items-center gap-3">
261
+ <div>
262
+ <div class="relative">
263
+ <select class="py-2 pl-10 pr-8 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent appearance-none">
264
+ <option>所有状态</option>
265
+ <option>未提交</option>
266
+ <option>已提交</option>
267
+ </select>
268
+ <i class="fas fa-filter absolute left-3 top-3 text-gray-400"></i>
269
+ <i class="fas fa-chevron-down absolute right-3 top-3 text-gray-400 pointer-events-none"></i>
270
+ </div>
271
+ </div>
272
+
273
+ <div>
274
+ <div class="relative">
275
+ <select class="py-2 pl-10 pr-8 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent appearance-none">
276
+ <option>最近更新</option>
277
+ <option>按名称排序</option>
278
+ <option>按重要性排序</option>
279
+ <option>按大小排序</option>
280
+ </select>
281
+ <i class="fas fa-sort-amount-down absolute left-3 top-3 text-gray-400"></i>
282
+ <i class="fas fa-chevron-down absolute right-3 top-3 text-gray-400 pointer-events-none"></i>
283
+ </div>
284
+ </div>
285
+
286
+ <div class="flex space-x-2">
287
+ <button class="py-2 px-3 border border-gray-300 rounded-md flex items-center hover:bg-gray-50">
288
+ <i class="fas fa-tag text-gray-500 mr-2"></i>标签
289
+ </button>
290
+ </div>
291
+ </div>
292
+
293
+ <div class="flex space-x-2">
294
+ <button class="py-2 px-4 bg-primary hover:bg-blue-700 text-white rounded-md transition-colors flex items-center">
295
+ <i class="fas fa-file-upload mr-2"></i>上传文件
296
+ </button>
297
+ <button class="py-2 px-4 bg-primary hover:bg-blue-700 text-white rounded-md transition-colors flex items-center">
298
+ <i class="fas fa-file-alt mr-2"></i>新建文档
299
+ </button>
300
+ </div>
301
+ </div>
302
+
303
+ <div class="flex justify-between items-center mt-2">
304
+ <div class="flex items-center">
305
+ <label class="flex items-center space-x-2 cursor-pointer">
306
+ <input type="checkbox" class="rounded border-gray-300 text-primary focus:ring-primary">
307
+ <span class="text-sm">多选文档 (3/10)</span>
308
+ </label>
309
+ <div class="ml-4 space-x-2 hidden" id="batchActions">
310
+ <button class="text-sm py-1.5 px-3 bg-gray-100 hover:bg-gray-200 rounded-md flex items-center">
311
+ <i class="fas fa-download mr-1"></i>下载
312
+ </button>
313
+ <button class="text-sm py-1.5 px-3 bg-gray-100 hover:bg-gray-200 rounded-md flex items-center">
314
+ <i class="fas fa-paper-plane mr-1"></i>提交
315
+ </button>
316
+ <button class="text-sm py-1.5 px-3 bg-gray-100 hover:bg-gray-200 rounded-md flex items-center">
317
+ <i class="fas fa-star mr-1"></i>标星
318
+ </button>
319
+ <button class="text-sm py-1.5 px-3 bg-gray-100 hover:bg-gray-200 rounded-md flex items-center">
320
+ <i class="fas fa-folder-open mr-1"></i>移动
321
+ </button>
322
+ <button class="text-sm py-1.5 px-3 bg-gray-100 hover:bg-gray-200 rounded-md flex items-center text-red-500">
323
+ <i class="fas fa-trash mr-1"></i>删除
324
+ </button>
325
+ </div>
326
+ </div>
327
+ <div class="text-sm text-gray-500">共 36 个文档</div>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="overflow-x-auto">
332
+ <table class="min-w-full divide-y divide-gray-200">
333
+ <thead>
334
+ <tr>
335
+ <th class="py-3 px-4 w-12 text-center">
336
+ <input type="checkbox" class="rounded border-gray-300 text-primary focus:ring-primary">
337
+ </th>
338
+ <th class="py-3 px-4 text-left">文档标题</th>
339
+ <th class="py-3 px-4 text-left w-1/6">所属类别</th>
340
+ <th class="py-3 px-4 text-left w-1/6">更新时间</th>
341
+ <th class="py-3 px-4 text-left w-20">大小</th>
342
+ <th class="py-3 px-4 text-left w-24">状态</th>
343
+ <th class="py-3 px-4 text-right w-32">操作</th>
344
+ </tr>
345
+ </thead>
346
+ <tbody class="divide-y divide-gray-200">
347
+ <!-- 文档行示例 -->
348
+ <tr class="doc-row hover:bg-gray-50">
349
+ <td class="py-3 px-4 text-center">
350
+ <input type="checkbox" class="rounded border-gray-300 text-primary focus:ring-primary">
351
+ </td>
352
+ <td class="py-3 px-4">
353
+ <div class="flex items-center">
354
+ <i class="far fa-file-pdf text-red-500 text-lg mr-2"></i>
355
+ <div>
356
+ <div class="font-medium">
357
+ <span class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-1.5 py-0.5 rounded mr-2">重点</span>
358
+ 市场趋势分析报告（2023��Q3）
359
+ </div>
360
+ <div class="text-xs text-gray-500">
361
+ 作者：张研究员 | 版本：v2.1
362
+ </div>
363
+ </div>
364
+ </div>
365
+ </td>
366
+ <td class="py-3 px-4">
367
+ <div class="flex items-center">
368
+ <i class="fas fa-folder text-yellow-500 mr-1"></i> 市场研究
369
+ </div>
370
+ </td>
371
+ <td class="py-3 px-4">
372
+ 2023-09-10 14:25
373
+ </td>
374
+ <td class="py-3 px-4">
375
+ 1.4MB
376
+ </td>
377
+ <td class="py-3 px-4">
378
+ <span class="text-xs px-2 py-0.5 rounded-full status-submitted">已提交</span>
379
+ </td>
380
+ <td class="py-3 px-4 text-right">
381
+ <div class="flex justify-end space-x-2">
382
+ <button class="text-gray-500 hover:text-blue-600">
383
+ <i class="fas fa-eye"></i>
384
+ </button>
385
+ <button class="text-gray-500 hover:text-blue-600">
386
+ <i class="fas fa-edit"></i>
387
+ </button>
388
+ <button class="text-gray-500 hover:text-yellow-600">
389
+ <i class="fas fa-tag"></i>
390
+ </button>
391
+ </div>
392
+ </td>
393
+ </tr>
394
+
395
+ <tr class="doc-row hover:bg-gray-50">
396
+ <td class="py-3 px-4 text-center">
397
+ <input type="checkbox" class="rounded border-gray-300 text-primary focus:ring-primary" checked>
398
+ </td>
399
+ <td class="py-3 px-4">
400
+ <div class="flex items-center">
401
+ <i class="far fa-file-word text-blue-500 text-lg mr-2"></i>
402
+ <div>
403
+ <div class="font-medium">
404
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-1.5 py-0.5 rounded mr-2">待审</span>
405
+ 产品需求规格说明书
406
+ </div>
407
+ <div class="text-xs text-gray-500">
408
+ 作者：李工程师 | 版本：v1.5
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </td>
413
+ <td class="py-3 px-4">
414
+ <div class="flex items-center">
415
+ <i class="fas fa-folder text-yellow-500 mr-1"></i> 产品文档
416
+ </div>
417
+ </td>
418
+ <td class="py-3 px-4">
419
+ 2023-09-08 10:45
420
+ </td>
421
+ <td class="py-3 px-4">
422
+ 358KB
423
+ </td>
424
+ <td class="py-3 px-4">
425
+ <span class="text-xs px-2 py-0.5 rounded-full status-unsubmitted">未提交</span>
426
+ </td>
427
+ <td class="py-3 px-4 text-right">
428
+ <div class="flex justify-end space-x-2">
429
+ <button class="text-gray-500 hover:text-blue-600">
430
+ <i class="fas fa-eye"></i>
431
+ </button>
432
+ <button class="text-gray-500 hover:text-blue-600">
433
+ <i class="fas fa-edit"></i>
434
+ </button>
435
+ <button class="text-gray-500 hover:text-yellow-600">
436
+ <i class="fas fa-tag"></i>
437
+ </button>
438
+ </div>
439
+ </td>
440
+ </tr>
441
+
442
+ <!-- 更多文档行... (总共10行) -->
443
+ </tbody>
444
+ </table>
445
+ </div>
446
+ </main>
447
+
448
+ <!-- 右侧预览区 -->
449
+ <aside class="preview-sidebar bg-white border-l border-gray-200 w-96 flex flex-col transition-all duration-300" id="previewSidebar">
450
+ <div class="p-4 border-b border-gray-200">
451
+ <div class="flex justify-between items-center">
452
+ <h2 class="text-lg font-semibold">文档预览</h2>
453
+ <button id="closePreview" class="lg:hidden text-gray-500 hover:text-gray-700">
454
+ <i class="fas fa-times"></i>
455
+ </button>
456
+ </div>
457
+ </div>
458
+
459
+ <div class="p-4 overflow-auto flex-1">
460
+ <div class="bg-gray-50 rounded-lg p-4 mb-4">
461
+ <div class="flex items-center mb-4">
462
+ <div class="mr-3">
463
+ <i class="far fa-file-pdf text-red-500 text-3xl"></i>
464
+ </div>
465
+ <div>
466
+ <h3 class="font-semibold">市场趋势分析报告（2023年Q3）</h3>
467
+ <p class="text-sm text-gray-500">版本 v2.1 | 最后修改：2023-09-10 14:25</p>
468
+ </div>
469
+ </div>
470
+
471
+ <div class="flex flex-wrap gap-1 mb-4">
472
+ <span class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2 py-1 rounded">市场研究</span>
473
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2 py-1 rounded">季度报告</span>
474
+ <span class="bg-green-100 text-green-800 text-xs font-semibold px-2 py-1 rounded">重点</span>
475
+ </div>
476
+
477
+ <div class="mb-4">
478
+ <h4 class="font-medium mb-2">摘要：</h4>
479
+ <p class="text-sm text-gray-700">
480
+ 本报告分析了过去三个月（2023年第三季度）的市场动态和趋势。数据显示消费者行为发生了显著变化，特别是在高端产品领域。我们观察到新兴技术采用率提高了28%，预计这一趋势将在第四季度继续......
481
+ </p>
482
+ </div>
483
+
484
+ <div class="flex flex-wrap gap-2">
485
+ <button class="text-sm py-1.5 px-3 bg-primary hover:bg-blue-700 text-white rounded-md transition-colors flex items-center">
486
+ <i class="fas fa-book mr-1"></i> 一键阅读摘要
487
+ </button>
488
+ <button class="text-sm py-1.5 px-3 bg-white border border-gray-300 hover:bg-gray-50 rounded-md flex items-center">
489
+ <i class="fas fa-external-link-alt mr-1"></i> 打开全文
490
+ </button>
491
+ <button class="text-sm py-1.5 px-3 bg-white border border-gray-300 hover:bg-gray-50 rounded-md flex items-center">
492
+ <i class="fas fa-highlighter mr-1"></i> 标注重点
493
+ </button>
494
+ </div>
495
+ </div>
496
+
497
+ <div class="mt-6">
498
+ <h3 class="font-semibold mb-3 flex items-center">
499
+ <i class="fas fa-lightbulb text-yellow-500 mr-2"></i> 智能助手建议
500
+ </h3>
501
+
502
+ <div class="bg-blue-50 rounded-lg p-4 mb-4">
503
+ <div class="font-medium mb-2">相关文档：</div>
504
+ <ul class="text-sm">
505
+ <li class="mb-2 flex">
506
+ <i class="far fa-file-alt text-gray-500 mt-1 mr-2"></i>
507
+ <div>
508
+ <div>Q2市场趋势分析报告</div>
509
+ <div class="text-gray-500 text-xs">作者：张研究员 | 更新时间：2023-06-15</div>
510
+ </div>
511
+ </li>
512
+ <li class="mb-2 flex">
513
+ <i class="far fa-chart-bar text-gray-500 mt-1 mr-2"></i>
514
+ <div>
515
+ <div>行业增长预测模型</div>
516
+ <div class="text-gray-500 text-xs">作者：王分析师 | 更新时间：2023-08-20</div>
517
+ </div>
518
+ </li>
519
+ </ul>
520
+ </div>
521
+
522
+ <div class="bg-blue-50 rounded-lg p-4">
523
+ <div class="font-medium mb-2">推荐标签：</div>
524
+ <div class="flex flex-wrap gap-2">
525
+ <span class="cursor-pointer bg-blue-100 hover:bg-blue-200 text-blue-800 text-xs font-semibold px-2 py-1 rounded">预测分析</span>
526
+ <span class="cursor-pointer bg-blue-100 hover:bg-blue-200 text-blue-800 text-xs font-semibold px-2 py-1 rounded">消费者洞察</span>
527
+ <span class="cursor-pointer bg-blue-100 hover:bg-blue-200 text-blue-800 text-xs font-semibold px-2 py-1 rounded">市场占有率</span>
528
+ </div>
529
+ </div>
530
+ </div>
531
+ </div>
532
+
533
+ <!-- 智能助手悬浮按钮 -->
534
+ <div class="p-4 border-t border-gray-200 relative">
535
+ <button id="assistantBtn" class="assistant-bubble bg-primary rounded-full w-12 h-12 flex items-center justify-center shadow-lg absolute -top-6 right-6 transform hover:scale-110 transition-transform">
536
+ <i class="fas fa-robot text-white text-xl"></i>
537
+ </button>
538
+
539
+ <div class="bg-white border border-gray-200 rounded-lg shadow-lg p-4 hidden" id="assistantPanel">
540
+ <div class="flex justify-between items-center mb-3">
541
+ <h3 class="font-medium">知识库助手</h3>
542
+ <button id="closeAssistant">
543
+ <i class="fas fa-times text-gray-500 hover:text-gray-700"></i>
544
+ </button>
545
+ </div>
546
+ <div class="h-40 overflow-auto mb-3 text-sm" id="chatArea">
547
+ <div class="mb-2 text-right">
548
+ <div class="bg-blue-100 rounded-lg p-2 inline-block max-w-4/5">
549
+ 生成这份报告的摘要
550
+ </div>
551
+ </div>
552
+ <div class="mb-2">
553
+ <div class="bg-gray-100 rounded-lg p-2 inline-block max-w-4/5">
554
+ 这是报告的摘要：过去三个月（2023年第三季度）的市场动态显示消费者行为显著变化，高端产品领域尤其明显。新兴技术采用率提高了28%，预计趋势在第四季度将持续...
555
+ </div>
556
+ </div>
557
+ </div>
558
+ <div class="flex">
559
+ <input type="text" placeholder="向助手提问..." class="flex-1 py-2 px-3 rounded-l-lg border border-r-0 border-gray-300 focus:outline-none">
560
+ <button class="bg-primary hover:bg-blue-700 text-white py-2 px-4 rounded-r-lg">
561
+ 发送
562
+ </button>
563
+ </div>
564
+ </div>
565
+ </div>
566
+ </aside>
567
+ </div>
568
+
569
+ <script>
570
+ // 移动端菜单切换
571
+ document.getElementById('menuToggle').addEventListener('click', function() {
572
+ document.getElementById('sidebar').classList.toggle('active');
573
+ });
574
+
575
+ // 关闭预览区
576
+ document.getElementById('closePreview').addEventListener('click', function() {
577
+ document.getElementById('previewSidebar').classList.remove('active');
578
+ });
579
+
580
+ // 智能助手切换
581
+ document.getElementById('assistantBtn').addEventListener('click', function() {
582
+ document.getElementById('assistantPanel').classList.toggle('hidden');
583
+ });
584
+
585
+ document.getElementById('closeAssistant').addEventListener('click', function() {
586
+ document.getElementById('assistantPanel').classList.add('hidden');
587
+ });
588
+
589
+ // 文档行点击显示预览区（移动端）
590
+ document.querySelectorAll('.doc-row').forEach(row => {
591
+ row.addEventListener('click', function(e) {
592
+ if (window.innerWidth < 1024) {
593
+ document.getElementById('previewSidebar').classList.add('active');
594
+ }
595
+ });
596
+ });
597
+
598
+ // 多选功能控制
599
+ const checkboxes = document.querySelectorAll('tbody input[type="checkbox"]');
600
+ const batchActions = document.getElementById('batchActions');
601
+
602
+ function updateBatchActions() {
603
+ const checked = Array.from(checkboxes).filter(cb => cb.checked).length > 0;
604
+ if (checked) {
605
+ batchActions.classList.remove('hidden');
606
+ } else {
607
+ batchActions.classList.add('hidden');
608
+ }
609
+ }
610
+
611
+ checkboxes.forEach(cb => {
612
+ cb.addEventListener('change', updateBatchActions);
613
+ });
614
+ </script>
615
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maomaobj/kedge1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
616
+ </html>