Hugging Face's logo

Spaces:
Sephiroth1984
/
system
Running

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

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +39 -19
  2. prompts.txt +2 -1
index.html CHANGED
@@ -137,7 +137,7 @@
137
  cursor: not-allowed;
138
  }
139
 
140
- /* 新增：确保内容区域填满剩余空间 */
141
  .content-container {
142
  display: flex;
143
  flex-direction: column;
@@ -153,6 +153,24 @@
153
  flex: 1;
154
  overflow: auto;
155
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
156
  </style>
157
  </head>
158
  <body class="bg-gray-50 h-screen overflow-hidden">
@@ -276,13 +294,13 @@
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">
@@ -297,7 +315,7 @@
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>
@@ -324,7 +342,7 @@
324
  </div>
325
 
326
  <!-- 产品表格 - 修改为自动填充剩余高度 -->
327
- <div class="table-container">
328
  <table class="min-w-full product-table">
329
  <thead>
330
  <tr>
@@ -360,7 +378,7 @@
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>
@@ -371,7 +389,7 @@
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>
@@ -431,10 +449,10 @@
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">
@@ -456,7 +474,7 @@
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>
@@ -464,7 +482,7 @@
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>
@@ -473,7 +491,7 @@
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">
@@ -484,7 +502,7 @@
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>
@@ -500,10 +518,11 @@
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>
@@ -526,6 +545,7 @@
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">
@@ -557,7 +577,7 @@
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>
 
137
  cursor: not-allowed;
138
  }
139
 
140
+ /* 新增：确保内容区域填满剩余空间并与边框衔接 */
141
  .content-container {
142
  display: flex;
143
  flex-direction: column;
 
153
  flex: 1;
154
  overflow: auto;
155
  }
156
+ /* 修改主内容区样式 */
157
+ .main-content {
158
+ margin-left: 0;
159
+ padding: 0;
160
+ background-color: #f8fafc;
161
+ }
162
+ .product-content {
163
+ height: 100%;
164
+ padding: 0;
165
+ margin: 0;
166
+ }
167
+ .product-container {
168
+ height: 100%;
169
+ background-color: white;
170
+ border-left: 1px solid #e2e8f0;
171
+ border-top: 1px solid #e2e8f0;
172
+ border-radius: 0;
173
+ }
174
  </style>
175
  </head>
176
  <body class="bg-gray-50 h-screen overflow-hidden">
 
294
  </div>
295
  </aside>
296
 
297
+ <!-- 主内容区 - 修改为与菜单栏和顶部栏完美衔接 -->
298
+ <main class="main-content flex-1 overflow-hidden">
299
+ <div class="product-content h-full">
300
+ <!-- 产品管理页面内容 - 修改为填满高度并与边框衔接 -->
301
+ <div class="product-container h-full flex flex-col">
302
  <!-- 标题和操作按钮 -->
303
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pb-0">
304
  <h2 class="text-xl font-semibold text-gray-800 mb-4 md:mb-0">产品管理</h2>
305
  <div class="flex space-x-3">
306
  <button class="flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors">
 
315
  </div>
316
 
317
  <!-- 搜索和筛选区域 -->
318
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6">
319
  <div class="relative mb-4 md:mb-0 md:w-64">
320
  <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">
321
  <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
 
342
  </div>
343
 
344
  <!-- 产品表格 - 修改为自动填充剩余高度 -->
345
+ <div class="table-container px-6">
346
  <table class="min-w-full product-table">
347
  <thead>
348
  <tr>
 
378
  在售
379
  </span>
380
  </td>
381
+ <td class="px极6 py-4 whitespace-nowrap text-sm font-medium">
382
  <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
383
  <button class="text-red-600 hover:text-red-900">删除</button>
384
  </td>
 
389
  <td class="px-6 py-4 whitespace-nowrap">
390
  <div class="flex items-center">
391
  <div class="flex-shrink-0 h-10 w-10">
392
+ <img class="h-10 w-10 rounded-full" src="https极://via.placeholder.com/40" alt="">
393
  </div>
394
  <div class="ml-4">
395
  <div class="text-sm font-medium text-gray-900">无线蓝牙耳机</div>
 
449
  <div class="text-sm font-medium text-gray-900">办公椅</div>
450
  <div class="text-sm text-gray-500">型号: OC-2022</div>
451
  </div>
452
+ </div>
453
  </td>
454
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">办公设备</td>
455
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">56</td>
456
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥599.00</td>
457
  <td class="px-6 py-4 whitespace-nowrap">
458
  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
 
474
  </div>
475
  <div class="ml-4">
476
  <div class="text-sm font-medium text-gray-900">运动水壶</div>
477
+ <div class="text-sm text-gray-极500">型号: SB-2022</div>
478
  </div>
479
  </div>
480
  </td>
 
482
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">124</td>
483
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥89.00</td>
484
  <td class="px-6 py-4 whitespace-nowrap">
485
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-pending">
486
  待审核
487
  </span>
488
  </td>
 
491
  <button class="text-red-600 hover:text-red-900">删除</button>
492
  </td>
493
  </tr>
494
+ <!-- 产品行6 -->
495
  <tr>
496
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10006</td>
497
  <td class="px-6 py-4 whitespace-nowrap">
 
502
  <div class="ml-4">
503
  <div class="text-sm font-medium text-gray-900">无线充电器</div>
504
  <div class="text-sm text-gray-500">型号: WC-2022</div>
505
+ </极div>
506
  </div>
507
  </td>
508
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">电子产品</td>
 
518
  <button class="text-red-600 hover:text-red-900">删除</button>
519
  </td>
520
  </tr>
521
+ <!-- 产品行7 -->
522
  <tr>
523
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10007</td>
524
  <td class="px-6 py-4 whitespace-nowrap">
525
+ <div class="flex items-center">
526
  <div class="flex-shrink-0 h-10 w-10">
527
  <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="">
528
  </div>
 
545
  <button class="text-red-600 hover:text-red-900">删除</button>
546
  </td>
547
  </tr>
548
+ <!-- 产品行8 -->
549
  <tr>
550
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">P10008</td>
551
  <td class="px-6 py-4 whitespace-nowrap">
 
577
  </div>
578
 
579
  <!-- 分页控件 -->
580
+ <div class="flex items-center justify-between p-6 border-t border-gray-200">
581
  <div class="text-sm text-gray-500">
582
  显示 <span class="font-medium">1</span> 到 <span class="font-medium">8</span> 条，共 <span class="font-medium">24</span> 条记录
583
  </div>
prompts.txt CHANGED
@@ -1,4 +1,5 @@
1
  请在顶部信息栏中的仓库信息展示区中增加仓库选择，可以对仓库进行选择，其余设计不变
2
  增加产品管理页面，其余设计不变
3
  请将菜单栏的右边的展示区内容铺满整个右边的展示区，其余设计不变
4
- 请将菜单中产品管理的右侧界面展示区域铺满整个右侧展示区域，目前没有铺满，其余的设计不变更
 
 
1
  请在顶部信息栏中的仓库信息展示区中增加仓库选择，可以对仓库进行选择，其余设计不变
2
  增加产品管理页面，其余设计不变
3
  请将菜单栏的右边的展示区内容铺满整个右边的展示区，其余设计不变
4
+ 请将菜单中产品管理的右侧界面展示区域铺满整个右侧展示区域，目前没有铺满，其余的设计不变更
5
+ 请将产品管理菜单栏右边的展示区域中的页面内容展示宽度左侧与菜单栏边框衔接，上面与顶部信息栏边框衔接