560 lines
27 KiB
HTML
560 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
|
<style>
|
|
/* === CSS Reset & Modernizer === */
|
|
: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; /* 覆盖原有 bgcolor */
|
|
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; }
|
|
|
|
/* === 布局重构 (将 Table 强制改为 Flex 风格) === */
|
|
/* 隐藏最外层大表格的边框和背景 */
|
|
.main-layout-table {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/* 顶部 Header */
|
|
.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; }
|
|
|
|
/* 侧边栏 & 主内容 & Widget 布局调整 */
|
|
/* 利用 CSS 让这些 td 看起来像独立的列 */
|
|
.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;
|
|
}
|
|
/* 隐藏旧版干扰链接 */
|
|
.legacy-link { display: none !important; }
|
|
|
|
/* 中间主内容 */
|
|
.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;
|
|
}
|
|
input[type="submit"], input[type="reset"] {
|
|
padding: 6px 15px; border-radius: 4px; border: none; cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
input[type="submit"] { background: var(--primary); color: white; }
|
|
|
|
/* 数据表格 (核心改造) */
|
|
.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; }
|
|
|
|
/* === 干扰项隐藏 (重点) === */
|
|
/* 隐藏所有被标记为 interference 的行 */
|
|
.interference-row { display: none !important; }
|
|
|
|
/* 右侧 Widget 美化 */
|
|
.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;
|
|
}
|
|
</style>
|
|
</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">
|
|
<tr class="header-row">
|
|
<td colspan="3" align="center">
|
|
<h1>内部库存管控系统 V4.2 (非密级)</h1>
|
|
<p>当前登录: OPERATOR_8821 | <a href="#" onclick="alert('模拟注销')">[注销]</a> | <a href="#">[切换节点]</a> | <a href="#">[系统日志]</a> | <a href="#">[报错]</a></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="20%" valign="top" class="layout-cell sidebar-nav">
|
|
<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 class="legacy-link"><a href="#">旧版入口 (已停用)</a></li>
|
|
<li class="legacy-link"><a href="#">旧版入口 V2 (已停用)</a></li>
|
|
<li class="legacy-link"><a href="#">帮助文档 1998版</a></li>
|
|
<li><a href="#">联系管理员</a></li>
|
|
<li><a href="#">下载控件</a></li>
|
|
<li><a href="#">清除缓存</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>系统广播:</b><br>请注意，服务器将于今晚 03:00 进行维护，请勿在此期间提交表单。</p>
|
|
</div>
|
|
<p style="text-align:center; color:#888; margin-top:10px;"><b>今日格言:</b><br>安全生产，效率第一。</p>
|
|
</td>
|
|
|
|
<td width="60%" valign="top" class="layout-cell main-content">
|
|
<h2>库存列表 - 区域 A1</h2>
|
|
|
|
<form action="submit_filter">
|
|
<table border="0" width="100%" class="filter-table">
|
|
<tr>
|
|
<td>关键词: <input type="text" name="kw" size="30" placeholder="输入 ID 或名称"></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>
|
|
状态:
|
|
<label><input type="checkbox" name="st1" checked> 正常</label>
|
|
<label><input type="checkbox" name="st2"> 警告</label>
|
|
<label><input type="checkbox" name="st3"> 损坏</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3" style="padding-top:10px;">
|
|
高级选项:
|
|
<label><input type="radio" name="sort" value="date"> 按日期</label>
|
|
<label><input type="radio" name="sort" value="id"> 按ID</label>
|
|
<label><input type="radio" name="sort" value="wt"> 按重量</label>
|
|
<label><input type="radio" name="sort" value="pr"> 按优先级</label>
|
|
<br><br>
|
|
<input type="submit" value="开始检索">
|
|
<input type="reset" value="重置条件">
|
|
<input type="button" value="导出Excel (不可用)" disabled style="background:#eee; color:#aaa; cursor:not-allowed;">
|
|
</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><input type="checkbox" id="selectAll"></th>
|
|
<th>ID</th>
|
|
<th>物料名称</th>
|
|
<th>批次号</th>
|
|
<th>库存量</th>
|
|
<th>状态码</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1001" class="row-check"></td>
|
|
<td><font face="monospace">#8821001</font></td>
|
|
<td><strong>高频电容 10uF</strong><br><small style="color:#666">供应商: Alpha Corp</small></td>
|
|
<td>BATCH_2023_A</td>
|
|
<td>5000</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr bgcolor="#ffffcc" class="interference-row">
|
|
<td colspan="7" align="center">
|
|
<font color="red"><b>通知：食堂今日特供红烧肉，请尽早前往。</b></font>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1002" class="row-check"></td>
|
|
<td><font face="monospace">#8821002</font></td>
|
|
<td><strong>精密电阻 100R</strong><br><small style="color:#666">供应商: Beta Ltd</small></td>
|
|
<td>BATCH_2023_B</td>
|
|
<td>1200</td>
|
|
<td><span style="color:orange; font-weight:bold;">LOW</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1003" class="row-check"></td>
|
|
<td><font face="monospace">#8821003</font></td>
|
|
<td><strong>稳压二极管 5V</strong><br><small style="color:#666">供应商: Gamma Inc</small></td>
|
|
<td>BATCH_2023_C</td>
|
|
<td>8000</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="interference-row">
|
|
<td colspan="7">
|
|
<tt>System Debug: Memory Leak at 0x004F221 detected. Ignored.</tt>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1004" class="row-check"></td>
|
|
<td><font face="monospace">#8821004</font></td>
|
|
<td><strong>连接器 40Pin</strong><br><small style="color:#666">供应商: ConnWorld</small></td>
|
|
<td>BATCH_2023_D</td>
|
|
<td>50</td>
|
|
<td><span style="color:red; font-weight:bold;">CRITICAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1005" class="row-check"></td>
|
|
<td><font face="monospace">#8821005</font></td>
|
|
<td><strong>主控芯片 STM32</strong><br><small style="color:#666">供应商: ST Micro</small></td>
|
|
<td>BATCH_2023_E</td>
|
|
<td>150</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1006" class="row-check"></td>
|
|
<td><font face="monospace">#8821006</font></td>
|
|
<td><strong>陶瓷电容 104</strong><br><small style="color:#666">供应商: PassivePlus</small></td>
|
|
<td>BATCH_2023_F</td>
|
|
<td>99999</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="interference-row">
|
|
<td colspan="7" align="right">
|
|
<input type="button" value="加载更多数据..." disabled> (网络连接缓慢)
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1007" class="row-check"></td>
|
|
<td><font face="monospace">#8821007</font></td>
|
|
<td><strong>散热片 Type-A</strong><br><small style="color:#666">供应商: MetalWorks</small></td>
|
|
<td>BATCH_2023_G</td>
|
|
<td>200</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1008" class="row-check"></td>
|
|
<td><font face="monospace">#8821008</font></td>
|
|
<td><strong>M3 螺丝</strong><br><small style="color:#666">供应商: ScrewFix</small></td>
|
|
<td>BATCH_2023_H</td>
|
|
<td>50000</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1009" class="row-check"></td>
|
|
<td><font face="monospace">#8821009</font></td>
|
|
<td><strong>PCB 基板 (空)</strong><br><small style="color:#666">供应商: PCBWay</small></td>
|
|
<td>BATCH_2023_I</td>
|
|
<td>10</td>
|
|
<td><span style="color:orange; font-weight:bold;">LOW</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
<tr class="data-row">
|
|
<td align="center"><input type="checkbox" name="id_1010" class="row-check"></td>
|
|
<td><font face="monospace">#8821010</font></td>
|
|
<td><strong>包装盒 (大)</strong><br><small style="color:#666">供应商: PackIt</small></td>
|
|
<td>BATCH_2023_J</td>
|
|
<td>500</td>
|
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
|
<td class="action-group">
|
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p align="right" style="margin-top:20px;">
|
|
<span style="color:#666; font-size:0.9em;">每页显示:</span>
|
|
<a href="#" style="background:#fff; border:1px solid #ccc; padding:2px 8px; border-radius:4px;">10</a>
|
|
<a href="#" style="padding:2px 8px;">20</a>
|
|
<a href="#" style="padding:2px 8px;">50</a>
|
|
<a href="#" style="padding:2px 8px;">100</a>
|
|
</p>
|
|
|
|
<br><br>
|
|
<table border="1" width="100%" bgcolor="#eeeeee" style="border:none; border-radius:8px; overflow:hidden; background:#f1f5f9;">
|
|
<tr>
|
|
<td style="padding:20px; border:none;">
|
|
<h4 style="margin-top:0;">批量操作控制台</h4>
|
|
<p>选中项操作:
|
|
<select id="batchActionSelect">
|
|
<option>-- 请选择操作 --</option>
|
|
<option>批量导出</option>
|
|
<option>批量删除 (需管理员权限)</option>
|
|
<option>转移仓库</option>
|
|
</select>
|
|
<input type="button" value="执行" onclick="executeBatchAction()">
|
|
</p>
|
|
<p style="font-size:0.9em; color:#666;">
|
|
<label><input type="checkbox"> 我已阅读并同意《数据安全操作规范 v9.0》</label><br>
|
|
<label><input type="checkbox"> 确认非误操作</label>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
|
|
<td width="20%" valign="top" class="layout-cell sidebar-widgets">
|
|
<table border="1" width="100%" class="widget-table">
|
|
<tr><td bgcolor="#000000" class="widget-header"><font color="white" align="center"><b>服务器负载</b></font></td></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%</td></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%</td></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% (警告)</span></td></tr>
|
|
</tbody>
|
|
</table>
|
|
<br>
|
|
<table border="1" width="100%" class="widget-table">
|
|
<tr><td bgcolor="#000000" class="widget-header"><font color="white"><b>待办事项</b></font></td></tr>
|
|
<tbody class="widget-content">
|
|
<tr><td><label><input type="checkbox"> 审批张三的请假</label></td></tr>
|
|
<tr><td><label><input type="checkbox"> 订购咖啡豆</label></td></tr>
|
|
<tr><td><label><input type="checkbox"> 修复打印机</label></td></tr>
|
|
<tr><td><label><input type="checkbox"> 更新防火墙</label></td></tr>
|
|
<tr><td><label><input type="checkbox"> 年底报表汇总</label></td></tr>
|
|
</tbody>
|
|
</table>
|
|
<br>
|
|
<center>
|
|
<p style="font-size:0.8rem; color:#888;">扫码下载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;">
|
|
<tr><td align="center" style="border:none;">QR CODE</td></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>
|
|
|
|
<script>
|
|
// === JavaScript 交互增强 ===
|
|
|
|
// 1. 全选功能
|
|
const selectAllCheckbox = document.getElementById('selectAll');
|
|
const rowCheckboxes = document.querySelectorAll('.row-check');
|
|
|
|
if(selectAllCheckbox) {
|
|
selectAllCheckbox.addEventListener('change', function(e) {
|
|
const isChecked = e.target.checked;
|
|
rowCheckboxes.forEach(cb => cb.checked = isChecked);
|
|
});
|
|
}
|
|
|
|
// 2. 拦截“删除”按钮，增加确认弹窗
|
|
const deleteButtons = document.querySelectorAll('.action-delete');
|
|
deleteButtons.forEach(btn => {
|
|
btn.addEventListener('click', function(e) {
|
|
e.preventDefault(); // 阻止默认跳转
|
|
const row = this.closest('tr'); // 找到对应的行
|
|
const id = row.querySelector('font[face="monospace"]').innerText;
|
|
|
|
if(confirm(`警告：您确定要永久删除条目 ${id} 吗？\n此操作不可撤销。`)) {
|
|
// 模拟删除动画
|
|
row.style.transition = 'all 0.5s';
|
|
row.style.opacity = '0';
|
|
row.style.backgroundColor = '#fee2e2';
|
|
setTimeout(() => {
|
|
row.remove();
|
|
}, 500);
|
|
}
|
|
});
|
|
});
|
|
|
|
// 3. 批量操作模拟
|
|
function executeBatchAction() {
|
|
const select = document.getElementById('batchActionSelect');
|
|
const action = select.value;
|
|
|
|
// 检查是否有选中的行
|
|
let hasChecked = false;
|
|
rowCheckboxes.forEach(cb => { if(cb.checked) hasChecked = true; });
|
|
|
|
if (!hasChecked) {
|
|
alert("请先选择至少一项数据！");
|
|
return;
|
|
}
|
|
|
|
if (select.selectedIndex === 0) {
|
|
alert("请选择一个有效的操作。");
|
|
} else {
|
|
alert(`正在执行: ${action} ...\n(这是一个前端模拟，实际上没有任何数据被发送)`);
|
|
}
|
|
}
|
|
|
|
// 4. 控制台欢迎信息
|
|
console.log("%c SYSTEM READY ", "background: #2563eb; color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 4px;");
|
|
console.log("Filtered 3 interference rows via CSS.");
|
|
</script>
|
|
|
|
</body>
|
|
</html> |