Files
basicBench/001/005.html
2026-02-15 18:44:09 +08:00

381 lines
20 KiB
HTML

<!DOCTYPE html> <html style><!--
--><meta charset=utf-8>
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
<style>:root{--primary:#2563eb;--danger:#dc2626;--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#334155}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg)!important;color:var(--text)!important;margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:var(--primary)!important;transition:0.2s}a:hover{text-decoration:underline}.main-layout-table{background-color:transparent!important;border:none!important;width:100%;border-collapse:collapse}.header-row td{background-color:#1e293b!important;color:white!important;padding:15px 20px!important;border:none!important}.header-row h1{margin:0;font-size:1.2rem;font-weight:600}.header-row p{margin:5px 0 0;opacity:0.8;font-size:0.9rem}.header-row a{color:#94a3b8!important;margin:0 5px}.layout-cell{vertical-align:top;padding:20px!important;border:none!important}.sidebar-nav ul{list-style:none;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-nav ul li a{display:block;padding:10px 15px;border-bottom:1px solid var(--border);color:var(--text)!important}.sidebar-nav ul li a:hover{background-color:#eff6ff;color:var(--primary)!important;text-decoration:none}.main-content h2{font-size:1.5rem;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-top:0}.filter-table{background:var(--panel);padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid var(--border)!important}.filter-table td{border:none!important;padding:5px!important}input[type="text"],select{padding:6px;border:1px solid #ccc;border-radius:4px}.data-table{background:var(--panel)!important;border-collapse:collapse!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;width:100%;margin-top:20px}.data-table th{background-color:#f1f5f9!important;color:#475569;text-transform:uppercase;font-size:0.85rem;padding:12px!important;border:none!important;border-bottom:2px solid var(--border)!important}.data-table td{border:none!important;border-bottom:1px solid var(--border)!important;padding:12px!important;font-size:0.95rem}.data-table tr:hover td{background-color:#f8fafc}.action-group a{display:inline-block;padding:2px 6px;font-size:0.8rem;border-radius:4px;text-decoration:none!important;margin-right:2px;margin-bottom:2px;border:1px solid transparent}.btn-view{background:#e0f2fe;color:#0369a1!important}.btn-edit{background:#dcfce7;color:#15803d!important}.btn-danger{background:#fee2e2;color:#b91c1c!important}.widget-table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px;margin-bottom:20px;border-collapse:collapse}.widget-header{background-color:#334155!important;color:white!important;padding:10px!important;font-weight:bold;border-radius:7px 7px 0 0}.widget-content td{padding:8px 15px!important;border-bottom:1px solid #eee!important}.footer-row td{background-color:var(--panel)!important;color:#94a3b8!important;border-top:1px solid var(--border)!important;padding:20px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{font-size:0.9rem;color:#64748b}.pagination-controls{display:flex;gap:5px}.page-btn{padding:5px 10px;border:1px solid #e2e8f0;background:white;cursor:pointer;border-radius:4px;font-size:0.9rem;color:#475569}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.page-btn:disabled{opacity:0.5;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/001/1-001.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
<body bgcolor=#e0e0e0 text=#000000 link=#0000FF vlink=#800080 alink=#FF0000>
<table width=100% border=1 cellpadding=5 cellspacing=0 bgcolor=#cccccc class=main-layout-table>
<tbody><tr class=header-row>
<td colspan=3 align=center>
<h1>Internal Inventory Control System V4.2 (Unclassified)</h1>
<p>Current Login: OPERATOR_8821 | <a href=#>[Logout]</a> | <a href=#>[Switch Node]</a> | <a href=#>[System Log]</a> | <a href=#>[Report Error]</a></p>
</td>
</tr>
<tr>
<td width=20% valign=top class="layout-cell sidebar-nav">
<h3>Quick Navigation</h3>
<ul id=sidebarList>
<li><a href=javascript:void(0)>📌 Dashboard</a></li>
<li><a href=javascript:void(0)>🔥 Inbound Request (Urgent)</a></li>
<li><a href=javascript:void(0)>📥 Inbound Request (Normal)</a></li>
<li><a href=javascript:void(0)>🗄️ Inbound Request (Archived)</a></li>
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone A)</a></li>
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone B)</a></li>
<li><a href=javascript:void(0)>🚫 Outbound Approval (Zone C)</a></li>
<li><a href=javascript:void(0)>📉 Damage Registration</a></li>
<li><a href=javascript:void(0)>👥 Personnel Management</a></li>
<li><a href=javascript:void(0)>💰 Financial Interface</a></li>
<li><a href=javascript:void(0)>⚙️ System Settings</a></li>
<li><a href=javascript:void(0)>🖨️ Print Test Page</a></li>
<li class="legacy-link sf-hidden"></li>
<li class="legacy-link sf-hidden"></li>
<li class="legacy-link sf-hidden"></li>
<li><a href=javascript:void(0)>❓ Help &amp; Support</a></li>
<li><a href=javascript:void(0)>💾 Download Controls</a></li>
<li><a href=javascript:void(0)>🔄 Refresh System</a></li>
</ul>
<hr>
<div style="background:#fff7ed;padding:10px;border-radius:4px;font-size:0.9em;border:1px solid #ffedd5">
<p style=margin:0;color:#c2410c><b>System Broadcast:</b><br>Please note, server maintenance is scheduled for 03:00 tonight. Do not submit forms during this time.</p>
</div>
<p style=text-align:center;color:#888;margin-top:10px><b>Quote of the Day:</b><br>Safety First, Efficiency Foremost.</p>
</td>
<td width=60% valign=top class="layout-cell main-content">
<h2>Inventory List - Zone A1</h2>
<form id=searchForm>
<table border=0 width=100% class=filter-table>
<tbody><tr>
<td>Keyword: <input type=text id=searchInput name=kw size=30 placeholder="Enter ID or Name" value></td>
<td>
Type:
<select id=typeSelect name=type>
<option value=all selected>-- All --</option>
<option value=res>Resistor</option>
<option value=cap>Capacitor</option>
<option value=ind>Inductor</option>
<option value=chip>Chip</option>
<option value=conn>Connector</option>
<option value=other>Other</option>
</select>
</td>
<td>
Status:
<label><input type=checkbox name=st_normal value=NORMAL> Normal</label>
<label><input type=checkbox name=st_low value=LOW> Warning</label>
<label><input type=checkbox name=st_crit value=CRITICAL checked> Critical</label>
</td>
</tr>
<tr>
<td colspan=3 style=padding-top:10px>
Sort:
<label><input type=radio name=sort value=date checked> By Date</label>
<label><input type=radio name=sort value=id> By ID</label>
<label><input type=radio name=sort value=qty> By Quantity</label>
<br><br>
<button type=submit class="page-btn active" style="padding:6px 20px">
<span id=search-spinner class=spinner style=display:none;width:12px;height:12px;border-width:2px;vertical-align:middle;margin-right:5px></span>
Search
</button>
<button type=button class=page-btn>Reset</button>
<button type=button class=page-btn disabled style=opacity:0.6;cursor:not-allowed>Export Excel</button>
</td>
</tr>
</table>
</form>
<hr style="border:0;margin:20px 0">
<table border=1 width=100% cellpadding=3 cellspacing=1 class=data-table id=inventoryTable>
<thead>
<tr bgcolor=#999999>
<th width=40><input type=checkbox id=selectAll value=on></th>
<th width=100>ID</th>
<th>Item Name</th>
<th width=120>Batch No</th>
<th width=80>Qty</th>
<th width=80>Weight(g)</th>
<th width=100>Inbound Date</th>
<th width=100>Status Code</th>
<th width=180>Actions</th>
</tr>
</thead>
<tbody id=tableBody><tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210233></td>
<td><font face=monospace>#88210233</font></td>
<td>
<strong>Battery Holder</strong><br>
<small style=color:#666>Supplier: Gamma Inc</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_L8</code></td>
<td>2,973</td>
<td>9.25g</td>
<td>2025-07-10</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210240></td>
<td><font face=monospace>#88210240</font></td>
<td>
<strong>MCU STM32F103</strong><br>
<small style=color:#666>Supplier: Alpha Corp</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_M86</code></td>
<td>8,267</td>
<td>0.42g</td>
<td>2025-05-29</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210109></td>
<td><font face=monospace>#88210109</font></td>
<td>
<strong>Crystal 16MHz</strong><br>
<small style=color:#666>Supplier: Murata</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_N75</code></td>
<td>2,899</td>
<td>1.45g</td>
<td>2025-05-14</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210063></td>
<td><font face=monospace>#88210063</font></td>
<td>
<strong>LED Red 0805</strong><br>
<small style=color:#666>Supplier: Beta Ltd</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C72</code></td>
<td>3,859</td>
<td>3.28g</td>
<td>2025-03-16</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210077></td>
<td><font face=monospace>#88210077</font></td>
<td>
<strong>Resistor 10k 0603</strong><br>
<small style=color:#666>Supplier: ST Micro</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_A40</code></td>
<td>3,018</td>
<td>3.67g</td>
<td>2025-03-15</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210013></td>
<td><font face=monospace>#88210013</font></td>
<td>
<strong>LED Red 0805</strong><br>
<small style=color:#666>Supplier: Murata</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_A35</code></td>
<td>200</td>
<td>8.45g</td>
<td>2025-03-13</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210341></td>
<td><font face=monospace>#88210341</font></td>
<td>
<strong>Inductor 22uH</strong><br>
<small style=color:#666>Supplier: Beta Ltd</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_S30</code></td>
<td>750</td>
<td>9.32g</td>
<td>2025-02-05</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210184></td>
<td><font face=monospace>#88210184</font></td>
<td>
<strong>Fuse 500mA</strong><br>
<small style=color:#666>Supplier: ST Micro</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_D37</code></td>
<td>4,611</td>
<td>5.53g</td>
<td>2025-01-26</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210288></td>
<td><font face=monospace>#88210288</font></td>
<td>
<strong>Diode 1N4148</strong><br>
<small style=color:#666>Supplier: Alpha Corp</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C70</code></td>
<td>8,520</td>
<td>0.20g</td>
<td>2025-01-04</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
<tr class=data-row>
<td align=center><input type=checkbox class=row-check value=88210032></td>
<td><font face=monospace>#88210032</font></td>
<td>
<strong>PCB Stiffener</strong><br>
<small style=color:#666>Supplier: NXP</small>
</td>
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_W52</code></td>
<td>877</td>
<td>6.17g</td>
<td>2024-12-22</td>
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
<td class=action-group>
<a href=javascript:void(0) class=btn-view>[Detail]</a>
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
<a href=javascript:void(0) class=btn-danger>[Del]</a>
</td>
</tbody>
</table>
<div class=pagination-container>
<div class=pagination-info>
Showing <span id=startRecord>11</span> to <span id=endRecord>20</span> of <span id=totalRecords>36</span> records
</div>
<div style=display:flex;align-items:center;gap:10px>
<select id=pageSizeSelect>
<option value=10 selected>10/page</option>
<option value=20>20/page</option>
<option value=50>50/page</option>
<option value=100>100/page</option>
</select>
<div class=pagination-controls id=paginationControls><button class=page-btn>&lt;&lt;</button><button class=page-btn>&lt;</button><button class=page-btn>1</button><button class="page-btn active">2</button><button class=page-btn>3</button><button class=page-btn>4</button><button class=page-btn>&gt;</button><button class=page-btn>&gt;&gt;</button></div>
</div>
</div>
<br><br>
<table border=1 width=100% bgcolor=#eeeeee style=border:none;border-radius:8px;overflow:hidden;background:#f1f5f9>
<tbody><tr>
<td style=padding:20px;border:none>
<h4 style=margin-top:0>Batch Operation Console</h4>
<p>Selected Action:
<select id=batchActionSelect>
<option selected>-- Select Action --</option>
<option>Batch Export</option>
<option>Batch Delete (Admin Required)</option>
<option>Transfer Warehouse</option>
</select>
<input type=button value=Execute>
</p>
<p style=font-size:0.9em;color:#666>
<label><input type=checkbox value=on> I have read and agree to the "Data Security Operation Standard v9.0"</label><br>
<label><input type=checkbox value=on> Confirm no misoperation</label>
</p>
</td>
</tr>
</table>
</td>
<td width=20% valign=top class="layout-cell sidebar-widgets">
<table border=1 width=100% class=widget-table>
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white align=center><b>Server Load</b></font></tr>
<tbody class=widget-content>
<tr><td>CPU: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:12%;height:100%;background:green;border-radius:4px></div></div> 12%</tr>
<tr><td>RAM: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:64%;height:100%;background:orange;border-radius:4px></div></div> 64%</tr>
<tr><td>DISK: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:98%;height:100%;background:red;border-radius:4px></div></div> <span style=color:red>98% (Warning)</span></tr>
</tbody>
</table>
<br>
<table border=1 width=100% class=widget-table>
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white><b>To-Do List</b></font></tr>
<tbody class=widget-content>
<tr><td><label><input type=checkbox value=on> Approve Zhang San's Leave</label></tr>
<tr><td><label><input type=checkbox value=on> Order Coffee Beans</label></tr>
<tr><td><label><input type=checkbox value=on> Fix Printer</label></tr>
<tr><td><label><input type=checkbox value=on> Update Firewall</label></tr>
<tr><td><label><input type=checkbox value=on> Year-end Report Summary</label></tr>
</tbody>
</table>
<br>
<center>
<p style=font-size:0.8rem;color:#888>Scan to Download App</p>
<div style="background:white;padding:10px;border-radius:8px;display:inline-block;border:1px solid #ddd">
<table border=1 width=100 height=100 style=border:none>
<tbody><tr><td align=center style=border:none>QR CODE</tr>
</table>
</div>
</center>
</td>
</tr>
<tr class=footer-row>
<td colspan=3 bgcolor=#333333 align=center>
<font color=#ffffff size=2>
© 2005-2025 Galactic Logistics Corp. All Rights Reserved.<br>
Address: Sector 7G, Industrial Zone, Mars Colony.<br>
<a href=# style=color:#aaaaaa>Privacy Policy</a> |
<a href=# style=color:#aaaaaa>Terms of Service</a> |
<a href=# style=color:#aaaaaa>Sitemap</a> |
<a href=# style=color:#aaaaaa>Report Abuse</a>
<br>
<span style=opacity:0.5>Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB</span>
</font>
</td>
</tr>
</table>
<div class="modal-overlay sf-hidden" id=editModal>
</div>
<div class="modal-overlay sf-hidden" id=detailModal>
</div>
<div class="modal-overlay sf-hidden" id=settingsModal>
</div>
<div class="modal-overlay sf-hidden" id=helpModal>
</div>
<div class="modal-overlay sf-hidden" id=reportModal>
</div>
<div class="modal-overlay sf-hidden" id=confirmModal>
</div>
<div class="modal-overlay sf-hidden" id=alertModal>
</div>
<div class=toast-container id=toastContainer></div>