init and add first sample exp
This commit is contained in:
colden
310
001/001_b.html
Normal file
310
001/001_b.html
Normal file
@@ -0,0 +1,310 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#e0e0e0" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#cccccc">
|
||||||
|
<tr>
|
||||||
|
<td colspan="3" align="center">
|
||||||
|
<h1>内部库存管控系统 V4.2 (非密级)</h1>
|
||||||
|
<p>当前登录: OPERATOR_8821 | <a href="#">[注销]</a> | <a href="#">[切换节点]</a> | <a href="#">[系统日志]</a> | <a href="#">[报错]</a></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="20%" valign="top">
|
||||||
|
<h3>快速导航</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">概览面板</a></li>
|
||||||
|
<li><a href="#">入库申请 (急)</a></li>
|
||||||
|
<li><a href="#">入库申请 (缓)</a></li>
|
||||||
|
<li><a href="#">入库申请 (存档)</a></li>
|
||||||
|
<li><a href="#">出库审批 (A区)</a></li>
|
||||||
|
<li><a href="#">出库审批 (B区)</a></li>
|
||||||
|
<li><a href="#">出库审批 (C区)</a></li>
|
||||||
|
<li><a href="#">报损登记</a></li>
|
||||||
|
<li><a href="#">人员管理</a></li>
|
||||||
|
<li><a href="#">财务对接</a></li>
|
||||||
|
<li><a href="#">系统设置</a></li>
|
||||||
|
<li><a href="#">打印测试页</a></li>
|
||||||
|
<li><a href="#">旧版入口 (已停用)</a></li>
|
||||||
|
<li><a href="#">旧版入口 V2 (已停用)</a></li>
|
||||||
|
<li><a href="#">帮助文档 1998版</a></li>
|
||||||
|
<li><a href="#">联系管理员</a></li>
|
||||||
|
<li><a href="#">下载控件</a></li>
|
||||||
|
<li><a href="#">清除缓存</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
<p><b>系统广播:</b><br>请注意，服务器将于今晚 03:00 进行维护，请勿在此期间提交表单。</p>
|
||||||
|
<p><b>今日格言:</b><br>安全生产，效率第一。</p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="60%" valign="top">
|
||||||
|
<h2>库存列表 - 区域 A1</h2>
|
||||||
|
|
||||||
|
<form action="submit_filter">
|
||||||
|
<table border="0" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td>关键词: <input type="text" name="kw" size="30"></td>
|
||||||
|
<td>
|
||||||
|
类型:
|
||||||
|
<select name="type">
|
||||||
|
<option value="all">-- 所有 --</option>
|
||||||
|
<option value="res">电阻</option>
|
||||||
|
<option value="cap">电容</option>
|
||||||
|
<option value="ind">电感</option>
|
||||||
|
<option value="chip">芯片</option>
|
||||||
|
<option value="conn">连接器</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
状态:
|
||||||
|
<input type="checkbox" name="st1" checked> 正常
|
||||||
|
<input type="checkbox" name="st2"> 警告
|
||||||
|
<input type="checkbox" name="st3"> 损坏
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="3">
|
||||||
|
高级选项:
|
||||||
|
<input type="radio" name="sort" value="date"> 按日期
|
||||||
|
<input type="radio" name="sort" value="id"> 按ID
|
||||||
|
<input type="radio" name="sort" value="wt"> 按重量
|
||||||
|
<input type="radio" name="sort" value="pr"> 按优先级
|
||||||
|
<br>
|
||||||
|
<input type="submit" value="开始检索">
|
||||||
|
<input type="reset" value="重置条件">
|
||||||
|
<input type="button" value="导出Excel (不可用)">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<table border="1" width="100%" cellpadding="3" cellspacing="1">
|
||||||
|
<tr bgcolor="#999999">
|
||||||
|
<th>选择</th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>物料名称</th>
|
||||||
|
<th>批次号</th>
|
||||||
|
<th>库存量</th>
|
||||||
|
<th>状态码</th>
|
||||||
|
<th>操作 (慎点)</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1001"></td>
|
||||||
|
<td><font face="monospace">#8821001</font></td>
|
||||||
|
<td>高频电容 10uF<br><small>供应商: Alpha Corp</small></td>
|
||||||
|
<td>BATCH_2023_A</td>
|
||||||
|
<td>5000</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffcc">
|
||||||
|
<td colspan="7" align="center">
|
||||||
|
<font color="red"><b>通知：食堂今日特供红烧肉，请尽早前往。</b></font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1002"></td>
|
||||||
|
<td><font face="monospace">#8821002</font></td>
|
||||||
|
<td>精密电阻 100R<br><small>供应商: Beta Ltd</small></td>
|
||||||
|
<td>BATCH_2023_B</td>
|
||||||
|
<td>1200</td>
|
||||||
|
<td><font color="orange">LOW</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1003"></td>
|
||||||
|
<td><font face="monospace">#8821003</font></td>
|
||||||
|
<td>稳压二极管 5V<br><small>供应商: Gamma Inc</small></td>
|
||||||
|
<td>BATCH_2023_C</td>
|
||||||
|
<td>8000</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="7">
|
||||||
|
<tt>System Debug: Memory Leak at 0x004F221 detected. Ignored.</tt>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1004"></td>
|
||||||
|
<td><font face="monospace">#8821004</font></td>
|
||||||
|
<td>连接器 40Pin<br><small>供应商: ConnWorld</small></td>
|
||||||
|
<td>BATCH_2023_D</td>
|
||||||
|
<td>50</td>
|
||||||
|
<td><font color="red">CRITICAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1005"></td>
|
||||||
|
<td><font face="monospace">#8821005</font></td>
|
||||||
|
<td>主控芯片 STM32<br><small>供应商: ST Micro</small></td>
|
||||||
|
<td>BATCH_2023_E</td>
|
||||||
|
<td>150</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1006"></td>
|
||||||
|
<td><font face="monospace">#8821006</font></td>
|
||||||
|
<td>陶瓷电容 104<br><small>供应商: PassivePlus</small></td>
|
||||||
|
<td>BATCH_2023_F</td>
|
||||||
|
<td>99999</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="7" align="right">
|
||||||
|
<input type="button" value="加载更多数据..." disabled> (网络连接缓慢)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1007"></td>
|
||||||
|
<td><font face="monospace">#8821007</font></td>
|
||||||
|
<td>散热片 Type-A<br><small>供应商: MetalWorks</small></td>
|
||||||
|
<td>BATCH_2023_G</td>
|
||||||
|
<td>200</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1008"></td>
|
||||||
|
<td><font face="monospace">#8821008</font></td>
|
||||||
|
<td>M3 螺丝<br><small>供应商: ScrewFix</small></td>
|
||||||
|
<td>BATCH_2023_H</td>
|
||||||
|
<td>50000</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1009"></td>
|
||||||
|
<td><font face="monospace">#8821009</font></td>
|
||||||
|
<td>PCB 基板 (空)<br><small>供应商: PCBWay</small></td>
|
||||||
|
<td>BATCH_2023_I</td>
|
||||||
|
<td>10</td>
|
||||||
|
<td><font color="orange">LOW</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="id_1010"></td>
|
||||||
|
<td><font face="monospace">#8821010</font></td>
|
||||||
|
<td>包装盒 (大)<br><small>供应商: PackIt</small></td>
|
||||||
|
<td>BATCH_2023_J</td>
|
||||||
|
<td>500</td>
|
||||||
|
<td><font color="green">NORMAL</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">[详情]</a> <a href="#">[编辑]</a> <a href="#">[复制]</a> <br>
|
||||||
|
<a href="#">[挂起]</a> <a href="#">[报废]</a> <a href="#">[删除]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p align="right">每页显示: <a href="#">10</a> | <a href="#">20</a> | <a href="#">50</a> | <a href="#">100</a></p>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<table border="1" width="100%" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h4>批量操作控制台</h4>
|
||||||
|
<p>选中项操作:
|
||||||
|
<select>
|
||||||
|
<option>-- 请选择操作 --</option>
|
||||||
|
<option>批量导出</option>
|
||||||
|
<option>批量删除 (需管理员权限)</option>
|
||||||
|
<option>转移仓库</option>
|
||||||
|
</select>
|
||||||
|
<input type="button" value="执行">
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="checkbox"> 我已阅读并同意《数据安全操作规范 v9.0》<br>
|
||||||
|
<input type="checkbox"> 确认非误操作
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="20%" valign="top">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr><td bgcolor="#000000"><font color="white" align="center"><b>服务器负载</b></font></td></tr>
|
||||||
|
<tr><td>CPU: 12%</td></tr>
|
||||||
|
<tr><td>RAM: 64%</td></tr>
|
||||||
|
<tr><td>DISK: 98% (警告)</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr><td bgcolor="#000000"><font color="white"><b>待办事项</b></font></td></tr>
|
||||||
|
<tr><td><input type="checkbox"> 审批张三的请假</td></tr>
|
||||||
|
<tr><td><input type="checkbox"> 订购咖啡豆</td></tr>
|
||||||
|
<tr><td><input type="checkbox"> 修复打印机</td></tr>
|
||||||
|
<tr><td><input type="checkbox"> 更新防火墙</td></tr>
|
||||||
|
<tr><td><input type="checkbox"> 年底报表汇总</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<center>
|
||||||
|
<p>扫码下载APP (图片占位)</p>
|
||||||
|
<table border="1" width="100" height="100">
|
||||||
|
<tr><td align="center">QR CODE</td></tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<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>
|
||||||
|
Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
412
001/001_r.html
Normal file
412
001/001_r.html
Normal file
@@ -0,0 +1,412 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Galactic Logistics - 库存管理系统 (Modern V5.0)</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--primary-color: #2563eb;
|
||||||
|
--danger-color: #dc2626;
|
||||||
|
--success-color: #16a34a;
|
||||||
|
--bg-color: #f3f4f6;
|
||||||
|
--panel-bg: #ffffff;
|
||||||
|
--border-color: #e5e7eb;
|
||||||
|
--text-main: #1f2937;
|
||||||
|
--text-muted: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-main);
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 顶部导航 */
|
||||||
|
header {
|
||||||
|
background-color: #1e293b;
|
||||||
|
color: white;
|
||||||
|
padding: 0 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 60px;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
header a { color: #94a3b8; text-decoration: none; margin-left: 15px; font-size: 0.9em; }
|
||||||
|
header a:hover { color: white; }
|
||||||
|
|
||||||
|
/* 布局容器 */
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 侧边栏 */
|
||||||
|
aside {
|
||||||
|
width: 240px;
|
||||||
|
background-color: var(--panel-bg);
|
||||||
|
border-right: 1px solid var(--border-color);
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside h3 { margin-top: 0; font-size: 0.85em; text-transform: uppercase; color: var(--text-muted); }
|
||||||
|
aside ul { list-style: none; padding: 0; }
|
||||||
|
aside li { margin-bottom: 5px; }
|
||||||
|
aside a {
|
||||||
|
display: block;
|
||||||
|
padding: 8px 12px;
|
||||||
|
color: var(--text-main);
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: background 0.2s;
|
||||||
|
}
|
||||||
|
aside a:hover { background-color: #eff6ff; color: var(--primary-color); }
|
||||||
|
|
||||||
|
/* 隐藏无用的旧链接干扰 */
|
||||||
|
.legacy-link { display: none; }
|
||||||
|
.system-broadcast {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
background: #fff7ed;
|
||||||
|
border: 1px solid #ffedd5;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #c2410c;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 主内容 */
|
||||||
|
main {
|
||||||
|
flex: 1;
|
||||||
|
padding: 20px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 筛选区 */
|
||||||
|
.filter-bar {
|
||||||
|
background: var(--panel-bg);
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"], select {
|
||||||
|
padding: 8px 12px;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 8px 16px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.btn-primary { background-color: var(--primary-color); color: white; }
|
||||||
|
.btn-danger { background-color: var(--danger-color); color: white; }
|
||||||
|
|
||||||
|
/* 数据表格 */
|
||||||
|
.data-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
background: var(--panel-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th, .data-table td {
|
||||||
|
padding: 12px 16px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid var(--border-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th { background-color: #f8fafc; font-weight: 600; color: var(--text-muted); }
|
||||||
|
.data-table tr:hover { background-color: #f9fafb; }
|
||||||
|
|
||||||
|
/* 状态标签 */
|
||||||
|
.badge { padding: 4px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 600; }
|
||||||
|
.badge-normal { background-color: #dcfce7; color: #166534; }
|
||||||
|
.badge-warn { background-color: #ffedd5; color: #9a3412; }
|
||||||
|
.badge-critical { background-color: #fee2e2; color: #991b1b; }
|
||||||
|
|
||||||
|
/* 操作按钮组 - CSS 将它们区分开 */
|
||||||
|
.action-group { display: flex; gap: 8px; }
|
||||||
|
.action-link { font-size: 0.85em; text-decoration: none; cursor: pointer; }
|
||||||
|
.action-view { color: var(--primary-color); }
|
||||||
|
.action-delete { color: var(--danger-color); }
|
||||||
|
.action-delete:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
/* 隐藏干扰行 */
|
||||||
|
.ad-row, .debug-row { display: none; }
|
||||||
|
|
||||||
|
/* 右侧栏 */
|
||||||
|
.widgets { width: 200px; padding: 20px; background: #fff; border-left: 1px solid var(--border-color); }
|
||||||
|
.widget-card { margin-bottom: 20px; padding: 15px; background: #f8fafc; border-radius: 8px; }
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
footer {
|
||||||
|
background-color: var(--panel-bg);
|
||||||
|
padding: 10px 20px;
|
||||||
|
border-top: 1px solid var(--border-color);
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: var(--text-muted);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<div style="font-weight: bold; font-size: 1.2em;">Galactic Logistics <span style="font-weight: normal; opacity: 0.7;">| Admin Console</span></div>
|
||||||
|
<div>
|
||||||
|
<span>你好, Operator_8821</span>
|
||||||
|
<a href="#" onclick="alert('模拟动作: 登出系统')">退出</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<aside>
|
||||||
|
<h3>核心功能</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#" class="active">库存总览</a></li>
|
||||||
|
<li><a href="#">入库管理</a></li>
|
||||||
|
<li><a href="#">出库审批</a></li>
|
||||||
|
<li><a href="#">报表分析</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>系统维护</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">用户权限</a></li>
|
||||||
|
<li><a href="#">日志审计</a></li>
|
||||||
|
<li><a href="#">API 配置</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="system-broadcast">
|
||||||
|
<strong>公告:</strong> 凌晨3点系统维护，请提前保存数据。
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="legacy-link">
|
||||||
|
<li><a href="#">旧版入口 1998</a></li>
|
||||||
|
<li><a href="#">下载 ActiveX 控件</a></li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="filter-bar">
|
||||||
|
<input type="text" placeholder="搜索 ID 或名称..." id="searchInput">
|
||||||
|
<select>
|
||||||
|
<option>所有类型</option>
|
||||||
|
<option>电阻</option>
|
||||||
|
<option>电容</option>
|
||||||
|
<option>芯片</option>
|
||||||
|
</select>
|
||||||
|
<select>
|
||||||
|
<option>状态: 全部</option>
|
||||||
|
<option>正常</option>
|
||||||
|
<option>库存不足</option>
|
||||||
|
</select>
|
||||||
|
<button class="btn btn-primary" onclick="performSearch()">查询</button>
|
||||||
|
<button class="btn" onclick="resetFilter()">重置</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="data-table" id="inventoryTable">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th width="50"><input type="checkbox" id="selectAll"></th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>物料信息</th>
|
||||||
|
<th>批次</th>
|
||||||
|
<th>库存</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="row-check"></td>
|
||||||
|
<td><code>#8821001</code></td>
|
||||||
|
<td>
|
||||||
|
<strong>高频电容 10uF</strong><br>
|
||||||
|
<span style="font-size:0.8em; color:#888;">Alpha Corp</span>
|
||||||
|
</td>
|
||||||
|
<td>BATCH_2023_A</td>
|
||||||
|
<td>5,000</td>
|
||||||
|
<td><span class="badge badge-normal">正常</span></td>
|
||||||
|
<td>
|
||||||
|
<div class="action-group">
|
||||||
|
<a class="action-link action-view">详情</a>
|
||||||
|
<a class="action-link action-view">编辑</a>
|
||||||
|
<a class="action-link action-delete" onclick="confirmDelete('8821001')">删除</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr class="ad-row">
|
||||||
|
<td colspan="7">食堂今日特供红烧肉...</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="row-check"></td>
|
||||||
|
<td><code>#8821002</code></td>
|
||||||
|
<td>
|
||||||
|
<strong>精密电阻 100R</strong><br>
|
||||||
|
<span style="font-size:0.8em; color:#888;">Beta Ltd</span>
|
||||||
|
</td>
|
||||||
|
<td>BATCH_2023_B</td>
|
||||||
|
<td>1,200</td>
|
||||||
|
<td><span class="badge badge-warn">偏低</span></td>
|
||||||
|
<td>
|
||||||
|
<div class="action-group">
|
||||||
|
<a class="action-link action-view">详情</a>
|
||||||
|
<a class="action-link action-view">编辑</a>
|
||||||
|
<a class="action-link action-delete" onclick="confirmDelete('8821002')">删除</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr class="debug-row">
|
||||||
|
<td colspan="7">Memory Dump 0x000000...</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="row-check"></td>
|
||||||
|
<td><code>#8821003</code></td>
|
||||||
|
<td>
|
||||||
|
<strong>稳压二极管 5V</strong><br>
|
||||||
|
<span style="font-size:0.8em; color:#888;">Gamma Inc</span>
|
||||||
|
</td>
|
||||||
|
<td>BATCH_2023_C</td>
|
||||||
|
<td>8,000</td>
|
||||||
|
<td><span class="badge badge-normal">正常</span></td>
|
||||||
|
<td>
|
||||||
|
<div class="action-group">
|
||||||
|
<a class="action-link action-view">详情</a>
|
||||||
|
<a class="action-link action-view">编辑</a>
|
||||||
|
<a class="action-link action-delete" onclick="confirmDelete('8821003')">删除</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="row-check"></td>
|
||||||
|
<td><code>#8821004</code></td>
|
||||||
|
<td>
|
||||||
|
<strong>连接器 40Pin</strong><br>
|
||||||
|
<span style="font-size:0.8em; color:#888;">ConnWorld</span>
|
||||||
|
</td>
|
||||||
|
<td>BATCH_2023_D</td>
|
||||||
|
<td>50</td>
|
||||||
|
<td><span class="badge badge-critical">严重不足</span></td>
|
||||||
|
<td>
|
||||||
|
<div class="action-group">
|
||||||
|
<a class="action-link action-view">详情</a>
|
||||||
|
<a class="action-link action-view">编辑</a>
|
||||||
|
<a class="action-link action-delete" onclick="confirmDelete('8821004')">删除</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="row-check"></td>
|
||||||
|
<td><code>#8821005</code></td>
|
||||||
|
<td>
|
||||||
|
<strong>主控芯片 STM32</strong><br>
|
||||||
|
<span style="font-size:0.8em; color:#888;">ST Micro</span>
|
||||||
|
</td>
|
||||||
|
<td>BATCH_2023_E</td>
|
||||||
|
<td>150</td>
|
||||||
|
<td><span class="badge badge-normal">正常</span></td>
|
||||||
|
<td>
|
||||||
|
<div class="action-group">
|
||||||
|
<a class="action-link action-view">详情</a>
|
||||||
|
<a class="action-link action-view">编辑</a>
|
||||||
|
<a class="action-link action-delete" onclick="confirmDelete('8821005')">删除</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div style="margin-top: 20px; text-align: right;">
|
||||||
|
<button class="btn" style="background:#fff; border:1px solid #ccc;">« 上一页</button>
|
||||||
|
<button class="btn btn-primary">1</button>
|
||||||
|
<button class="btn" style="background:#fff; border:1px solid #ccc;">2</button>
|
||||||
|
<button class="btn" style="background:#fff; border:1px solid #ccc;">3</button>
|
||||||
|
<button class="btn" style="background:#fff; border:1px solid #ccc;">下一页 »</button>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div class="widgets">
|
||||||
|
<div class="widget-card">
|
||||||
|
<h4>服务器状态</h4>
|
||||||
|
<div style="height: 6px; background: #e2e8f0; border-radius: 3px; margin: 10px 0;">
|
||||||
|
<div style="width: 64%; background: #2563eb; height: 100%; border-radius: 3px;"></div>
|
||||||
|
</div>
|
||||||
|
<small style="color: #64748b;">RAM 使用率 64%</small>
|
||||||
|
</div>
|
||||||
|
<div class="widget-card">
|
||||||
|
<h4>待办事项</h4>
|
||||||
|
<div style="font-size: 0.9em;">
|
||||||
|
<label style="display:block; margin-bottom:5px;"><input type="checkbox"> 审批请假</label>
|
||||||
|
<label style="display:block; margin-bottom:5px;"><input type="checkbox"> 订购耗材</label>
|
||||||
|
<label style="display:block;"><input type="checkbox"> 报表汇总</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
© 2025 Galactic Logistics Corp. | Version 5.0.2 (Build 202412)
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 简单的交互脚本
|
||||||
|
|
||||||
|
// 全选功能
|
||||||
|
document.getElementById('selectAll').addEventListener('change', function(e) {
|
||||||
|
const checkboxes = document.querySelectorAll('.row-check');
|
||||||
|
checkboxes.forEach(cb => cb.checked = e.target.checked);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 模拟删除确认
|
||||||
|
function confirmDelete(id) {
|
||||||
|
if(confirm(`警告：您确定要从数据库中永久删除物料 #${id} 吗？此操作不可逆！`)) {
|
||||||
|
// 这里只是前端模拟，实际会发送Ajax请求
|
||||||
|
alert(`物料 #${id} 已标记为删除状态。`);
|
||||||
|
// 简单移除行以展示效果
|
||||||
|
const rows = document.querySelectorAll('tbody tr');
|
||||||
|
rows.forEach(row => {
|
||||||
|
if(row.innerHTML.includes(id)) {
|
||||||
|
row.style.opacity = '0.3';
|
||||||
|
row.style.backgroundColor = '#fee2e2';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 模拟搜索功能
|
||||||
|
function performSearch() {
|
||||||
|
const val = document.getElementById('searchInput').value;
|
||||||
|
alert(`正在检索数据库中包含 "${val}" 的记录... (前端模拟)`);
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetFilter() {
|
||||||
|
document.getElementById('searchInput').value = '';
|
||||||
|
alert("筛选条件已重置");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user