Hugging Face's logo

Spaces:
Sephiroth1984
/
system
Running

App Files Community
Sephiroth1984 commited on
Commit
64e2c6f
·
verified ·
1 Parent(s): b287f49

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +558 -387
  2. prompts.txt +4 -1
index.html CHANGED
@@ -549,7 +549,7 @@
549
 
550
  .step-label {
551
  font-size: 0.875rem;
552
- color: #4a5568;
553
  text-align: center;
554
  }
555
 
@@ -920,7 +920,7 @@
920
  flex: 1;
921
  text-align: center;
922
  position: relative;
923
- }
924
 
925
  .process-step:not(:last-child)::after {
926
  content: '';
@@ -1109,6 +1109,267 @@
1109
  justify-content: flex-end;
1110
  gap: 0.75rem;
1111
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1112
  </style>
1113
  </head>
1114
  <body class="bg-gray-50 h-screen overflow-hidden">
@@ -1197,7 +1458,7 @@
1197
  <i class="menu-icon fas fa-tachometer-alt mr-3 text-blue-500"></i>
1198
  <span>Dashboard</span>
1199
  </div>
1200
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2" data-page="products" onclick="showPage('products')">
1201
  <i class="menu-icon fas fa-boxes mr-3 text-green-500"></i>
1202
  <span>产品管理</span>
1203
  </div>
@@ -1228,7 +1489,7 @@
1228
  </div>
1229
  </div>
1230
 
1231
- <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2 active" data-page="demand-orders" onclick="showPage('demand-orders')">
1232
  <i class="menu-icon fas fa-clipboard-list mr-3 text-yellow-500"></i>
1233
  <span>需求工单</span>
1234
  </div>
@@ -1267,12 +1528,297 @@
1267
  </div>
1268
  </div>
1269
 
1270
- <!-- 产品管理页面 (默认隐藏) -->
1271
- <div class="product-content h-full hidden" id="products-page">
1272
  <div class="product-container h-full flex flex-col">
1273
- <div class="p-6">
1274
- <h2 class="text-xl font-semibold text-gray-800">产品管理</h2>
1275
- <p class="text-gray-600 mt-2">这里是产品管理页面</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1276
  </div>
1277
  </div>
1278
  </div>
@@ -1317,18 +1863,8 @@
1317
  </div>
1318
  </div>
1319
 
1320
- <!-- 系统设置页面 (默认隐藏) -->
1321
- <div class="product-content h-full hidden" id="settings-page">
1322
- <div class="product-container h-full flex flex-col">
1323
- <div class="p-6">
1324
- <h2 class="text-xl font-semibold text-gray-800">系统设置</h2>
1325
- <p class="text-gray-600 mt-2">这里是系统设置页面</p>
1326
- </div>
1327
- </div>
1328
- </div>
1329
-
1330
- <!-- 需求工单页面 (默认显示) -->
1331
- <div class="product-content h-full" id="demand-orders-page">
1332
  <div class="product-container h-full flex flex-col">
1333
  <!-- 标题和操作按钮 -->
1334
  <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pb-0">
@@ -1464,370 +2000,5 @@
1464
  </div>
1465
  </div>
1466
  <div class="order-item-products">
1467
- <!-- 产品1 -->
1468
- <div class="product-item">
1469
- <img src="https://via.placeholder.com/40" alt="产品图片" class="product-item-image">
1470
- <div class="product-item-info">
1471
- <div class="product-item-name">智能手机</div>
1472
- <div class="product-item-sku">SKU: PHONE-001</div>
1473
- </div>
1474
- <div class="product-item-quantity">30件</div>
1475
- </div>
1476
- <!-- 产品2 -->
1477
- <div class="product-item">
1478
- <img src="https://via.placeholder.com/40" alt="产品图片" class="product-item-image">
1479
- <div class="product-item-info">
1480
- <div class="product-item-name">平板电脑</div>
1481
- <div class="product-item-sku">SKU: TABLET-002</div>
1482
- </div>
1483
- <div class="product-item-quantity">20件</div>
1484
- </div>
1485
- </div>
1486
- <div class="order-actions">
1487
- <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">查看详情</button>
1488
- <button class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded">查看出库单</button>
1489
- </div>
1490
- </div>
1491
-
1492
- <!-- 工单项3 - 入库需求(已拒绝) -->
1493
- <div class="order-item">
1494
- <div class="order-item-header">
1495
- <div class="order-item-title">入库需求 #DO-20230003</div>
1496
- <div class="order-item-meta">
1497
- <span class="order-item-status status-rejected">已拒绝</span>
1498
- <span class="text-sm text-gray-500">2023-05-10 09:45</span>
1499
- </div>
1500
- </div>
1501
- <div class="order-item-details">
1502
- <div class="order-item-detail">
1503
- <i class="fas fa-warehouse"></i>
1504
- <span>广州分仓</span>
1505
- </div>
1506
- <div class="order-item-detail">
1507
- <i class="fas fa-user"></i>
1508
- <span>提交人: 王五</span>
1509
- </div>
1510
- <div class="order-item-detail">
1511
- <i class="fas fa-boxes"></i>
1512
- <span>1种产品</span>
1513
- </div>
1514
- </div>
1515
- <div class="order-item-products">
1516
- <!-- 产品1 -->
1517
- <div class="product-item">
1518
- <img src="https://via.placeholder.com/40" alt="产品图片" class="product-item-image">
1519
- <div class="product-item-info">
1520
- <div class="product-item-name">笔记本电脑</div>
1521
- <div class="product-item-sku">SKU: LAPTOP-001</div>
1522
- </div>
1523
- <div class="product-item-quantity">50件</div>
1524
- </div>
1525
- </div>
1526
- <div class="order-actions">
1527
- <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">查看详情</button>
1528
- <button class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded">重新提交</button>
1529
- </div>
1530
- </div>
1531
- </div>
1532
- </div>
1533
-
1534
- <!-- 分页控件 -->
1535
- <div class="flex items-center justify-between p-6 border-t border-gray-200">
1536
- <div class="text-sm text-gray-500">
1537
- 显示 <span class="font-medium">1</span> 到 <span class="font-medium">3</span> 条，共 <span class="font-medium">12</span> 条记录
1538
- </div>
1539
- <div class="flex space-x-1">
1540
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg disabled">
1541
- <i class="fas fa-angle-left"></i>
1542
- </button>
1543
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg bg-blue-500 text-white">1</button>
1544
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">2</button>
1545
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">3</button>
1546
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg">
1547
- <i class="fas fa-angle-right"></i>
1548
- </button>
1549
- </div>
1550
- </div>
1551
- </div>
1552
- </div>
1553
-
1554
- <!-- 审核中心页面 (默认隐藏) -->
1555
- <div class="product-content h-full hidden" id="reviews-page">
1556
- <div class="product-container h-full flex flex-col">
1557
- <!-- 标题和操作按钮 -->
1558
- <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pb-0">
1559
- <h2 class="text-xl font-semibold text-gray-800 mb-4 md:mb-0">审核中心</h2>
1560
- <div class="flex space-x-3">
1561
- <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">
1562
- <i class="fas fa-download mr-2"></i>
1563
- 导出数据
1564
- </button>
1565
- </div>
1566
- </div>
1567
-
1568
- <!-- 审核状态标签 -->
1569
- <div class="order-type-tabs px-6 pt-4">
1570
- <div class="order-type-tab active" data-status="pending">待审核</div>
1571
- <div class="order-type-tab" data-status="approved">已通过</div>
1572
- <div class="order-type-tab" data-status="rejected">已拒绝</div>
1573
- </div>
1574
-
1575
- <!-- 审核工单列表 -->
1576
- <div class="table-container px-6">
1577
- <!-- 工单列表 -->
1578
- <div class="order-list">
1579
- <!-- 工单项1 - 待审核 -->
1580
- <div class="order-item">
1581
- <div class="order-item-header">
1582
- <div class="order-item-title">入库需求 #DO-20230001</div>
1583
- <div class="order-item-meta">
1584
- <span class="order-item-status status-pending-review">待审核</span>
1585
- <span class="text-sm text-gray-500">2023-05-15 14:30</span>
1586
- </div>
1587
- </div>
1588
- <div class="order-item-details">
1589
- <div class="order-item-detail">
1590
- <i class="fas fa-warehouse"></i>
1591
- <span>上海中心仓库</span>
1592
- </div>
1593
- <div class="order-item-detail">
1594
- <i class="fas fa-user"></i>
1595
- <span>提交人: 张三</span>
1596
- </div>
1597
- <div class="order-item-detail">
1598
- <i class="fas fa-boxes"></i>
1599
- <span>3种产品</span>
1600
- </div>
1601
- </div>
1602
- <div class="order-actions">
1603
- <button class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded">审核工单</button>
1604
- <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">查看详情</button>
1605
- </div>
1606
- </div>
1607
-
1608
- <!-- 工单项2 - 已通过 -->
1609
- <div class="order-item">
1610
- <div class="order-item-header">
1611
- <div class="order-item-title">出库需求 #DO-20230002</div>
1612
- <div class="order-item-meta">
1613
- <span class="order-item-status status-approved">已通过</span>
1614
- <span class="text-sm text-gray-500">2023-05-14 10:15</span>
1615
- </div>
1616
- </div>
1617
- <div class="order-item-details">
1618
- <div class="order-item-detail">
1619
- <i class="fas fa-warehouse"></i>
1620
- <span>北京分仓</span>
1621
- </div>
1622
- <div class="order-item-detail">
1623
- <i class="fas fa-user"></i>
1624
- <span>提交人: 李四</span>
1625
- </div>
1626
- <div class="order-item-detail">
1627
- <i class="fas fa-boxes"></i>
1628
- <span>2种产品</span>
1629
- </div>
1630
- </div>
1631
- <div class="order-actions">
1632
- <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">查看详情</button>
1633
- <button class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded">查看出库单</button>
1634
- </div>
1635
- </div>
1636
- </div>
1637
- </div>
1638
-
1639
- <!-- 分页控件 -->
1640
- <div class="flex items-center justify-between p-6 border-t border-gray-200">
1641
- <div class="text-sm text-gray-500">
1642
- 显示 <span class="font-medium">1</span> 到 <span class="font-medium">2</span> 条，共 <span class="font-medium">5</span> 条记录
1643
- </div>
1644
- <div class="flex space-x-1">
1645
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg disabled">
1646
- <i class="fas fa-angle-left"></i>
1647
- </button>
1648
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg bg-blue-500 text-white">1</button>
1649
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">2</button>
1650
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">3</button>
1651
- <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg">
1652
- <i class="fas fa-angle-right"></i>
1653
- </button>
1654
- </div>
1655
- </div>
1656
- </div>
1657
- </div>
1658
-
1659
- <!-- 入库工单页面 (默认隐藏) -->
1660
- <div class="product-content h-full hidden" id="inbound-orders-page">
1661
- <div class="product-container h-full flex flex-col">
1662
- <div class="p-6">
1663
- <h2 class="text-xl font-semibold text-gray-800">入库工单</h2>
1664
- <p class="text-gray-600 mt-2">这里是入库工单页面</p>
1665
- </div>
1666
- </div>
1667
- </div>
1668
-
1669
- <!-- 出库工单页面 (默认隐藏) -->
1670
- <div class="product-content h-full hidden" id="outbound-orders-page">
1671
- <div class="product-container h-full flex flex-col">
1672
- <div class="p-6">
1673
- <h2 class="text-xl font-semibold text-gray-800">出库工单</h2>
1674
- <p class="text-gray-600 mt-2">这里是出库工单页面</p>
1675
- </div>
1676
- </div>
1677
- </div>
1678
- </main>
1679
- </div>
1680
- </div>
1681
-
1682
- <!-- 创建需求工单的抽屉 -->
1683
- <div class="drawer-overlay"></div>
1684
- <div class="drawer">
1685
- <div class="drawer-header">
1686
- <h3 class="text-lg font-semibold text-gray-800">创建需求工单</h3>
1687
- <button class="close-drawer text-gray-400 hover:text-gray-500">
1688
- <i class="fas fa-times"></i>
1689
- </button>
1690
- </div>
1691
- <div class="drawer-body">
1692
- <div class="form-grid">
1693
- <div class="form-group">
1694
- <label class="form-label">工单类型</label>
1695
- <select class="form-control">
1696
- <option>入库需求</option>
1697
- <option>出库需求</option>
1698
- <option>库存调拨</option>
1699
- </select>
1700
- </div>
1701
- <div class="form-group">
1702
- <label class="form-label">目标仓库</label>
1703
- <select class="form-control">
1704
- <option>上海中心仓库</option>
1705
- <option>北京分仓</option>
1706
- <option>广州分仓</option>
1707
- <option>成都分仓</option>
1708
- </select>
1709
- </div>
1710
- <div class="form-group form-full-width">
1711
- <label class="form-label">工单说明</label>
1712
- <textarea class="form-control form-textarea" placeholder="请输入工单说明..."></textarea>
1713
- </div>
1714
- <div class="form-group form-full-width">
1715
- <label class="form-label">添加产品</label>
1716
- <div class="product-selector">
1717
- <input type="text" class="form-control" placeholder="搜索产品名称或SKU...">
1718
- <div class="product-selector-dropdown">
1719
- <!-- 产品列表将通过JavaScript动态加载 -->
1720
- </div>
1721
- </div>
1722
- </div>
1723
- </div>
1724
- </div>
1725
- <div class="drawer-footer">
1726
- <button class="close-drawer px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">取消</button>
1727
- <button class="px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg">提交工单</button>
1728
- </div>
1729
- </div>
1730
-
1731
- <!-- 确认对话框 -->
1732
- <div class="confirmation-dialog">
1733
- <div class="confirmation-content">
1734
- <h3 class="confirmation-title">确认操作</h3>
1735
- <p class="confirmation-message">您确定要删除这条记录吗？此操作无法撤销。</p>
1736
- <div class="confirmation-actions">
1737
- <button class="cancel-confirmation px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">取消</button>
1738
- <button class="confirm-action px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded-lg">确认删除</button>
1739
- </div>
1740
- </div>
1741
- </div>
1742
-
1743
- <script>
1744
- // 页面切换功能
1745
- function showPage(pageId) {
1746
- // 隐藏所有页面
1747
- document.querySelectorAll('.product-content').forEach(page => {
1748
- page.classList.add('hidden');
1749
- });
1750
-
1751
- // 显示选中的页面
1752
- document.getElementById(pageId + '-page').classList.remove('hidden');
1753
-
1754
- // 更新菜单项激活状态
1755
- document.querySelectorAll('.menu-item').forEach(item => {
1756
- item.classList.remove('active');
1757
- });
1758
-
1759
- document.querySelectorAll('.submenu-item').forEach(item => {
1760
- item.classList.remove('active');
1761
- });
1762
-
1763
- // 激活当前菜单项
1764
- const activeItem = document.querySelector(`.menu-item[data-page="${pageId}"], .submenu-item[data-page="${pageId}"]`);
1765
- if (activeItem) {
1766
- activeItem.classList.add('active');
1767
-
1768
- // 如果是在子菜单中，还需要展开父菜单
1769
- const submenuItem = activeItem.closest('.submenu-item');
1770
- if (submenuItem) {
1771
- const submenu = submenuItem.closest('.submenu');
1772
- const hasSubmenu = submenu.closest('.has-submenu');
1773
-
1774
- if (submenu && hasSubmenu) {
1775
- submenu.classList.add('active');
1776
- hasSubmenu.classList.add('active');
1777
- }
1778
- }
1779
- }
1780
- }
1781
-
1782
- // 二级菜单展开/收起功能
1783
- function toggleSubmenu(menuItem) {
1784
- const hasSubmenu = menuItem.closest('.has-submenu');
1785
- const submenu = hasSubmenu.querySelector('.submenu');
1786
-
1787
- hasSubmenu.classList.toggle('active');
1788
- submenu.classList.toggle('active');
1789
- }
1790
-
1791
- // 移动端菜单按钮功能
1792
- document.querySelector('.mobile-menu-btn').addEventListener('click', function() {
1793
- document.querySelector('.sidebar').classList.toggle('active');
1794
- });
1795
-
1796
- // 抽屉功能
1797
- document.getElementById('addDemandOrderBtn').addEventListener('click', function() {
1798
- document.querySelector('.drawer-overlay').classList.add('active');
1799
- document.querySelector('.drawer').classList.add('active');
1800
- });
1801
-
1802
- document.querySelectorAll('.close-drawer').forEach(btn => {
1803
- btn.addEventListener('click', function() {
1804
- document.querySelector('.drawer-overlay').classList.remove('active');
1805
- document.querySelector('.drawer').classList.remove('active');
1806
- });
1807
- });
1808
-
1809
- // 确认对话框功能
1810
- document.querySelectorAll('.cancel-confirmation').forEach(btn => {
1811
- btn.addEventListener('click', function() {
1812
- document.querySelector('.confirmation-dialog').classList.remove('active');
1813
- });
1814
- });
1815
-
1816
- // 工单类型标签切换
1817
- document.querySelectorAll('.order-type-tab').forEach(tab => {
1818
- tab.addEventListener('click', function() {
1819
- document.querySelectorAll('.order-type-tab').forEach(t => {
1820
- t.classList.remove('active');
1821
- });
1822
- this.classList.add('active');
1823
- // 这里可以添加筛选工单列表的逻辑
1824
- });
1825
- });
1826
-
1827
- // 初始化页面 - 默认显示需求工单页面
1828
- document.addEventListener('DOMContentLoaded', function() {
1829
- showPage('demand-orders');
1830
- });
1831
- </script>
1832
- <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=Sephiroth1984/system" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1833
  </html>
 
549
 
550
  .step-label {
551
  font-size: 0.875rem;
552
+ color: 4a5568;
553
  text-align: center;
554
  }
555
 
 
920
  flex: 1;
921
  text-align: center;
922
  position: relative;
923
+ }
924
 
925
  .process-step:not(:last-child)::after {
926
  content: '';
 
1109
  justify-content: flex-end;
1110
  gap: 0.75rem;
1111
  }
1112
+
1113
+ /* 新增：产品管理特定样式 */
1114
+ .product-tabs {
1115
+ display: flex;
1116
+ border-bottom: 1px solid #e2e8f0;
1117
+ margin-bottom: 1.5rem;
1118
+ }
1119
+
1120
+ .product-tab {
1121
+ padding: 0.75rem 1.5rem;
1122
+ cursor: pointer;
1123
+ border-bottom: 2px solid transparent;
1124
+ transition: all 0.2s;
1125
+ }
1126
+
1127
+ .product-tab.active {
1128
+ border-bottom-color: #4299e1;
1129
+ color: #4299e1;
1130
+ font-weight: 500;
1131
+ }
1132
+
1133
+ .product-tab:hover:not(.active) {
1134
+ border-bottom-color: #cbd5e0;
1135
+ }
1136
+
1137
+ .product-table {
1138
+ width: 100%;
1139
+ border-collapse: collapse;
1140
+ }
1141
+
1142
+ .product-table th {
1143
+ text-align: left;
1144
+ padding: 0.75rem 1rem;
1145
+ background-color: #f8fafc;
1146
+ font-weight: 500;
1147
+ color: #4a5568;
1148
+ }
1149
+
1150
+ .product-table td {
1151
+ padding: 0.75rem 1rem;
1152
+ border-bottom: 1px solid #e2e8f0;
1153
+ }
1154
+
1155
+ .product-table-row:hover {
1156
+ background-color: #f7fafc;
1157
+ }
1158
+
1159
+ .product-table-product {
1160
+ display: flex;
1161
+ align-items: center;
1162
+ }
1163
+
1164
+ .product-table-product-image {
1165
+ width: 40px;
1166
+ height: 40px;
1167
+ border-radius: 0.25rem;
1168
+ margin-right: 1rem;
1169
+ object-fit: cover;
1170
+ }
1171
+
1172
+ .product-table-product-info {
1173
+ flex: 1;
1174
+ }
1175
+
1176
+ .product-table-product-name {
1177
+ font-weight: 500;
1178
+ margin-bottom: 0.25rem;
1179
+ }
1180
+
1181
+ .product-table-product-sku {
1182
+ font-size: 0.75rem;
1183
+ color: #718096;
1184
+ }
1185
+
1186
+ .product-table-actions {
1187
+ display: flex;
1188
+ gap: 0.5rem;
1189
+ }
1190
+
1191
+ /* 新增：批量操作区域 */
1192
+ .bulk-actions {
1193
+ display: flex;
1194
+ align-items: center;
1195
+ gap: 1rem;
1196
+ padding: 0.75rem 1rem;
1197
+ background-color: #f8fafc;
1198
+ border-bottom: 1px solid #e2e8f0;
1199
+ }
1200
+
1201
+ /* 新增：产品分类树 */
1202
+ .category-tree {
1203
+ padding: 0.5rem 0;
1204
+ }
1205
+
1206
+ .category-item {
1207
+ padding: 0.5rem 1rem;
1208
+ cursor: pointer;
1209
+ transition: all 0.2s;
1210
+ }
1211
+
1212
+ .category-item:hover {
1213
+ background-color: #edf2f7;
1214
+ }
1215
+
1216
+ .category-item.active {
1217
+ background-color: #ebf4ff;
1218
+ color: #2b6cb0;
1219
+ }
1220
+
1221
+ .category-item.has-children {
1222
+ position: relative;
1223
+ }
1224
+
1225
+ .category-item.has-children::after {
1226
+ content: '\f078';
1227
+ font-family: 'Font Awesome 6 Free';
1228
+ font-weight: 900;
1229
+ position: absolute;
1230
+ right: 1rem;
1231
+ top: 50%;
1232
+ transform: translateY(-50%);
1233
+ font-size: 0.75rem;
1234
+ transition: transform 0.3s;
1235
+ }
1236
+
1237
+ .category-item.has-children.active::after {
1238
+ transform: translateY(-50%) rotate(180deg);
1239
+ }
1240
+
1241
+ .category-children {
1242
+ padding-left: 1rem;
1243
+ overflow: hidden;
1244
+ max-height: 0;
1245
+ transition: max-height 0.3s ease;
1246
+ }
1247
+
1248
+ .category-children.active {
1249
+ max-height: 1000px;
1250
+ }
1251
+
1252
+ /* 新增：产品详情卡片 */
1253
+ .product-card {
1254
+ border: 1px solid #e2e8f0;
1255
+ border-radius: 0.5rem;
1256
+ overflow: hidden;
1257
+ }
1258
+
1259
+ .product-card-header {
1260
+ padding: 1rem;
1261
+ background-color: #f8fafc;
1262
+ border-bottom: 1px solid #e2e8f0;
1263
+ }
1264
+
1265
+ .product-card-body {
1266
+ padding: 1.5rem;
1267
+ }
1268
+
1269
+ .product-card-title {
1270
+ font-size: 1.25rem;
1271
+ font-weight: 600;
1272
+ margin-bottom: 0.5rem;
1273
+ }
1274
+
1275
+ .product-card-meta {
1276
+ display: flex;
1277
+ gap: 1.5rem;
1278
+ font-size: 0.875rem;
1279
+ color: #4a5568;
1280
+ margin-bottom: 1rem;
1281
+ }
1282
+
1283
+ .product-card-section {
1284
+ margin-bottom: 1.5rem;
1285
+ }
1286
+
1287
+ .product-card-section-title {
1288
+ font-weight: 600;
1289
+ margin-bottom: 0.75rem;
1290
+ padding-bottom: 0.5rem;
1291
+ border-bottom: 1px solid #e2e8f0;
1292
+ }
1293
+
1294
+ /* 新增：库存信息表格 */
1295
+ .inventory-table {
1296
+ width: 100%;
1297
+ border-collapse: collapse;
1298
+ }
1299
+
1300
+ .inventory-table th {
1301
+ text-align: left;
1302
+ padding: 0.75rem 1rem;
1303
+ background-color: #f8fafc;
1304
+ font-weight: 500;
1305
+ color: #4a5568;
1306
+ }
1307
+
1308
+ .inventory-table td {
1309
+ padding: 0.75rem 1rem;
1310
+ border-bottom: 1px solid #e2e8f0;
1311
+ }
1312
+
1313
+ /* 新增：产品图片库 */
1314
+ .product-gallery {
1315
+ display: grid;
1316
+ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
1317
+ gap: 1rem;
1318
+ }
1319
+
1320
+ .product-gallery-item {
1321
+ position: relative;
1322
+ border: 1px solid #e2e8f0;
1323
+ border-radius: 0.25rem;
1324
+ overflow: hidden;
1325
+ }
1326
+
1327
+ .product-gallery-item img {
1328
+ width: 100%;
1329
+ height: 120px;
1330
+ object-fit: cover;
1331
+ }
1332
+
1333
+ .product-gallery-item-actions {
1334
+ position: absolute;
1335
+ top: 0.25rem;
1336
+ right: 0.25rem;
1337
+ display: flex;
1338
+ gap: 0.25rem;
1339
+ }
1340
+
1341
+ /* 新增：产品变体标签 */
1342
+ .variant-tag {
1343
+ display: inline-flex;
1344
+ align-items: center;
1345
+ padding: 0.25rem 0.5rem;
1346
+ background-color: #ebf4ff;
1347
+ border-radius: 9999px;
1348
+ font-size: 0.75rem;
1349
+ color: #3182ce;
1350
+ margin-right: 0.25rem;
1351
+ margin-bottom: 0.25rem;
1352
+ }
1353
+
1354
+ /* 新增：产品规格表格 */
1355
+ .specs-table {
1356
+ width: 100%;
1357
+ border-collapse: collapse;
1358
+ }
1359
+
1360
+ .specs-table th {
1361
+ text-align: left;
1362
+ padding: 0.75rem 1rem;
1363
+ background-color: #f8fafc;
1364
+ font-weight: 500;
1365
+ color: #4a5568;
1366
+ width: 30%;
1367
+ }
1368
+
1369
+ .specs-table td {
1370
+ padding: 0.75rem 1rem;
1371
+ border-bottom: 1px solid #e2e8f0;
1372
+ }
1373
  </style>
1374
  </head>
1375
  <body class="bg-gray-50 h-screen overflow-hidden">
 
1458
  <i class="menu-icon fas fa-tachometer-alt mr-3 text-blue-500"></i>
1459
  <span>Dashboard</span>
1460
  </div>
1461
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2 active" data-page="products" onclick="showPage('products')">
1462
  <i class="menu-icon fas fa-boxes mr-3 text-green-500"></i>
1463
  <span>产品管理</span>
1464
  </div>
 
1489
  </div>
1490
  </div>
1491
 
1492
+ <div class="menu-item flex items-center px-6 py-3 cursor-pointer rounded-md my-1 mx-2" data-page="demand-orders" onclick="showPage('demand-orders')">
1493
  <i class="menu-icon fas fa-clipboard-list mr-3 text-yellow-500"></i>
1494
  <span>需求工单</span>
1495
  </div>
 
1528
  </div>
1529
  </div>
1530
 
1531
+ <!-- 产品管理页面 (默认显示) -->
1532
+ <div class="product-content h-full" id="products-page">
1533
  <div class="product-container h-full flex flex-col">
1534
+ <!-- 标题和操作按钮 -->
1535
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pb-0">
1536
+ <h2 class="text-xl font-semibold text-gray-800 mb-4 md:mb-0">产品管理</h2>
1537
+ <div class="flex space-x-3">
1538
+ <button id="addProductBtn" class="flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors">
1539
+ <i class="fas fa-plus mr-2"></i>
1540
+ 添加产品
1541
+ </button>
1542
+ <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">
1543
+ <i class="fas fa-download mr-2"></i>
1544
+ 导出数据
1545
+ </button>
1546
+ <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">
1547
+ <i class="fas fa-cog mr-2"></i>
1548
+ 批量操作
1549
+ </button>
1550
+ </div>
1551
+ </div>
1552
+
1553
+ <!-- 产品分类标签 -->
1554
+ <div class="product-tabs px-6 pt-4">
1555
+ <div class="product-tab active" data-category="all">全部产品</div>
1556
+ <div class="product-tab" data-category="electronics">电子产品</div>
1557
+ <div class="product-tab" data-category="clothing">服装</div>
1558
+ <div class="product-tab" data-category="food">食品</div>
1559
+ <div class="product-tab" data-category="books">图书</div>
1560
+ <div class="product-tab" data-category="others">其他</div>
1561
+ </div>
1562
+
1563
+ <!-- 搜索和筛选区域 -->
1564
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pt-0">
1565
+ <div class="relative mb-4 md:mb-0 md:w-64">
1566
+ <input type="text" placeholder="搜索产品名称或SKU..." 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">
1567
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
1568
+ </div>
1569
+ <div class="flex space-x-3">
1570
+ <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">
1571
+ <option>所有状态</option>
1572
+ <option>上架</option>
1573
+ <option>下架</option>
1574
+ <option>缺货</option>
1575
+ </select>
1576
+ <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">
1577
+ <option>所有仓库</option>
1578
+ <option>上海中心仓库</option>
1579
+ <option>北京分仓</option>
1580
+ <option>广州分仓</option>
1581
+ </select>
1582
+ <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">
1583
+ <i class="fas fa-filter mr-2"></i>
1584
+ 高级筛选
1585
+ </button>
1586
+ </div>
1587
+ </div>
1588
+
1589
+ <!-- 批量操作区域 (默认隐藏) -->
1590
+ <div class="bulk-actions hidden">
1591
+ <div class="flex items-center">
1592
+ <input type="checkbox" class="mr-2">
1593
+ <span class="text-sm text-gray-600">已选择 <span class="font-medium">0</span> 项</span>
1594
+ </div>
1595
+ <div class="flex space-x-2">
1596
+ <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">批量上架</button>
1597
+ <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">批量下架</button>
1598
+ <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">批量删除</button>
1599
+ <button class="px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 rounded">批量导出</button>
1600
+ </div>
1601
+ </div>
1602
+
1603
+ <!-- 产品列表 -->
1604
+ <div class="table-container px-6">
1605
+ <table class="product-table">
1606
+ <thead>
1607
+ <tr>
1608
+ <th class="w-10">
1609
+ <input type="checkbox">
1610
+ </th>
1611
+ <th>产品信息</th>
1612
+ <th>SKU</th>
1613
+ <th>分类</th>
1614
+ <th>库存</th>
1615
+ <th>价格</th>
1616
+ <th>状态</th>
1617
+ <th>操作</th>
1618
+ </tr>
1619
+ </thead>
1620
+ <tbody>
1621
+ <!-- 产品1 -->
1622
+ <tr class="product-table-row">
1623
+ <td>
1624
+ <input type="checkbox">
1625
+ </td>
1626
+ <td>
1627
+ <div class="product-table-product">
1628
+ <img src="https://via.placeholder.com/40" alt="产品图片" class="product-table-product-image">
1629
+ <div class="product-table-product-info">
1630
+ <div class="product-table-product-name">高端无线耳机 Pro Max</div>
1631
+ <div class="text-xs text-gray-500">品牌: SoundMaster</div>
1632
+ </div>
1633
+ </div>
1634
+ </td>
1635
+ <td>AUDIO-001</td>
1636
+ <td>电子产品</td>
1637
+ <td class="font-medium">1,245</td>
1638
+ <td class="font-medium">¥1,299.00</td>
1639
+ <td>
1640
+ <span class="status-badge status-active">上架</span>
1641
+ </td>
1642
+ <td>
1643
+ <div class="product-table-actions">
1644
+ <button class="text-blue-500 hover:text-blue-700" title="编辑" onclick="openEditProductModal(1)">
1645
+ <i class="fas fa-edit"></i>
1646
+ </button>
1647
+ <button class="text-green-500 hover:text-green-700" title="查看库存">
1648
+ <i class="fas fa-warehouse"></i>
1649
+ </button>
1650
+ <button class="text-red-500 hover:text-red-700" title="删除" onclick="showDeleteConfirmation()">
1651
+ <i class="fas fa-trash"></i>
1652
+ </button>
1653
+ </div>
1654
+ </td>
1655
+ </tr>
1656
+
1657
+ <!-- 产品2 -->
1658
+ <tr class="product-table-row">
1659
+ <td>
1660
+ <input type="checkbox">
1661
+ </td>
1662
+ <td>
1663
+ <div class="product-table-product">
1664
+ <img src="https://via.placeholder.com/40" alt="产品图片" class="product-table-product-image">
1665
+ <div class="product-table-product-info">
1666
+ <div class="product-table-product-name">智能手表 X3</div>
1667
+ <div class="text-xs text-gray-500">品牌: TechLife</div>
1668
+ </div>
1669
+ </div>
1670
+ </td>
1671
+ <td>WATCH-002</td>
1672
+ <td>电子产品</td>
1673
+ <td class="font-medium">876</td>
1674
+ <td class="font-medium">¥899.00</td>
1675
+ <td>
1676
+ <span class="status-badge status-active">上架</span>
1677
+ </td>
1678
+ <td>
1679
+ <div class="product-table-actions">
1680
+ <button class="text-blue-500 hover:text-blue-700" title="编辑" onclick="openEditProductModal(2)">
1681
+ <i class="fas fa-edit"></i>
1682
+ </button>
1683
+ <button class="text-green-500 hover:text-green-700" title="查看库存">
1684
+ <i class="fas fa-warehouse"></i>
1685
+ </button>
1686
+ <button class="text-red-500 hover:text-red-700" title="删除" onclick="showDeleteConfirmation()">
1687
+ <i class="fas fa-trash"></i>
1688
+ </button>
1689
+ </div>
1690
+ </td>
1691
+ </tr>
1692
+
1693
+ <!-- 产品3 -->
1694
+ <tr class="product-table-row">
1695
+ <td>
1696
+ <input type="checkbox">
1697
+ </td>
1698
+ <td>
1699
+ <div class="product-table-product">
1700
+ <img src="https://via.placeholder.com/40" alt="产品图片" class="product-table-product-image">
1701
+ <div class="product-table-product-info">
1702
+ <div class="product-table-product-name">蓝牙音箱 Mini</div>
1703
+ <div class="text-xs text-gray-500">品牌: AudioPlus</div>
1704
+ </div>
1705
+ </div>
1706
+ </td>
1707
+ <td>AUDIO-003</td>
1708
+ <td>电子产品</td>
1709
+ <td class="font-medium">0</td>
1710
+ <td class="font-medium">¥399.00</td>
1711
+ <td>
1712
+ <span class="status-badge status-inactive">缺货</span>
1713
+ </td>
1714
+ <td>
1715
+ <div class="product-table-actions">
1716
+ <button class="text-blue-500 hover:text-blue-700" title="编辑" onclick="openEditProductModal(3)">
1717
+ <i class="fas fa-edit"></i>
1718
+ </button>
1719
+ <button class="text-green-500 hover:text-green-700" title="查看库存">
1720
+ <i class="fas fa-warehouse"></i>
1721
+ </button>
1722
+ <button class="text-red-500 hover:text-red-700" title="删除" onclick="showDeleteConfirmation()">
1723
+ <i class="fas fa-trash"></i>
1724
+ </button>
1725
+ </div>
1726
+ </td>
1727
+ </tr>
1728
+
1729
+ <!-- 产品4 -->
1730
+ <tr class="product-table-row">
1731
+ <td>
1732
+ <input type="checkbox">
1733
+ </td>
1734
+ <td>
1735
+ <div class="product-table-product">
1736
+ <img src="https://via.placeholder.com/40" alt="产品图片" class="product-table-product-image">
1737
+ <div class="product-table-product-info">
1738
+ <div class="product-table-product-name">男士休闲衬衫</div>
1739
+ <div class="text-xs text-gray-500">品牌: FashionLine</div>
1740
+ </div>
1741
+ </div>
1742
+ </td>
1743
+ <td>CLOTH-004</td>
1744
+ <td>服装</td>
1745
+ <td class="font-medium">543</td>
1746
+ <td class="font-medium">¥199.00</td>
1747
+ <td>
1748
+ <span class="status-badge status-active">上架</span>
1749
+ </td>
1750
+ <td>
1751
+ <div class="product-table-actions">
1752
+ <button class="text-blue-500 hover:text-blue-700" title="编辑" onclick="openEditProductModal(4)">
1753
+ <i class="fas fa-edit"></i>
1754
+ </button>
1755
+ <button class="text-green-500 hover:text-green-700" title="查看库存">
1756
+ <i class="fas fa-warehouse"></i>
1757
+ </button>
1758
+ <button class="text-red-500 hover:text-red-700" title="删除" onclick="showDeleteConfirmation()">
1759
+ <i class="fas fa-trash"></i>
1760
+ </button>
1761
+ </div>
1762
+ </td>
1763
+ </tr>
1764
+
1765
+ <!-- 产品5 -->
1766
+ <tr class="product-table-row">
1767
+ <td>
1768
+ <input type="checkbox">
1769
+ </td>
1770
+ <td>
1771
+ <div class="product-table-product">
1772
+ <img src="https://via.placeholder.com/40" alt="产品图片" class="product-table-product-image">
1773
+ <div class="product-table-product-info">
1774
+ <div class="product-table-product-name">有机燕麦片</div>
1775
+ <div class="text-xs text-gray-500">品牌: HealthyFood</div>
1776
+ </div>
1777
+ </div>
1778
+ </td>
1779
+ <td>FOOD-005</td>
1780
+ <td>食品</td>
1781
+ <td class="font-medium">321</td>
1782
+ <td class="font-medium">¥49.90</td>
1783
+ <td>
1784
+ <span class="status-badge status-active">上架</span>
1785
+ </td>
1786
+ <td>
1787
+ <div class="product-table-actions">
1788
+ <button class="text-blue-500 hover:text-blue-700" title="编辑" onclick="openEditProductModal(5)">
1789
+ <i class="fas fa-edit"></i>
1790
+ </button>
1791
+ <button class="text-green-500 hover:text-green-700" title="查看库存">
1792
+ <i class="fas fa-warehouse"></i>
1793
+ </button>
1794
+ <button class="text-red-500 hover:text-red-700" title="删除" onclick="showDeleteConfirmation()">
1795
+ <i class="fas fa-trash"></i>
1796
+ </button>
1797
+ </div>
1798
+ </td>
1799
+ </tr>
1800
+ </tbody>
1801
+ </table>
1802
+ </div>
1803
+
1804
+ <!-- 分页控件 -->
1805
+ <div class="flex items-center justify-between p-6 border-t border-gray-200">
1806
+ <div class="text-sm text-gray-500">
1807
+ 显示 <span class="font-medium">1</span> 到 <span class="font-medium">5</span> 条，共 <span class="font-medium">128</span> 条记录
1808
+ </div>
1809
+ <div class="flex space-x-1">
1810
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg disabled">
1811
+ <i class="fas fa-angle-left"></i>
1812
+ </button>
1813
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg bg-blue-500 text-white">1</button>
1814
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">2</button>
1815
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">3</button>
1816
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">4</button>
1817
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg hover:bg-gray-100">5</button>
1818
+ <button class="pagination-btn px-3 py-1 border border-gray-300 rounded-lg">
1819
+ <i class="fas fa-angle-right"></i>
1820
+ </button>
1821
+ </div>
1822
  </div>
1823
  </div>
1824
  </div>
 
1863
  </div>
1864
  </div>
1865
 
1866
+ <!-- 需求工单页面 (默认隐藏) -->
1867
+ <div class="product-content h-full hidden" id="demand-orders-page">
 
 
 
 
 
 
 
 
 
 
1868
  <div class="product-container h-full flex flex-col">
1869
  <!-- 标题和操作按钮 -->
1870
  <div class="flex flex-col md:flex-row md:items-center md:justify-between p-6 pb-0">
 
2000
  </div>
2001
  </div>
2002
  <div class="order-item-products">
2003
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2004
  </html>
prompts.txt CHANGED
@@ -1,3 +1,6 @@
1
  请根据现有设计菜单，生成每个菜单对应的页面设计，相关逻辑：1. 手动录入需求工单，需求工单需要区分工单类型：出库工单和入库工单。2. 需求工单创建完成后提交到审核中心，审核中心对需求工单进行审核，审核条件：是否相关产品的库存满足需求工单，需求工单中的产品是否在产品管理中存在。3.需求工单通过审核中心审核通过后，根据需求工单类型生成对应的入库工单和出库工单。4. 请完善入库工单流程和出库工单流程及界面
2
  请增加各个菜单之间的页面跳转功能，已经设计的功能和交互保持不变
3
- 所有菜单请设计为可点击并且能够跳转相关菜单展示菜单内容，其余已有功能及设计保持不变
 
 
 
 
1
  请根据现有设计菜单，生成每个菜单对应的页面设计，相关逻辑：1. 手动录入需求工单，需求工单需要区分工单类型：出库工单和入库工单。2. 需求工单创建完成后提交到审核中心，审核中心对需求工单进行审核，审核条件：是否相关产品的库存满足需求工单，需求工单中的产品是否在产品管理中存在。3.需求工单通过审核中心审核通过后，根据需求工单类型生成对应的入库工单和出库工单。4. 请完善入库工单流程和出库工单流程及界面
2
  请增加各个菜单之间的页面跳转功能，已经设计的功能和交互保持不变
3
+ 所有菜单请设计为可点击并且能够跳转相关菜单展示菜单内容，其余已有功能及设计保持不变
4
+ 请增加产品管理页面中的内容和功能，其余现有功能和页面设计保持不变
5
+ 在此基础上，请增加产品管理的页面内容，其余已有设计和功能保持不变
6
+ 请增加产品管理页面内容，其余已有功能及设计保持不变。