Hugging Face's logo

Spaces:
Sephiroth1984
/
system
Running

App Files Community
Sephiroth1984 commited on
Commit
33c541f
·
verified ·
1 Parent(s): f3cd654

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +350 -331
  2. prompts.txt +2 -1
index.html CHANGED
@@ -136,6 +136,23 @@
136
  opacity: 0.5;
137
  cursor: not-allowed;
138
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
139
  </style>
140
  </head>
141
  <body class="bg-gray-50 h-screen overflow-hidden">
@@ -213,353 +230,355 @@
213
  </div>
214
  </header>
215
 
216
- <div class="flex h-full overflow-hidden">
217
- <!-- 左侧菜单栏 -->
218
- <aside class="sidebar w-64 bg-white shadow-md flex flex-col">
219
- <!-- 菜单滚动区域 -->
220
- <div class="menu-container flex-1 overflow-y-auto custom-scrollbar py-4">
221
- <!-- 自定义菜单内容 -->
222
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
223
- <i class="menu-icon fas fa-tachometer-alt mr-3 text-blue-500"></i>
224
- <span>Dashboard</span>
225
- </div>
226
- <div class="menu-item active flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
227
- <i class="menu-icon fas fa-boxes mr-3 text-green-500"></i>
228
- <span>产品管理</span>
229
- </div>
230
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
231
- <i class="menu-icon fas fa-warehouse mr-3 text-purple-500"></i>
232
- <span>仓储管理</span>
233
- </div>
234
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
235
- <i class="menu-icon fas fa-clipboard-list mr-3 text-yellow-500"></i>
236
- <span>需求工单</span>
237
- </div>
238
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
239
- <i class="menu-icon fas fa-check-circle mr-3 text-red-500"></i>
240
- <span>审核中心</span>
241
- </div>
242
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
243
- <i class="menu-icon fas fa-arrow-down mr-3 text-indigo-500"></i>
244
- <span>入库工单</span>
245
- </div>
246
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
247
- <i class="menu-icon fas fa-arrow-up mr-3 text-teal-500"></i>
248
- <span>出库工单</span>
 
 
249
  </div>
250
- </div>
251
-
252
- <!-- 菜单底部固定区域 -->
253
- <div class="menu-footer border-t border-gray-200 p-4">
254
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
255
- <i class="menu-icon fas fa-cog mr-3 text-gray-500"></i>
256
- <span>系统设置</span>
257
  </div>
258
- </div>
259
- </aside>
260
 
261
- <!-- 主内容区 - 修改为铺满剩余空间 -->
262
- <main class="main-content flex-1 overflow-y-auto custom-scrollbar bg-gray-50 h-[calc(100vh-64px)]" style="margin-left: 16rem;">
263
- <div class="p-6 h-full">
264
- <!-- 产品管理页面内容 - 修改为填满高度 -->
265
- <div class="bg-white rounded-lg shadow-sm p-6 h-full flex flex-col">
266
- <!-- 标题和操作按钮 -->
267
- <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6">
268
- <h2 class="text-xl font-semibold text-gray-800 mb-4 md:mb-0">产品管理</h2>
269
- <div class="flex space-x-3">
270
- <button class="flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors">
271
- <i class="fas fa-plus mr-2"></i>
272
- 添加产品
273
- </button>
274
- <button class="flex items-center px-4 py-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 rounded-lg transition-colors">
275
- <i class="fas fa-download mr-2"></i>
276
- 导出数据
277
- </button>
278
- </div>
279
- </div>
280
-
281
- <!-- 搜索和筛选区域 -->
282
- <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6 bg-gray-50 p-4 rounded-lg">
283
- <div class="relative mb-4 md:mb-0 md:w-64">
284
- <input type="text" placeholder="搜索产品..." class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
285
- <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
286
  </div>
287
- <div class="flex space-x-3">
288
- <select class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
289
- <option>所有类别</option>
290
- <option>电子产品</option>
291
- <option>家居用品</option>
292
- <option>办公设备</option>
293
- <option>服装鞋帽</option>
294
- </select>
295
- <select class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
296
- <option>所有状态</option>
297
- <option>在售</option>
298
- <option>停售</option>
299
- <option>缺货</option>
300
- </select>
301
- <button class="px-4 py-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 rounded-lg transition-colors">
302
- <i class="fas fa-filter mr-2"></i>
303
- 筛选
304
- </button>
 
 
 
 
 
 
 
 
305
  </div>
306
- </div>
307
-
308
- <!-- 产品表格 - 修改为自动填充剩余高度 -->
309
- <div class="overflow-x-auto flex-1">
310
- <table class="min-w-full product-table">
311
- <thead>
312
- <tr>
313
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">产品ID</th>
314
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">产品名称</th>
315
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">类别</th>
316
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">库存</th>
317
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">价格</th>
318
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">状态</th>
319
- <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">操作</th>
320
- </tr>
321
- </thead>
322
- <tbody class="bg-white divide-y divide-gray-200">
323
- <!-- 产品行1 -->
324
- <tr>
325
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10001</td>
326
- <td class="px-6 py-4 whitespace-nowrap">
327
- <div class="flex items-center">
328
- <div class="flex-shrink-0 h-10 w-10">
329
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
330
- </div>
331
- <div class="ml-4">
332
- <div class="text-sm font-medium text-gray-900">智能手表 Pro</div>
333
- <div class="text-sm text-gray-500">型号: SW-2022</div>
334
- </div>
335
- </div>
336
- </td>
337
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
338
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">245</td>
339
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥1,299.00</td>
340
- <td class="px-6 py-4 whitespace-nowrap">
341
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
342
- 在售
343
- </span>
344
- </td>
345
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
346
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
347
- <button class="text-red-600 hover:text-red-900">删除</button>
348
- </td>
349
- </tr>
350
- <!-- 产品行2 -->
351
- <tr>
352
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10002</td>
353
- <td class="px-6 py-4 whitespace-nowrap">
354
- <div class="flex items-center">
355
- <div class="flex-shrink-0 h-10 w-10">
356
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
357
- </div>
358
- <div class="ml-4">
359
- <div class="text-sm font-medium text-gray-900">无线蓝牙耳机</div>
360
- <div class="text-sm text-gray-500">型号: BT-2022</div>
361
- </div>
362
- </div>
363
- </td>
364
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
365
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">189</td>
366
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥399.00</td>
367
- <td class="px-6 py-4 whitespace-nowrap">
368
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
369
- 在售
370
- </span>
371
- </td>
372
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
373
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
374
- <button class="text-red-6 hover:text-red-900">删除</button>
375
- </td>
376
- </tr>
377
- <!-- 产品行3 -->
378
- <tr>
379
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10003</td>
380
- <td class="px-6 py-4 whitespace-nowrap">
381
- <div class="flex items-center">
382
- <div class="flex-shrink-0 h-10 w-10">
383
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
384
  </div>
385
- <div class="ml-4">
386
- <div class="text-sm font-medium text-gray-900">智能台灯</div>
387
- <div class="text-sm text-gray-500">型号: LT-2022</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
388
  </div>
389
- </div>
390
- </td>
391
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">家居用品</td>
392
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
393
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥199.00</td>
394
- <td class="px-6 py-4 whitespace-nowrap">
395
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-inactive">
396
- 缺货
397
- </span>
398
- </td>
399
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
400
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
401
- <button class="text-red-600 hover:text-red-900">删除</button>
402
- </td>
403
- </tr>
404
- <!-- 产品行4 -->
405
- <tr>
406
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10004</td>
407
- <td class="px-6 py-4 whitespace-nowrap">
408
- <div class="flex items-center">
409
- <div class="flex-shrink-0 h-10 w-10">
410
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
 
 
 
 
411
  </div>
412
- <div class="ml-4">
413
- <div class="text-sm font-medium text-gray-900">办公椅</div>
414
- <div class="text-sm text-gray-500">型号: OC-2022</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
415
  </div>
416
- </div>
417
- </td>
418
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">办公设备</td>
419
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">56</td>
420
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥599.00</td>
421
- <td class="px-6 py-4 whitespace-nowrap">
422
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
423
- 在售
424
- </span>
425
- </td>
426
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
427
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
428
- <button class="text-red-600 hover:text-red-900">删除</button>
429
- </td>
430
- </tr>
431
- <!-- 产品行5 -->
432
- <tr>
433
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10005</td>
434
- <td class="px-6 py-4 whitespace-nowrap">
435
- <div class="flex items-center">
436
- <div class="flex-shrink-0 h-10 w-10">
437
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
 
 
 
 
438
  </div>
439
- <div class="ml-4">
440
- <div class="text-sm font-medium text-gray-900">运动水壶</div>
441
- <div class="text-sm text-gray-500">型号: SB-2022</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
442
  </div>
443
- </div>
444
- </td>
445
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">家居用品</td>
446
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">124</td>
447
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥89.00</td>
448
- <td class="px-6 py-4 whitespace-nowrap">
449
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-pending">
450
- 待审核
451
- </span>
452
- </td>
453
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
454
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
455
- <button class="text-red-600 hover:text-red-900">删除</button>
456
- </td>
457
- </tr>
458
- <!-- 添加更多行以填满空间 -->
459
- <tr>
460
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10006</td>
461
- <td class="px-6 py-4 whitespace-nowrap">
462
- <div class="flex items-center">
463
- <div class="flex-shrink-0 h-10 w-10">
464
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
 
 
 
465
  </div>
466
- <div class="ml-4">
467
- <div class="text-sm font-medium text-gray-900">无线充电器</div>
468
- <div class="text-sm text-gray-500">型号: WC-2022</div>
469
- </div>
470
- </div>
471
- </td>
472
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
473
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">78</td>
474
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥159.00</td>
475
- <td class="px-6 py-4 whitespace-nowrap">
476
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
477
- 在售
478
- </span>
479
- </td>
480
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
481
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
482
- <button class="text-red-600 hover:text-red-900">删除</button>
483
- </td>
484
- </tr>
485
- <tr>
486
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10007</td>
487
- <td class="px-6 py-4 whitespace-nowrap">
488
- <div class="flex items-center">
489
- <div class="flex-shrink-0 h-10 w-10">
490
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
491
- </div>
492
- <div class="ml-4">
493
- <div class="text-sm font-medium text-gray-900">蓝牙音箱</div>
494
- <div class="text-sm text-gray-500">型号: BS-2022</div>
495
- </div>
496
- </div>
497
- </td>
498
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
499
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">32</td>
500
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥299.00</td>
501
- <td class="px-6 py-4 whitespace-nowrap">
502
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
503
- 在售
504
- </span>
505
- </td>
506
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
507
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
508
- <button class="text-red-600 hover:text-red-900">删除</button>
509
- </td>
510
- </tr>
511
- <tr>
512
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10008</td>
513
- <td class="px-6 py-4 whitespace-nowrap">
514
- <div class="flex items-center">
515
- <div class="flex-shrink-0 h-10 w-10">
516
- <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
517
- </div>
518
- <div class="ml-4">
519
- <div class="text-sm font-medium text-gray-900">机械键盘</div>
520
- <div class="text-sm text-gray-500">型号: MK-2022</div>
521
- </div>
522
- </div>
523
- </td>
524
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
525
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15</td>
526
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥499.00</td>
527
- <td class="px-6 py-4 whitespace-nowrap">
528
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
529
- 在售
530
- </span>
531
- </td>
532
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
533
- <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
534
- <button class="text-red-600 hover:text-red-900">删除</button>
535
- </td>
536
- </tr>
537
- </tbody>
538
- </table>
539
- </div>
540
-
541
- <!-- 分页控件 -->
542
- <div class="flex items-center justify-between mt-6">
543
- <div class="text-sm text-gray-500">
544
- 显示 <span class="font-medium">1</span> 到 <span class="font-medium">8</span> 条，共 <span class="font-medium">24</span> 条记录
545
  </div>
546
- <div class="flex space-x-1">
547
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg disabled">
548
- <i class="fas fa-angle-left"></i>
549
- </button>
550
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg bg-blue-500 text-white">1</button>
551
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">2</button>
552
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">3</button>
553
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">4</button>
554
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">5</button>
555
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg">
556
- <i class="fas fa-angle-right"></i>
557
- </button>
 
 
 
 
 
 
 
558
  </div>
559
  </div>
560
  </div>
561
- </div>
562
- </main>
563
  </div>
564
 
565
  <script>
 
136
  opacity: 0.5;
137
  cursor: not-allowed;
138
  }
139
+
140
+ /* 新增：确保内容区域填满剩余空间 */
141
+ .content-container {
142
+ display: flex;
143
+ flex-direction: column;
144
+ height: calc(100vh - 64px); /* 减去顶部导航栏高度 */
145
+ }
146
+ .content-wrapper {
147
+ flex: 1;
148
+ overflow: hidden;
149
+ display: flex;
150
+ flex-direction: column;
151
+ }
152
+ .table-container {
153
+ flex: 1;
154
+ overflow: auto;
155
+ }
156
  </style>
157
  </head>
158
  <body class="bg-gray-50 h-screen overflow-hidden">
 
230
  </div>
231
  </header>
232
 
233
+ <div class="content-container">
234
+ <div class="flex h-full overflow-hidden">
235
+ <!-- 左侧菜单栏 -->
236
+ <aside class="sidebar w-64 bg-white shadow-md flex flex-col">
237
+ <!-- 菜单滚动区域 -->
238
+ <div class="menu-container flex-1 overflow-y-auto custom-scrollbar py-4">
239
+ <!-- 自定义菜单内容 -->
240
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
241
+ <i class="menu-icon fas fa-tachometer-alt mr-3 text-blue-500"></i>
242
+ <span>Dashboard</span>
243
+ </div>
244
+ <div class="menu-item active flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
245
+ <i class="menu-icon fas fa-boxes mr-3 text-green-500"></i>
246
+ <span>产品管理</span>
247
+ </div>
248
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
249
+ <i class="menu-icon fas fa-warehouse mr-3 text-purple-500"></i>
250
+ <span>仓储管理</span>
251
+ </div>
252
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
253
+ <i class="menu-icon fas fa-clipboard-list mr-3 text-yellow-500"></i>
254
+ <span>需求工单</span>
255
+ </div>
256
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
257
+ <i class="menu-icon fas fa-check-circle mr-3 text-red-500"></i>
258
+ <span>审核中心</span>
259
+ </div>
260
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
261
+ <i class="menu-icon fas fa-arrow-down mr-3 text-indigo-500"></i>
262
+ <span>入库工单</span>
263
+ </div>
264
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
265
+ <i class="menu-icon fas fa-arrow-up mr-3 text-teal-500"></i>
266
+ <span>出库工单</span>
267
+ </div>
268
  </div>
269
+
270
+ <!-- 菜单底部固定区域 -->
271
+ <div class="menu-footer border-t border-gray-200 p-4">
272
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2">
273
+ <i class="menu-icon fas fa-cog mr-3 text-gray-500"></i>
274
+ <span>系统设置</span>
275
+ </div>
276
  </div>
277
+ </aside>
 
278
 
279
+ <!-- 主内容区 - 修改为铺满剩余空间 -->
280
+ <main class="main-content flex-1 overflow-hidden bg-gray-50" style="margin-left: 0;">
281
+ <div class="p-6 h-full">
282
+ <!-- 产品管理页面内容 - 修改为填满高度 -->
283
+ <div class="bg-white rounded-lg shadow-sm p-6 h-full flex flex-col">
284
+ <!-- 标题和操作按钮 -->
285
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6">
286
+ <h2 class="text-xl font-semibold text-gray-800 mb-4 md:mb-0">产品管理</h2>
287
+ <div class="flex space-x-3">
288
+ <button class="flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors">
289
+ <i class="fas fa-plus mr-2"></i>
290
+ 添加产品
291
+ </button>
292
+ <button class="flex items-center px-4 py-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 rounded-lg transition-colors">
293
+ <i class="fas fa-download mr-2"></i>
294
+ 导出数据
295
+ </button>
296
+ </div>
 
 
 
 
 
 
 
297
  </div>
298
+
299
+ <!-- 搜索和筛选区域 -->
300
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6 bg-gray-50 p-4 rounded-lg">
301
+ <div class="relative mb-4 md:mb-0 md:w-64">
302
+ <input type="text" placeholder="搜索产品..." class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
303
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
304
+ </div>
305
+ <div class="flex space-x-3">
306
+ <select class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
307
+ <option>所有类别</option>
308
+ <option>电子产品</option>
309
+ <option>家居用品</option>
310
+ <option>办公设备</option>
311
+ <option>服装鞋帽</option>
312
+ </select>
313
+ <select class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
314
+ <option>所有状态</option>
315
+ <option>在售</option>
316
+ <option>停售</option>
317
+ <option>缺货</option>
318
+ </select>
319
+ <button class="px-4 py-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 rounded-lg transition-colors">
320
+ <i class="fas fa-filter mr-2"></i>
321
+ 筛选
322
+ </button>
323
+ </div>
324
  </div>
325
+
326
+ <!-- 产品表格 - 修改为自动填充剩余高度 -->
327
+ <div class="table-container">
328
+ <table class="min-w-full product-table">
329
+ <thead>
330
+ <tr>
331
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">产品ID</th>
332
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">产品名称</th>
333
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">类别</th>
334
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">库存</th>
335
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">价格</th>
336
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">状态</th>
337
+ <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">操作</th>
338
+ </tr>
339
+ </thead>
340
+ <tbody class="bg-white divide-y divide-gray-200">
341
+ <!-- 产品行1 -->
342
+ <tr>
343
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10001</td>
344
+ <td class="px-6 py-4 whitespace-nowrap">
345
+ <div class="flex items-center">
346
+ <div class="flex-shrink-0 h-10 w-10">
347
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
348
+ </div>
349
+ <div class="ml-4">
350
+ <div class="text-sm font-medium text-gray-900">智能手表 Pro</div>
351
+ <div class="text-sm text-gray-500">型号: SW-2022</div>
352
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
353
  </div>
354
+ </td>
355
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
356
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">245</td>
357
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥1,299.00</td>
358
+ <td class="px-6 py-4 whitespace-nowrap">
359
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
360
+ 在售
361
+ </span>
362
+ </td>
363
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
364
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
365
+ <button class="text-red-600 hover:text-red-900">删除</button>
366
+ </td>
367
+ </tr>
368
+ <!-- 产品行2 -->
369
+ <tr>
370
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10002</td>
371
+ <td class="px-6 py-4 whitespace-nowrap">
372
+ <div class="flex items-center">
373
+ <div class="flex-shrink-0 h-10 w-10">
374
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
375
+ </div>
376
+ <div class="ml-4">
377
+ <div class="text-sm font-medium text-gray-900">无线蓝牙耳机</div>
378
+ <div class="text-sm text-gray-500">型号: BT-2022</div>
379
+ </div>
380
  </div>
381
+ </td>
382
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
383
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">189</td>
384
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥399.00</td>
385
+ <td class="px-6 py-4 whitespace-nowrap">
386
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
387
+ 在售
388
+ </span>
389
+ </td>
390
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
391
+ <button class="text-blue-6 hover:text-blue-900 mr-3">编辑</button>
392
+ <button class="text-red-6 hover:text-red-900">删除</button>
393
+ </td>
394
+ </tr>
395
+ <!-- 产品行3 -->
396
+ <tr>
397
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10003</td>
398
+ <td class="px-6 py-4 whitespace-nowrap">
399
+ <div class="flex items-center">
400
+ <div class="flex-shrink-0 h-10 w-10">
401
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
402
+ </div>
403
+ <div class="ml-4">
404
+ <div class="text-sm font-medium text-gray-900">智能台灯</div>
405
+ <div class="text-sm text-gray-500">型号: LT-2022</div>
406
+ </div>
407
  </div>
408
+ </td>
409
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">家居用品</td>
410
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
411
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥199.00</td>
412
+ <td class="px-6 py-4 whitespace-nowrap">
413
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-inactive">
414
+ 缺货
415
+ </span>
416
+ </td>
417
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
418
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
419
+ <button class="text-red-600 hover:text-red-900">删除</button>
420
+ </td>
421
+ </tr>
422
+ <!-- 产品行4 -->
423
+ <tr>
424
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10004</td>
425
+ <td class="px-6 py-4 whitespace-nowrap">
426
+ <div class="flex items-center">
427
+ <div class="flex-shrink-0 h-10 w-10">
428
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
429
+ </div>
430
+ <div class="ml-4">
431
+ <div class="text-sm font-medium text-gray-900">办公椅</div>
432
+ <div class="text-sm text-gray-500">型号: OC-2022</div>
433
+ </div>
434
+ </极>
435
+ </td>
436
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">办公设备</td>
437
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray极500">56</td>
438
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥599.00</td>
439
+ <td class="px-6 py-4 whitespace-nowrap">
440
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
441
+ 在售
442
+ </span>
443
+ </td>
444
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
445
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
446
+ <button class="text-red-600 hover:text-red-900">删除</button>
447
+ </td>
448
+ </tr>
449
+ <!-- 产品行5 -->
450
+ <tr>
451
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10005</td>
452
+ <td class="px-6 py-4 whitespace-nowrap">
453
+ <div class="flex items-center">
454
+ <div class="flex-shrink-0 h-10 w-10">
455
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
456
+ </div>
457
+ <div class="ml-4">
458
+ <div class="text-sm font-medium text-gray-900">运动水壶</div>
459
+ <div class="text-sm text-gray-500">型号: SB-2022</div>
460
+ </div>
461
  </div>
462
+ </td>
463
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">家居用品</td>
464
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">124</td>
465
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥89.00</td>
466
+ <td class="px-6 py-4 whitespace-nowrap">
467
+ <span class="px-2 inline-flex text-xs leading-5 font-semib极old rounded-full status-pending">
468
+ 待审核
469
+ </span>
470
+ </td>
471
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
472
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
473
+ <button class="text-red-600 hover:text-red-900">删除</button>
474
+ </td>
475
+ </tr>
476
+ <!-- 添加更多行以填满空间 -->
477
+ <tr>
478
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10006</td>
479
+ <td class="px-6 py-4 whitespace-nowrap">
480
+ <div class="flex items-center">
481
+ <div class="flex-shrink-0 h-10 w-10">
482
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
483
+ </div>
484
+ <div class="ml-4">
485
+ <div class="text-sm font-medium text-gray-900">无线充电器</div>
486
+ <div class="text-sm text-gray-500">型号: WC-2022</div>
487
+ </div>
488
  </div>
489
+ </td>
490
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
491
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">78</td>
492
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥159.00</td>
493
+ <td class="px-6 py-4 whitespace-nowrap">
494
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
495
+ 在售
496
+ </span>
497
+ </td>
498
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
499
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
500
+ <button class="text-red-600 hover:text-red-900">删除</button>
501
+ </td>
502
+ </tr>
503
+ <tr>
504
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10007</td>
505
+ <td class="px-6 py-4 whitespace-nowrap">
506
+ <div class极="flex items-center">
507
+ <div class="flex-shrink-0 h-10 w-10">
508
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
509
+ </div>
510
+ <div class="ml-4">
511
+ <div class="text-sm font-medium text-gray-900">蓝牙音箱</div>
512
+ <div class="text-sm text-gray-500">型号: BS-2022</div>
513
+ </div>
514
  </div>
515
+ </td>
516
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
517
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">32</td>
518
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥299.00</td>
519
+ <td class="px-6 py-4 whitespace-nowrap">
520
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
521
+ 在售
522
+ </span>
523
+ </td>
524
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
525
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
526
+ <button class="text-red-600 hover:text-red-900">删除</button>
527
+ </td>
528
+ </tr>
529
+ <tr>
530
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10008</td>
531
+ <td class="px-6 py-4 whitespace-nowrap">
532
+ <div class="flex items-center">
533
+ <div class="flex-shrink-0 h-10 w-10">
534
+ <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
535
+ </div>
536
+ <div class="ml-4">
537
+ <div class="text-sm font-medium text-gray-900">机械键盘</div>
538
+ <div class="text-sm text-gray-500">型号: MK-2022</div>
539
+ </div>
540
  </div>
541
+ </td>
542
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
543
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15</td>
544
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥499.00</td>
545
+ <td class="px-6 py-4 whitespace-nowrap">
546
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
547
+ 在售
548
+ </span>
549
+ </td>
550
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
551
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
552
+ <button class="text-red-600 hover:text-red-900">删除</button>
553
+ </td>
554
+ </tr>
555
+ </tbody>
556
+ </table>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
557
  </div>
558
+
559
+ <!-- 分页控件 -->
560
+ <div class="flex items-center justify-between mt-6">
561
+ <div class="text-sm text-gray-500">
562
+ 显示 <span class="font-medium">1</span> 到 <span class="font-medium">8</span> 条，共 <span class="font-medium">24</span> 条记录
563
+ </div>
564
+ <div class="flex space-x-1">
565
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg disabled">
566
+ <i class="fas fa-angle-left"></i>
567
+ </button>
568
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg bg-blue-500 text-white">1</button>
569
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">2</button>
570
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">3</button>
571
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">4</button>
572
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">5</button>
573
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg">
574
+ <i class="fas fa-angle-right"></i>
575
+ </button>
576
+ </div>
577
  </div>
578
  </div>
579
  </div>
580
+ </main>
581
+ </div>
582
  </div>
583
 
584
  <script>
prompts.txt CHANGED
@@ -1,3 +1,4 @@
1
  请在顶部信息栏中的仓库信息展示区中增加仓库选择，可以对仓库进行选择，其余设计不变
2
  增加产品管理页面，其余设计不变
3
- 请将菜单栏的右边的展示区内容铺满整个右边的展示区，其余设计不变
 
 
1
  请在顶部信息栏中的仓库信息展示区中增加仓库选择，可以对仓库进行选择，其余设计不变
2
  增加产品管理页面，其余设计不变
3
+ 请将菜单栏的右边的展示区内容铺满整个右边的展示区，其余设计不变
4
+ 请将菜单中产品管理的右侧界面展示区域铺满整个右侧展示区域，目前没有铺满，其余的设计不变更