ten
This commit is contained in:
邓智航
818
001/001_r.html
818
001/001_r.html
@@ -1,411 +1,559 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="zh-CN">
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||||
<title>Galactic Logistics - 库存管理系统 (Modern V5.0)</title>
|
|
||||||
<style>
|
<style>
|
||||||
|
/* === CSS Reset & Modernizer === */
|
||||||
:root {
|
:root {
|
||||||
--primary-color: #2563eb;
|
--primary: #2563eb;
|
||||||
--danger-color: #dc2626;
|
--danger: #dc2626;
|
||||||
--success-color: #16a34a;
|
--bg: #f8fafc;
|
||||||
--bg-color: #f3f4f6;
|
--panel: #ffffff;
|
||||||
--panel-bg: #ffffff;
|
--border: #e2e8f0;
|
||||||
--border-color: #e5e7eb;
|
--text: #334155;
|
||||||
--text-main: #1f2937;
|
|
||||||
--text-muted: #6b7280;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
font-family: 'Segoe UI', system-ui, sans-serif;
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg) !important; /* 覆盖原有 bgcolor */
|
||||||
color: var(--text-main);
|
color: var(--text) !important;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: flex;
|
padding: 0;
|
||||||
flex-direction: column;
|
line-height: 1.5;
|
||||||
height: 100vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 顶部导航 */
|
a { text-decoration: none; color: var(--primary) !important; transition: 0.2s; }
|
||||||
header {
|
a:hover { text-decoration: underline; }
|
||||||
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; }
|
/* === 布局重构 (将 Table 强制改为 Flex 风格) === */
|
||||||
header a:hover { color: white; }
|
/* 隐藏最外层大表格的边框和背景 */
|
||||||
|
.main-layout-table {
|
||||||
/* 布局容器 */
|
background-color: transparent !important;
|
||||||
.container {
|
border: none !important;
|
||||||
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%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background: var(--panel-bg);
|
}
|
||||||
|
|
||||||
|
/* 顶部 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;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
}
|
||||||
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
.data-table th, .data-table td {
|
/* 筛选表单美化 */
|
||||||
padding: 12px 16px;
|
.filter-table {
|
||||||
text-align: left;
|
background: var(--panel);
|
||||||
border-bottom: 1px solid var(--border-color);
|
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 th { background-color: #f8fafc; font-weight: 600; color: var(--text-muted); }
|
/* 数据表格 (核心改造) */
|
||||||
.data-table tr:hover { background-color: #f9fafb; }
|
.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; }
|
||||||
|
|
||||||
/* 状态标签 */
|
/* 操作链接样式化为按钮 */
|
||||||
.badge { padding: 4px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 600; }
|
.action-group a {
|
||||||
.badge-normal { background-color: #dcfce7; color: #166534; }
|
display: inline-block;
|
||||||
.badge-warn { background-color: #ffedd5; color: #9a3412; }
|
padding: 2px 6px;
|
||||||
.badge-critical { background-color: #fee2e2; color: #991b1b; }
|
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; }
|
||||||
|
|
||||||
/* 操作按钮组 - CSS 将它们区分开 */
|
/* === 干扰项隐藏 (重点) === */
|
||||||
.action-group { display: flex; gap: 8px; }
|
/* 隐藏所有被标记为 interference 的行 */
|
||||||
.action-link { font-size: 0.85em; text-decoration: none; cursor: pointer; }
|
.interference-row { display: none !important; }
|
||||||
.action-view { color: var(--primary-color); }
|
|
||||||
.action-delete { color: var(--danger-color); }
|
|
||||||
.action-delete:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
/* 隐藏干扰行 */
|
/* 右侧 Widget 美化 */
|
||||||
.ad-row, .debug-row { display: none; }
|
.widget-table {
|
||||||
|
background: var(--panel) !important;
|
||||||
/* 右侧栏 */
|
border: 1px solid var(--border) !important;
|
||||||
.widgets { width: 200px; padding: 20px; background: #fff; border-left: 1px solid var(--border-color); }
|
border-radius: 8px;
|
||||||
.widget-card { margin-bottom: 20px; padding: 15px; background: #f8fafc; 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 {
|
.footer-row td {
|
||||||
background-color: var(--panel-bg);
|
background-color: var(--panel) !important;
|
||||||
padding: 10px 20px;
|
color: #94a3b8 !important;
|
||||||
border-top: 1px solid var(--border-color);
|
border-top: 1px solid var(--border) !important;
|
||||||
font-size: 0.8em;
|
padding: 20px !important;
|
||||||
color: var(--text-muted);
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body bgcolor="#e0e0e0" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
|
||||||
|
|
||||||
<header>
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#cccccc" class="main-layout-table">
|
||||||
<div style="font-weight: bold; font-size: 1.2em;">Galactic Logistics <span style="font-weight: normal; opacity: 0.7;">| Admin Console</span></div>
|
<tr class="header-row">
|
||||||
<div>
|
<td colspan="3" align="center">
|
||||||
<span>你好, Operator_8821</span>
|
<h1>内部库存管控系统 V4.2 (非密级)</h1>
|
||||||
<a href="#" onclick="alert('模拟动作: 登出系统')">退出</a>
|
<p>当前登录: OPERATOR_8821 | <a href="#" onclick="alert('模拟注销')">[注销]</a> | <a href="#">[切换节点]</a> | <a href="#">[系统日志]</a> | <a href="#">[报错]</a></p>
|
||||||
</div>
|
</td>
|
||||||
</header>
|
</tr>
|
||||||
|
|
||||||
<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>
|
<tr>
|
||||||
<th width="50"><input type="checkbox" id="selectAll"></th>
|
<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>ID</th>
|
||||||
<th>物料信息</th>
|
<th>物料名称</th>
|
||||||
<th>批次</th>
|
<th>批次号</th>
|
||||||
<th>库存</th>
|
<th>库存量</th>
|
||||||
<th>状态</th>
|
<th>状态码</th>
|
||||||
<th>操作</th>
|
<th>操作</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
|
||||||
<td><input type="checkbox" class="row-check"></td>
|
<tr class="data-row">
|
||||||
<td><code>#8821001</code></td>
|
<td align="center"><input type="checkbox" name="id_1001" class="row-check"></td>
|
||||||
<td>
|
<td><font face="monospace">#8821001</font></td>
|
||||||
<strong>高频电容 10uF</strong><br>
|
<td><strong>高频电容 10uF</strong><br><small style="color:#666">供应商: Alpha Corp</small></td>
|
||||||
<span style="font-size:0.8em; color:#888;">Alpha Corp</span>
|
|
||||||
</td>
|
|
||||||
<td>BATCH_2023_A</td>
|
<td>BATCH_2023_A</td>
|
||||||
<td>5,000</td>
|
<td>5000</td>
|
||||||
<td><span class="badge badge-normal">正常</span></td>
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
||||||
<td>
|
<td class="action-group">
|
||||||
<div class="action-group">
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
||||||
<a class="action-link action-view">详情</a>
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
||||||
<a class="action-link action-view">编辑</a>
|
|
||||||
<a class="action-link action-delete" onclick="confirmDelete('8821001')">删除</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="ad-row">
|
<tr bgcolor="#ffffcc" class="interference-row">
|
||||||
<td colspan="7">食堂今日特供红烧肉...</td>
|
<td colspan="7" align="center">
|
||||||
|
<font color="red"><b>通知：食堂今日特供红烧肉，请尽早前往。</b></font>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr class="data-row">
|
||||||
<td><input type="checkbox" class="row-check"></td>
|
<td align="center"><input type="checkbox" name="id_1002" class="row-check"></td>
|
||||||
<td><code>#8821002</code></td>
|
<td><font face="monospace">#8821002</font></td>
|
||||||
<td>
|
<td><strong>精密电阻 100R</strong><br><small style="color:#666">供应商: Beta Ltd</small></td>
|
||||||
<strong>精密电阻 100R</strong><br>
|
|
||||||
<span style="font-size:0.8em; color:#888;">Beta Ltd</span>
|
|
||||||
</td>
|
|
||||||
<td>BATCH_2023_B</td>
|
<td>BATCH_2023_B</td>
|
||||||
<td>1,200</td>
|
<td>1200</td>
|
||||||
<td><span class="badge badge-warn">偏低</span></td>
|
<td><span style="color:orange; font-weight:bold;">LOW</span></td>
|
||||||
<td>
|
<td class="action-group">
|
||||||
<div class="action-group">
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
||||||
<a class="action-link action-view">详情</a>
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
||||||
<a class="action-link action-view">编辑</a>
|
|
||||||
<a class="action-link action-delete" onclick="confirmDelete('8821002')">删除</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="debug-row">
|
<tr class="data-row">
|
||||||
<td colspan="7">Memory Dump 0x000000...</td>
|
<td align="center"><input type="checkbox" name="id_1003" class="row-check"></td>
|
||||||
</tr>
|
<td><font face="monospace">#8821003</font></td>
|
||||||
|
<td><strong>稳压二极管 5V</strong><br><small style="color:#666">供应商: Gamma Inc</small></td>
|
||||||
<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>BATCH_2023_C</td>
|
||||||
<td>8,000</td>
|
<td>8000</td>
|
||||||
<td><span class="badge badge-normal">正常</span></td>
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
||||||
<td>
|
<td class="action-group">
|
||||||
<div class="action-group">
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
||||||
<a class="action-link action-view">详情</a>
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
||||||
<a class="action-link action-view">编辑</a>
|
|
||||||
<a class="action-link action-delete" onclick="confirmDelete('8821003')">删除</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td><input type="checkbox" class="row-check"></td>
|
<tr class="interference-row">
|
||||||
<td><code>#8821004</code></td>
|
<td colspan="7">
|
||||||
<td>
|
<tt>System Debug: Memory Leak at 0x004F221 detected. Ignored.</tt>
|
||||||
<strong>连接器 40Pin</strong><br>
|
|
||||||
<span style="font-size:0.8em; color:#888;">ConnWorld</span>
|
|
||||||
</td>
|
</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>BATCH_2023_D</td>
|
||||||
<td>50</td>
|
<td>50</td>
|
||||||
<td><span class="badge badge-critical">严重不足</span></td>
|
<td><span style="color:red; font-weight:bold;">CRITICAL</span></td>
|
||||||
<td>
|
<td class="action-group">
|
||||||
<div class="action-group">
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
||||||
<a class="action-link action-view">详情</a>
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
||||||
<a class="action-link action-view">编辑</a>
|
|
||||||
<a class="action-link action-delete" onclick="confirmDelete('8821004')">删除</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="data-row">
|
||||||
<td><input type="checkbox" class="row-check"></td>
|
<td align="center"><input type="checkbox" name="id_1005" class="row-check"></td>
|
||||||
<td><code>#8821005</code></td>
|
<td><font face="monospace">#8821005</font></td>
|
||||||
<td>
|
<td><strong>主控芯片 STM32</strong><br><small style="color:#666">供应商: ST Micro</small></td>
|
||||||
<strong>主控芯片 STM32</strong><br>
|
|
||||||
<span style="font-size:0.8em; color:#888;">ST Micro</span>
|
|
||||||
</td>
|
|
||||||
<td>BATCH_2023_E</td>
|
<td>BATCH_2023_E</td>
|
||||||
<td>150</td>
|
<td>150</td>
|
||||||
<td><span class="badge badge-normal">正常</span></td>
|
<td><span style="color:green; font-weight:bold;">NORMAL</span></td>
|
||||||
<td>
|
<td class="action-group">
|
||||||
<div class="action-group">
|
<a href="#" class="btn-view">[详情]</a> <a href="#" class="btn-edit">[编辑]</a> <a href="#" class="btn-view">[复制]</a> <br>
|
||||||
<a class="action-link action-view">详情</a>
|
<a href="#" class="btn-view">[挂起]</a> <a href="#" class="btn-danger">[报废]</a> <a href="#" class="btn-danger action-delete">[删除]</a>
|
||||||
<a class="action-link action-view">编辑</a>
|
</td>
|
||||||
<a class="action-link action-delete" onclick="confirmDelete('8821005')">删除</a>
|
</tr>
|
||||||
</div>
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div style="margin-top: 20px; text-align: right;">
|
<p align="right" style="margin-top:20px;">
|
||||||
<button class="btn" style="background:#fff; border:1px solid #ccc;">« 上一页</button>
|
<span style="color:#666; font-size:0.9em;">每页显示:</span>
|
||||||
<button class="btn btn-primary">1</button>
|
<a href="#" style="background:#fff; border:1px solid #ccc; padding:2px 8px; border-radius:4px;">10</a>
|
||||||
<button class="btn" style="background:#fff; border:1px solid #ccc;">2</button>
|
<a href="#" style="padding:2px 8px;">20</a>
|
||||||
<button class="btn" style="background:#fff; border:1px solid #ccc;">3</button>
|
<a href="#" style="padding:2px 8px;">50</a>
|
||||||
<button class="btn" style="background:#fff; border:1px solid #ccc;">下一页 »</button>
|
<a href="#" style="padding:2px 8px;">100</a>
|
||||||
</div>
|
</p>
|
||||||
</main>
|
|
||||||
|
|
||||||
<div class="widgets">
|
<br><br>
|
||||||
<div class="widget-card">
|
<table border="1" width="100%" bgcolor="#eeeeee" style="border:none; border-radius:8px; overflow:hidden; background:#f1f5f9;">
|
||||||
<h4>服务器状态</h4>
|
<tr>
|
||||||
<div style="height: 6px; background: #e2e8f0; border-radius: 3px; margin: 10px 0;">
|
<td style="padding:20px; border:none;">
|
||||||
<div style="width: 64%; background: #2563eb; height: 100%; border-radius: 3px;"></div>
|
<h4 style="margin-top:0;">批量操作控制台</h4>
|
||||||
</div>
|
<p>选中项操作:
|
||||||
<small style="color: #64748b;">RAM 使用率 64%</small>
|
<select id="batchActionSelect">
|
||||||
</div>
|
<option>-- 请选择操作 --</option>
|
||||||
<div class="widget-card">
|
<option>批量导出</option>
|
||||||
<h4>待办事项</h4>
|
<option>批量删除 (需管理员权限)</option>
|
||||||
<div style="font-size: 0.9em;">
|
<option>转移仓库</option>
|
||||||
<label style="display:block; margin-bottom:5px;"><input type="checkbox"> 审批请假</label>
|
</select>
|
||||||
<label style="display:block; margin-bottom:5px;"><input type="checkbox"> 订购耗材</label>
|
<input type="button" value="执行" onclick="executeBatchAction()">
|
||||||
<label style="display:block;"><input type="checkbox"> 报表汇总</label>
|
</p>
|
||||||
</div>
|
<p style="font-size:0.9em; color:#666;">
|
||||||
</div>
|
<label><input type="checkbox"> 我已阅读并同意《数据安全操作规范 v9.0》</label><br>
|
||||||
</div>
|
<label><input type="checkbox"> 确认非误操作</label>
|
||||||
</div>
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
<footer>
|
</td>
|
||||||
© 2025 Galactic Logistics Corp. | Version 5.0.2 (Build 202412)
|
|
||||||
</footer>
|
<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>
|
<script>
|
||||||
// 简单的交互脚本
|
// === JavaScript 交互增强 ===
|
||||||
|
|
||||||
// 全选功能
|
// 1. 全选功能
|
||||||
document.getElementById('selectAll').addEventListener('change', function(e) {
|
const selectAllCheckbox = document.getElementById('selectAll');
|
||||||
const checkboxes = document.querySelectorAll('.row-check');
|
const rowCheckboxes = document.querySelectorAll('.row-check');
|
||||||
checkboxes.forEach(cb => cb.checked = e.target.checked);
|
|
||||||
|
if(selectAllCheckbox) {
|
||||||
|
selectAllCheckbox.addEventListener('change', function(e) {
|
||||||
|
const isChecked = e.target.checked;
|
||||||
|
rowCheckboxes.forEach(cb => cb.checked = isChecked);
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// 模拟删除确认
|
// 2. 拦截“删除”按钮，增加确认弹窗
|
||||||
function confirmDelete(id) {
|
const deleteButtons = document.querySelectorAll('.action-delete');
|
||||||
if(confirm(`警告：您确定要从数据库中永久删除物料 #${id} 吗？此操作不可逆！`)) {
|
deleteButtons.forEach(btn => {
|
||||||
// 这里只是前端模拟，实际会发送Ajax请求
|
btn.addEventListener('click', function(e) {
|
||||||
alert(`物料 #${id} 已标记为删除状态。`);
|
e.preventDefault(); // 阻止默认跳转
|
||||||
// 简单移除行以展示效果
|
const row = this.closest('tr'); // 找到对应的行
|
||||||
const rows = document.querySelectorAll('tbody tr');
|
const id = row.querySelector('font[face="monospace"]').innerText;
|
||||||
rows.forEach(row => {
|
|
||||||
if(row.innerHTML.includes(id)) {
|
if(confirm(`警告：您确定要永久删除条目 ${id} 吗？\n此操作不可撤销。`)) {
|
||||||
row.style.opacity = '0.3';
|
// 模拟删除动画
|
||||||
|
row.style.transition = 'all 0.5s';
|
||||||
|
row.style.opacity = '0';
|
||||||
row.style.backgroundColor = '#fee2e2';
|
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. 控制台欢迎信息
|
||||||
function performSearch() {
|
console.log("%c SYSTEM READY ", "background: #2563eb; color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 4px;");
|
||||||
const val = document.getElementById('searchInput').value;
|
console.log("Filtered 3 interference rows via CSS.");
|
||||||
alert(`正在检索数据库中包含 "${val}" 的记录... (前端模拟)`);
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetFilter() {
|
|
||||||
document.getElementById('searchInput').value = '';
|
|
||||||
alert("筛选条件已重置");
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
396
002/002_b.html
Normal file
396
002/002_b.html
Normal file
@@ -0,0 +1,396 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>E-Commerce Order Audit System V9.0 (Raw)</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h1>全球购订单审核后台 V9.0</h1>
|
||||||
|
<p>当前操作员: <strong>AUDITOR_4421</strong> | 部门: 华东区审核组 | 状态: 在线</p>
|
||||||
|
<nav>
|
||||||
|
<a href="#">控制台首页</a> |
|
||||||
|
<a href="#">待审核队列(99+)</a> |
|
||||||
|
<a href="#">异常单处理</a> |
|
||||||
|
<a href="#">历史订单查询</a> |
|
||||||
|
<a href="#">绩效考核</a> |
|
||||||
|
<a href="#">系统设置</a> |
|
||||||
|
<a href="#">退出登录</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3>快捷菜单</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">普通订单审核</a></li>
|
||||||
|
<li><a href="#">VIP订单加急</a></li>
|
||||||
|
<li><a href="#">跨境订单报关</a></li>
|
||||||
|
<li><a href="#">退换货申请</a></li>
|
||||||
|
<li><a href="#">发票开具申请</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>系统公告</h3>
|
||||||
|
<div>
|
||||||
|
<p><strong>[重要] 关于双11大促期间服务器扩容通知</strong><br>请各位审核员注意，系统将于凌晨... [查看更多]</p>
|
||||||
|
<p><strong>[行政] 下午茶预定统计</strong><br>今天的奶茶统计截止到14:00...</p>
|
||||||
|
<p><strong>[推广] 内部员工购福利</strong><br>最新款机械键盘由外设组提供...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>数据监控</h3>
|
||||||
|
<div>
|
||||||
|
<p>今日审核量: 142</p>
|
||||||
|
<p>平均耗时: 45s</p>
|
||||||
|
<p>错误率: 0.1%</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a href="#">[广告] 护眼台灯团购中</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2>待审核队列 (区域: 电子产品)</h2>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>高级检索条件</legend>
|
||||||
|
<div>
|
||||||
|
<label>订单号:</label> <input type="text">
|
||||||
|
<label>用户ID:</label> <input type="text">
|
||||||
|
<label>金额范围:</label> <input type="number"> - <input type="number">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>风险等级:</label>
|
||||||
|
<select>
|
||||||
|
<option>全部</option>
|
||||||
|
<option>低风险</option>
|
||||||
|
<option>中风险</option>
|
||||||
|
<option>高风险 (建议拦截)</option>
|
||||||
|
</select>
|
||||||
|
<label>包含商品:</label> <input type="text">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button type="button">查询订单</button>
|
||||||
|
<button type="button">重置条件</button>
|
||||||
|
<button type="button">导出Excel</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>注意：查询耗时可能较长，请勿频繁点击。</small>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> 全选当页
|
||||||
|
<button>批量通过</button>
|
||||||
|
<button>批量驳回</button>
|
||||||
|
<button>转交上级</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A001</strong>
|
||||||
|
<span>[加急]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: user_9921 (信用分: 780)</li>
|
||||||
|
<li>商品: RTX 5090 显卡 x 2</li>
|
||||||
|
<li>总价: 34,999.00 CNY</li>
|
||||||
|
<li>收货地: 北京市海淀区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:30:22</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>正常</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 用户IP未变动，支付指纹匹配。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<strong>系统消息: 服务器负载过高 (Warn: CPU 92%)</strong>
|
||||||
|
</div>
|
||||||
|
<p>请审核员稍安勿躁，技术部正在扩容节点，页面可能出现卡顿。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A002</strong>
|
||||||
|
<span>[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: temp_user_001 (信用分: N/A)</li>
|
||||||
|
<li>商品: 游戏点卡充值 5000元</li>
|
||||||
|
<li>总价: 5,000.00 CNY</li>
|
||||||
|
<li>收货地: 虚拟发货</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:31:05</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>高风险 (疑似盗刷)</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 该IP今日已尝试下单5次，均失败。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A003</strong>
|
||||||
|
<span>[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: loyal_cust_88 (信用分: 900)</li>
|
||||||
|
<li>商品: 婴儿奶粉 x 6罐</li>
|
||||||
|
<li>总价: 1,200.00 CNY</li>
|
||||||
|
<li>收货地: 上海市浦东新区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:32:10</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>正常</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 历史购买记录匹配。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div align="center">
|
||||||
|
<p>--- 推广：公司内部二手交易群已建立，欢迎加入 ---</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A004</strong>
|
||||||
|
<span>[大宗]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: company_buyer_22 (信用分: 850)</li>
|
||||||
|
<li>商品: 办公椅 x 50</li>
|
||||||
|
<li>总价: 15,000.00 CNY</li>
|
||||||
|
<li>收货地: 深圳市南山区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:35:00</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>需要人工复核</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 首次大额采购。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A005</strong>
|
||||||
|
<span>[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: gamer_123 (信用分: 600)</li>
|
||||||
|
<li>商品: 机械键盘 (红轴)</li>
|
||||||
|
<li>总价: 499.00 CNY</li>
|
||||||
|
<li>收货地: 广州市天河区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:36:11</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>正常</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 无。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A006</strong>
|
||||||
|
<span>[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: new_user_009 (信用分: 550)</li>
|
||||||
|
<li>商品: 蓝牙耳机</li>
|
||||||
|
<li>总价: 199.00 CNY</li>
|
||||||
|
<li>收货地: 成都市武侯区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:38:44</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>正常</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 新用户首单。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A007</strong>
|
||||||
|
<span>[高风险]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: unknown_ip_proxy (信用分: 120)</li>
|
||||||
|
<li>商品: 礼品卡 x 100</li>
|
||||||
|
<li>总价: 10,000.00 CNY</li>
|
||||||
|
<li>收货地: 邮件接收</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:40:01</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>拦截</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 代理IP检测，建议立即封锁。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
<strong>订单号: 20251221-A008</strong>
|
||||||
|
<span>[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li>用户: daily_buyer (信用分: 700)</li>
|
||||||
|
<li>商品: 卫生纸 x 1箱</li>
|
||||||
|
<li>总价: 89.00 CNY</li>
|
||||||
|
<li>收货地: 武汉市洪山区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:41:20</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>系统判定: </span> <span>正常</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>详情</button>
|
||||||
|
<button>通过</button>
|
||||||
|
<button>驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<small>日志: 正常复购。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<button>加载更多数据 (10/99+)</button>
|
||||||
|
<p>网络延迟: 23ms</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>© 2025 Global E-Commerce Group. Internal System.</p>
|
||||||
|
<p>Confidentiality Level: High. Do not screenshot.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
439
002/002_r.html
Normal file
439
002/002_r.html
Normal file
@@ -0,0 +1,439 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>E-Commerce Order Audit System V9.0 (Modern)</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f4f7f6; margin: 0; color: #333; font-size: 14px; }
|
||||||
|
ul { list-style: none; padding: 0; margin: 0; }
|
||||||
|
a { text-decoration: none; color: #007bff; transition: 0.2s; }
|
||||||
|
a:hover { color: #0056b3; }
|
||||||
|
hr { border: 0; border-top: 1px solid #e1e4e8; margin: 20px 0; }
|
||||||
|
|
||||||
|
.app-container { max-width: 1600px; margin: 0 auto; background: white; min-height: 100vh; display: flex; flex-direction: column; }
|
||||||
|
|
||||||
|
.header-bar { background-color: #2c3e50; color: white; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
.header-bar h1 { margin: 0; font-size: 18px; font-weight: 600; }
|
||||||
|
.header-bar p { margin: 0; font-size: 12px; color: #bdc3c7; }
|
||||||
|
.nav-links a { color: #ecf0f1; margin-left: 15px; font-size: 13px; }
|
||||||
|
|
||||||
|
.main-wrapper { display: flex; flex: 1; }
|
||||||
|
|
||||||
|
.sidebar { width: 240px; background-color: #f8f9fa; border-right: 1px solid #e1e4e8; padding: 20px; flex-shrink: 0; }
|
||||||
|
.sidebar h3 { font-size: 12px; text-transform: uppercase; color: #6c757d; margin-top: 20px; margin-bottom: 10px; font-weight: 700; }
|
||||||
|
.sidebar ul li a { display: block; padding: 8px 12px; border-radius: 4px; color: #495057; }
|
||||||
|
.sidebar ul li a:hover { background-color: #e9ecef; color: #007bff; }
|
||||||
|
|
||||||
|
.notice-box { background: #fff3cd; border: 1px solid #ffeeba; padding: 10px; border-radius: 4px; margin-bottom: 10px; font-size: 12px; }
|
||||||
|
.metric-box p { margin: 5px 0; font-weight: 500; }
|
||||||
|
.ad-banner { display: none; }
|
||||||
|
|
||||||
|
.content-area { flex: 1; padding: 25px; background: #fff; }
|
||||||
|
.content-area h2 { margin-top: 0; border-bottom: 2px solid #007bff; padding-bottom: 10px; display: inline-block; }
|
||||||
|
|
||||||
|
.filter-panel fieldset { border: 1px solid #ced4da; border-radius: 5px; padding: 15px; margin-bottom: 20px; background: #fdfdfd; }
|
||||||
|
.filter-panel legend { font-weight: bold; color: #495057; padding: 0 5px; }
|
||||||
|
.form-row { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
|
||||||
|
.form-row label { font-weight: 500; width: 70px; }
|
||||||
|
input[type="text"], input[type="number"], select { padding: 5px 10px; border: 1px solid #ced4da; border-radius: 4px; width: 150px; }
|
||||||
|
.btn-group button { padding: 6px 12px; cursor: pointer; border: 1px solid transparent; border-radius: 4px; font-size: 13px; }
|
||||||
|
.btn-primary { background-color: #007bff; color: white; }
|
||||||
|
.btn-secondary { background-color: #6c757d; color: white; }
|
||||||
|
|
||||||
|
.order-list { margin-top: 20px; }
|
||||||
|
.order-card { border: 1px solid #e1e4e8; border-radius: 6px; padding: 15px; margin-bottom: 15px; position: relative; transition: box-shadow 0.2s; display: grid; grid-template-columns: 2fr 3fr 1fr 2fr; gap: 15px; align-items: start; }
|
||||||
|
.order-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-color: #007bff; }
|
||||||
|
|
||||||
|
.order-header { grid-column: 1 / -1; display: flex; justify-content: space-between; background: #f8f9fa; padding: 8px 10px; margin: -15px -15px 10px -15px; border-bottom: 1px solid #e1e4e8; border-radius: 6px 6px 0 0; }
|
||||||
|
.tag-urgent { color: #dc3545; font-weight: bold; }
|
||||||
|
.tag-normal { color: #28a745; }
|
||||||
|
|
||||||
|
.order-details ul li { margin-bottom: 4px; color: #555; font-size: 13px; }
|
||||||
|
|
||||||
|
.status-panel span:first-child { font-weight: bold; display: block; margin-bottom: 5px; }
|
||||||
|
.status-panel span:last-child { display: inline-block; padding: 3px 8px; border-radius: 12px; font-size: 12px; }
|
||||||
|
.status-ok { background: #d4edda; color: #155724; }
|
||||||
|
.status-risk { background: #f8d7da; color: #721c24; }
|
||||||
|
.status-manual { background: #fff3cd; color: #856404; }
|
||||||
|
|
||||||
|
.action-panel { display: flex; flex-direction: column; gap: 5px; }
|
||||||
|
.action-panel button { padding: 5px 10px; cursor: pointer; background: white; border: 1px solid #ced4da; border-radius: 3px; font-size: 12px; }
|
||||||
|
.action-panel button:hover { background: #f0f0f0; }
|
||||||
|
|
||||||
|
.log-footer { grid-column: 1 / -1; font-size: 11px; color: #999; border-top: 1px dashed #eee; padding-top: 5px; margin-top: 5px; }
|
||||||
|
|
||||||
|
.system-alert-row { background-color: #fff3cd; padding: 10px; text-align: center; border: 1px solid #ffeeba; border-radius: 4px; margin-bottom: 15px; color: #856404; }
|
||||||
|
.promo-row { display: none; }
|
||||||
|
|
||||||
|
.footer-bar { padding: 20px; text-align: center; font-size: 12px; color: #aaa; border-top: 1px solid #eee; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="header-bar">
|
||||||
|
<h1>全球购订单审核后台 V9.0</h1>
|
||||||
|
<p>当前操作员: <strong>AUDITOR_4421</strong> | 部门: 华东区审核组 | 状态: 在线</p>
|
||||||
|
<nav class="nav-links">
|
||||||
|
<a href="#">控制台首页</a> |
|
||||||
|
<a href="#">待审核队列(99+)</a> |
|
||||||
|
<a href="#">异常单处理</a> |
|
||||||
|
<a href="#">历史订单查询</a> |
|
||||||
|
<a href="#">绩效考核</a> |
|
||||||
|
<a href="#">系统设置</a> |
|
||||||
|
<a href="#" onclick="alert('安全退出中...')">退出登录</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-wrapper">
|
||||||
|
|
||||||
|
<div class="sidebar">
|
||||||
|
<h3>快捷菜单</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">普通订单审核</a></li>
|
||||||
|
<li><a href="#">VIP订单加急</a></li>
|
||||||
|
<li><a href="#">跨境订单报关</a></li>
|
||||||
|
<li><a href="#">退换货申请</a></li>
|
||||||
|
<li><a href="#">发票开具申请</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>系统公告</h3>
|
||||||
|
<div class="notice-box">
|
||||||
|
<p><strong>[重要] 关于双11大促期间服务器扩容通知</strong><br>请各位审核员注意，系统将于凌晨... [查看更多]</p>
|
||||||
|
<p><strong>[行政] 下午茶预定统计</strong><br>今天的奶茶统计截止到14:00...</p>
|
||||||
|
<p><strong>[推广] 内部员工购福利</strong><br>最新款机械键盘由外设组提供...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>数据监控</h3>
|
||||||
|
<div class="metric-box">
|
||||||
|
<p>今日审核量: 142</p>
|
||||||
|
<p>平均耗时: 45s</p>
|
||||||
|
<p>错误率: 0.1%</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ad-banner">
|
||||||
|
<a href="#">[广告] 护眼台灯团购中</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-area">
|
||||||
|
<h2>待审核队列 (区域: 电子产品)</h2>
|
||||||
|
|
||||||
|
<form class="filter-panel">
|
||||||
|
<fieldset>
|
||||||
|
<legend>高级检索条件</legend>
|
||||||
|
<div class="form-row">
|
||||||
|
<label>订单号:</label> <input type="text" placeholder="输入订单号">
|
||||||
|
<label>用户ID:</label> <input type="text" placeholder="输入用户ID">
|
||||||
|
<label>金额范围:</label> <input type="number"> - <input type="number">
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<label>风险等级:</label>
|
||||||
|
<select>
|
||||||
|
<option>全部</option>
|
||||||
|
<option>低风险</option>
|
||||||
|
<option>中风险</option>
|
||||||
|
<option>高风险 (建议拦截)</option>
|
||||||
|
</select>
|
||||||
|
<label>包含商品:</label> <input type="text">
|
||||||
|
</div>
|
||||||
|
<div class="form-row btn-group">
|
||||||
|
<button type="button" class="btn-primary" onclick="alert('查询中...')">查询订单</button>
|
||||||
|
<button type="button" class="btn-secondary">重置条件</button>
|
||||||
|
<button type="button" class="btn-secondary">导出Excel</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<small style="color:#999">注意：查询耗时可能较长，请勿频繁点击。</small>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="margin-bottom: 20px; padding: 10px; background: #f1f3f5; border-radius: 4px;">
|
||||||
|
<input type="checkbox" id="checkAll"> 全选当页
|
||||||
|
<button class="btn-primary" style="margin-left: 10px;">批量通过</button>
|
||||||
|
<button class="btn-secondary">批量驳回</button>
|
||||||
|
<button class="btn-secondary">转交上级</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-list">
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A001</strong></div>
|
||||||
|
<span class="tag-urgent">[加急]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: user_9921 (信用分: 780)</li>
|
||||||
|
<li>商品: RTX 5090 显卡 x 2</li>
|
||||||
|
<li>总价: 34,999.00 CNY</li>
|
||||||
|
<li>收货地: 北京市海淀区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:30:22</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-ok">正常</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 用户IP未变动，支付指纹匹配。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="system-alert-row">
|
||||||
|
<div>
|
||||||
|
<strong>系统消息: 服务器负载过高 (Warn: CPU 92%)</strong>
|
||||||
|
</div>
|
||||||
|
<p style="margin:5px 0 0 0; font-size:12px;">请审核员稍安勿躁，技术部正在扩容节点，页面可能出现卡顿。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A002</strong></div>
|
||||||
|
<span class="tag-normal">[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: temp_user_001 (信用分: N/A)</li>
|
||||||
|
<li>商品: 游戏点卡充值 5000元</li>
|
||||||
|
<li>总价: 5,000.00 CNY</li>
|
||||||
|
<li>收货地: 虚拟发货</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:31:05</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-risk">高风险 (疑似盗刷)</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 该IP今日已尝试下单5次，均失败。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A003</strong></div>
|
||||||
|
<span class="tag-normal">[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: loyal_cust_88 (信用分: 900)</li>
|
||||||
|
<li>商品: 婴儿奶粉 x 6罐</li>
|
||||||
|
<li>总价: 1,200.00 CNY</li>
|
||||||
|
<li>收货地: 上海市浦东新区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:32:10</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-ok">正常</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 历史购买记录匹配。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="promo-row">
|
||||||
|
<div align="center">
|
||||||
|
<p>--- 推广：公司内部二手交易群已建立，欢迎加入 ---</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A004</strong></div>
|
||||||
|
<span class="tag-normal">[大宗]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: company_buyer_22 (信用分: 850)</li>
|
||||||
|
<li>商品: 办公椅 x 50</li>
|
||||||
|
<li>总价: 15,000.00 CNY</li>
|
||||||
|
<li>收货地: 深圳市南山区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:35:00</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-manual">需要人工复核</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 首次大额采购。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A005</strong></div>
|
||||||
|
<span class="tag-normal">[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: gamer_123 (信用分: 600)</li>
|
||||||
|
<li>商品: 机械键盘 (红轴)</li>
|
||||||
|
<li>总价: 499.00 CNY</li>
|
||||||
|
<li>收货地: 广州市天河区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:36:11</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-ok">正常</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 无。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A006</strong></div>
|
||||||
|
<span class="tag-normal">[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: new_user_009 (信用分: 550)</li>
|
||||||
|
<li>商品: 蓝牙耳机</li>
|
||||||
|
<li>总价: 199.00 CNY</li>
|
||||||
|
<li>收货地: 成都市武侯区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:38:44</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-ok">正常</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 新用户首单。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A007</strong></div>
|
||||||
|
<span class="tag-urgent">[高风险]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: unknown_ip_proxy (信用分: 120)</li>
|
||||||
|
<li>商品: 礼品卡 x 100</li>
|
||||||
|
<li>总价: 10,000.00 CNY</li>
|
||||||
|
<li>收货地: 邮件接收</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:40:01</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-risk">拦截</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 代理IP检测，建议立即封锁。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-card">
|
||||||
|
<div class="order-header">
|
||||||
|
<div><input type="checkbox" class="order-check"> <strong>订单号: 20251221-A008</strong></div>
|
||||||
|
<span class="tag-normal">[常规]</span>
|
||||||
|
</div>
|
||||||
|
<div class="order-details">
|
||||||
|
<ul>
|
||||||
|
<li>用户: daily_buyer (信用分: 700)</li>
|
||||||
|
<li>商品: 卫生纸 x 1箱</li>
|
||||||
|
<li>总价: 89.00 CNY</li>
|
||||||
|
<li>收货地: 武汉市洪山区...</li>
|
||||||
|
<li>下单时间: 2025-12-21 14:41:20</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="status-panel">
|
||||||
|
<span>系统判定: </span> <span class="status-ok">正常</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-panel">
|
||||||
|
<button class="btn-primary">详情</button>
|
||||||
|
<button style="color: green;">通过</button>
|
||||||
|
<button style="color: red;" onclick="auditReject(this)">驳回</button>
|
||||||
|
<button>挂起</button>
|
||||||
|
<button>备注</button>
|
||||||
|
</div>
|
||||||
|
<div class="log-footer">
|
||||||
|
<small>日志: 正常复购。</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div align="center" style="margin-top:30px;">
|
||||||
|
<button class="btn-secondary" style="width: 200px; padding: 10px;">加载更多数据 (10/99+)</button>
|
||||||
|
<p style="color:#ccc; font-size:10px;">网络延迟: 23ms</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bar">
|
||||||
|
<p>© 2025 Global E-Commerce Group. Internal System.</p>
|
||||||
|
<p>Confidentiality Level: High. Do not screenshot.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.getElementById('checkAll').addEventListener('change', function(e) {
|
||||||
|
const checks = document.querySelectorAll('.order-check');
|
||||||
|
checks.forEach(c => c.checked = e.target.checked);
|
||||||
|
});
|
||||||
|
|
||||||
|
function auditReject(btn) {
|
||||||
|
const card = btn.closest('.order-card');
|
||||||
|
const orderId = card.querySelector('strong').innerText;
|
||||||
|
if(confirm(`确认驳回 ${orderId} 吗？请输入驳回理由:`)) {
|
||||||
|
card.style.opacity = '0.5';
|
||||||
|
card.style.background = '#e9ecef';
|
||||||
|
btn.innerText = '已驳回';
|
||||||
|
btn.disabled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
002/query.txt
Normal file
1
002/query.txt
Normal file
@@ -0,0 +1 @@
|
|||||||
|
帮我筛选一下可以通过的订单，并批量通过他们。
|
||||||
383
003/003_b.html
Normal file
383
003/003_b.html
Normal file
@@ -0,0 +1,383 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Cloud Resource Manager - Zone CN-East-2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h2>HyperCloud 控制台 [企业版]</h2>
|
||||||
|
<p>当前区域: <strong>华东二区 (CN-East-2)</strong> | 账户: admin_core_team</p>
|
||||||
|
<nav>
|
||||||
|
<a href="#">总览</a> |
|
||||||
|
<a href="#">计算实例 (ECI)</a> |
|
||||||
|
<a href="#">对象存储 (OSS)</a> |
|
||||||
|
<a href="#">私有网络 (VPC)</a> |
|
||||||
|
<a href="#">安全组</a> |
|
||||||
|
<a href="#">负载均衡</a> |
|
||||||
|
<a href="#">费用中心</a> |
|
||||||
|
<a href="#">工单支持</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h3>资源列表</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">全部实例 (14)</a></li>
|
||||||
|
<li><a href="#">运行中 (10)</a></li>
|
||||||
|
<li><a href="#">已停止 (3)</a></li>
|
||||||
|
<li><a href="#">异常/维护 (1)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>配额监控</h3>
|
||||||
|
<div>
|
||||||
|
<p>vCPU 使用率: 88/100 核</p>
|
||||||
|
<p>内存 使用率: 256/512 GB</p>
|
||||||
|
<p>公网IP: 12/20 个</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p><strong>[推广] GPU 实例限时 8 折</strong><br>A100 显卡火热租赁中...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>操作日志</h3>
|
||||||
|
<ul>
|
||||||
|
<li><small>2025-12-21 10:00: inst-a1 重启成功</small></li>
|
||||||
|
<li><small>2025-12-21 09:45: 安全组规则更新</small></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<strong>[紧急通知] 华东二区可用区 B 网络割接公告</strong>
|
||||||
|
<p>将于本周日凌晨 02:00 进行光纤割接，预计网络抖动 2 次，每次 5 秒。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>实例筛选</legend>
|
||||||
|
<label>关键词:</label> <input type="text">
|
||||||
|
<label>标签:</label> <input type="text">
|
||||||
|
<label>付费类型:</label>
|
||||||
|
<select>
|
||||||
|
<option>全部</option>
|
||||||
|
<option>包年包月</option>
|
||||||
|
<option>按量付费</option>
|
||||||
|
<option>抢占式实例</option>
|
||||||
|
</select>
|
||||||
|
<button type="button">刷新列表</button>
|
||||||
|
<button type="button">重置</button>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button>启动</button>
|
||||||
|
<button>停止</button>
|
||||||
|
<button>重启</button>
|
||||||
|
<button>释放设置</button>
|
||||||
|
<button>修改计费模式</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<span>[选]</span>
|
||||||
|
<span><strong>实例ID/名称</strong></span>
|
||||||
|
<span><strong>IP地址 (公/私)</strong></span>
|
||||||
|
<span><strong>配置</strong></span>
|
||||||
|
<span><strong>状态</strong></span>
|
||||||
|
<span><strong>操作</strong></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1j2k3l4m5n (Web-Server-01)</strong><br>
|
||||||
|
<small>镜像: Ubuntu 22.04 LTS</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>139.196.xxx.xxx</span><br>
|
||||||
|
<span>192.168.1.101</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>4 vCPU</span><br>
|
||||||
|
<span>16 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>运行中</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1x9y8z7a6b (DB-Master-Prod)</strong><br>
|
||||||
|
<small>镜像: CentOS 7.9 (已停止维护)</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>47.100.xxx.xxx</span><br>
|
||||||
|
<span>192.168.1.200</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>16 vCPU</span><br>
|
||||||
|
<span>64 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>运行中</span> <small>(高负载)</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" disabled>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>[推荐] 弹性伸缩服务 (AutoScaling)</strong><br>
|
||||||
|
<small>自动管理您的实例数量</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>--</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>动态调整</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>未开通</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>立即开通</button>
|
||||||
|
<button>了解详情</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1h5g6f4d3s (Redis-Cache-01)</strong><br>
|
||||||
|
<small>镜像: Redis Enterprise</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>(无公网IP)</span><br>
|
||||||
|
<span>192.168.1.105</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>2 vCPU</span><br>
|
||||||
|
<span>8 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>已停止</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div align="center">
|
||||||
|
<small>Error: Failed to fetch metric data for instance i-bp1h5... (Retrying in 5s)</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1q2w3e4r5t (Worker-Node-A)</strong><br>
|
||||||
|
<small>镜像: Aliyun Linux 3</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>101.200.xxx.xxx</span><br>
|
||||||
|
<span>172.16.0.12</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>8 vCPU</span><br>
|
||||||
|
<span>32 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>运行中</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1a2s3d4f5g (Worker-Node-B)</strong><br>
|
||||||
|
<small>镜像: Aliyun Linux 3</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>101.200.xxx.xxx</span><br>
|
||||||
|
<span>172.16.0.13</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>8 vCPU</span><br>
|
||||||
|
<span>32 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>启动中...</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1z2x3c4v5b (Legacy-System-Win)</strong><br>
|
||||||
|
<small>镜像: Windows Server 2012 R2</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>121.40.xxx.xxx</span><br>
|
||||||
|
<span>192.168.1.99</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>4 vCPU</span><br>
|
||||||
|
<span>8 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>维护中</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<strong>[财务告警] 您的账户余额不足 100.00 CNY</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>请及时充值，以免影响实例的正常运行。</p>
|
||||||
|
<button>立即充值</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>i-bp1m0n9b8v7c (Dev-Test-Env)</strong><br>
|
||||||
|
<small>镜像: Ubuntu 20.04</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>(无公网IP)</span><br>
|
||||||
|
<span>192.168.50.50</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>1 vCPU</span><br>
|
||||||
|
<span>1 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>已停止</span> <small>(欠费锁定)</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button>强制停止</button>
|
||||||
|
<button>彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button>< 上一页</button>
|
||||||
|
<span>第 1 / 5 页</span>
|
||||||
|
<button>下一页 ></button>
|
||||||
|
<select>
|
||||||
|
<option>每页 10 条</option>
|
||||||
|
<option>每页 20 条</option>
|
||||||
|
<option>每页 50 条</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>© 2025 HyperCloud Inc. | <a href="#">隐私政策</a> | <a href="#">服务条款</a></p>
|
||||||
|
<p>页面生成时间: 182ms | Request ID: req_uuid_998877</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
483
003/003_r.html
Normal file
483
003/003_r.html
Normal file
@@ -0,0 +1,483 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Cloud Resource Manager - Zone CN-East-2</title>
|
||||||
|
<style>
|
||||||
|
/* 全局设置 */
|
||||||
|
:root {
|
||||||
|
--primary: #108ee9;
|
||||||
|
--success: #00a854;
|
||||||
|
--warning: #ffbf00;
|
||||||
|
--danger: #f04134;
|
||||||
|
--bg-body: #f5f5f5;
|
||||||
|
--bg-panel: #ffffff;
|
||||||
|
--border: #e9e9e9;
|
||||||
|
--text-main: #333;
|
||||||
|
--text-sub: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; font-size: 12px; }
|
||||||
|
h2, h3 { margin: 0; font-weight: 500; }
|
||||||
|
ul { padding: 0; list-style: none; }
|
||||||
|
a { text-decoration: none; color: var(--primary); transition: 0.3s; }
|
||||||
|
a:hover { color: #40a9ff; }
|
||||||
|
hr { border: 0; border-top: 1px solid var(--border); margin: 10px 0; }
|
||||||
|
|
||||||
|
/* 顶部导航 */
|
||||||
|
.header { background: #262f3e; color: #fff; padding: 0 20px; height: 50px; display: flex; align-items: center; justify-content: space-between; }
|
||||||
|
.header h2 { font-size: 16px; color: #fff; }
|
||||||
|
.header p { color: #aaa; margin-left: 20px; }
|
||||||
|
.header nav a { color: #ddd; margin: 0 10px; font-size: 13px; }
|
||||||
|
.header nav a:hover { color: #fff; }
|
||||||
|
|
||||||
|
/* 主布局 */
|
||||||
|
.layout-container { display: flex; min-height: calc(100vh - 50px); }
|
||||||
|
|
||||||
|
/* 侧边栏 */
|
||||||
|
.sidebar { width: 220px; background: #fff; border-right: 1px solid var(--border); padding: 20px; flex-shrink: 0; }
|
||||||
|
.sidebar h3 { font-size: 13px; color: var(--text-main); margin-bottom: 10px; margin-top: 20px; font-weight: bold; }
|
||||||
|
.sidebar li { margin-bottom: 8px; }
|
||||||
|
.sidebar li a { color: #666; display: block; padding: 5px; border-radius: 4px; }
|
||||||
|
.sidebar li a:hover { background: #e6f7ff; color: var(--primary); }
|
||||||
|
|
||||||
|
.quota-box { background: #fafafa; padding: 10px; border-radius: 4px; border: 1px solid #eee; }
|
||||||
|
.quota-box p { margin: 5px 0; color: #666; }
|
||||||
|
|
||||||
|
/* 广告干扰 - 侧边栏 */
|
||||||
|
.ad-sidebar { margin-top: 20px; padding: 10px; background: linear-gradient(135deg, #f0f5ff 0%, #d6e4ff 100%); border-radius: 4px; border: 1px solid #adc6ff; }
|
||||||
|
.ad-sidebar p { margin: 0; color: #1d39c4; }
|
||||||
|
|
||||||
|
/* 主内容区 */
|
||||||
|
.main-content { flex: 1; padding: 20px; overflow-x: auto; }
|
||||||
|
|
||||||
|
/* 顶部通知 - 干扰 */
|
||||||
|
.system-notice { background: #fffbe6; border: 1px solid #ffe58f; padding: 10px 15px; border-radius: 4px; display: flex; flex-direction: column; margin-bottom: 20px; }
|
||||||
|
.system-notice strong { color: #fa8c16; margin-bottom: 5px; }
|
||||||
|
.system-notice p { margin: 0; color: #666; }
|
||||||
|
|
||||||
|
/* 搜索栏 */
|
||||||
|
.search-bar fieldset { border: 0; padding: 0; margin: 0; background: #fff; padding: 15px; border-radius: 4px; display: flex; align-items: center; gap: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
|
||||||
|
.search-bar legend { display: none; }
|
||||||
|
.search-bar label { font-weight: 500; }
|
||||||
|
.search-bar input, .search-bar select { border: 1px solid #d9d9d9; padding: 5px 8px; border-radius: 4px; outline: none; }
|
||||||
|
.search-bar button { background: #fff; border: 1px solid #d9d9d9; padding: 5px 15px; border-radius: 4px; cursor: pointer; }
|
||||||
|
.search-bar button:hover { color: var(--primary); border-color: var(--primary); }
|
||||||
|
|
||||||
|
/* 操作按钮区 */
|
||||||
|
.toolbar { margin: 15px 0; }
|
||||||
|
.toolbar button { margin-right: 8px; padding: 6px 15px; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; }
|
||||||
|
.toolbar button:first-child { background: var(--primary); color: #fff; border-color: var(--primary); }
|
||||||
|
|
||||||
|
/* 实例列表表格化 */
|
||||||
|
.instance-list { background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
|
||||||
|
|
||||||
|
/* 表头 */
|
||||||
|
.list-header { display: grid; grid-template-columns: 40px 3fr 2fr 2fr 1.5fr 3fr; padding: 12px 15px; background: #fafafa; border-bottom: 1px solid #e9e9e9; font-weight: 600; color: #666; }
|
||||||
|
|
||||||
|
/* 列表行 */
|
||||||
|
.list-row { display: grid; grid-template-columns: 40px 3fr 2fr 2fr 1.5fr 3fr; padding: 15px; border-bottom: 1px solid #e9e9e9; align-items: center; transition: background 0.2s; }
|
||||||
|
.list-row:hover { background: #f0f7ff; }
|
||||||
|
|
||||||
|
/* 行内样式 */
|
||||||
|
.list-row strong { color: var(--primary); cursor: pointer; display: block; margin-bottom: 4px; }
|
||||||
|
.list-row small { color: #999; }
|
||||||
|
|
||||||
|
/* 状态颜色 */
|
||||||
|
.status-running { color: var(--success); display: inline-flex; align-items: center; }
|
||||||
|
.status-running::before { content: ''; width: 6px; height: 6px; background: var(--success); border-radius: 50%; margin-right: 5px; }
|
||||||
|
|
||||||
|
.status-stopped { color: #999; display: inline-flex; align-items: center; }
|
||||||
|
.status-stopped::before { content: ''; width: 6px; height: 6px; background: #ccc; border-radius: 50%; margin-right: 5px; }
|
||||||
|
|
||||||
|
.status-maintenance { color: var(--warning); }
|
||||||
|
|
||||||
|
/* 按钮组 - 隐藏危险按钮，放入下拉菜单的概念(这里用CSS模拟) */
|
||||||
|
.action-group { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||||
|
.action-group button { border: none; background: none; color: var(--primary); cursor: pointer; padding: 0; }
|
||||||
|
.action-group button:hover { text-decoration: underline; }
|
||||||
|
/* 危险操作用CSS隐藏，或显示为红色 */
|
||||||
|
.btn-danger { color: var(--danger) !important; display: none; /* 默认隐藏危险按钮，模拟"更多"菜单 */ }
|
||||||
|
.list-row:hover .btn-danger { display: inline-block; /* hover时显示，增加交互感 */ }
|
||||||
|
|
||||||
|
/* 干扰行处理 */
|
||||||
|
.ad-row { background: #f9f9f9; border: 1px dashed #d9d9d9; margin: 10px; border-radius: 4px; }
|
||||||
|
.ad-row strong { color: #333 !important; }
|
||||||
|
.error-row { display: none; } /* 直接隐藏报错信息干扰 */
|
||||||
|
.billing-alert-row { background: #fff1f0; border: 1px solid #ffa39e; margin: 10px; border-radius: 4px; }
|
||||||
|
.billing-alert-row p { margin: 0; display: inline-block; color: #f5222d; margin-right: 10px; }
|
||||||
|
|
||||||
|
/* 底部 */
|
||||||
|
.footer { padding: 20px; text-align: center; color: #ccc; font-size: 12px; }
|
||||||
|
|
||||||
|
/* 分页 */
|
||||||
|
.pagination { display: flex; align-items: center; justify-content: flex-end; padding: 15px; gap: 10px; }
|
||||||
|
.pagination button { background: #fff; border: 1px solid #d9d9d9; padding: 5px 10px; border-radius: 4px; cursor: pointer; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="main-wrapper">
|
||||||
|
<div class="header">
|
||||||
|
<h2>HyperCloud 控制台 [企业版]</h2>
|
||||||
|
<p>当前区域: <strong>华东二区 (CN-East-2)</strong> | 账户: admin_core_team</p>
|
||||||
|
<nav>
|
||||||
|
<a href="#">总览</a> |
|
||||||
|
<a href="#">计算实例 (ECI)</a> |
|
||||||
|
<a href="#">对象存储 (OSS)</a> |
|
||||||
|
<a href="#">私有网络 (VPC)</a> |
|
||||||
|
<a href="#">安全组</a> |
|
||||||
|
<a href="#">负载均衡</a> |
|
||||||
|
<a href="#">费用中心</a> |
|
||||||
|
<a href="#">工单支持</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layout-container">
|
||||||
|
<div class="sidebar">
|
||||||
|
<h3>资源列表</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#" class="active">全部实例 (14)</a></li>
|
||||||
|
<li><a href="#">运行中 (10)</a></li>
|
||||||
|
<li><a href="#">已停止 (3)</a></li>
|
||||||
|
<li><a href="#">异常/维护 (1)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>配额监控</h3>
|
||||||
|
<div class="quota-box">
|
||||||
|
<p>vCPU 使用率: 88/100 核</p>
|
||||||
|
<p>内存 使用率: 256/512 GB</p>
|
||||||
|
<p>公网IP: 12/20 个</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ad-sidebar">
|
||||||
|
<p><strong>[推广] GPU 实例限时 8 折</strong><br>A100 显卡火热租赁中...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>操作日志</h3>
|
||||||
|
<ul style="font-size: 11px; color: #999;">
|
||||||
|
<li><small>2025-12-21 10:00: inst-a1 重启成功</small></li>
|
||||||
|
<li><small>2025-12-21 09:45: 安全组规则更新</small></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="system-notice">
|
||||||
|
<strong>[紧急通知] 华东二区可用区 B 网络割接公告</strong>
|
||||||
|
<p>将于本周日凌晨 02:00 进行光纤割接，预计网络抖动 2 次，每次 5 秒。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="search-bar">
|
||||||
|
<fieldset>
|
||||||
|
<label>关键词:</label> <input type="text" placeholder="Instance ID / Name">
|
||||||
|
<label>标签:</label> <input type="text" placeholder="Key:Value">
|
||||||
|
<label>付费类型:</label>
|
||||||
|
<select>
|
||||||
|
<option>全部</option>
|
||||||
|
<option>包年包月</option>
|
||||||
|
<option>按量付费</option>
|
||||||
|
<option>抢占式实例</option>
|
||||||
|
</select>
|
||||||
|
<button type="button" class="btn-primary" onclick="alert('Searching...')">刷新列表</button>
|
||||||
|
<button type="button">重置</button>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="toolbar">
|
||||||
|
<button>启动</button>
|
||||||
|
<button>停止</button>
|
||||||
|
<button>重启</button>
|
||||||
|
<button>释放设置</button>
|
||||||
|
<button>修改计费模式</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="instance-list">
|
||||||
|
<div class="list-header">
|
||||||
|
<span><input type="checkbox" id="selectAll"></span>
|
||||||
|
<span><strong>实例ID/名称</strong></span>
|
||||||
|
<span><strong>IP地址 (公/私)</strong></span>
|
||||||
|
<span><strong>配置</strong></span>
|
||||||
|
<span><strong>状态</strong></span>
|
||||||
|
<span><strong>操作</strong></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1j2k3l4m5n (Web-Server-01)</strong><br>
|
||||||
|
<small>镜像: Ubuntu 22.04 LTS</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>139.196.xxx.xxx</span><br>
|
||||||
|
<span style="color:#999">192.168.1.101</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>4 vCPU</span><br>
|
||||||
|
<span>16 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-running">运行中</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1x9y8z7a6b (DB-Master-Prod)</strong><br>
|
||||||
|
<small>镜像: CentOS 7.9 (已停止维护)</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>47.100.xxx.xxx</span><br>
|
||||||
|
<span style="color:#999">192.168.1.200</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>16 vCPU</span><br>
|
||||||
|
<span>64 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-running">运行中</span> <small>(高负载)</small>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row ad-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" disabled>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>[推荐] 弹性伸缩服务 (AutoScaling)</strong><br>
|
||||||
|
<small>自动管理您的实例数量</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>--</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>动态调整</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>未开通</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button style="color: #fa8c16; font-weight:bold;">立即开通</button>
|
||||||
|
<button>了解详情</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1h5g6f4d3s (Redis-Cache-01)</strong><br>
|
||||||
|
<small>镜像: Redis Enterprise</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span style="color:#ccc">(无公网IP)</span><br>
|
||||||
|
<span style="color:#999">192.168.1.105</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>2 vCPU</span><br>
|
||||||
|
<span>8 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-stopped">已停止</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row error-row">
|
||||||
|
<div align="center" style="width: 100%;">
|
||||||
|
<small>Error: Failed to fetch metric data for instance i-bp1h5... (Retrying in 5s)</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1q2w3e4r5t (Worker-Node-A)</strong><br>
|
||||||
|
<small>镜像: Aliyun Linux 3</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>101.200.xxx.xxx</span><br>
|
||||||
|
<span style="color:#999">172.16.0.12</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>8 vCPU</span><br>
|
||||||
|
<span>32 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-running">运行中</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1a2s3d4f5g (Worker-Node-B)</strong><br>
|
||||||
|
<small>镜像: Aliyun Linux 3</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>101.200.xxx.xxx</span><br>
|
||||||
|
<span style="color:#999">172.16.0.13</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>8 vCPU</span><br>
|
||||||
|
<span>32 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-running">启动中...</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1z2x3c4v5b (Legacy-System-Win)</strong><br>
|
||||||
|
<small>镜像: Windows Server 2012 R2</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>121.40.xxx.xxx</span><br>
|
||||||
|
<span style="color:#999">192.168.1.99</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>4 vCPU</span><br>
|
||||||
|
<span>8 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-maintenance">维护中</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row billing-alert-row">
|
||||||
|
<div style="grid-column: 1 / -1;">
|
||||||
|
<strong>[财务告警] 您的账户余额不足 100.00 CNY</strong>
|
||||||
|
</div>
|
||||||
|
<div style="grid-column: 1 / -1; margin-top: 5px;">
|
||||||
|
<p>请及时充值，以免影响实例的正常运行。</p>
|
||||||
|
<button style="background: #f5222d; color: white; border: none; padding: 4px 12px; border-radius: 2px;">立即充值</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-row">
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" class="row-checkbox">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong onclick="alert('跳转详情页')">i-bp1m0n9b8v7c (Dev-Test-Env)</strong><br>
|
||||||
|
<small>镜像: Ubuntu 20.04</small>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span style="color:#ccc">(无公网IP)</span><br>
|
||||||
|
<span style="color:#999">192.168.50.50</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>1 vCPU</span><br>
|
||||||
|
<span>1 GiB</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="status-stopped">已停止</span> <small>(欠费锁定)</small>
|
||||||
|
</div>
|
||||||
|
<div class="action-group">
|
||||||
|
<button>远程连接</button>
|
||||||
|
<button>监控</button>
|
||||||
|
<button>更多...</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||||
|
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<button>< 上一页</button>
|
||||||
|
<span>第 1 / 5 页</span>
|
||||||
|
<button>下一页 ></button>
|
||||||
|
<select>
|
||||||
|
<option>每页 10 条</option>
|
||||||
|
<option>每页 20 条</option>
|
||||||
|
<option>每页 50 条</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2025 HyperCloud Inc. | <a href="#">隐私政策</a> | <a href="#">服务条款</a></p>
|
||||||
|
<p>页面生成时间: 182ms | Request ID: req_uuid_998877</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 脚本逻辑：处理全选和危险操作确认
|
||||||
|
|
||||||
|
// 全选/取消全选
|
||||||
|
document.getElementById('selectAll').addEventListener('change', function(e) {
|
||||||
|
const checkboxes = document.querySelectorAll('.row-checkbox');
|
||||||
|
checkboxes.forEach(box => {
|
||||||
|
box.checked = e.target.checked;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 危险操作二次确认
|
||||||
|
function confirmDelete() {
|
||||||
|
const userInput = prompt("这是一个高风险操作！\n请输入 'DELETE' 以确认销毁该实例：");
|
||||||
|
if (userInput === 'DELETE') {
|
||||||
|
alert('操作已提交：实例正在销毁中...');
|
||||||
|
} else {
|
||||||
|
alert('操作已取消。');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
325
004/004_b.html
Normal file
325
004/004_b.html
Normal file
@@ -0,0 +1,325 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h1>TechZone 硬件技术论坛</h1>
|
||||||
|
<p>全球最大的极客交流社区</p>
|
||||||
|
<nav>
|
||||||
|
<a href="#">首页</a> |
|
||||||
|
<a href="#">硬件专区</a> |
|
||||||
|
<a href="#">软件分享</a> |
|
||||||
|
<a href="#">灌水区</a> |
|
||||||
|
<a href="#">注册/登录</a>
|
||||||
|
</nav>
|
||||||
|
<br>
|
||||||
|
<form>
|
||||||
|
<input type="text" value="搜索帖子...">
|
||||||
|
<button>搜索</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<p>【通告】2025新款显卡预售开启，点击查看详情 >></p>
|
||||||
|
<p>【推荐】电脑运行慢？点击这里一键清理垃圾（专家推荐）</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2>[求助] 如何修复 System_Thread_Exception 蓝屏？附 Dump 文件</h2>
|
||||||
|
<p>状态: <strong>[未解决]</strong> | 浏览: 45,221 | 回复: 12</p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>Newbie_User_007</strong></p>
|
||||||
|
<p>等级: 萌新</p>
|
||||||
|
<p>积分: 5</p>
|
||||||
|
<p>注册时间: 2025-10-01</p>
|
||||||
|
<p><img src="" alt="默认头像"></p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 09:30:00 | 楼主</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>我的电脑最近总是蓝屏，错误代码是 System_Thread_Exception_Not_Handled。</p>
|
||||||
|
<p>配置如下：</p>
|
||||||
|
<ul>
|
||||||
|
<li>CPU: Intel i9-14900K</li>
|
||||||
|
<li>GPU: RTX 4080</li>
|
||||||
|
<li>RAM: 32G x 2</li>
|
||||||
|
</ul>
|
||||||
|
<p>我已经尝试重装系统了，但是没用。附上 Dump 文件，求大神帮忙分析！</p>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>附件下载</legend>
|
||||||
|
<p>文件: Minidump_20251221.zip (256 KB)</p>
|
||||||
|
<a href="#">[点击下载附件]</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<br>
|
||||||
|
<button>==> 高速下载 (推荐) <==</button>
|
||||||
|
<button>==> 极速修复蓝屏工具 <==</button>
|
||||||
|
<p><small>广告：专业系统修复，不丢失数据</small></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<p><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button>支持 (0)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>System_Cleaner_Bot</strong></p>
|
||||||
|
<p>等级: <strong>推广大使</strong></p>
|
||||||
|
<p>积分: 99999</p>
|
||||||
|
<p><img src="" alt="VIP头像"></p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 09:31:05 | 沙发</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>检测到您的电脑存在 <strong>128</strong> 个系统错误！</p>
|
||||||
|
<p>建议立即下载 <strong>PC Master Pro</strong> 进行修复。</p>
|
||||||
|
<p>我们的软件可以解决：蓝屏、卡顿、死机、病毒。</p>
|
||||||
|
<br>
|
||||||
|
<h1><a href="#">[立即下载修复补丁]</a></h1>
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<p><em>-- 签名档：官方认证，安全无毒。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>Hardware_Guru</strong></p>
|
||||||
|
<p>等级: <strong>版主</strong></p>
|
||||||
|
<p>积分: 54,200</p>
|
||||||
|
<p>徽章: [技术大牛] [热心助人]</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 09:45:12 | 板凳</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>楼主，看了你的配置，应该是内存超频不稳导致的。</p>
|
||||||
|
<p>你是不是开了 XMP？试着进 BIOS 把内存频率降到 4800MHz 试试。</p>
|
||||||
|
<p>另外，那个二楼是广告，别点那个下载链接，那是流氓软件。</p>
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<p><em>-- 签名档：有问题先看置顶帖，提问请带配置单。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button>支持 (52)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div style="border: 1px dashed black; padding: 10px; margin: 10px 0;">
|
||||||
|
<p><strong>赞助商链接：</strong></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">玩游戏总是输？这款外挂神器帮你忙！</a></li>
|
||||||
|
<li><a href="#">月入五万的副业，点击领取教程。</a></li>
|
||||||
|
<li><a href="#">脱发怎么办？老中医祖传秘方。</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>Newbie_User_007</strong></p>
|
||||||
|
<p>等级: 萌新</p>
|
||||||
|
<p>积分: 5</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 10:05:00 | 地板</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>回复 3楼：</p>
|
||||||
|
<p>谢谢大佬！我确实开了 XMP。我现在去试试关闭。</p>
|
||||||
|
<p>顺便问一下，显卡驱动需要回退吗？</p>
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<p><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button>支持 (0)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>Troll_Master_123</strong></p>
|
||||||
|
<p>等级: 潜水员</p>
|
||||||
|
<p>积分: -20</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 10:15:33 | 5楼</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>这配置还蓝屏？肯定是楼主买到矿卡了。</p>
|
||||||
|
<p>现在的 Intel 缩缸很严重，建议直接换 AMD，保平安。</p>
|
||||||
|
<p>你要是不会修，五十块钱卖我算了。</p>
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<p><em>-- 签名档：没有任何签名。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button>支持 (1)</button>
|
||||||
|
<button>反对 (88)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top">
|
||||||
|
<p><strong>Passerby_A</strong></p>
|
||||||
|
<p>等级: 核心会员</p>
|
||||||
|
<p>积分: 888</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top">
|
||||||
|
<p><small>发表于 2025-12-21 10:20:00 | 6楼</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>Mark一下，我也有这个问题。关注后续。</p>
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div align="center">
|
||||||
|
<a href="#">首页</a> <a href="#">上一页</a>
|
||||||
|
<strong>[1]</strong> <a href="#">2</a> <a href="#">3</a> ... <a href="#">99</a>
|
||||||
|
<a href="#">下一页</a> <a href="#">尾页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div>
|
||||||
|
<h3>快速回复</h3>
|
||||||
|
<form>
|
||||||
|
<textarea rows="5" cols="80"></textarea><br>
|
||||||
|
<input type="checkbox"> 签名
|
||||||
|
<input type="checkbox"> 匿名
|
||||||
|
<button>发表回复</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top: 20px;">
|
||||||
|
<h3>版块热门推荐</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">[置顶] 显卡天梯图 2025.12版</a></li>
|
||||||
|
<li><a href="#">[精华] 电源选购指南：别再买炸弹了</a></li>
|
||||||
|
<li><a href="#">救命！电脑冒烟了怎么办？</a></li>
|
||||||
|
<li><a href="#">4090Ti 偷跑数据曝光！</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h3>精彩活动</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">[广告] 注册送 88元 现金红包</a></li>
|
||||||
|
<li><a href="#">[广告] 只有男人才懂的游戏</a></li>
|
||||||
|
<li><a href="#">[广告] 免费领取 1TB 云空间</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h3>在线统计</h3>
|
||||||
|
<p>在线会员: 1205 人</p>
|
||||||
|
<p>游客: 8841 人</p>
|
||||||
|
<p>今日发帖: 342</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<p>Copyright © 2000-2025 TechZone Inc. All Rights Reserved.</p>
|
||||||
|
<p><a href="#">联系我们</a> | <a href="#">免责声明</a> | <a href="#">广告合作</a> | <a href="#">手机版</a></p>
|
||||||
|
<p>页面执行时间 0.045秒</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
412
004/004_r.html
Normal file
412
004/004_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>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||||
|
<style>
|
||||||
|
/* CSS Reset */
|
||||||
|
* { box-sizing: border-box; }
|
||||||
|
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #e9ebee; margin: 0; color: #1c1e21; line-height: 1.5; }
|
||||||
|
a { text-decoration: none; color: #365899; }
|
||||||
|
a:hover { text-decoration: underline; }
|
||||||
|
ul { padding-left: 20px; }
|
||||||
|
|
||||||
|
/* 容器布局 */
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; background: transparent; }
|
||||||
|
.content-wrapper { display: flex; gap: 20px; padding: 20px; }
|
||||||
|
.main-column { flex: 3; }
|
||||||
|
.side-column { flex: 1; }
|
||||||
|
|
||||||
|
/* 顶部导航 */
|
||||||
|
.header { background: #fff; padding: 15px 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
.header h1 { margin: 0; font-size: 24px; color: #4267b2; }
|
||||||
|
.header p { margin: 0; font-size: 12px; color: #999; }
|
||||||
|
.nav-links a { margin-right: 15px; font-weight: bold; color: #4b4f56; }
|
||||||
|
.search-bar input { padding: 5px; border: 1px solid #ccc; border-radius: 3px; }
|
||||||
|
|
||||||
|
/* 帖子样式 */
|
||||||
|
.post-title { background: #fff; padding: 15px; border-radius: 4px; border: 1px solid #ddd; margin-bottom: 10px; }
|
||||||
|
.post-title h2 { margin: 0 0 10px 0; }
|
||||||
|
|
||||||
|
/* 楼层卡片 (原Table转换) */
|
||||||
|
.post-card { background: #fff; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 15px; display: flex; flex-direction: column; }
|
||||||
|
/* 用CSS强制改变table的默认显示方式，使其像现代Div布局 */
|
||||||
|
.post-card table { width: 100%; border-collapse: collapse; border: none; }
|
||||||
|
.post-card td { border: none; padding: 15px; }
|
||||||
|
.user-info-cell { background: #f7f7f7; border-right: 1px solid #eee !important; width: 140px; text-align: center; font-size: 12px; }
|
||||||
|
.user-info-cell img { width: 80px; height: 80px; border-radius: 50%; background: #ddd; margin-top: 10px; }
|
||||||
|
.content-cell { position: relative; }
|
||||||
|
|
||||||
|
/* 帖子元数据 */
|
||||||
|
.post-meta { font-size: 12px; color: #90949c; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
|
||||||
|
|
||||||
|
/* 附件区域 */
|
||||||
|
fieldset { border: 1px solid #d8dfea; background: #f7f7f7; padding: 10px; margin: 10px 0; border-radius: 4px; }
|
||||||
|
legend { font-weight: bold; color: #4b4f56; }
|
||||||
|
|
||||||
|
/* 按钮组 */
|
||||||
|
.action-bar { background: #f6f7f9; border-top: 1px solid #e9ebee; padding: 8px 15px !important; text-align: right !important; }
|
||||||
|
.action-bar button { background: transparent; border: none; color: #4b4f56; cursor: pointer; font-weight: bold; font-size: 12px; margin-left: 10px; }
|
||||||
|
.action-bar button:hover { color: #4267b2; background: #eee; border-radius: 2px; }
|
||||||
|
|
||||||
|
/* 特殊身份标识 */
|
||||||
|
.badge-mod { color: green; font-weight: bold; }
|
||||||
|
.badge-new { color: #888; }
|
||||||
|
|
||||||
|
/* 干扰信息处理 */
|
||||||
|
.ad-banner { background: #fff3cd; color: #856404; padding: 10px; text-align: center; border: 1px solid #ffeeba; border-radius: 4px; margin-bottom: 20px; font-size: 14px; }
|
||||||
|
.ad-banner a { color: #856404; font-weight: bold; text-decoration: underline; }
|
||||||
|
|
||||||
|
/* 恶意广告楼层处理 */
|
||||||
|
.spam-post { border: 2px solid red; opacity: 0.7; position: relative; }
|
||||||
|
.spam-post::after { content: '警告：疑似广告机器人'; position: absolute; top: 0; right: 0; background: red; color: white; padding: 2px 10px; font-size: 10px; }
|
||||||
|
.fake-download-area { opacity: 0.3; pointer-events: none; /* 让假按钮无法点击 */ filter: grayscale(100%); }
|
||||||
|
.fake-download-area::before { content: ' [系统已屏蔽广告链接] '; color: red; font-weight: bold; }
|
||||||
|
|
||||||
|
/* 侧边栏 */
|
||||||
|
.sidebar-box { background: #fff; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 4px; }
|
||||||
|
.sidebar-box h3 { margin-top: 0; font-size: 14px; border-left: 3px solid #4267b2; padding-left: 10px; }
|
||||||
|
.sidebar-box ul { padding-left: 15px; font-size: 13px; }
|
||||||
|
.sidebar-box li { margin-bottom: 8px; }
|
||||||
|
|
||||||
|
/* 底部 */
|
||||||
|
.footer { text-align: center; color: #777; font-size: 12px; padding: 20px; border-top: 1px solid #ccc; margin-top: 20px; background: #fff; }
|
||||||
|
|
||||||
|
/* 快速回复 */
|
||||||
|
.quick-reply { background: #fff; padding: 20px; border: 1px solid #ddd; border-radius: 4px; }
|
||||||
|
.quick-reply textarea { width: 100%; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; font-family: inherit; }
|
||||||
|
.btn-primary { background: #4267b2; color: white; border: none; padding: 5px 15px; border-radius: 2px; cursor: pointer; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="header">
|
||||||
|
<div>
|
||||||
|
<h1>TechZone 硬件技术论坛</h1>
|
||||||
|
<p>全球最大的极客交流社区</p>
|
||||||
|
</div>
|
||||||
|
<div class="nav-links">
|
||||||
|
<nav>
|
||||||
|
<a href="#">首页</a>
|
||||||
|
<a href="#">硬件专区</a>
|
||||||
|
<a href="#">软件分享</a>
|
||||||
|
<a href="#">灌水区</a>
|
||||||
|
<a href="#">注册/登录</a>
|
||||||
|
</nav>
|
||||||
|
<br>
|
||||||
|
<form class="search-bar">
|
||||||
|
<input type="text" placeholder="搜索帖子...">
|
||||||
|
<button class="btn-primary">搜索</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ad-banner">
|
||||||
|
<p>【通告】2025新款显卡预售开启，点击查看详情 >></p>
|
||||||
|
<p>【推荐】电脑运行慢？点击这里一键清理垃圾（专家推荐）</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-wrapper">
|
||||||
|
|
||||||
|
<div class="main-column">
|
||||||
|
<div class="post-title">
|
||||||
|
<h2>[求助] 如何修复 System_Thread_Exception 蓝屏？附 Dump 文件</h2>
|
||||||
|
<p style="font-size:12px; color:#666;">状态: <strong style="color:red">[未解决]</strong> | 浏览: 45,221 | 回复: 12</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>Newbie_User_007</strong></p>
|
||||||
|
<p class="badge-new">等级: 萌新</p>
|
||||||
|
<p>积分: 5</p>
|
||||||
|
<p>注册时间: 2025-10-01</p>
|
||||||
|
<p><img src="" alt="默认头像"></p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 09:30:00 | 楼主</small></p>
|
||||||
|
|
||||||
|
<p>我的电脑最近总是蓝屏，错误代码是 System_Thread_Exception_Not_Handled。</p>
|
||||||
|
<p>配置如下：</p>
|
||||||
|
<ul>
|
||||||
|
<li>CPU: Intel i9-14900K</li>
|
||||||
|
<li>GPU: RTX 4080</li>
|
||||||
|
<li>RAM: 32G x 2</li>
|
||||||
|
</ul>
|
||||||
|
<p>我已经尝试重装系统了，但是没用。附上 Dump 文件，求大神帮忙分析！</p>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>附件下载</legend>
|
||||||
|
<p>文件: Minidump_20251221.zip (256 KB)</p>
|
||||||
|
<a href="#" onclick="alert('开始下载真实文件...')">[点击下载附件]</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<div align="center" class="fake-download-area">
|
||||||
|
<br>
|
||||||
|
<button>==> 高速下载 (推荐) <==</button>
|
||||||
|
<button>==> 极速修复蓝屏工具 <==</button>
|
||||||
|
<p><small>广告：专业系统修复，不丢失数据</small></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
<p style="color:#999; font-size:12px;"><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button onclick="replyPost()">回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button onclick="reportPost()">举报</button>
|
||||||
|
<button>支持 (0)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card spam-post">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>System_Cleaner_Bot</strong></p>
|
||||||
|
<p>等级: <strong>推广大使</strong></p>
|
||||||
|
<p>积分: 99999</p>
|
||||||
|
<p><img src="" alt="VIP头像"></p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 09:31:05 | 沙发</small></p>
|
||||||
|
|
||||||
|
<p>检测到您的电脑存在 <strong>128</strong> 个系统错误！</p>
|
||||||
|
<p>建议立即下载 <strong>PC Master Pro</strong> 进行修复。</p>
|
||||||
|
<p>我们的软件可以解决：蓝屏、卡顿、死机、病毒。</p>
|
||||||
|
<br>
|
||||||
|
<h1><a href="#" onclick="return false;">[立即下载修复补丁]</a></h1>
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
<p style="color:#999; font-size:12px;"><em>-- 签名档：官方认证，安全无毒。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>Hardware_Guru</strong></p>
|
||||||
|
<p class="badge-mod">等级: <strong>版主</strong></p>
|
||||||
|
<p>积分: 54,200</p>
|
||||||
|
<p style="color:orange;">徽章: [技术大牛] [热心助人]</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 09:45:12 | 板凳</small></p>
|
||||||
|
|
||||||
|
<p>楼主，看了你的配置，应该是内存超频不稳导致的。</p>
|
||||||
|
<p>你是不是开了 XMP？试着进 BIOS 把内存频率降到 4800MHz 试试。</p>
|
||||||
|
<p>另外，那个二楼是广告，别点那个下载链接，那是流氓软件。</p>
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
<p style="color:#999; font-size:12px;"><em>-- 签名档：有问题先看置顶帖，提问请带配置单。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button onclick="replyPost()">回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button onclick="likePost(this)">支持 (52)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="border: 1px dashed #ccc; padding: 10px; margin: 10px 0; background:#fafafa; font-size:12px; color:#999;">
|
||||||
|
<p><strong>赞助商链接：</strong></p>
|
||||||
|
<ul style="list-style: none;">
|
||||||
|
<li><a href="#" style="color:#999;">玩游戏总是输？这款外挂神器帮你忙！</a></li>
|
||||||
|
<li><a href="#" style="color:#999;">月入五万的副业，点击领取教程。</a></li>
|
||||||
|
<li><a href="#" style="color:#999;">脱发怎么办？老中医祖传秘方。</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>Newbie_User_007</strong></p>
|
||||||
|
<p class="badge-new">等级: 萌新</p>
|
||||||
|
<p>积分: 5</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 10:05:00 | 地板</small></p>
|
||||||
|
|
||||||
|
<div style="background:#f0f0f0; padding:10px; margin-bottom:10px;">回复 3楼：</div>
|
||||||
|
<p>谢谢大佬！我确实开了 XMP。我现在去试试关闭。</p>
|
||||||
|
<p>顺便问一下，显卡驱动需要回退吗？</p>
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
<p style="color:#999; font-size:12px;"><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button onclick="replyPost()">回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
<button>支持 (0)</button>
|
||||||
|
<button>反对 (0)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>Troll_Master_123</strong></p>
|
||||||
|
<p>等级: 潜水员</p>
|
||||||
|
<p>积分: -20</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 10:15:33 | 5楼</small></p>
|
||||||
|
|
||||||
|
<p>这配置还蓝屏？肯定是楼主买到矿卡了。</p>
|
||||||
|
<p>现在的 Intel 缩缸很严重，建议直接换 AMD，保平安。</p>
|
||||||
|
<p>你要是不会修，五十块钱卖我算了。</p>
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
<p style="color:#999; font-size:12px;"><em>-- 签名档：没有任何签名。</em></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button onclick="replyPost()">回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button onclick="reportPost()">举报</button>
|
||||||
|
<button>支持 (1)</button>
|
||||||
|
<button>反对 (88)</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-card">
|
||||||
|
<table border="1" width="100%">
|
||||||
|
<tr>
|
||||||
|
<td width="150" valign="top" class="user-info-cell">
|
||||||
|
<p><strong>Passerby_A</strong></p>
|
||||||
|
<p>等级: 核心会员</p>
|
||||||
|
<p>积分: 888</p>
|
||||||
|
</td>
|
||||||
|
<td valign="top" class="content-cell">
|
||||||
|
<p class="post-meta"><small>发表于 2025-12-21 10:20:00 | 6楼</small></p>
|
||||||
|
<hr>
|
||||||
|
<p>Mark一下，我也有这个问题。关注后续。</p>
|
||||||
|
<br>
|
||||||
|
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" align="right" class="action-bar">
|
||||||
|
<button>回复</button>
|
||||||
|
<button>引用</button>
|
||||||
|
<button>举报</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div align="center" style="padding: 20px;">
|
||||||
|
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">首页</a>
|
||||||
|
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">上一页</a>
|
||||||
|
<strong>[1]</strong> <a href="#">2</a> <a href="#">3</a> ... <a href="#">99</a>
|
||||||
|
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">下一页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div class="quick-reply">
|
||||||
|
<h3>快速回复</h3>
|
||||||
|
<form>
|
||||||
|
<textarea rows="5" cols="80"></textarea><br>
|
||||||
|
<input type="checkbox"> 签名
|
||||||
|
<input type="checkbox"> 匿名
|
||||||
|
<button class="btn-primary">发表回复</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="side-column">
|
||||||
|
<div class="sidebar-box">
|
||||||
|
<h3>版块热门推荐</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">[置顶] 显卡天梯图 2025.12版</a></li>
|
||||||
|
<li><a href="#">[精华] 电源选购指南：别再买炸弹了</a></li>
|
||||||
|
<li><a href="#">救命！电脑冒烟了怎么办？</a></li>
|
||||||
|
<li><a href="#">4090Ti 偷跑数据曝光！</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sidebar-box" style="border-color: #ffeeba;">
|
||||||
|
<h3 style="color:#856404; border-color:#856404;">精彩活动</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">[广告] 注册送 88元 现金红包</a></li>
|
||||||
|
<li><a href="#">[广告] 只有男人才懂的游戏</a></li>
|
||||||
|
<li><a href="#">[广告] 免费领取 1TB 云空间</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sidebar-box">
|
||||||
|
<h3>在线统计</h3>
|
||||||
|
<p>在线会员: 1205 人</p>
|
||||||
|
<p>游客: 8841 人</p>
|
||||||
|
<p>今日发帖: 342</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Copyright © 2000-2025 TechZone Inc. All Rights Reserved.</p>
|
||||||
|
<p><a href="#">联系我们</a> | <a href="#">免责声明</a> | <a href="#">广告合作</a> | <a href="#">手机版</a></p>
|
||||||
|
<p>页面执行时间 0.045秒</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function likePost(btn) {
|
||||||
|
let text = btn.innerText;
|
||||||
|
let count = parseInt(text.match(/\d+/)[0]);
|
||||||
|
btn.innerText = "支持 (" + (count + 1) + ")";
|
||||||
|
btn.style.color = "red";
|
||||||
|
}
|
||||||
|
|
||||||
|
function replyPost() {
|
||||||
|
document.querySelector('textarea').focus();
|
||||||
|
document.querySelector('textarea').value = "回复 楼主：";
|
||||||
|
}
|
||||||
|
|
||||||
|
function reportPost() {
|
||||||
|
alert("举报成功！管理员将尽快审核。");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
255
005/005_b.html
Normal file
255
005/005_b.html
Normal file
@@ -0,0 +1,255 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Central Library Digital Archive - Search Results</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h1>中央大学数字图书馆 | 学术资源发现系统</h1>
|
||||||
|
<p>欢迎, <strong>Student_2024 (借阅证状态: 正常)</strong> | <a href="#">我的书架</a> | <a href="#">借阅历史</a> | <a href="#">注销</a></p>
|
||||||
|
<nav>
|
||||||
|
<a href="#">首页</a> |
|
||||||
|
<a href="#">期刊导航</a> |
|
||||||
|
<a href="#">学位论文</a> |
|
||||||
|
<a href="#">会议论文</a> |
|
||||||
|
<a href="#">多媒体资源</a> |
|
||||||
|
<a href="#">校外访问VPN</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div style="border: 1px solid black; padding: 10px;">
|
||||||
|
<p><strong>[系统通知]</strong> ProQuest 数据库将于本周六 00:00-04:00 进行维护，期间无法下载全文。</p>
|
||||||
|
<p><strong>[推广]</strong> 2025年“书香校园”征文比赛开始报名啦！点击查看详情。</p>
|
||||||
|
<p><strong>[紧急]</strong> 请归还逾期图书，否则将影响期末成绩录入。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h3>资源类型</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">全部资源 (14,203)</a></li>
|
||||||
|
<li><a href="#">学术期刊 (8,500)</a></li>
|
||||||
|
<li><a href="#">学位论文 (3,200)</a></li>
|
||||||
|
<li><a href="#">图书章节 (1,500)</a></li>
|
||||||
|
<li><a href="#">报纸文章 (500)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>出版年份</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">2025 (120)</a></li>
|
||||||
|
<li><a href="#">2024 (1,500)</a></li>
|
||||||
|
<li><a href="#">2023 (2,100)</a></li>
|
||||||
|
<li><a href="#">2020-2022 (5,000)</a></li>
|
||||||
|
<li><a href="#">更早...</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>学科分类</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">计算机科学</a></li>
|
||||||
|
<li><a href="#">人工智能</a></li>
|
||||||
|
<li><a href="#">软件工程</a></li>
|
||||||
|
<li><a href="#">信息系统</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<br>
|
||||||
|
<p><strong>[校园服务]</strong></p>
|
||||||
|
<p>论文查重服务 - 图书馆一楼大厅</p>
|
||||||
|
<p>打印复印 - 仅需 0.1元/页</p>
|
||||||
|
<p>考研自习室预约</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<form>
|
||||||
|
<input type="text" value="Large Language Models" size="50">
|
||||||
|
<select>
|
||||||
|
<option>所有字段</option>
|
||||||
|
<option>题名</option>
|
||||||
|
<option>作者</option>
|
||||||
|
<option>ISBN/ISSN</option>
|
||||||
|
</select>
|
||||||
|
<button>重新检索</button>
|
||||||
|
<br>
|
||||||
|
<input type="checkbox"> 仅显示全文
|
||||||
|
<input type="checkbox"> 同行评审期刊
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p>找到约 14,203 条结果 (耗时 0.35秒)</p>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>1. Optimizing Transformer Architectures for Low-Resource Languages</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: Zhang, Wei; Smith, John; Lee, H.</p>
|
||||||
|
<p>来源: <em>Journal of Artificial Intelligence Research</em>, Vol 45, Issue 2, pp. 112-145.</p>
|
||||||
|
<p>年份: 2024 | 类型: 学术期刊 | 语言: English</p>
|
||||||
|
<p>摘要: This paper proposes a novel approach to optimize transformer models...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[PDF 下载]</a>
|
||||||
|
<a href="#">[HTML 全文]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
<a href="#">[发送到邮箱]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>2. A History of Neural Networks: 1950-2000</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: Johnson, Alice.</p>
|
||||||
|
<p>来源: <em>History of Computing</em>, Oxford University Press.</p>
|
||||||
|
<p>年份: 2023 | 类型: 图书章节 | 语言: English</p>
|
||||||
|
<p>摘要: A comprehensive overview of the early development of neural networks...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span style="color: grey;">[PDF 不可用]</span>
|
||||||
|
<a href="#">[文献传递]</a>
|
||||||
|
<a href="#">[查看馆藏目录]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div style="background-color: #f9f9f9;">
|
||||||
|
<div>
|
||||||
|
<strong>[推荐资源] ACM Digital Library 试用开通</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>来源: 图书馆资源建设部</p>
|
||||||
|
<p>年份: 2025 | 类型: 通知公告</p>
|
||||||
|
<p>摘要: 图书馆已开通 ACM 数据库试用，包含最新的计算机领域会议论文...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[点击进入数据库]</a>
|
||||||
|
<a href="#">[填写反馈意见]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>3. Large Language Models in Healthcare: Challenges and Opportunities</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: Chen, Li; Wang, Y.; Gupta, R.</p>
|
||||||
|
<p>来源: <em>International Conference on Medical Informatics</em>.</p>
|
||||||
|
<p>年份: 2024 | 类型: 会议论文 | 语言: English</p>
|
||||||
|
<p>摘要: We explore the potential applications of LLMs in diagnostic assistance...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[PDF 下载]</a>
|
||||||
|
<a href="#">[HTML 全文]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>4. Ethical Implications of AI Agents</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: Brown, Robert.</p>
|
||||||
|
<p>来源: <em>Ethics in Technology Quarterly</em>.</p>
|
||||||
|
<p>年份: 2024 | 类型: 期刊文章 | 语言: English</p>
|
||||||
|
<p>摘要: This article discusses the moral responsibilities of autonomous agents...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[查看摘要]</a>
|
||||||
|
<a href="#">[购买全文($35)]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div align="center" style="border: 1px dashed red; margin: 10px; padding: 10px;">
|
||||||
|
<h3>我们要建新体育馆啦！</h3>
|
||||||
|
<p>亲爱的校友/同学，捐赠 100 元即可在砖墙上刻下您的名字。</p>
|
||||||
|
<a href="#">[立即捐赠]</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>5. Prompt Engineering Guide for Beginners</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: OpenAI Community.</p>
|
||||||
|
<p>来源: <em>Technical Report 2023-01</em>.</p>
|
||||||
|
<p>年份: 2023 | 类型: 技术报告 | 语言: English</p>
|
||||||
|
<p>摘要: A practical guide to getting the most out of LLMs...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[PDF 下载]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox"> <strong>6. Vision Transformers: A Survey</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>作者: Liu, Yang; et al.</p>
|
||||||
|
<p>来源: <em>IEEE Transactions on Pattern Analysis</em>.</p>
|
||||||
|
<p>年份: 2023 | 类型: 学术期刊 | 语言: English</p>
|
||||||
|
<p>摘要: Transformers have shown great success in NLP and are now being applied to vision...</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="#">[PDF 下载]</a>
|
||||||
|
<a href="#">[HTML 全文]</a>
|
||||||
|
<a href="#">[引用]</a>
|
||||||
|
<a href="#">[加入收藏]</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<a href="#">上一页</a>
|
||||||
|
<strong>1</strong> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> ... <a href="#">100</a>
|
||||||
|
<a href="#">下一页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<p>版权所有 © 2025 中央大学图书馆 | 地址: 科技路 88 号</p>
|
||||||
|
<p>技术支持: 图书馆技术部 | <a href="#">意见反馈</a> | <a href="#">网站地图</a></p>
|
||||||
|
<p>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
345
005/005_r.html
Normal file
345
005/005_r.html
Normal file
@@ -0,0 +1,345 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Central Library Digital Archive - Search Results</title>
|
||||||
|
<style>
|
||||||
|
/* CSS Variables */
|
||||||
|
:root {
|
||||||
|
--primary: #002147; /* 学术蓝 */
|
||||||
|
--accent: #b3a369; /* 金色 */
|
||||||
|
--bg-body: #f4f4f4;
|
||||||
|
--bg-white: #ffffff;
|
||||||
|
--text-main: #333;
|
||||||
|
--text-meta: #666;
|
||||||
|
--border: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
body { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); color: var(--text-main); margin: 0; line-height: 1.6; }
|
||||||
|
a { text-decoration: none; color: var(--primary); }
|
||||||
|
a:hover { text-decoration: underline; }
|
||||||
|
ul { list-style: none; padding: 0; }
|
||||||
|
hr { border: 0; border-top: 1px solid var(--border); margin: 15px 0; }
|
||||||
|
|
||||||
|
/* 容器 */
|
||||||
|
.app-container { max-width: 1400px; margin: 0 auto; background: var(--bg-white); min-height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
|
||||||
|
|
||||||
|
/* 顶部导航 */
|
||||||
|
.header { background-color: var(--primary); color: white; padding: 15px 20px; display: flex; flex-direction: column; }
|
||||||
|
.header h1 { margin: 0; font-size: 24px; font-weight: 400; letter-spacing: 1px; }
|
||||||
|
.header-info { font-size: 13px; color: #ccc; margin-top: 5px; display: flex; justify-content: space-between; }
|
||||||
|
.header-info a { color: white; margin-left: 10px; }
|
||||||
|
.nav-bar { background: #00152e; padding: 10px 20px; font-size: 14px; }
|
||||||
|
.nav-bar a { color: #ddd; margin-right: 20px; font-weight: 500; }
|
||||||
|
.nav-bar a:hover { color: white; }
|
||||||
|
|
||||||
|
/* 通告栏干扰处理 - 弱化显示 */
|
||||||
|
.system-alert { background: #fff3cd; color: #856404; font-size: 13px; padding: 10px 20px; border-bottom: 1px solid #ffeeba; display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
.system-alert p { margin: 0 10px 0 0; display: inline-block; }
|
||||||
|
|
||||||
|
/* 主布局 */
|
||||||
|
.main-layout { display: grid; grid-template-columns: 280px 1fr; gap: 30px; padding: 30px; }
|
||||||
|
|
||||||
|
/* 侧边栏 */
|
||||||
|
.sidebar h3 { font-size: 16px; border-bottom: 2px solid var(--accent); padding-bottom: 5px; margin-top: 0; color: var(--primary); }
|
||||||
|
.sidebar li { margin-bottom: 8px; font-size: 14px; }
|
||||||
|
.sidebar li a { color: var(--text-meta); display: block; padding: 4px 8px; border-radius: 4px; }
|
||||||
|
.sidebar li a:hover { background: #eef; color: var(--primary); }
|
||||||
|
|
||||||
|
/* 侧边栏广告干扰 - 隐藏或弱化 */
|
||||||
|
.sidebar-ad { margin-top: 30px; padding: 15px; background: #f9f9f9; border: 1px dashed #ccc; font-size: 12px; border-radius: 4px; }
|
||||||
|
.sidebar-ad p { margin: 5px 0; }
|
||||||
|
|
||||||
|
/* 搜索区域 */
|
||||||
|
.search-panel { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid var(--border); }
|
||||||
|
.search-panel input[type="text"] { padding: 10px; width: 60%; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
|
||||||
|
.search-panel select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
|
||||||
|
.search-panel button { padding: 10px 20px; background: var(--accent); color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }
|
||||||
|
|
||||||
|
/* 结果列表 */
|
||||||
|
.result-item { padding: 20px; border: 1px solid var(--border); border-radius: 4px; margin-bottom: 15px; transition: box-shadow 0.2s; background: white; position: relative; }
|
||||||
|
.result-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: #bbb; }
|
||||||
|
|
||||||
|
.result-title { font-size: 18px; color: var(--primary); margin-bottom: 5px; display: block; }
|
||||||
|
.result-meta { font-size: 14px; color: var(--text-meta); margin-bottom: 10px; }
|
||||||
|
.result-abstract { font-size: 14px; color: #444; margin-bottom: 15px; line-height: 1.5; }
|
||||||
|
|
||||||
|
/* 按钮组样式化 */
|
||||||
|
.action-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
|
||||||
|
.action-row a {
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 5px 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
background: white;
|
||||||
|
color: var(--text-main);
|
||||||
|
}
|
||||||
|
.action-row a:first-child {
|
||||||
|
background: var(--primary);
|
||||||
|
color: white;
|
||||||
|
border-color: var(--primary);
|
||||||
|
}
|
||||||
|
.action-row span { font-size: 13px; color: #999; margin-right: 10px; }
|
||||||
|
|
||||||
|
/* 干扰项处理 */
|
||||||
|
.promo-banner {
|
||||||
|
background: linear-gradient(to right, #eef2f3, #8e9eab);
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-left: 5px solid var(--primary);
|
||||||
|
}
|
||||||
|
.promo-banner strong { color: var(--primary); font-size: 16px; }
|
||||||
|
|
||||||
|
/* 募捐广告 - 直接隐藏 */
|
||||||
|
.donation-ad { display: none; }
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
.footer { background: #333; color: #aaa; padding: 40px; text-align: center; font-size: 13px; margin-top: 40px; }
|
||||||
|
.footer a { color: #ccc; }
|
||||||
|
|
||||||
|
/* 分页 */
|
||||||
|
.pagination { text-align: center; margin-top: 30px; }
|
||||||
|
.pagination a, .pagination strong { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; margin: 0 4px; border-radius: 4px; color: var(--primary); }
|
||||||
|
.pagination strong { background: var(--primary); color: white; border-color: var(--primary); }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="header">
|
||||||
|
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||||
|
<h1>中央大学数字图书馆 | 学术资源发现系统</h1>
|
||||||
|
<p class="header-info">
|
||||||
|
<span>欢迎, <strong>Student_2024</strong> (借阅证状态: <span style="color:#aeffae">正常</span>)</span>
|
||||||
|
<span>
|
||||||
|
<a href="#">我的书架</a> | <a href="#">借阅历史</a> | <a href="#" onclick="alert('注销成功')">注销</a>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="nav-bar">
|
||||||
|
<nav>
|
||||||
|
<a href="#">首页</a>
|
||||||
|
<a href="#">期刊导航</a>
|
||||||
|
<a href="#">学位论文</a>
|
||||||
|
<a href="#">会议论文</a>
|
||||||
|
<a href="#">多媒体资源</a>
|
||||||
|
<a href="#">校外访问VPN</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="system-alert">
|
||||||
|
<div>
|
||||||
|
<p><strong>[系统通知]</strong> ProQuest 数据库将于本周六 00:00-04:00 进行维护，期间无法下载全文。</p>
|
||||||
|
<p style="opacity:0.6; font-size:12px;"><strong>[推广]</strong> 2025年“书香校园”征文比赛开始报名啦！点击查看详情。</p>
|
||||||
|
</div>
|
||||||
|
<button style="background:none; border:none; cursor:pointer;">×</button>
|
||||||
|
<p style="display:none;"><strong>[紧急]</strong> 请归还逾期图书，否则将影响期末成绩录入。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-layout">
|
||||||
|
<div class="sidebar">
|
||||||
|
<h3>资源类型</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">全部资源 (14,203)</a></li>
|
||||||
|
<li><a href="#">学术期刊 (8,500)</a></li>
|
||||||
|
<li><a href="#">学位论文 (3,200)</a></li>
|
||||||
|
<li><a href="#">图书章节 (1,500)</a></li>
|
||||||
|
<li><a href="#">报纸文章 (500)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 style="margin-top:20px;">出版年份</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">2025 (120)</a></li>
|
||||||
|
<li><a href="#">2024 (1,500)</a></li>
|
||||||
|
<li><a href="#">2023 (2,100)</a></li>
|
||||||
|
<li><a href="#">2020-2022 (5,000)</a></li>
|
||||||
|
<li><a href="#">更早...</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 style="margin-top:20px;">学科分类</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">计算机科学</a></li>
|
||||||
|
<li><a href="#">人工智能</a></li>
|
||||||
|
<li><a href="#">软件工程</a></li>
|
||||||
|
<li><a href="#">信息系统</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-ad">
|
||||||
|
<p><strong>[校园服务]</strong></p>
|
||||||
|
<p>论文查重服务 - 图书馆一楼大厅</p>
|
||||||
|
<p>打印复印 - 仅需 0.1元/页</p>
|
||||||
|
<p>考研自习室预约</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-area">
|
||||||
|
<form class="search-panel">
|
||||||
|
<input type="text" value="Large Language Models">
|
||||||
|
<select>
|
||||||
|
<option>所有字段</option>
|
||||||
|
<option>题名</option>
|
||||||
|
<option>作者</option>
|
||||||
|
<option>ISBN/ISSN</option>
|
||||||
|
</select>
|
||||||
|
<button type="button" onclick="alert('搜索中...')">重新检索</button>
|
||||||
|
<div style="margin-top:10px; font-size:14px;">
|
||||||
|
<label><input type="checkbox"> 仅显示全文</label>
|
||||||
|
<label style="margin-left:15px;"><input type="checkbox"> 同行评审期刊</label>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p style="color:#666; font-size:13px; margin-bottom:15px;">找到约 14,203 条结果 (耗时 0.35秒)</p>
|
||||||
|
|
||||||
|
<div class="results-list">
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>1. Optimizing Transformer Architectures for Low-Resource Languages</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: Zhang, Wei; Smith, John; Lee, H. | 2024 | 学术期刊</p>
|
||||||
|
<p>来源: <em>Journal of Artificial Intelligence Research</em>, Vol 45, Issue 2, pp. 112-145.</p>
|
||||||
|
<p class="result-abstract">摘要: This paper proposes a novel approach to optimize transformer models...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#">PDF 下载</a>
|
||||||
|
<a href="#">HTML 全文</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
<a href="#">发送到邮箱</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>2. A History of Neural Networks: 1950-2000</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: Johnson, Alice. | 2023 | 图书章节</p>
|
||||||
|
<p>来源: <em>History of Computing</em>, Oxford University Press.</p>
|
||||||
|
<p class="result-abstract">摘要: A comprehensive overview of the early development of neural networks...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<span>[PDF 不可用]</span>
|
||||||
|
<a href="#" style="background: white; color:#333; border:1px solid #ccc;">文献传递</a>
|
||||||
|
<a href="#">查看馆藏目录</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="promo-banner">
|
||||||
|
<div>
|
||||||
|
<strong>[推荐资源] ACM Digital Library 试用开通</strong>
|
||||||
|
</div>
|
||||||
|
<div style="font-size:13px; color:#555; margin:5px 0;">
|
||||||
|
<p>摘要: 图书馆已开通 ACM 数据库试用，包含最新的计算机领域会议论文...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#" style="background:#0055a6; color:white; border:none;">点击进入数据库</a>
|
||||||
|
<a href="#" style="border:none; text-decoration:underline; background:none;">填写反馈意见</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>3. Large Language Models in Healthcare: Challenges and Opportunities</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: Chen, Li; Wang, Y.; Gupta, R. | 2024 | 会议论文</p>
|
||||||
|
<p>来源: <em>International Conference on Medical Informatics</em>.</p>
|
||||||
|
<p class="result-abstract">摘要: We explore the potential applications of LLMs in diagnostic assistance...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#">PDF 下载</a>
|
||||||
|
<a href="#">HTML 全文</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>4. Ethical Implications of AI Agents</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: Brown, Robert. | 2024 | 期刊文章</p>
|
||||||
|
<p>来源: <em>Ethics in Technology Quarterly</em>.</p>
|
||||||
|
<p class="result-abstract">摘要: This article discusses the moral responsibilities of autonomous agents...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#">查看摘要</a>
|
||||||
|
<a href="#" style="color:orange; border-color:orange;">购买全文($35)</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="donation-ad">
|
||||||
|
<h3>我们要建新体育馆啦！</h3>
|
||||||
|
<p>亲爱的校友/同学，捐赠 100 元即可在砖墙上刻下您的名字。</p>
|
||||||
|
<a href="#">[立即捐赠]</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>5. Prompt Engineering Guide for Beginners</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: OpenAI Community. | 2023 | 技术报告</p>
|
||||||
|
<p>来源: <em>Technical Report 2023-01</em>.</p>
|
||||||
|
<p class="result-abstract">摘要: A practical guide to getting the most out of LLMs...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#">PDF 下载</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-item">
|
||||||
|
<div class="result-title">
|
||||||
|
<input type="checkbox"> <strong>6. Vision Transformers: A Survey</strong>
|
||||||
|
</div>
|
||||||
|
<div class="result-meta">
|
||||||
|
<p>作者: Liu, Yang; et al. | 2023 | 学术期刊</p>
|
||||||
|
<p>来源: <em>IEEE Transactions on Pattern Analysis</em>.</p>
|
||||||
|
<p class="result-abstract">摘要: Transformers have shown great success in NLP and are now being applied to vision...</p>
|
||||||
|
</div>
|
||||||
|
<div class="action-row">
|
||||||
|
<a href="#">PDF 下载</a>
|
||||||
|
<a href="#">HTML 全文</a>
|
||||||
|
<a href="#" onclick="showCite()">引用</a>
|
||||||
|
<a href="#">加入收藏</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<a href="#">上一页</a>
|
||||||
|
<strong>1</strong> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> ... <a href="#">100</a>
|
||||||
|
<a href="#">下一页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>版权所有 © 2025 中央大学图书馆 | 地址: 科技路 88 号</p>
|
||||||
|
<p>技术支持: 图书馆技术部 | <a href="#">意见反馈</a> | <a href="#">网站地图</a></p>
|
||||||
|
<p style="opacity:0.5; margin-top:10px;">Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function showCite() {
|
||||||
|
alert("引用格式 (APA):\nAuthor, A. A. (Year). Title of article. Title of Periodical, volume number(issue number), pages.");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
192
006/006_b.html
Normal file
192
006/006_b.html
Normal file
@@ -0,0 +1,192 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>BitMatrix Pro Exchange - BTC/USDT</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="app-root">
|
||||||
|
|
||||||
|
<div id="top-banner">
|
||||||
|
<p><strong>[系统公告]</strong> 由于节点维护，ERC-20 代币提现将延迟 2 小时到账。</p>
|
||||||
|
<p><strong>[风险提示]</strong> 加密货币价格波动剧烈，请理性投资。</p>
|
||||||
|
<p><strong>[广告]</strong> 注册即送 5000 USDT 体验金！点击领取 >></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="header">
|
||||||
|
<h1>BitMatrix Pro | 专业版交易终端</h1>
|
||||||
|
<nav>
|
||||||
|
<a href="#">法币交易</a> |
|
||||||
|
<a href="#">币币交易</a> |
|
||||||
|
<a href="#">合约交易 (100x)</a> |
|
||||||
|
<a href="#">理财挖矿</a> |
|
||||||
|
<a href="#">NFT 市场</a>
|
||||||
|
</nav>
|
||||||
|
<div>
|
||||||
|
<span>当前价格: <strong>98,542.00</strong> USD</span>
|
||||||
|
<span>24h 涨跌: -2.4%</span>
|
||||||
|
<span>用户: User_888 (未认证)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="main-layout">
|
||||||
|
|
||||||
|
<div id="market-sidebar">
|
||||||
|
<h3>市场列表</h3>
|
||||||
|
<form>
|
||||||
|
<input type="text" placeholder="搜索币种...">
|
||||||
|
<button type="button">搜</button>
|
||||||
|
</form>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">BTC/USDT - 98,542.00</a></li>
|
||||||
|
<li><a href="#">ETH/USDT - 3,850.00</a></li>
|
||||||
|
<li><a href="#">SOL/USDT - 145.20</a></li>
|
||||||
|
<li><a href="#">DOGE/USDT - 0.12</a></li>
|
||||||
|
<li><a href="#">PEPE/USDT (热) - 0.00001</a></li>
|
||||||
|
<li><a href="#">SCAM/USDT (新) - 1.00</a></li>
|
||||||
|
<li><a href="#">BNB/USDT - 600.00</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4>新手任务</h4>
|
||||||
|
<p>1. 完成 KYC 认证 (未完成)</p>
|
||||||
|
<p>2. 首次充值 $100 (未完成)</p>
|
||||||
|
<p>3. 开启合约账户 (未完成)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="center-panel">
|
||||||
|
|
||||||
|
<div id="chart-area">
|
||||||
|
<div style="border: 1px solid black; height: 300px; padding: 20px;">
|
||||||
|
<h3>[Interactive K-Line Chart Loading...]</h3>
|
||||||
|
<p>TradingView Module not loaded.</p>
|
||||||
|
<p>Loading scripts...</p>
|
||||||
|
<p>Connecting to WebSocket wss://api.bitmatrix.com...</p>
|
||||||
|
</div>
|
||||||
|
<div style="background-color: yellow;">
|
||||||
|
<small>Warning: Connection latency > 500ms. Data may be delayed.</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="order-book">
|
||||||
|
<h3>订单簿 (深度图)</h3>
|
||||||
|
|
||||||
|
<div class="book-column">
|
||||||
|
<h4>卖盘 (Asks)</h4>
|
||||||
|
<ul>
|
||||||
|
<li><span>98,545.00</span> - <span>0.52 BTC</span></li>
|
||||||
|
<li><span>98,544.50</span> - <span>0.11 BTC</span></li>
|
||||||
|
<li><span>98,544.00</span> - <span>1.20 BTC</span></li>
|
||||||
|
<li><span>98,543.50</span> - <span>0.05 BTC</span></li>
|
||||||
|
<li><span>98,543.00</span> - <span>0.88 BTC</span></li>
|
||||||
|
<li><span>98,542.50</span> - <span>2.00 BTC</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="book-ad">
|
||||||
|
<p>--- 广告：使用 BNB 抵扣手续费，享受 7.5 折优惠 ---</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="current-price">
|
||||||
|
<h2>98,542.00 <small>≈ ¥705,321.00</small></h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="book-column">
|
||||||
|
<h4>买盘 (Bids)</h4>
|
||||||
|
<ul>
|
||||||
|
<li><span>98,541.50</span> - <span>0.33 BTC</span></li>
|
||||||
|
<li><span>98,541.00</span> - <span>5.00 BTC</span></li>
|
||||||
|
<li><span>98,540.50</span> - <span>0.20 BTC</span></li>
|
||||||
|
<li><span>98,540.00</span> - <span>1.50 BTC</span></li>
|
||||||
|
<li><span>98,539.50</span> - <span>0.10 BTC</span></li>
|
||||||
|
<li><span>98,539.00</span> - <span>0.01 BTC</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="right-panel">
|
||||||
|
|
||||||
|
<div id="trade-form">
|
||||||
|
<h3>现货交易</h3>
|
||||||
|
<form>
|
||||||
|
<div>
|
||||||
|
<label>类型:</label>
|
||||||
|
<input type="radio" name="type" checked> 限价
|
||||||
|
<input type="radio" name="type"> 市价
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>价格 (USDT):</label>
|
||||||
|
<input type="text" value="98542.00">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>数量 (BTC):</label>
|
||||||
|
<input type="text" placeholder="最小 0.0001">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="border: 1px dashed red; margin: 5px; padding: 5px;">
|
||||||
|
<input type="checkbox"> <strong>开启 100x 杠杆 (高风险)</strong>
|
||||||
|
<br><small>借币利率 0.05%/天</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button">买入 BTC</button>
|
||||||
|
<button type="button">卖出 BTC</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<p>可用余额: 0.00 USDT <a href="#">[充值]</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="recent-trades">
|
||||||
|
<h3>最新成交</h3>
|
||||||
|
<ul>
|
||||||
|
<li><small>12:00:01</small> - 98,542.00 - 0.0021</li>
|
||||||
|
<li><small>12:00:02</small> - 98,541.50 - 0.0100</li>
|
||||||
|
<li><small>12:00:02</small> - 98,542.10 - 0.5000</li>
|
||||||
|
<li><small>12:00:03</small> - 98,542.00 - 0.0001</li>
|
||||||
|
<li><small>12:00:05</small> - 98,542.00 - 0.0332</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="chat-room">
|
||||||
|
<h3>Trollbox 聊天室 (999+)</h3>
|
||||||
|
<div class="chat-messages">
|
||||||
|
<p><strong>Trader_A:</strong> BTC 要崩了，快跑！</p>
|
||||||
|
<p><strong>MoonBoi:</strong> 楼上傻子，这是技术性回调。</p>
|
||||||
|
<p><strong>Admin_Bot:</strong> 请勿在聊天室发布广告。</p>
|
||||||
|
<p><strong>Scammer_01:</strong> 加我 V 信送内幕消息：SuperWin888</p>
|
||||||
|
<p><strong>Whale_Watcher:</strong> 监测到 5000 BTC 转入交易所。</p>
|
||||||
|
<p><strong>Noob:</strong> 为什么我的提现还没到？</p>
|
||||||
|
<p><strong>System:</strong> 用户 User_999 爆仓了。</p>
|
||||||
|
</div>
|
||||||
|
<form>
|
||||||
|
<input type="text" placeholder="登录后发言..." disabled>
|
||||||
|
<button disabled>发送</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<p>联系我们 | API 文档 | 费率标准 | 上币申请</p>
|
||||||
|
<p>© 2025 BitMatrix. All rights reserved.</p>
|
||||||
|
<p>Disclaimer: Digital assets are highly volatile.</p>
|
||||||
|
<p>Server Time: 2025-12-22 12:00:00 UTC</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
425
006/006_r.html
Normal file
425
006/006_r.html
Normal file
@@ -0,0 +1,425 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>BitMatrix Pro Exchange - BTC/USDT</title>
|
||||||
|
<style>
|
||||||
|
/* === 全局样式 === */
|
||||||
|
:root {
|
||||||
|
--bg-dark: #12161c;
|
||||||
|
--bg-panel: #1e2329;
|
||||||
|
--text-primary: #eaecef;
|
||||||
|
--text-secondary: #848e9c;
|
||||||
|
--up: #0ecb81;
|
||||||
|
--down: #f6465d;
|
||||||
|
--accent: #fcd535;
|
||||||
|
--border: #2b3139;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-dark);
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-family: 'Binance Plex', Arial, sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
overflow: hidden; /* 防止原生那种长滚动 */
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
a { text-decoration: none; color: var(--text-secondary); }
|
||||||
|
a:hover { color: var(--accent); }
|
||||||
|
ul { list-style: none; padding: 0; margin: 0; }
|
||||||
|
h1, h2, h3, h4 { margin: 0; font-weight: 500; }
|
||||||
|
hr { border: 0; border-top: 1px solid var(--border); margin: 0; }
|
||||||
|
|
||||||
|
/* === 顶部通告 (干扰) === */
|
||||||
|
#top-banner {
|
||||||
|
background: #2b3139;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 11px;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
#top-banner p { margin: 0; }
|
||||||
|
/* 隐藏掉纯广告 */
|
||||||
|
#top-banner p:nth-child(3) { display: none; }
|
||||||
|
|
||||||
|
/* === 头部导航 === */
|
||||||
|
#header {
|
||||||
|
background: var(--bg-panel);
|
||||||
|
padding: 10px 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
#header h1 { font-size: 16px; color: var(--accent); }
|
||||||
|
#header nav a { margin: 0 10px; font-weight: bold; }
|
||||||
|
#header div span { margin-left: 15px; }
|
||||||
|
#header strong { color: var(--down); } /* 价格跌了是红色 */
|
||||||
|
|
||||||
|
/* === 主布局 (Grid) === */
|
||||||
|
#main-layout {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 250px 1fr 300px; /* 左中右三栏 */
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === 左侧：市场列表 === */
|
||||||
|
#market-sidebar {
|
||||||
|
background: var(--bg-dark);
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
padding: 10px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
#market-sidebar h3 { color: var(--text-secondary); margin-bottom: 10px; font-size: 14px; }
|
||||||
|
#market-sidebar form { display: flex; gap: 5px; margin-bottom: 10px; }
|
||||||
|
#market-sidebar input { background: #2b3139; border: none; color: white; padding: 5px; border-radius: 4px; width: 100%; }
|
||||||
|
#market-sidebar li a { display: block; padding: 8px 5px; border-radius: 2px; }
|
||||||
|
#market-sidebar li a:hover { background: var(--bg-panel); }
|
||||||
|
|
||||||
|
/* === 中间：图表与盘口 === */
|
||||||
|
#center-panel {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: 60% 40%; /* 上图下盘口 */
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* K线图占位优化 */
|
||||||
|
#chart-area {
|
||||||
|
background: var(--bg-panel);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#chart-area > div:first-child {
|
||||||
|
border: none !important;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
/* 延迟警告美化 */
|
||||||
|
#chart-area > div:last-child {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
background: rgba(246, 70, 93, 0.2) !important;
|
||||||
|
color: var(--down);
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid var(--down);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 订单簿 */
|
||||||
|
#order-book {
|
||||||
|
padding: 10px;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: auto 1fr;
|
||||||
|
gap: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--bg-dark);
|
||||||
|
}
|
||||||
|
#order-book h3 { grid-column: 1 / -1; font-size: 13px; color: var(--text-secondary); margin-bottom: 5px; }
|
||||||
|
|
||||||
|
.book-column ul { font-family: 'Courier New', monospace; }
|
||||||
|
.book-column li { display: flex; justify-content: space-between; padding: 2px 0; }
|
||||||
|
|
||||||
|
/* 卖盘 (红) */
|
||||||
|
.book-column:nth-child(2) li span:first-child { color: var(--down); }
|
||||||
|
/* 买盘 (绿) */
|
||||||
|
.book-column:nth-child(5) li span:first-child { color: var(--up); }
|
||||||
|
|
||||||
|
/* 广告行隐藏 */
|
||||||
|
.book-ad { display: none; }
|
||||||
|
|
||||||
|
/* 当前价格居中 */
|
||||||
|
.current-price {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
font-size: 20px;
|
||||||
|
color: var(--text-primary);
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === 右侧：交易与聊天 === */
|
||||||
|
#right-panel {
|
||||||
|
background: var(--bg-panel);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 交易表单 */
|
||||||
|
#trade-form { padding: 15px; }
|
||||||
|
#trade-form form > div { margin-bottom: 10px; }
|
||||||
|
#trade-form label { display: block; color: var(--text-secondary); margin-bottom: 4px; }
|
||||||
|
#trade-form input[type="text"] {
|
||||||
|
width: 100%; box-sizing: border-box;
|
||||||
|
background: #2b3139; border: 1px solid var(--border);
|
||||||
|
color: white; padding: 8px; border-radius: 4px; text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group { display: flex; gap: 10px; margin-top: 15px; }
|
||||||
|
.btn-group button { flex: 1; padding: 10px; border: none; border-radius: 4px; cursor: pointer; color: white; font-weight: bold; }
|
||||||
|
.btn-group button:first-child { background: var(--up); }
|
||||||
|
.btn-group button:last-child { background: var(--down); }
|
||||||
|
|
||||||
|
/* 杠杆警告美化 */
|
||||||
|
#trade-form > form > div:nth-last-child(2) {
|
||||||
|
border: 1px solid var(--border) !important;
|
||||||
|
background: #2b3139;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 实时成交 */
|
||||||
|
#recent-trades { padding: 10px; flex: 1; overflow-y: hidden; }
|
||||||
|
#recent-trades li { display: flex; justify-content: space-between; color: var(--text-secondary); font-family: monospace; }
|
||||||
|
#recent-trades li:nth-child(odd) { color: var(--up); }
|
||||||
|
#recent-trades li:nth-child(even) { color: var(--down); }
|
||||||
|
|
||||||
|
/* 聊天室 */
|
||||||
|
#chat-room {
|
||||||
|
height: 200px;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background: var(--bg-dark);
|
||||||
|
}
|
||||||
|
#chat-room h3 { padding: 8px; background: var(--bg-panel); font-size: 12px; }
|
||||||
|
.chat-messages { flex: 1; overflow-y: auto; padding: 5px; font-size: 11px; }
|
||||||
|
.chat-messages p { margin: 2px 0; line-height: 1.4; }
|
||||||
|
.chat-messages strong { color: #848e9c; cursor: pointer; }
|
||||||
|
#chat-room form { display: flex; border-top: 1px solid var(--border); }
|
||||||
|
#chat-room input { flex: 1; background: transparent; border: none; color: white; padding: 8px; }
|
||||||
|
|
||||||
|
/* === 底部 === */
|
||||||
|
#footer {
|
||||||
|
background: var(--bg-panel);
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
padding: 5px 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #5e6673;
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
#footer p { margin: 0; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="app-root">
|
||||||
|
|
||||||
|
<div id="top-banner">
|
||||||
|
<p><strong>[系统公告]</strong> 由于节点维护，ERC-20 代币提现将延迟 2 小时到账。</p>
|
||||||
|
<p><strong>[风险提示]</strong> 加密货币价格波动剧烈，请理性投资。</p>
|
||||||
|
<p><strong>[广告]</strong> 注册即送 5000 USDT 体验金！点击领取 >></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="header">
|
||||||
|
<h1>BitMatrix Pro | 专业版交易终端</h1>
|
||||||
|
<nav>
|
||||||
|
<a href="#">法币交易</a> |
|
||||||
|
<a href="#">币币交易</a> |
|
||||||
|
<a href="#">合约交易 (100x)</a> |
|
||||||
|
<a href="#">理财挖矿</a> |
|
||||||
|
<a href="#">NFT 市场</a>
|
||||||
|
</nav>
|
||||||
|
<div>
|
||||||
|
<span>当前价格: <strong id="header-price">98,542.00</strong> USD</span>
|
||||||
|
<span>24h 涨跌: -2.4%</span>
|
||||||
|
<span>用户: User_888 (未认证)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="main-layout">
|
||||||
|
|
||||||
|
<div id="market-sidebar">
|
||||||
|
<h3>市场列表</h3>
|
||||||
|
<form>
|
||||||
|
<input type="text" placeholder="搜索币种...">
|
||||||
|
<button type="button" style="display:none;">搜</button>
|
||||||
|
</form>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">BTC/USDT - 98,542.00</a></li>
|
||||||
|
<li><a href="#">ETH/USDT - 3,850.00</a></li>
|
||||||
|
<li><a href="#">SOL/USDT - 145.20</a></li>
|
||||||
|
<li><a href="#">DOGE/USDT - 0.12</a></li>
|
||||||
|
<li><a href="#" style="color:#f6465d;">PEPE/USDT (热) - 0.00001</a></li>
|
||||||
|
<li><a href="#" style="color:#f6465d;">SCAM/USDT (新) - 1.00</a></li>
|
||||||
|
<li><a href="#">BNB/USDT - 600.00</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div style="margin-top:20px; color:#555; font-size:11px;">
|
||||||
|
<h4>新手任务</h4>
|
||||||
|
<p>1. 完成 KYC 认证 (未完成)</p>
|
||||||
|
<p>2. 首次充值 $100 (未完成)</p>
|
||||||
|
<p>3. 开启合约账户 (未完成)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="center-panel">
|
||||||
|
|
||||||
|
<div id="chart-area">
|
||||||
|
<div style="border: 1px solid black; height: 300px; padding: 20px;">
|
||||||
|
<h3>[Interactive K-Line Chart Loading...]</h3>
|
||||||
|
<p>TradingView Module not loaded.</p>
|
||||||
|
<p>Loading scripts...</p>
|
||||||
|
<p>Connecting to WebSocket wss://api.bitmatrix.com...</p>
|
||||||
|
</div>
|
||||||
|
<div style="background-color: yellow;">
|
||||||
|
<small>Warning: Connection latency > 500ms. Data may be delayed.</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="order-book">
|
||||||
|
<h3>订单簿 (深度图)</h3>
|
||||||
|
|
||||||
|
<div class="book-column">
|
||||||
|
<h4>卖盘 (Asks)</h4>
|
||||||
|
<ul>
|
||||||
|
<li><span>98,545.00</span> - <span>0.52 BTC</span></li>
|
||||||
|
<li><span>98,544.50</span> - <span>0.11 BTC</span></li>
|
||||||
|
<li><span>98,544.00</span> - <span>1.20 BTC</span></li>
|
||||||
|
<li><span>98,543.50</span> - <span>0.05 BTC</span></li>
|
||||||
|
<li><span>98,543.00</span> - <span>0.88 BTC</span></li>
|
||||||
|
<li><span>98,542.50</span> - <span>2.00 BTC</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="book-ad">
|
||||||
|
<p>--- 广告：使用 BNB 抵扣手续费，享受 7.5 折优惠 ---</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="current-price">
|
||||||
|
<h2>98,542.00 <small style="font-size:14px; color:#888;">≈ ¥705,321.00</small></h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="book-column">
|
||||||
|
<h4>买盘 (Bids)</h4>
|
||||||
|
<ul>
|
||||||
|
<li><span>98,541.50</span> - <span>0.33 BTC</span></li>
|
||||||
|
<li><span>98,541.00</span> - <span>5.00 BTC</span></li>
|
||||||
|
<li><span>98,540.50</span> - <span>0.20 BTC</span></li>
|
||||||
|
<li><span>98,540.00</span> - <span>1.50 BTC</span></li>
|
||||||
|
<li><span>98,539.50</span> - <span>0.10 BTC</span></li>
|
||||||
|
<li><span>98,539.00</span> - <span>0.01 BTC</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="right-panel">
|
||||||
|
|
||||||
|
<div id="trade-form">
|
||||||
|
<h3>现货交易</h3>
|
||||||
|
<form>
|
||||||
|
<div>
|
||||||
|
<label>类型:</label>
|
||||||
|
<input type="radio" name="type" checked> 限价
|
||||||
|
<input type="radio" name="type"> 市价
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>价格 (USDT):</label>
|
||||||
|
<input type="text" value="98542.00">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>数量 (BTC):</label>
|
||||||
|
<input type="text" placeholder="最小 0.0001">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="border: 1px dashed red; margin: 5px; padding: 5px;">
|
||||||
|
<input type="checkbox"> <strong>开启 100x 杠杆 (高风险)</strong>
|
||||||
|
<br><small>借币利率 0.05%/天</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" onclick="executeTrade('buy')">买入 BTC</button>
|
||||||
|
<button type="button" onclick="executeTrade('sell')">卖出 BTC</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<p style="margin-top:10px; color:#aaa;">可用余额: 0.00 USDT <a href="#" style="color:#fcd535;">[充值]</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="recent-trades">
|
||||||
|
<h3 style="padding:10px; border-bottom:1px solid #2b3139;">最新成交</h3>
|
||||||
|
<ul id="trade-list">
|
||||||
|
<li><small>12:00:01</small> - 98,542.00 - 0.0021</li>
|
||||||
|
<li><small>12:00:02</small> - 98,541.50 - 0.0100</li>
|
||||||
|
<li><small>12:00:02</small> - 98,542.10 - 0.5000</li>
|
||||||
|
<li><small>12:00:03</small> - 98,542.00 - 0.0001</li>
|
||||||
|
<li><small>12:00:05</small> - 98,542.00 - 0.0332</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="chat-room">
|
||||||
|
<h3>Trollbox 聊天室 (999+)</h3>
|
||||||
|
<div class="chat-messages">
|
||||||
|
<p><strong>Trader_A:</strong> BTC 要崩了，快跑！</p>
|
||||||
|
<p><strong>MoonBoi:</strong> 楼上傻子，这是技术性回调。</p>
|
||||||
|
<p style="color:#f6465d;"><strong>Admin_Bot:</strong> 请勿在聊天室发布广告。</p>
|
||||||
|
<p style="opacity:0.5;"><strong>Scammer_01:</strong> 加我 V 信送内幕消息：SuperWin888</p>
|
||||||
|
<p><strong>Whale_Watcher:</strong> 监测到 5000 BTC 转入交易所。</p>
|
||||||
|
<p><strong>Noob:</strong> 为什么我的提现还没到？</p>
|
||||||
|
<p style="color:#fcd535;"><strong>System:</strong> 用户 User_999 爆仓了。</p>
|
||||||
|
</div>
|
||||||
|
<form>
|
||||||
|
<input type="text" placeholder="登录后发言..." disabled>
|
||||||
|
<button disabled style="background:#2b3139; color:#aaa; border:none;">发送</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<p>联系我们 | API 文档 | 费率标准 | 上币申请</p>
|
||||||
|
<p>© 2025 BitMatrix. All rights reserved.</p>
|
||||||
|
<p>Disclaimer: Digital assets are highly volatile.</p>
|
||||||
|
<p>Server Time: 2025-12-22 12:00:00 UTC</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function executeTrade(type) {
|
||||||
|
if(type === 'buy') {
|
||||||
|
alert("错误：可用 USDT 余额不足，请充值。");
|
||||||
|
} else {
|
||||||
|
alert("错误：可用 BTC 余额不足，请充值。");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 简单的价格模拟跳动
|
||||||
|
setInterval(() => {
|
||||||
|
const priceEl = document.getElementById('header-price');
|
||||||
|
let current = parseFloat(priceEl.innerText.replace(',',''));
|
||||||
|
let change = (Math.random() - 0.5) * 10;
|
||||||
|
let newPrice = (current + change).toFixed(2);
|
||||||
|
priceEl.innerText = newPrice;
|
||||||
|
|
||||||
|
// 同时也往成交列表加一条假数据
|
||||||
|
const list = document.getElementById('trade-list');
|
||||||
|
const li = document.createElement('li');
|
||||||
|
li.innerHTML = `<small>12:00:0${Math.floor(Math.random()*9)}</small> - ${newPrice} - ${(Math.random()).toFixed(4)}`;
|
||||||
|
li.style.color = change > 0 ? '#0ecb81' : '#f6465d';
|
||||||
|
list.prepend(li);
|
||||||
|
if(list.children.length > 20) list.lastElementChild.remove();
|
||||||
|
|
||||||
|
}, 2000);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
331
007/007_b.html
Normal file
331
007/007_b.html
Normal file
@@ -0,0 +1,331 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Global Daily News - World, Sports, Tech & Classifieds</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#ffffcc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red" size="4"><b>恭喜！您是今天的第 999,999 位访客！</b></font><br>
|
||||||
|
<a href="#">[点击这里领取您的免费 iPhone]</a> - <a href="#">[只需 30 秒]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="30%">
|
||||||
|
<h1>Global Daily</h1>
|
||||||
|
<small>Since 1998 | Truth & Accuracy</small>
|
||||||
|
</td>
|
||||||
|
<td width="40%" align="center">
|
||||||
|
<form>
|
||||||
|
<b>搜索新闻:</b> <input type="text" size="30"> <input type="submit" value="Go">
|
||||||
|
<br>
|
||||||
|
<small><a href="#">高级搜索</a> | <a href="#">归档</a></small>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
<td width="30%" align="right">
|
||||||
|
<font size="2">
|
||||||
|
北京时间: 2025-12-22<br>
|
||||||
|
天气: 晴转多云 15°C<br>
|
||||||
|
<a href="#">登录</a> | <a href="#">注册</a> | <a href="#">订阅RSS</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<hr width="980">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#"><b>首页</b></a> |
|
||||||
|
<a href="#"><b>国际</b></a> |
|
||||||
|
<a href="#"><b>国内</b></a> |
|
||||||
|
<a href="#"><b>军事</b></a> |
|
||||||
|
<a href="#"><b>财经</b></a> |
|
||||||
|
<a href="#"><b>科技</b></a> |
|
||||||
|
<a href="#"><b>体育</b></a> |
|
||||||
|
<a href="#"><b>娱乐</b></a> |
|
||||||
|
<a href="#"><b>房产</b></a> |
|
||||||
|
<a href="#"><b>汽车</b></a> |
|
||||||
|
<a href="#"><b>论坛</b></a> |
|
||||||
|
<a href="#"><b>博客</b></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td width="180" valign="top" bgcolor="#f9f9f9">
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>资讯频道</b></font></td></tr>
|
||||||
|
<tr><td><a href="#">即时新闻</a></td></tr>
|
||||||
|
<tr><td><a href="#">深度报道</a></td></tr>
|
||||||
|
<tr><td><a href="#">图片中心</a></td></tr>
|
||||||
|
<tr><td><a href="#">视频新闻</a></td></tr>
|
||||||
|
<tr><td><a href="#">社会万象</a></td></tr>
|
||||||
|
<tr><td><a href="#">奇闻异事</a></td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>便民服务</b></font></td></tr>
|
||||||
|
<tr><td><a href="#">彩票开奖</a></td></tr>
|
||||||
|
<tr><td><a href="#">火车票查询</a></td></tr>
|
||||||
|
<tr><td><a href="#">违章查询</a></td></tr>
|
||||||
|
<tr><td><a href="#">快递查询</a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>快速减肥 30斤</b></a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>脱发有救了</b></a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>免费英语试听</b></a></td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>每日调查</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>您如何看待 AI 的发展？</p>
|
||||||
|
<form>
|
||||||
|
<input type="radio" name="vote"> 非常看好<br>
|
||||||
|
<input type="radio" name="vote"> 有点担心<br>
|
||||||
|
<input type="radio" name="vote"> 完全不关心<br>
|
||||||
|
<br>
|
||||||
|
<center><input type="button" value="投票"></center>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p><b>合作伙伴:</b></p>
|
||||||
|
<small>
|
||||||
|
<a href="#">新浪网</a><br>
|
||||||
|
<a href="#">搜狐网</a><br>
|
||||||
|
<a href="#">网易</a><br>
|
||||||
|
<a href="#">腾讯</a><br>
|
||||||
|
<a href="#">百度</a><br>
|
||||||
|
<a href="#">谷歌</a>
|
||||||
|
</small>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="540" valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h2><font color="#003366">全球峰会今日开幕：聚焦气候变化与经济复苏</font></h2>
|
||||||
|
<p>本报讯（记者 张三）第 58 届全球经济与气候峰会今日在日内瓦拉开帷幕。来自 120 个国家的代表将共同探讨...</p>
|
||||||
|
<a href="#">[查看全文]</a> <a href="#">[相关报道]</a> <a href="#">[发表评论]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<p><b>今日要闻</b> <small>(24小时滚动)</small></p>
|
||||||
|
<ul>
|
||||||
|
<li><small>[12:30]</small> <a href="#">科技巨头发布新款智能眼镜，售价令人震惊</a></li>
|
||||||
|
<li><small>[12:15]</small> <a href="#">股市午盘：三大指数全线飘红，科技股领涨</a></li>
|
||||||
|
<li><small>[11:58]</small> <a href="#">某地发现稀有矿产资源，储量巨大</a></li>
|
||||||
|
<li><small>[11:45]</small> <a href="#">专家建议：年轻人应该少喝咖啡多喝茶</a></li>
|
||||||
|
<li><small>[11:30]</small> <a href="#">国际油价小幅波动，市场观望情绪浓厚</a></li>
|
||||||
|
<li type="circle"><font color="red"><b>[推广] 震惊！90岁老中医竟然看起来像30岁，秘诀是...</b></font></li>
|
||||||
|
<li><small>[11:10]</small> <a href="#">教育部发布新规：中小学课程将迎来重大调整</a></li>
|
||||||
|
<li><small>[10:55]</small> <a href="#">城市交通拥堵治理方案出炉，下月起实施</a></li>
|
||||||
|
<li><small>[10:40]</small> <a href="#">考古新发现：千年古墓出土神秘文物</a></li>
|
||||||
|
<li><small>[10:20]</small> <a href="#">食品安全抽检：这 5 种零食不合格，请勿食用</a></li>
|
||||||
|
</ul>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||||||
|
<tr><td align="center">
|
||||||
|
<h3>英语不好？工资低？来这里，30天流利说英语！</h3>
|
||||||
|
<a href="#">>> 免费领取课程 <<</a>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="2">
|
||||||
|
<tr><td bgcolor="#eeeeee" colspan="4"><b>财经快讯</b></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td width="25%"><a href="#"><b>A股行情</b></a></td>
|
||||||
|
<td width="25%"><a href="#"><b>港股行情</b></a></td>
|
||||||
|
<td width="25%"><a href="#"><b>美股行情</b></a></td>
|
||||||
|
<td width="25%"><a href="#"><b>基金净值</b></a></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">央行宣布降准 0.5 个百分点，释放长期资金</a></li>
|
||||||
|
<li><a href="#">某知名企业申请破产保护，负债百亿</a></li>
|
||||||
|
<li><a href="#">黄金价格创历史新高，投资者蜂拥而入</a></li>
|
||||||
|
<li><a href="#">新能源汽车销量大增，产业链迎来爆发</a></li>
|
||||||
|
<li><a href="#">房地产市场回暖，一线城市成交量上涨</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="2">
|
||||||
|
<tr><td bgcolor="#eeeeee" colspan="4"><b>科技前沿</b></td></tr>
|
||||||
|
</table>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">SpaceX 再次成功发射星链卫星</a></li>
|
||||||
|
<li><a href="#">苹果公司暗示将于下月举行新品发布会</a></li>
|
||||||
|
<li><a href="#">Windows 12 界面曝光，风格大变</a></li>
|
||||||
|
<li><a href="#">科学家研发出新型电池，续航提升 50%</a></li>
|
||||||
|
<li><a href="#"><b>[下载] 电脑加速专家 2025 专业版 (破解版)</b></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<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></li>
|
||||||
|
<li><a href="#">历史揭秘：清朝灭亡的真正原因是什么？</a></li>
|
||||||
|
<li><a href="#">萌宠天地：哈士奇拆家全记录，主人崩溃</a></li>
|
||||||
|
<li><a href="#">美食制作：教你做正宗的红烧肉</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="260" valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="5">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>会员登录</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<form>
|
||||||
|
用户名: <input type="text" size="15"><br>
|
||||||
|
密 码: <input type="password" size="15"><br>
|
||||||
|
<input type="checkbox"> 记住我<br>
|
||||||
|
<input type="submit" value="登录"> <a href="#">忘记密码?</a>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#eeeeee"><b>24小时热度榜</b></td></tr>
|
||||||
|
<tr><td><font color="red">1.</font> <a href="#">某明星官宣离婚</a></td></tr>
|
||||||
|
<tr><td><font color="red">2.</font> <a href="#">彩票中奖 5 亿</a></td></tr>
|
||||||
|
<tr><td><font color="red">3.</font> <a href="#">油价今晚调整</a></td></tr>
|
||||||
|
<tr><td>4. <a href="#">房价最新走势</a></td></tr>
|
||||||
|
<tr><td>5. <a href="#">大学排名发布</a></td></tr>
|
||||||
|
<tr><td>6. <a href="#">新款手机评测</a></td></tr>
|
||||||
|
<tr><td>7. <a href="#">流感疫苗接种</a></td></tr>
|
||||||
|
<tr><td>8. <a href="#">退休金上涨</a></td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div align="center" style="border: 2px solid orange; padding: 5px;">
|
||||||
|
<h3>🔥 热门游戏推荐 🔥</h3>
|
||||||
|
<p>
|
||||||
|
<a href="#">屠龙宝刀，点击就送</a><br>
|
||||||
|
<a href="#">一刀 999 级</a><br>
|
||||||
|
<a href="#">兄弟，等你来战</a>
|
||||||
|
</p>
|
||||||
|
<button>开始游戏</button>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="2">
|
||||||
|
<tr><td bgcolor="#eeeeee"><b>娱乐八卦</b></td></tr>
|
||||||
|
</table>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">某知名导演夜会神秘女子</a></li>
|
||||||
|
<li><a href="#">乐坛天后复出，首场演唱会爆满</a></li>
|
||||||
|
<li><a href="#">盘点娱乐圈的十大未解之谜</a></li>
|
||||||
|
<li><a href="#">这部电影票房破 30 亿，你看了吗？</a></li>
|
||||||
|
<li><a href="#">综艺节目频频翻车，观众不买账</a></li>
|
||||||
|
</ul>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#660099"><font color="white"><b>今日运势</b></font></td></tr>
|
||||||
|
<tr><td>白羊座: ★★★☆☆ (平)</td></tr>
|
||||||
|
<tr><td>金牛座: ★★★★☆ (吉)</td></tr>
|
||||||
|
<tr><td>双子座: ★★☆☆☆ (凶)</td></tr>
|
||||||
|
<tr><td>巨蟹座: ★★★★★ (大吉)</td></tr>
|
||||||
|
<tr><td align="right"><a href="#">查看全部 >></a></td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#ffcccc">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<font color="red" size="2">
|
||||||
|
<b>系统警告：</b><br>
|
||||||
|
您的 Flash Player 版本过低，可能无法播放视频。<br>
|
||||||
|
<a href="#">[立即更新]</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<hr width="980">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<small>
|
||||||
|
<a href="#">关于我们</a> | <a href="#">联系方式</a> | <a href="#">招聘信息</a> | <a href="#">广告服务</a> | <a href="#">版权声明</a> | <a href="#">隐私政策</a> | <a href="#">网站地图</a> | <a href="#">意见反馈</a>
|
||||||
|
</small>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<br>
|
||||||
|
<b>友情链接:</b><br>
|
||||||
|
<small>
|
||||||
|
<a href="#">北京新闻</a> | <a href="#">上海新闻</a> | <a href="#">广州新闻</a> | <a href="#">深圳新闻</a> | <a href="#">成都新闻</a> | <a href="#">重庆新闻</a> |
|
||||||
|
<a href="#">杭州新闻</a> | <a href="#">武汉新闻</a> | <a href="#">南京新闻</a> | <a href="#">天津新闻</a> | <a href="#">西安新闻</a> |
|
||||||
|
<a href="#">苏州新闻</a> | <a href="#">长沙新闻</a> | <a href="#">郑州新闻</a> | <a href="#">东莞新闻</a> | <a href="#">青岛新闻</a> |
|
||||||
|
<a href="#">沈阳新闻</a> | <a href="#">宁波新闻</a> | <a href="#">昆明新闻</a> | <a href="#">无锡新闻</a> | <a href="#">佛山新闻</a> |
|
||||||
|
<a href="#">大连新闻</a> | <a href="#">福州新闻</a> | <a href="#">厦门新闻</a> | <a href="#">哈尔滨新闻</a> | <a href="#">济南新闻</a> |
|
||||||
|
<a href="#">长春新闻</a> | <a href="#">温州新闻</a> | <a href="#">石家庄新闻</a> | <a href="#">南宁新闻</a> | <a href="#">常州新闻</a> |
|
||||||
|
<a href="#">泉州新闻</a> | <a href="#">南昌新闻</a> | <a href="#">贵阳新闻</a> | <a href="#">太原新闻</a> | <a href="#">烟台新闻</a> |
|
||||||
|
<a href="#">嘉兴新闻</a> | <a href="#">南通新闻</a> | <a href="#">金华新闻</a> | <a href="#">珠海新闻</a> | <a href="#">惠州新闻</a> |
|
||||||
|
<a href="#">徐州新闻</a> | <a href="#">海口新闻</a> | <a href="#">乌鲁木齐新闻</a> | <a href="#">绍兴新闻</a> | <a href="#">中山新闻</a> |
|
||||||
|
<a href="#">台州新闻</a> | <a href="#">兰州新闻</a> | <a href="#">潍坊新闻</a> | <a href="#">保定新闻</a> | <a href="#">镇江新闻</a> |
|
||||||
|
<a href="#">扬州新闻</a> | <a href="#">桂林新闻</a> | <a href="#">唐山新闻</a> | <a href="#">三亚新闻</a> | <a href="#">湖州新闻</a> |
|
||||||
|
<a href="#">芜湖新闻</a> | <a href="#">洛阳新闻</a> | <a href="#">威海新闻</a> | <a href="#">盐城新闻</a> | <a href="#">临沂新闻</a> |
|
||||||
|
<a href="#">江门新闻</a> | <a href="#">汕头新闻</a> | <a href="#">泰州新闻</a> | <a href="#">漳州新闻</a> | <a href="#">邯郸新闻</a> |
|
||||||
|
<a href="#">银川新闻</a> | <a href="#">衡阳新闻</a> | <a href="#">济宁新闻</a> | <a href="#">大庆新闻</a> | <a href="#">吉林新闻</a>
|
||||||
|
</small>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<br>
|
||||||
|
<font color="#888888">
|
||||||
|
Copyright © 1998-2025 Global Daily News Inc. All Rights Reserved.<br>
|
||||||
|
ICP证：京ICP备88888888号<br>
|
||||||
|
公网安备 11010102000000号
|
||||||
|
</font>
|
||||||
|
<br><br>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
419
007/007_r.html
Normal file
419
007/007_r.html
Normal file
@@ -0,0 +1,419 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Global Daily News - World, Sports, Tech & Classifieds</title>
|
||||||
|
<style>
|
||||||
|
/* === CSS Reset & Modernizer === */
|
||||||
|
:root {
|
||||||
|
--primary: #2c3e50;
|
||||||
|
--accent: #3498db;
|
||||||
|
--bg-body: #f4f6f8;
|
||||||
|
--bg-card: #ffffff;
|
||||||
|
--text-main: #333;
|
||||||
|
--text-light: #7f8c8d;
|
||||||
|
--border: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); color: var(--text-main); margin: 0; line-height: 1.6; padding-bottom: 40px; }
|
||||||
|
a { text-decoration: none; color: var(--text-main); transition: 0.2s; }
|
||||||
|
a:hover { color: var(--accent); }
|
||||||
|
ul { list-style: none; padding: 0; margin: 0; }
|
||||||
|
h1, h2, h3 { margin: 0; }
|
||||||
|
|
||||||
|
/* === 布局重构：将 Table 强制转为 Flex/Grid 结构 === */
|
||||||
|
/* 核心魔法：让 table 失去 table 的特性 */
|
||||||
|
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; }
|
||||||
|
center { text-align: left; max-width: 1200px; margin: 0 auto; display: block; padding: 0 15px; }
|
||||||
|
|
||||||
|
/* 隐藏原生的 hr, font 标签的影响 */
|
||||||
|
hr { display: none; }
|
||||||
|
font { color: inherit !important; size: inherit !important; }
|
||||||
|
|
||||||
|
/* 顶部广告 - 隐藏 */
|
||||||
|
body > center:first-of-type { display: none; }
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
body > center:nth-of-type(2) table tr {
|
||||||
|
display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
body > center:nth-of-type(2) table tr td { width: auto !important; }
|
||||||
|
|
||||||
|
h1 { font-size: 28px; font-weight: 700; color: var(--primary); letter-spacing: -1px; }
|
||||||
|
h1 + small { display: block; color: var(--text-light); font-size: 12px; }
|
||||||
|
|
||||||
|
/* 搜索框美化 */
|
||||||
|
form { display: flex; gap: 10px; align-items: center; }
|
||||||
|
input[type="text"] { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; outline: none; }
|
||||||
|
input[type="submit"] { background: var(--accent); color: white; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; }
|
||||||
|
|
||||||
|
/* 导航栏 */
|
||||||
|
body > center:nth-of-type(3) table tr td {
|
||||||
|
background: var(--primary) !important; color: white; padding: 10px 20px !important; border-radius: 6px;
|
||||||
|
display: flex; gap: 20px; overflow-x: auto;
|
||||||
|
}
|
||||||
|
body > center:nth-of-type(3) a { color: rgba(255,255,255,0.8); font-weight: normal; font-size: 15px; }
|
||||||
|
body > center:nth-of-type(3) a:hover { color: white; }
|
||||||
|
/* 隐藏导航间的分隔符 "|" */
|
||||||
|
body > center:nth-of-type(3) { color: transparent; }
|
||||||
|
|
||||||
|
/* === 主体三栏布局 === */
|
||||||
|
body > center:nth-of-type(4) > table > tbody > tr {
|
||||||
|
display: grid; grid-template-columns: 240px 1fr 300px; gap: 20px; margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 通用卡片样式 */
|
||||||
|
.card-panel { background: var(--bg-card) !important; padding: 20px !important; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 20px; }
|
||||||
|
.card-header { font-size: 16px; font-weight: bold; border-bottom: 2px solid var(--accent); padding-bottom: 10px; margin-bottom: 15px; color: var(--primary); }
|
||||||
|
|
||||||
|
/* 左侧栏 */
|
||||||
|
.left-col table { margin-bottom: 20px; }
|
||||||
|
.left-col td { padding: 8px 0 !important; border-bottom: 1px solid #eee !important; font-size: 14px; }
|
||||||
|
/* 隐藏左侧栏的广告行 (bgcolor=#ffffcc) */
|
||||||
|
.left-col td[bgcolor="#ffffcc"] { display: none !important; }
|
||||||
|
/* 将标题行转为卡片标题 */
|
||||||
|
.left-col td[bgcolor="#003366"] { background: transparent !important; color: var(--primary) !important; font-weight: bold; font-size: 16px; border-bottom: 2px solid var(--accent) !important; padding: 0 0 10px 0 !important; margin-bottom: 10px; }
|
||||||
|
|
||||||
|
/* 中间栏 */
|
||||||
|
.main-col h2 { font-size: 24px; color: var(--text-main) !important; margin-bottom: 10px; }
|
||||||
|
.main-col p { color: #555; line-height: 1.6; margin-bottom: 15px; }
|
||||||
|
.main-col ul li { padding: 10px 0; border-bottom: 1px solid #eee; display: flex; align-items: baseline; }
|
||||||
|
.main-col ul li small { color: var(--accent); font-weight: bold; margin-right: 10px; width: 50px; }
|
||||||
|
|
||||||
|
/* 隐藏中间栏的伪装广告 (li type="circle") 和横幅广告 table */
|
||||||
|
.main-col li[type="circle"] { display: none !important; }
|
||||||
|
.main-col table[bgcolor="#ffe4e1"] { display: none !important; }
|
||||||
|
/* 隐藏下载链接 */
|
||||||
|
.main-col a b { font-weight: normal; } /* 重置加粗 */
|
||||||
|
|
||||||
|
/* 右侧栏 */
|
||||||
|
.right-col form { flex-direction: column; align-items: stretch; }
|
||||||
|
.right-col input { margin-bottom: 10px; width: 100%; box-sizing: border-box; }
|
||||||
|
/* 隐藏游戏广告 div */
|
||||||
|
.right-col div[style*="border: 2px solid orange"] { display: none !important; }
|
||||||
|
/* 隐藏系统警告 table */
|
||||||
|
.right-col table[bgcolor="#ffcccc"] { display: none !important; }
|
||||||
|
|
||||||
|
/* 底部 SEO 链接堆砌 - 弱化并折叠 */
|
||||||
|
body > center:last-of-type { margin-top: 50px; border-top: 1px solid #ddd; padding-top: 20px; text-align: center; }
|
||||||
|
body > center:last-of-type small a { color: #999; font-size: 12px; margin: 0 5px; display: inline-block; }
|
||||||
|
body > center:last-of-type b { display: block; margin-bottom: 10px; color: #555; }
|
||||||
|
|
||||||
|
/* 功能按钮 */
|
||||||
|
.theme-toggle { position: fixed; bottom: 20px; right: 20px; background: var(--primary); color: white; padding: 10px 15px; border-radius: 30px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 100; font-size: 14px; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<div class="theme-toggle" onclick="toggleTheme()">🌙 切换模式</div>
|
||||||
|
|
||||||
|
<center class="ad-banner">
|
||||||
|
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#ffffcc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red" size="4"><b>恭喜！您是今天的第 999,999 位访客！</b></font><br>
|
||||||
|
<a href="#">[点击这里领取您的免费 iPhone]</a> - <a href="#">[只需 30 秒]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="30%">
|
||||||
|
<h1>Global Daily</h1>
|
||||||
|
<small>Since 1998 | Truth & Accuracy</small>
|
||||||
|
</td>
|
||||||
|
<td width="40%" align="center">
|
||||||
|
<form onsubmit="return false;">
|
||||||
|
<input type="text" size="30" placeholder="搜索新闻..."> <input type="submit" value="搜索">
|
||||||
|
<br>
|
||||||
|
<small style="display:none;"><a href="#">高级搜索</a> | <a href="#">归档</a></small>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
<td width="30%" align="right">
|
||||||
|
<font size="2" id="live-clock">
|
||||||
|
北京时间: <span id="time-span">Loading...</span><br>
|
||||||
|
天气: 晴转多云 15°C<br>
|
||||||
|
<a href="#">登录</a> | <a href="#">注册</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<hr width="980">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="1" cellspacing="0" cellpadding="5" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#"><b>首页</b></a> |
|
||||||
|
<a href="#"><b>国际</b></a> |
|
||||||
|
<a href="#"><b>国内</b></a> |
|
||||||
|
<a href="#"><b>军事</b></a> |
|
||||||
|
<a href="#"><b>财经</b></a> |
|
||||||
|
<a href="#"><b>科技</b></a> |
|
||||||
|
<a href="#"><b>体育</b></a> |
|
||||||
|
<a href="#"><b>娱乐</b></a> |
|
||||||
|
<a href="#"><b>房产</b></a> |
|
||||||
|
<a href="#"><b>汽车</b></a> |
|
||||||
|
<a href="#"><b>论坛</b></a> |
|
||||||
|
<a href="#"><b>博客</b></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td width="180" valign="top" bgcolor="#f9f9f9" class="left-col">
|
||||||
|
<div class="card-panel">
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>资讯频道</b></font></td></tr>
|
||||||
|
<tr><td><a href="#">即时新闻</a></td></tr>
|
||||||
|
<tr><td><a href="#">深度报道</a></td></tr>
|
||||||
|
<tr><td><a href="#">图片中心</a></td></tr>
|
||||||
|
<tr><td><a href="#">视频新闻</a></td></tr>
|
||||||
|
<tr><td><a href="#">社会万象</a></td></tr>
|
||||||
|
<tr><td><a href="#">奇闻异事</a></td></tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>便民服务</b></font></td></tr>
|
||||||
|
<tr><td><a href="#">彩票开奖</a></td></tr>
|
||||||
|
<tr><td><a href="#">火车票查询</a></td></tr>
|
||||||
|
<tr><td><a href="#">违章查询</a></td></tr>
|
||||||
|
<tr><td><a href="#">快递查询</a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>快速减肥 30斤</b></a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>脱发有救了</b></a></td></tr>
|
||||||
|
<tr><td bgcolor="#ffffcc"><a href="#"><b>免费英语试听</b></a></td></tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#003366"><font color="white"><b>每日调查</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p style="margin-bottom:10px;">您如何看待 AI 的发展？</p>
|
||||||
|
<form>
|
||||||
|
<label><input type="radio" name="vote"> 非常看好</label>
|
||||||
|
<label><input type="radio" name="vote"> 有点担心</label>
|
||||||
|
<label><input type="radio" name="vote"> 完全不关心</label>
|
||||||
|
<br>
|
||||||
|
<center><input type="button" value="投票" onclick="alert('感谢您的投票！')"></center>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-panel" style="font-size:12px;">
|
||||||
|
<p><b>合作伙伴:</b></p>
|
||||||
|
<small style="line-height:2;">
|
||||||
|
<a href="#">新浪网</a> <a href="#">搜狐网</a>
|
||||||
|
<a href="#">网易</a> <a href="#">腾讯</a>
|
||||||
|
<a href="#">百度</a> <a href="#">谷歌</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="540" valign="top" class="main-col">
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h2><font color="#003366">全球峰会今日开幕：聚焦气候变化与经济复苏</font></h2>
|
||||||
|
<p>本报讯（记者 张三）第 58 届全球经济与气候峰会今日在日内瓦拉开帷幕。来自 120 个国家的代表将共同探讨...</p>
|
||||||
|
<div style="margin-top:10px;">
|
||||||
|
<a href="#" style="background:var(--primary); color:white; padding:5px 10px; border-radius:4px; font-size:12px;">查看全文</a>
|
||||||
|
<a href="#" style="color:var(--text-light); font-size:12px; margin-left:10px;">324 评论</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">今日要闻 <span style="font-weight:normal; font-size:12px; color:#999; float:right;">实时更新中</span></div>
|
||||||
|
<ul>
|
||||||
|
<li><small>[12:30]</small> <a href="#">科技巨头发布新款智能眼镜，售价令人震惊</a></li>
|
||||||
|
<li><small>[12:15]</small> <a href="#">股市午盘：三大指数全线飘红，科技股领涨</a></li>
|
||||||
|
<li><small>[11:58]</small> <a href="#">某地发现稀有矿产资源，储量巨大</a></li>
|
||||||
|
<li><small>[11:45]</small> <a href="#">专家建议：年轻人应该少喝咖啡多喝茶</a></li>
|
||||||
|
<li><small>[11:30]</small> <a href="#">国际油价小幅波动，市场观望情绪浓厚</a></li>
|
||||||
|
<li type="circle"><font color="red"><b>[推广] 震惊！90岁老中医竟然看起来像30岁，秘诀是...</b></font></li>
|
||||||
|
<li><small>[11:10]</small> <a href="#">教育部发布新规：中小学课程将迎来重大调整</a></li>
|
||||||
|
<li><small>[10:55]</small> <a href="#">城市交通拥堵治理方案出炉，下月起实施</a></li>
|
||||||
|
<li><small>[10:40]</small> <a href="#">考古新发现：千年古墓出土神秘文物</a></li>
|
||||||
|
<li><small>[10:20]</small> <a href="#">食品安全抽检：这 5 种零食不合格，请勿食用</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||||||
|
<tr><td align="center">
|
||||||
|
<h3>英语不好？工资低？来这里，30天流利说英语！</h3>
|
||||||
|
<a href="#">>> 免费领取课程 <<</a>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">财经 & 科技</div>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="2" style="display:none;">
|
||||||
|
<tr><td bgcolor="#eeeeee" colspan="4"><b>财经快讯</b></td></tr>
|
||||||
|
</table>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">央行宣布降准 0.5 个百分点，释放长期资金</a></li>
|
||||||
|
<li><a href="#">某知名企业申请破产保护，负债百亿</a></li>
|
||||||
|
<li><a href="#">黄金价格创历史新高，投资者蜂拥而入</a></li>
|
||||||
|
<li><a href="#">SpaceX 再次成功发射星链卫星</a></li>
|
||||||
|
<li><a href="#">苹果公司暗示将于下月举行新品发布会</a></li>
|
||||||
|
<li><a href="#">Windows 12 界面曝光，风格大变</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">生活 & 百科</div>
|
||||||
|
<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></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="260" valign="top" class="right-col">
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">会员登录</div>
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="5">
|
||||||
|
<tr><td bgcolor="#003366" style="display:none;"><font color="white"><b>会员登录</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<form>
|
||||||
|
<input type="text" size="15" placeholder="用户名/邮箱">
|
||||||
|
<input type="password" size="15" placeholder="密码">
|
||||||
|
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||||
|
<label><input type="checkbox"> 记住我</label>
|
||||||
|
<a href="#" style="font-size:12px;">忘记密码?</a>
|
||||||
|
</div>
|
||||||
|
<input type="submit" value="登录" style="width:100%; margin-top:10px;">
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">24小时热度榜</div>
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#eeeeee" style="display:none;"><b>24小时热度榜</b></td></tr>
|
||||||
|
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">1</span> <a href="#">某明星官宣离婚</a></td></tr>
|
||||||
|
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">2</span> <a href="#">彩票中奖 5 亿</a></td></tr>
|
||||||
|
<tr><td><span style="color:red; font-weight:bold; width:20px; display:inline-block;">3</span> <a href="#">油价今晚调整</a></td></tr>
|
||||||
|
<tr><td><span style="color:#ccc; font-weight:bold; width:20px; display:inline-block;">4</span> <a href="#">房价最新走势</a></td></tr>
|
||||||
|
<tr><td><span style="color:#ccc; font-weight:bold; width:20px; display:inline-block;">5</span> <a href="#">大学排名发布</a></td></tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div align="center" style="border: 2px solid orange; padding: 5px;">
|
||||||
|
<h3>🔥 热门游戏推荐 🔥</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-panel">
|
||||||
|
<div class="card-header">娱乐八卦</div>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">某知名导演夜会神秘女子</a></li>
|
||||||
|
<li><a href="#">乐坛天后复出，首场演唱会爆满</a></li>
|
||||||
|
<li><a href="#">盘点娱乐圈的十大未解之谜</a></li>
|
||||||
|
<li><a href="#">综艺节目频频翻车，观众不买账</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#ffcccc">
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<hr width="980">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="980" border="0">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<small>
|
||||||
|
<a href="#">关于我们</a> <a href="#">联系方式</a> <a href="#">招聘信息</a> <a href="#">广告服务</a> <a href="#">版权声明</a>
|
||||||
|
</small>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<div style="height: 50px; overflow: hidden; opacity: 0.5; font-size: 12px; margin-top: 20px;">
|
||||||
|
<b>友情链接:</b><br>
|
||||||
|
<a href="#">北京新闻</a> | <a href="#">上海新闻</a> | <a href="#">广州新闻</a> | <a href="#">深圳新闻</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<br>
|
||||||
|
<font color="#888888">
|
||||||
|
Copyright © 1998-2025 Global Daily News Inc. All Rights Reserved.
|
||||||
|
</font>
|
||||||
|
<br><br>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 动态时间
|
||||||
|
function updateTime() {
|
||||||
|
const now = new Date();
|
||||||
|
const timeString = now.toLocaleTimeString('zh-CN', { hour12: false });
|
||||||
|
document.getElementById('time-span').textContent = timeString;
|
||||||
|
}
|
||||||
|
setInterval(updateTime, 1000);
|
||||||
|
updateTime();
|
||||||
|
|
||||||
|
// 模式切换
|
||||||
|
function toggleTheme() {
|
||||||
|
const root = document.documentElement;
|
||||||
|
const isDark = root.style.getPropertyValue('--bg-body') === '#1a1a1a';
|
||||||
|
|
||||||
|
if (isDark) {
|
||||||
|
root.style.setProperty('--bg-body', '#f4f6f8');
|
||||||
|
root.style.setProperty('--bg-card', '#ffffff');
|
||||||
|
root.style.setProperty('--text-main', '#333');
|
||||||
|
} else {
|
||||||
|
root.style.setProperty('--bg-body', '#1a1a1a');
|
||||||
|
root.style.setProperty('--bg-card', '#2c2c2c');
|
||||||
|
root.style.setProperty('--text-main', '#ddd');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("Portal Loaded. Ad-block logic active.");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
375
008/008_b.html
Normal file
375
008/008_b.html
Normal file
@@ -0,0 +1,375 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Student Information System (SIS) - Spring 2026 Registration</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#ffcccc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red"><b>System Alert:</b> High traffic detected. Do NOT click "Refresh" or you will lose your queue position.</font><br>
|
||||||
|
<font size="2">Last updated: 10:00:01 AM</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="20%">
|
||||||
|
<h2>U-Registrar</h2>
|
||||||
|
</td>
|
||||||
|
<td width="60%" align="center">
|
||||||
|
<h3>Spring 2026 Course Selection</h3>
|
||||||
|
<p>Welcome, <strong>Student_ID_9928122</strong> (Senior Standing)</p>
|
||||||
|
<p>Holds: <font color="green">None</font> | GPA: 3.42 | Major: Computer Science</p>
|
||||||
|
</td>
|
||||||
|
<td width="20%" align="right">
|
||||||
|
<a href="#">[Home]</a> <a href="#">[Logout]</a> <a href="#">[Help]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#">Add/Drop Classes</a> |
|
||||||
|
<a href="#">Search for Classes</a> |
|
||||||
|
<a href="#">My Weekly Schedule</a> |
|
||||||
|
<a href="#">Degree Audit</a> |
|
||||||
|
<a href="#">Pay Tuition</a> |
|
||||||
|
<a href="#">Transcript Request</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<form>
|
||||||
|
<p><b>Filter Results:</b></p>
|
||||||
|
<hr>
|
||||||
|
<p>Subject:<br>
|
||||||
|
<select>
|
||||||
|
<option>CS - Computer Science</option>
|
||||||
|
<option>MATH - Mathematics</option>
|
||||||
|
<option>ENG - English</option>
|
||||||
|
<option>PHYS - Physics</option>
|
||||||
|
</select></p>
|
||||||
|
|
||||||
|
<p>Course Level:<br>
|
||||||
|
<input type="checkbox"> 100-299 (Lower)<br>
|
||||||
|
<input type="checkbox" checked> 300-499 (Upper)<br>
|
||||||
|
<input type="checkbox"> 500+ (Grad)</p>
|
||||||
|
|
||||||
|
<p>Days:<br>
|
||||||
|
<input type="checkbox"> Mon/Wed/Fri<br>
|
||||||
|
<input type="checkbox"> Tue/Thu</p>
|
||||||
|
|
||||||
|
<p>Status:<br>
|
||||||
|
<input type="radio" name="status" checked> Open Only<br>
|
||||||
|
<input type="radio" name="status"> Include Waitlist</p>
|
||||||
|
|
||||||
|
<input type="submit" value="Apply Filter">
|
||||||
|
<br><br>
|
||||||
|
<hr>
|
||||||
|
<p><b>Campus News:</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Parking permits price increase</a></li>
|
||||||
|
<li><a href="#">Cafeteria menu update</a></li>
|
||||||
|
<li><a href="#">Library hours extended</a></li>
|
||||||
|
</ul>
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#ffffcc">
|
||||||
|
<tr><td>
|
||||||
|
<font size="2"><b>Did you know?</b><br>You can donate your unused meal points to the alumni fund.</font>
|
||||||
|
<br><a href="#">[Donate Now]</a>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
|
||||||
|
<p>Showing results for <strong>"Computer Science"</strong> (Spring 2026)</p>
|
||||||
|
<p><font color="blue">Note: Enrollment closes on Jan 25th at 5:00 PM.</font></p>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="4">
|
||||||
|
<tr bgcolor="#cccccc">
|
||||||
|
<th>Select</th>
|
||||||
|
<th>CRN</th>
|
||||||
|
<th>Course</th>
|
||||||
|
<th>Sec</th>
|
||||||
|
<th>Title</th>
|
||||||
|
<th>Credits</th>
|
||||||
|
<th>Instructor</th>
|
||||||
|
<th>Time/Loc</th>
|
||||||
|
<th>Cap/Act/Rem</th>
|
||||||
|
<th>Action</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1001"></td>
|
||||||
|
<td>1001</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Smith, J.</td>
|
||||||
|
<td>MWF 10:00-10:50<br>Bldg A, Rm 101</td>
|
||||||
|
<td>50 / 48 / <font color="red">2</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1002"></td>
|
||||||
|
<td>1002</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Smith, J.</td>
|
||||||
|
<td>MWF 11:00-11:50<br>Bldg A, Rm 101</td>
|
||||||
|
<td>50 / 50 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey">Closed</font><br>
|
||||||
|
<a href="#">Join Waitlist (5)</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffff99">
|
||||||
|
<td colspan="10" align="center">
|
||||||
|
<font color="#990000"><b>Action Required: You must complete the "Sexual Harassment Prevention Training" before adding more classes.</b></font>
|
||||||
|
<a href="#">[Go to Training]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1003"></td>
|
||||||
|
<td>1003</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>03</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Doe, A.</td>
|
||||||
|
<td>TR 09:30-10:45<br>Bldg B, Rm 204</td>
|
||||||
|
<td>50 / 12 / 38</td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_2001"></td>
|
||||||
|
<td>2001</td>
|
||||||
|
<td>CS 350</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Operating Systems</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Linux, T.</td>
|
||||||
|
<td>MWF 13:00-13:50<br>Engr Hall, 300</td>
|
||||||
|
<td>100 / 98 / <font color="red">2</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_2002"></td>
|
||||||
|
<td>2002</td>
|
||||||
|
<td>CS 350</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Operating Systems</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Windows, B.</td>
|
||||||
|
<td>TR 14:00-15:15<br>Engr Hall, 300</td>
|
||||||
|
<td>100 / 10 / 90</td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="10">
|
||||||
|
<tt>Debug: Oracle Database Connection Pool Warning at line 442. Latency 200ms.</tt>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_3001"></td>
|
||||||
|
<td>3001</td>
|
||||||
|
<td>CS 410</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Software Engineering</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Brooks, F.</td>
|
||||||
|
<td>W 18:00-20:50<br>Online / Remote</td>
|
||||||
|
<td>30 / 30 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey">Closed</font><br>
|
||||||
|
<font color="grey">Waitlist Full</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_4001"></td>
|
||||||
|
<td>4001</td>
|
||||||
|
<td>CS 420</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Database Management</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Codd, E.</td>
|
||||||
|
<td>TR 11:00-12:15<br>Sci Center, 101</td>
|
||||||
|
<td>40 / 35 / 5</td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#e6f7ff">
|
||||||
|
<td align="center">-</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>ADV 101</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td><strong>Summer Study Abroad in Italy</strong></td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>Office Intl</td>
|
||||||
|
<td>Summer 2026</td>
|
||||||
|
<td>Open</td>
|
||||||
|
<td><a href="#">[Apply Info]</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_5001"></td>
|
||||||
|
<td>5001</td>
|
||||||
|
<td>MATH 330</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Linear Algebra</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Gauss, K.</td>
|
||||||
|
<td>MWF 08:00-08:50<br>Math Hall, 101</td>
|
||||||
|
<td>60 / 55 / 5</td>
|
||||||
|
<td>
|
||||||
|
<a href="#">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_5002"></td>
|
||||||
|
<td>5002</td>
|
||||||
|
<td>MATH 330</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Linear Algebra</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Euler, L.</td>
|
||||||
|
<td>MWF 09:00-09:50<br>Math Hall, 102</td>
|
||||||
|
<td>60 / 60 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey">Closed</font><br>
|
||||||
|
<a href="#">Join Waitlist (10)</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="10" align="right">
|
||||||
|
<input type="button" value="Previous">
|
||||||
|
<input type="button" value="Next 10 Courses">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#e0e0e0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>Batch Actions:</b>
|
||||||
|
<input type="submit" value="Register Selected">
|
||||||
|
<input type="submit" value="Add to Planner">
|
||||||
|
<br>
|
||||||
|
<small>* By registering, you agree to pay tuition fees by the deadline.</small>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="200" valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#000000"><font color="white"><b>My Cart (Pending)</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p><strong>CS 301 - 01</strong><br>
|
||||||
|
Alg & Data Struct<br>
|
||||||
|
4.0 Credits</p>
|
||||||
|
<a href="#">[Drop]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p><strong>MATH 330 - 01</strong><br>
|
||||||
|
Linear Algebra<br>
|
||||||
|
3.0 Credits</p>
|
||||||
|
<a href="#">[Drop]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td bgcolor="#eeeeee" align="right">
|
||||||
|
Total Credits: 7.0<br>
|
||||||
|
<input type="button" value="Submit Registration">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3" bgcolor="#fff0f0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<font color="red" size="2">
|
||||||
|
<b>Conflict Alert:</b><br>
|
||||||
|
CS 301 (Sec 01) overlaps with PHYS 202 (Sec 04).
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p><b>Quick Links:</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Campus Map</a></li>
|
||||||
|
<li><a href="#">Bookstore</a></li>
|
||||||
|
<li><a href="#">Bus Schedule</a></li>
|
||||||
|
<li><a href="#">Police Dept</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1">
|
||||||
|
University Registrar Office | Building 42, Room 100 | Phone: 555-0199<br>
|
||||||
|
© 2026 Board of Regents. All Rights Reserved.<br>
|
||||||
|
<a href="#">Privacy Policy</a> | <a href="#">Accessibility</a> | <a href="#">FERPA Rights</a>
|
||||||
|
</font>
|
||||||
|
<br><br>
|
||||||
|
<tt>Page generated in 0.42 seconds. Server: REG-NODE-04</tt>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
531
008/008_r.html
Normal file
531
008/008_r.html
Normal file
@@ -0,0 +1,531 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Student Information System (SIS) - Spring 2026 Registration</title>
|
||||||
|
<style>
|
||||||
|
/* === CSS Variables & Reset === */
|
||||||
|
:root {
|
||||||
|
--primary: #4a90e2;
|
||||||
|
--secondary: #2c3e50;
|
||||||
|
--success: #27ae60;
|
||||||
|
--warning: #f39c12;
|
||||||
|
--danger: #e74c3c;
|
||||||
|
--bg: #f5f7fa;
|
||||||
|
--card-bg: #ffffff;
|
||||||
|
--border: #e1e4e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background-color: var(--bg); color: #333; margin: 0; line-height: 1.5; font-size: 14px; }
|
||||||
|
a { text-decoration: none; color: var(--primary); transition: 0.2s; }
|
||||||
|
a:hover { color: #2c3e50; }
|
||||||
|
hr { display: none; } /* 隐藏原生分割线 */
|
||||||
|
|
||||||
|
/* === 布局重构：强制覆盖 Table 样式 === */
|
||||||
|
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; box-sizing: border-box; }
|
||||||
|
|
||||||
|
/* 顶部警告 (System Alert) - 美化为顶部条 */
|
||||||
|
body > table:first-of-type {
|
||||||
|
background: var(--danger) !important; color: white; padding: 10px; position: sticky; top: 0; z-index: 100;
|
||||||
|
}
|
||||||
|
body > table:first-of-type font { color: white !important; font-weight: bold; }
|
||||||
|
|
||||||
|
/* Header 区域 */
|
||||||
|
body > table:nth-of-type(2) { background: var(--card-bg); border-bottom: 1px solid var(--border) !important; padding: 10px 20px; }
|
||||||
|
body > table:nth-of-type(2) tr { display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
body > table:nth-of-type(2) td { width: auto !important; }
|
||||||
|
body > table:nth-of-type(2) h2 { margin: 0; color: var(--secondary); }
|
||||||
|
body > table:nth-of-type(2) h3, body > table:nth-of-type(2) p { display: inline-block; margin: 0 10px; font-size: 13px; color: #666; }
|
||||||
|
|
||||||
|
/* 导航菜单 - 变为胶囊按钮 */
|
||||||
|
body > table:nth-of-type(3) td {
|
||||||
|
background: white !important; padding: 15px !important; display: flex; justify-content: center; gap: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(3) a {
|
||||||
|
background: #f0f2f5; padding: 8px 16px; border-radius: 20px; color: var(--secondary); font-weight: 500;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(3) a:hover { background: var(--primary); color: white; }
|
||||||
|
|
||||||
|
/* === 主体三栏布局 (通过 Grid 实现) === */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr {
|
||||||
|
display: grid; grid-template-columns: 260px 1fr 300px; gap: 25px; padding: 25px; max-width: 1600px; margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 左侧筛选栏 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child {
|
||||||
|
background: var(--card-bg) !important; padding: 20px !important; border-radius: 8px; height: fit-content;
|
||||||
|
}
|
||||||
|
form p b { font-size: 16px; color: var(--secondary); display: block; margin-bottom: 15px; }
|
||||||
|
form select, form input[type="submit"] { width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 4px; margin-bottom: 10px; }
|
||||||
|
form input[type="submit"] { background: var(--primary); color: white; border: none; cursor: pointer; font-weight: bold; }
|
||||||
|
|
||||||
|
/* 隐藏左侧栏的广告部分 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child > form > table { display: none !important; }
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child > form > ul { display: none !important; }
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child > form > p:nth-last-of-type(1) { display: none !important; }
|
||||||
|
|
||||||
|
/* 中间课程列表 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 课程表容器美化 */
|
||||||
|
/* 隐藏原表头，用 Grid 重新定义布局 */
|
||||||
|
.course-table tr:first-child { display: none !important; }
|
||||||
|
|
||||||
|
/* 课程行卡片化 */
|
||||||
|
.course-table tr {
|
||||||
|
background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: 8px; margin-bottom: 15px;
|
||||||
|
padding: 20px !important; position: relative;
|
||||||
|
display: grid !important;
|
||||||
|
grid-template-columns: 50px 1fr 1fr 1fr 120px;
|
||||||
|
grid-template-areas:
|
||||||
|
"chk title title title action"
|
||||||
|
"chk meta1 meta2 meta3 action";
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
/* 隐藏干扰行 (Debug, 广告, 强制调查) */
|
||||||
|
.course-table tr[bgcolor="#ffff99"],
|
||||||
|
.course-table tr[bgcolor="#e6f7ff"] { display: none !important; }
|
||||||
|
.course-table tr:has(tt) { display: none !important; } /* 隐藏 debug */
|
||||||
|
|
||||||
|
/* 单元格布局映射 */
|
||||||
|
.course-table td:nth-child(1) { grid-area: chk; display: flex; align-items: center; justify-content: center; }
|
||||||
|
.course-table td:nth-child(5) { grid-area: title; font-size: 18px; color: var(--secondary); padding: 0 !important; }
|
||||||
|
.course-table td:nth-child(3) { grid-area: meta1; font-weight: bold; color: var(--primary); } /* Course Code */
|
||||||
|
.course-table td:nth-child(8) { grid-area: meta2; color: #666; font-size: 13px; } /* Time */
|
||||||
|
.course-table td:nth-child(7) { grid-area: meta3; font-style: italic; color: #888; } /* Prof */
|
||||||
|
|
||||||
|
.course-table td:nth-child(10) {
|
||||||
|
grid-area: action; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;
|
||||||
|
}
|
||||||
|
.course-table td:nth-child(10) a {
|
||||||
|
background: var(--primary); color: white; padding: 6px 12px; border-radius: 4px; font-size: 12px; text-align: center; width: 100px;
|
||||||
|
}
|
||||||
|
.course-table td:nth-child(10) a:last-child {
|
||||||
|
background: white; color: var(--primary); border: 1px solid var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏不重要的单元格以保持卡片整洁 */
|
||||||
|
.course-table td:nth-child(2), /* CRN */
|
||||||
|
.course-table td:nth-child(4), /* Sec */
|
||||||
|
.course-table td:nth-child(6), /* Credits */
|
||||||
|
.course-table td:nth-child(9) /* Capacity */
|
||||||
|
{ display: none !important; }
|
||||||
|
|
||||||
|
/* 翻页和批量操作区 */
|
||||||
|
.course-table tr:last-child { display: flex !important; justify-content: center; background: transparent; border: none !important; box-shadow: none; }
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:last-of-type {
|
||||||
|
background: white !important; padding: 20px !important; border-radius: 8px; border: 1px solid var(--border) !important; margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 右侧：购物车 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(3) {
|
||||||
|
display: flex; flex-direction: column; gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 购物车表格美化 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(3) > table:first-child {
|
||||||
|
background: var(--card-bg) !important; border-radius: 8px; border: 1px solid var(--border) !important; overflow: hidden;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(3) > table:first-child td[bgcolor="#000000"] {
|
||||||
|
background: var(--secondary) !important; padding: 15px !important; font-size: 16px;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(3) > table:first-child tr {
|
||||||
|
border-bottom: 1px solid #eee !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 冲突警告美化 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(3) > table:nth-of-type(2) {
|
||||||
|
background: #fff5f5 !important; border: 1px solid #fc8181 !important; border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
body > center { margin-top: 50px; border-top: 1px solid var(--border); padding-top: 20px; color: #999; }
|
||||||
|
tt { display: block; margin-top: 10px; opacity: 0.5; font-size: 12px; }
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#ffcccc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red"><b>System Alert:</b> High traffic detected. Do NOT click "Refresh" or you will lose your queue position.</font><br>
|
||||||
|
<font size="2" style="opacity:0.8;">Last updated: 10:00:01 AM</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="20%">
|
||||||
|
<h2>U-Registrar</h2>
|
||||||
|
</td>
|
||||||
|
<td width="60%" align="center">
|
||||||
|
<h3>Spring 2026 Course Selection</h3>
|
||||||
|
<p>Welcome, <strong>Student_ID_9928122</strong> (Senior Standing)</p>
|
||||||
|
<p style="font-size:12px; margin-top:5px;">Holds: <font color="green">None</font> | GPA: 3.42 | Major: Computer Science</p>
|
||||||
|
</td>
|
||||||
|
<td width="20%" align="right">
|
||||||
|
<a href="#">[Home]</a> <a href="#" onclick="alert('Logging out...')">[Logout]</a> <a href="#">[Help]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#">Add/Drop Classes</a>
|
||||||
|
<a href="#">Search for Classes</a>
|
||||||
|
<a href="#">My Weekly Schedule</a>
|
||||||
|
<a href="#">Degree Audit</a>
|
||||||
|
<a href="#">Pay Tuition</a>
|
||||||
|
<a href="#">Transcript Request</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<form onsubmit="return false;">
|
||||||
|
<p><b>Filter Results:</b></p>
|
||||||
|
<hr>
|
||||||
|
<p>Subject:<br>
|
||||||
|
<select>
|
||||||
|
<option>CS - Computer Science</option>
|
||||||
|
<option>MATH - Mathematics</option>
|
||||||
|
<option>ENG - English</option>
|
||||||
|
<option>PHYS - Physics</option>
|
||||||
|
</select></p>
|
||||||
|
|
||||||
|
<p>Course Level:<br>
|
||||||
|
<label><input type="checkbox"> 100-299 (Lower)</label><br>
|
||||||
|
<label><input type="checkbox" checked> 300-499 (Upper)</label><br>
|
||||||
|
<label><input type="checkbox"> 500+ (Grad)</label></p>
|
||||||
|
|
||||||
|
<p>Days:<br>
|
||||||
|
<label><input type="checkbox"> Mon/Wed/Fri</label><br>
|
||||||
|
<label><input type="checkbox"> Tue/Thu</label></p>
|
||||||
|
|
||||||
|
<p>Status:<br>
|
||||||
|
<label><input type="radio" name="status" checked> Open Only</label><br>
|
||||||
|
<label><input type="radio" name="status"> Include Waitlist</label></p>
|
||||||
|
|
||||||
|
<input type="submit" value="Apply Filter" onclick="alert('Filters applied!')">
|
||||||
|
<br><br>
|
||||||
|
<hr>
|
||||||
|
<p><b>Campus News:</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Parking permits price increase</a></li>
|
||||||
|
<li><a href="#">Cafeteria menu update</a></li>
|
||||||
|
<li><a href="#">Library hours extended</a></li>
|
||||||
|
</ul>
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#ffffcc">
|
||||||
|
<tr><td>
|
||||||
|
<font size="2"><b>Did you know?</b><br>You can donate your unused meal points to the alumni fund.</font>
|
||||||
|
<br><a href="#">[Donate Now]</a>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
|
||||||
|
<div style="margin-bottom: 20px;">
|
||||||
|
<p style="font-size:16px;">Showing results for <strong>"Computer Science"</strong> (Spring 2026)</p>
|
||||||
|
<p><font color="blue" style="font-size:12px;">Note: Enrollment closes on Jan 25th at 5:00 PM.</font></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="4" class="course-table">
|
||||||
|
<tr bgcolor="#cccccc">
|
||||||
|
<th>Select</th>
|
||||||
|
<th>CRN</th>
|
||||||
|
<th>Course</th>
|
||||||
|
<th>Sec</th>
|
||||||
|
<th>Title</th>
|
||||||
|
<th>Credits</th>
|
||||||
|
<th>Instructor</th>
|
||||||
|
<th>Time/Loc</th>
|
||||||
|
<th>Cap/Act/Rem</th>
|
||||||
|
<th>Action</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1001"></td>
|
||||||
|
<td>1001</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Smith, J.</td>
|
||||||
|
<td>MWF 10:00-10:50<br>Bldg A, Rm 101</td>
|
||||||
|
<td>50 / 48 / <font color="red">2</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('CS 301')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1002"></td>
|
||||||
|
<td>1002</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Smith, J.</td>
|
||||||
|
<td>MWF 11:00-11:50<br>Bldg A, Rm 101</td>
|
||||||
|
<td>50 / 50 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey" style="font-size:12px; margin-bottom:5px; display:block;">Closed</font><br>
|
||||||
|
<a href="#" style="background:#f39c12; border-color:#f39c12;">Join Waitlist (5)</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffff99">
|
||||||
|
<td colspan="10" align="center">
|
||||||
|
<font color="#990000"><b>Action Required: You must complete the "Sexual Harassment Prevention Training" before adding more classes.</b></font>
|
||||||
|
<a href="#">[Go to Training]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_1003"></td>
|
||||||
|
<td>1003</td>
|
||||||
|
<td>CS 301</td>
|
||||||
|
<td>03</td>
|
||||||
|
<td><strong>Algorithms & Data Structures</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Doe, A.</td>
|
||||||
|
<td>TR 09:30-10:45<br>Bldg B, Rm 204</td>
|
||||||
|
<td>50 / 12 / 38</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('CS 301')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_2001"></td>
|
||||||
|
<td>2001</td>
|
||||||
|
<td>CS 350</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Operating Systems</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Linux, T.</td>
|
||||||
|
<td>MWF 13:00-13:50<br>Engr Hall, 300</td>
|
||||||
|
<td>100 / 98 / <font color="red">2</font></td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('CS 350')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_2002"></td>
|
||||||
|
<td>2002</td>
|
||||||
|
<td>CS 350</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Operating Systems</strong></td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>Windows, B.</td>
|
||||||
|
<td>TR 14:00-15:15<br>Engr Hall, 300</td>
|
||||||
|
<td>100 / 10 / 90</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('CS 350')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="10">
|
||||||
|
<tt>Debug: Oracle Database Connection Pool Warning at line 442. Latency 200ms.</tt>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_3001"></td>
|
||||||
|
<td>3001</td>
|
||||||
|
<td>CS 410</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Software Engineering</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Brooks, F.</td>
|
||||||
|
<td>W 18:00-20:50<br>Online / Remote</td>
|
||||||
|
<td>30 / 30 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey" style="font-size:12px; margin-bottom:5px; display:block;">Closed</font><br>
|
||||||
|
<font color="grey" style="font-size:12px; background:#eee; padding:5px; border-radius:4px;">Waitlist Full</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_4001"></td>
|
||||||
|
<td>4001</td>
|
||||||
|
<td>CS 420</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Database Management</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Codd, E.</td>
|
||||||
|
<td>TR 11:00-12:15<br>Sci Center, 101</td>
|
||||||
|
<td>40 / 35 / 5</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('CS 420')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#e6f7ff">
|
||||||
|
<td align="center">-</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>ADV 101</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td><strong>Summer Study Abroad in Italy</strong></td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>Office Intl</td>
|
||||||
|
<td>Summer 2026</td>
|
||||||
|
<td>Open</td>
|
||||||
|
<td><a href="#">[Apply Info]</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_5001"></td>
|
||||||
|
<td>5001</td>
|
||||||
|
<td>MATH 330</td>
|
||||||
|
<td>01</td>
|
||||||
|
<td><strong>Linear Algebra</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Gauss, K.</td>
|
||||||
|
<td>MWF 08:00-08:50<br>Math Hall, 101</td>
|
||||||
|
<td>60 / 55 / 5</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" onclick="addToCart('MATH 330')">Add to Cart</a><br>
|
||||||
|
<a href="#">Watch</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox" name="crn_5002"></td>
|
||||||
|
<td>5002</td>
|
||||||
|
<td>MATH 330</td>
|
||||||
|
<td>02</td>
|
||||||
|
<td><strong>Linear Algebra</strong></td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>Euler, L.</td>
|
||||||
|
<td>MWF 09:00-09:50<br>Math Hall, 102</td>
|
||||||
|
<td>60 / 60 / <font color="red">0</font></td>
|
||||||
|
<td>
|
||||||
|
<font color="grey" style="font-size:12px; margin-bottom:5px; display:block;">Closed</font><br>
|
||||||
|
<a href="#" style="background:#f39c12; border-color:#f39c12;">Join Waitlist (10)</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="10" align="right">
|
||||||
|
<input type="button" value="Previous" disabled style="opacity:0.5;">
|
||||||
|
<input type="button" value="Next 10 Courses" style="background:var(--secondary); color:white; border:none; padding:8px 16px; border-radius:4px; cursor:pointer;">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#e0e0e0" style="background:white !important; border:1px solid var(--border) !important; border-radius:8px; padding:20px !important;">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b style="font-size:16px; color:var(--secondary);">Batch Actions:</b>
|
||||||
|
<div style="margin-top:10px;">
|
||||||
|
<input type="submit" value="Register Selected" style="background:var(--success); color:white; border:none; padding:10px 20px; border-radius:4px; cursor:pointer; font-weight:bold;">
|
||||||
|
<input type="submit" value="Add to Planner" style="background:white; color:var(--secondary); border:1px solid var(--secondary); padding:10px 20px; border-radius:4px; cursor:pointer; margin-left:10px;">
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<small style="color:#666;">* By registering, you agree to pay tuition fees by the deadline.</small>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="200" valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3" style="background:var(--card-bg) !important; border:1px solid var(--border) !important; border-radius:8px; overflow:hidden;">
|
||||||
|
<tr><td bgcolor="#000000" style="background:var(--secondary) !important; padding:15px !important;"><font color="white"><b>My Cart (Pending)</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td style="border-bottom:1px solid #eee !important; padding:15px !important;">
|
||||||
|
<p style="margin:0 0 5px 0;"><strong>CS 301 - 01</strong><br>
|
||||||
|
Alg & Data Struct<br>
|
||||||
|
<span style="font-size:12px; color:#666;">4.0 Credits</span></p>
|
||||||
|
<a href="#" style="color:var(--danger); font-size:12px;">[Drop]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="border-bottom:1px solid #eee !important; padding:15px !important;">
|
||||||
|
<p style="margin:0 0 5px 0;"><strong>MATH 330 - 01</strong><br>
|
||||||
|
Linear Algebra<br>
|
||||||
|
<span style="font-size:12px; color:#666;">3.0 Credits</span></p>
|
||||||
|
<a href="#" style="color:var(--danger); font-size:12px;">[Drop]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td bgcolor="#eeeeee" align="right" style="background:#f8f9fa !important; padding:15px !important;">
|
||||||
|
Total Credits: 7.0<br>
|
||||||
|
<input type="button" value="Submit Registration" style="background:var(--success); color:white; border:none; padding:8px; width:100%; margin-top:10px; border-radius:4px; cursor:pointer;">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3" bgcolor="#fff0f0" style="background:#fff5f5 !important; border:1px solid #fc8181 !important; border-radius:8px;">
|
||||||
|
<tr>
|
||||||
|
<td style="padding:15px !important;">
|
||||||
|
<font color="red" size="2">
|
||||||
|
<b>Conflict Alert:</b><br>
|
||||||
|
CS 301 (Sec 01) overlaps with PHYS 202 (Sec 04).
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p style="margin-top:20px;"><b>Quick Links:</b></p>
|
||||||
|
<ul style="list-style:none; padding:0;">
|
||||||
|
<li style="margin-bottom:8px;"><a href="#">Campus Map</a></li>
|
||||||
|
<li style="margin-bottom:8px;"><a href="#">Bookstore</a></li>
|
||||||
|
<li style="margin-bottom:8px;"><a href="#">Bus Schedule</a></li>
|
||||||
|
<li style="margin-bottom:8px;"><a href="#">Police Dept</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1">
|
||||||
|
University Registrar Office | Building 42, Room 100 | Phone: 555-0199<br>
|
||||||
|
© 2026 Board of Regents. All Rights Reserved.<br>
|
||||||
|
<a href="#">Privacy Policy</a> | <a href="#">Accessibility</a> | <a href="#">FERPA Rights</a>
|
||||||
|
</font>
|
||||||
|
<br><br>
|
||||||
|
<tt>Page generated in 0.42 seconds. Server: REG-NODE-04</tt>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function addToCart(courseName) {
|
||||||
|
// 模拟添加到购物车动画
|
||||||
|
alert("Adding " + courseName + " to cart...");
|
||||||
|
// 实际逻辑会在这里更新 DOM，这里只是模拟交互
|
||||||
|
}
|
||||||
|
console.log("Modern SIS Loaded. Legacy tables transformed via CSS Grid.");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
321
009/009_b.html
Normal file
321
009/009_b.html
Normal file
@@ -0,0 +1,321 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>MyGlobalMail - Inbox (1,204 Unread)</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffcc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<h3>*** 免费赢取 2026 世界杯门票！***</h3>
|
||||||
|
<p>只需填写一份问卷，即可参与抽奖。<a href="#">[点击这里]</a></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#003366">
|
||||||
|
<tr>
|
||||||
|
<td width="30%">
|
||||||
|
<h1><font color="white">MyGlobalMail</font></h1>
|
||||||
|
</td>
|
||||||
|
<td width="50%" align="center">
|
||||||
|
<font color="white">
|
||||||
|
<form>
|
||||||
|
Search Mail: <input type="text" size="20">
|
||||||
|
<input type="submit" value="Go">
|
||||||
|
<br>
|
||||||
|
<small><a href="#" style="color:#ddd">Advanced Search</a></small>
|
||||||
|
</form>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
<td width="20%" align="right">
|
||||||
|
<font color="white" size="2">
|
||||||
|
User: <b>john.doe@globalmail.com</b><br>
|
||||||
|
<a href="#" style="color:yellow">[Upgrade to Pro]</a> | <a href="#" style="color:white">[Sign Out]</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#"><b>Mail</b></a> |
|
||||||
|
<a href="#"><b>Address Book</b></a> |
|
||||||
|
<a href="#"><b>Calendar</b></a> |
|
||||||
|
<a href="#"><b>Notepad</b></a> |
|
||||||
|
<a href="#"><b>Options</b></a> |
|
||||||
|
<a href="#"><b>Help</b></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="180" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr><td><a href="#"><b>[Inbox] (1204)</b></a></td></tr>
|
||||||
|
<tr><td><a href="#">Drafts (5)</a></td></tr>
|
||||||
|
<tr><td><a href="#">Sent Items</a></td></tr>
|
||||||
|
<tr><td><a href="#">Junk Mail (99+)</a> <font color="red">clean</font></td></tr>
|
||||||
|
<tr><td><a href="#">Trash</a> <font color="red">empty</font></td></tr>
|
||||||
|
</table>
|
||||||
|
<hr>
|
||||||
|
<b>My Folders</b><br>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Work</a></li>
|
||||||
|
<li><a href="#">Family</a></li>
|
||||||
|
<li><a href="#">Bills</a></li>
|
||||||
|
<li><a href="#">Receipts</a></li>
|
||||||
|
<li><a href="#">Newsletters</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
<table width="100%" border="1" bgcolor="#e6e6fa">
|
||||||
|
<tr><td align="center">
|
||||||
|
<font size="2"><b>Singles near you!</b><br>Find love today.<br><a href="#">[View Photos]</a></font>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#e6e6fa">
|
||||||
|
<tr><td align="center">
|
||||||
|
<font size="2"><b>Refinance Rates</b><br>Hit historic lows.<br><a href="#">[Calculate]</a></font>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
<p align="center">
|
||||||
|
<font color="red" size="2"><b>Warning: Your mailbox is 98% full. You may not be able to receive new messages.</b></font>
|
||||||
|
<a href="#">[Clean Up Now]</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<table width="100%" border="0" bgcolor="#cccccc" cellpadding="3">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<input type="button" value="New">
|
||||||
|
<input type="button" value="Reply">
|
||||||
|
<input type="button" value="Reply All">
|
||||||
|
<input type="button" value="Forward">
|
||||||
|
|
|
||||||
|
<input type="button" value="Delete">
|
||||||
|
<input type="button" value="Junk">
|
||||||
|
<input type="button" value="Move To...">
|
||||||
|
</td>
|
||||||
|
<td align="right">
|
||||||
|
Showing 1-20 of 1204
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3">
|
||||||
|
<tr bgcolor="#999999">
|
||||||
|
<th width="30"><input type="checkbox"></th>
|
||||||
|
<th width="30">St</th>
|
||||||
|
<th width="200">From</th>
|
||||||
|
<th>Subject</th>
|
||||||
|
<th width="100">Date</th>
|
||||||
|
<th width="60">Size</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="New"></td>
|
||||||
|
<td><b>Boss_Steve</b></td>
|
||||||
|
<td><b>URGENT: Meeting rescheduled to 3 PM</b></td>
|
||||||
|
<td>Today</td>
|
||||||
|
<td>2KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="New"></td>
|
||||||
|
<td><b>HR Department</b></td>
|
||||||
|
<td><b>Year-end performance review schedule</b></td>
|
||||||
|
<td>Today</td>
|
||||||
|
<td>15KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffcc">
|
||||||
|
<td align="center"><input type="checkbox" disabled></td>
|
||||||
|
<td align="center"><font color="red">$</font></td>
|
||||||
|
<td><font color="green"><b>MyGlobalMail Partner</b></font></td>
|
||||||
|
<td><a href="#"><b>CONGRATULATIONS! You have been selected for a cash prize...</b></a></td>
|
||||||
|
<td>Now</td>
|
||||||
|
<td>-</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Amazon.com</td>
|
||||||
|
<td>Your order #77821 has shipped</td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>45KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>LinkedIn</td>
|
||||||
|
<td>You appeared in 5 searches this week</td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>12KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="High"></td>
|
||||||
|
<td><b>Security Team (security@gmai1.com)</b></td>
|
||||||
|
<td><b>Action Required: Verify your password immediately</b></td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>5KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Newsletter_Weekly</td>
|
||||||
|
<td>Top 10 Tech Trends of 2025</td>
|
||||||
|
<td>Dec 20</td>
|
||||||
|
<td>120KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Mom</td>
|
||||||
|
<td>Re: Christmas dinner plans?</td>
|
||||||
|
<td>Dec 19</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffe4e1">
|
||||||
|
<td colspan="6" align="center">
|
||||||
|
<font size="2" color="red">System Notice: We are updating our Privacy Policy. <a href="#">[Read Here]</a></font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>GitHub</td>
|
||||||
|
<td>[GitHub] A personal access token has expired</td>
|
||||||
|
<td>Dec 18</td>
|
||||||
|
<td>10KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Netflix</td>
|
||||||
|
<td>New login from new device</td>
|
||||||
|
<td>Dec 18</td>
|
||||||
|
<td>15KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Spotify</td>
|
||||||
|
<td>Your 2025 Wrapped is here!</td>
|
||||||
|
<td>Dec 17</td>
|
||||||
|
<td>55KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Project Manager</td>
|
||||||
|
<td>Fwd: Client feedback on Q4 report</td>
|
||||||
|
<td>Dec 16</td>
|
||||||
|
<td>2MB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Service Desk</td>
|
||||||
|
<td>Ticket #9921 resolved</td>
|
||||||
|
<td>Dec 15</td>
|
||||||
|
<td>4KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Bank of America</td>
|
||||||
|
<td>Your monthly statement is ready</td>
|
||||||
|
<td>Dec 15</td>
|
||||||
|
<td>1MB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Zoom</td>
|
||||||
|
<td>Meeting invitation: Daily Standup</td>
|
||||||
|
<td>Dec 14</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Slack</td>
|
||||||
|
<td>You have 5 unread notifications</td>
|
||||||
|
<td>Dec 14</td>
|
||||||
|
<td>12KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"><img src="" alt="Read"></td>
|
||||||
|
<td>Adobe Creative Cloud</td>
|
||||||
|
<td>Payment successful</td>
|
||||||
|
<td>Dec 13</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr>
|
||||||
|
<td align="right">
|
||||||
|
<a href="#">[Previous]</a>
|
||||||
|
<b>1</b> <a href="#">2</a> <a href="#">3</a> ... <a href="#">50</a>
|
||||||
|
<a href="#">[Next]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
<center>
|
||||||
|
<font size="1">Sponsored Links:</font><br>
|
||||||
|
<a href="#">Cheap Flights</a> | <a href="#">Weight Loss</a> | <a href="#">Insurance Quotes</a> | <a href="#">Free Credit Score</a>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1" color="#888888">
|
||||||
|
© 1999-2025 MyGlobalMail Inc. All rights reserved.<br>
|
||||||
|
<a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a> | <a href="#">About Us</a> | <a href="#">Careers</a>
|
||||||
|
</font>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
703
009/009_r.html
Normal file
703
009/009_r.html
Normal file
@@ -0,0 +1,703 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>MyGlobalMail - Inbox (1,204 Unread)</title>
|
||||||
|
<style>
|
||||||
|
/* === CSS Variables & Reset === */
|
||||||
|
:root {
|
||||||
|
--primary: #0078d4;
|
||||||
|
--bg-body: #f3f2f1;
|
||||||
|
--bg-white: #ffffff;
|
||||||
|
--text-main: #323130;
|
||||||
|
--text-sub: #605e5c;
|
||||||
|
--border: #edebe9;
|
||||||
|
--hover: #f3f2f1;
|
||||||
|
--selected: #c7e0f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Segoe UI', -apple-system, sans-serif;
|
||||||
|
background-color: var(--bg-body);
|
||||||
|
color: var(--text-main);
|
||||||
|
margin: 0;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === 布局重构：强制覆盖 Table 样式 === */
|
||||||
|
table,
|
||||||
|
tbody,
|
||||||
|
tr,
|
||||||
|
td {
|
||||||
|
display: block;
|
||||||
|
width: 100% !important;
|
||||||
|
border: none !important;
|
||||||
|
background: transparent !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 顶部广告 - 隐藏 */
|
||||||
|
body>center:first-of-type {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 顶部 Header */
|
||||||
|
body>table:nth-of-type(1) {
|
||||||
|
background: var(--primary) !important;
|
||||||
|
color: white;
|
||||||
|
padding: 0 15px !important;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) tr {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) td {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) h1 {
|
||||||
|
font-size: 18px;
|
||||||
|
margin: 0;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 搜索框美化 */
|
||||||
|
body>table:nth-of-type(1) form {
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) input[type="text"] {
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) input[type="text"]::placeholder {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(1) input[type="submit"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏Go按钮 */
|
||||||
|
body>table:nth-of-type(1) small {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏高级搜索链接 */
|
||||||
|
|
||||||
|
/* 功能导航条 - 隐藏 */
|
||||||
|
body>table:nth-of-type(2) {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === 主体布局 === */
|
||||||
|
body>table:nth-of-type(3) {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3)>tbody>tr {
|
||||||
|
display: flex;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 左侧文件夹栏 */
|
||||||
|
body>table:nth-of-type(3)>tbody>tr>td:first-child {
|
||||||
|
width: 220px !important;
|
||||||
|
background: var(--bg-white) !important;
|
||||||
|
border-right: 1px solid var(--border) !important;
|
||||||
|
padding: 20px 10px !important;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 文件夹列表美化 */
|
||||||
|
.folder-link {
|
||||||
|
display: block;
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: var(--text-main);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.folder-link:hover {
|
||||||
|
background: var(--hover);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 重写左侧原本的 table 结构 */
|
||||||
|
body>table:nth-of-type(3) td:first-child table tr td {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child table a {
|
||||||
|
@extend .folder-link;
|
||||||
|
color: var(--text-main);
|
||||||
|
display: block;
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child table a:hover {
|
||||||
|
background: var(--hover);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child table a b {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏左侧栏的广告 (table bgcolor=#e6e6fa) */
|
||||||
|
body>table:nth-of-type(3) td:first-child table[bgcolor="#e6e6fa"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child hr {
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
margin: 15px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child ul {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:first-child ul li {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 右侧邮件列表区 */
|
||||||
|
body>table:nth-of-type(3)>tbody>tr>td:nth-child(2) {
|
||||||
|
flex: 1 !important;
|
||||||
|
background: var(--bg-white) !important;
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 存储警告 - 美化为顶部条 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>p:first-child {
|
||||||
|
background: #fff4ce;
|
||||||
|
color: #333;
|
||||||
|
padding: 10px 20px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>p:first-child font {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 工具栏 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:first-of-type {
|
||||||
|
padding: 10px 20px !important;
|
||||||
|
border-bottom: 1px solid var(--border) !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:first-of-type tr {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:first-of-type input[type="button"] {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 5px 12px;
|
||||||
|
border-radius: 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--text-main);
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:first-of-type input[type="button"]:hover {
|
||||||
|
background: var(--hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 高亮 "New" 按钮 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:first-of-type input[value="New"] {
|
||||||
|
background: var(--primary);
|
||||||
|
color: white;
|
||||||
|
border-color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 邮件列表容器 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>form {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 邮件列表 Table 重构 */
|
||||||
|
.mail-table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏原表头，用 Grid 重新定义 */
|
||||||
|
.mail-table tr:first-child {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 40px 40px 200px 1fr 100px 80px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
background: #faf9f8;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-sub);
|
||||||
|
font-size: 12px;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-table tr:first-child th {
|
||||||
|
padding: 10px !important;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 邮件行 */
|
||||||
|
.mail-table tr:not(:first-child) {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 40px 40px 200px 1fr 100px 80px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-table tr:not(:first-child):hover {
|
||||||
|
background: var(--hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-table td {
|
||||||
|
padding: 10px !important;
|
||||||
|
font-size: 14px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏干扰行 (广告, 系统警告) */
|
||||||
|
.mail-table tr[bgcolor="#ffffcc"],
|
||||||
|
.mail-table tr[bgcolor="#ffe4e1"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 样式微调 */
|
||||||
|
.mail-table input[type="checkbox"] {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-table b {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-main);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 未读邮件加粗 */
|
||||||
|
.mail-table td:nth-child(4) {
|
||||||
|
color: var(--text-sub);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Subject */
|
||||||
|
.mail-table td:nth-child(4) b {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Subject Unread */
|
||||||
|
|
||||||
|
/* 底部广告隐藏 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>center {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 翻页 */
|
||||||
|
body>table:nth-of-type(3) td:nth-child(2)>table:last-of-type {
|
||||||
|
padding: 10px 20px !important;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页脚 - 简化 */
|
||||||
|
body>center:last-of-type {
|
||||||
|
font-size: 11px;
|
||||||
|
color: #999;
|
||||||
|
padding: 5px;
|
||||||
|
background: #f3f2f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffcc">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<h3>*** 免费赢取 2026 世界杯门票！***</h3>
|
||||||
|
<p>只需填写一份问卷，即可参与抽奖。<a href="#">[点击这里]</a></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#003366">
|
||||||
|
<tr>
|
||||||
|
<td width="30%">
|
||||||
|
<h1>
|
||||||
|
<font color="white">MyGlobalMail</font>
|
||||||
|
</h1>
|
||||||
|
</td>
|
||||||
|
<td width="50%" align="center">
|
||||||
|
<font color="white">
|
||||||
|
<form onsubmit="return false;">
|
||||||
|
<span style="display:none;">Search Mail:</span> <input type="text" size="20"
|
||||||
|
placeholder="Search">
|
||||||
|
<input type="submit" value="Go">
|
||||||
|
<br>
|
||||||
|
<small><a href="#" style="color:#ddd">Advanced Search</a></small>
|
||||||
|
</form>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
<td width="20%" align="right">
|
||||||
|
<font color="white" size="2">
|
||||||
|
<span style="opacity:0.8; margin-right:10px;">User: <b>john.doe@globalmail.com</b></span>
|
||||||
|
<a href="#" style="color:yellow; display:none;">[Upgrade to Pro]</a> <a href="#"
|
||||||
|
style="color:white; opacity:0.8;">Sign Out</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#eeeeee">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#"><b>Mail</b></a> |
|
||||||
|
<a href="#"><b>Address Book</b></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="180" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr>
|
||||||
|
<td><a href="#"><b>Inbox (1204)</b></a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="#">Drafts (5)</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="#">Sent Items</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="#">Junk Mail (99+)</a>
|
||||||
|
<font color="red" style="display:none;">clean</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="#">Trash</a>
|
||||||
|
<font color="red" style="display:none;">empty</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<hr>
|
||||||
|
<b style="padding-left:10px; font-size:12px; color:#666; text-transform:uppercase;">My Folders</b><br>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#" class="folder-link">Work</a></li>
|
||||||
|
<li><a href="#" class="folder-link">Family</a></li>
|
||||||
|
<li><a href="#" class="folder-link">Bills</a></li>
|
||||||
|
<li><a href="#" class="folder-link">Receipts</a></li>
|
||||||
|
<li><a href="#" class="folder-link">Newsletters</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
<table width="100%" border="1" bgcolor="#e6e6fa">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font size="2"><b>Singles near you!</b><br>Find love today.<br><a href="#">[View Photos]</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
<p align="center">
|
||||||
|
<font color="red" size="2"><b>Warning: Your mailbox is 98% full.</b></font>
|
||||||
|
<a href="#">Free up space</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<table width="100%" border="0" bgcolor="#cccccc" cellpadding="3">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<input type="button" value="New">
|
||||||
|
<input type="button" value="Reply">
|
||||||
|
<input type="button" value="Reply All">
|
||||||
|
<input type="button" value="Forward">
|
||||||
|
<span style="color:#ddd; margin:0 5px;">|</span>
|
||||||
|
<input type="button" value="Delete">
|
||||||
|
<input type="button" value="Junk">
|
||||||
|
<input type="button" value="Move To...">
|
||||||
|
</td>
|
||||||
|
<td align="right" style="font-size:12px; color:#666;">
|
||||||
|
1-20 of 1204
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<table width="100%" border="1" cellspacing="0" cellpadding="3" class="mail-table">
|
||||||
|
<tr bgcolor="#999999">
|
||||||
|
<th width="30"><input type="checkbox" id="selectAll"></th>
|
||||||
|
<th width="30"></th>
|
||||||
|
<th width="200">From</th>
|
||||||
|
<th>Subject</th>
|
||||||
|
<th width="100">Date</th>
|
||||||
|
<th width="60">Size</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff" class="mail-row unread">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center">🔵</td>
|
||||||
|
<td><b>Boss_Steve</b></td>
|
||||||
|
<td><b>URGENT: Meeting rescheduled to 3 PM</b></td>
|
||||||
|
<td>Today</td>
|
||||||
|
<td>2KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff" class="mail-row unread">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center">🔵</td>
|
||||||
|
<td><b>HR Department</b></td>
|
||||||
|
<td><b>Year-end performance review schedule</b></td>
|
||||||
|
<td>Today</td>
|
||||||
|
<td>15KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffcc">
|
||||||
|
<td align="center"><input type="checkbox" disabled></td>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red">$</font>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<font color="green"><b>MyGlobalMail Partner</b></font>
|
||||||
|
</td>
|
||||||
|
<td><a href="#"><b>CONGRATULATIONS! ...</b></a></td>
|
||||||
|
<td>Now</td>
|
||||||
|
<td>-</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Amazon.com</td>
|
||||||
|
<td>Your order #77821 has shipped</td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>45KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>LinkedIn</td>
|
||||||
|
<td>You appeared in 5 searches this week</td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>12KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffffff" class="mail-row unread">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center">⚠️</td>
|
||||||
|
<td><b>Security Team</b></td>
|
||||||
|
<td><b>Action Required: Verify your password immediately</b></td>
|
||||||
|
<td>Yesterday</td>
|
||||||
|
<td>5KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Newsletter_Weekly</td>
|
||||||
|
<td>Top 10 Tech Trends of 2025</td>
|
||||||
|
<td>Dec 20</td>
|
||||||
|
<td>120KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Mom</td>
|
||||||
|
<td>Re: Christmas dinner plans?</td>
|
||||||
|
<td>Dec 19</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffe4e1">
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>GitHub</td>
|
||||||
|
<td>[GitHub] A personal access token has expired</td>
|
||||||
|
<td>Dec 18</td>
|
||||||
|
<td>10KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Netflix</td>
|
||||||
|
<td>New login from new device</td>
|
||||||
|
<td>Dec 18</td>
|
||||||
|
<td>15KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Spotify</td>
|
||||||
|
<td>Your 2025 Wrapped is here!</td>
|
||||||
|
<td>Dec 17</td>
|
||||||
|
<td>55KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Project Manager</td>
|
||||||
|
<td>Fwd: Client feedback on Q4 report</td>
|
||||||
|
<td>Dec 16</td>
|
||||||
|
<td>2MB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Service Desk</td>
|
||||||
|
<td>Ticket #9921 resolved</td>
|
||||||
|
<td>Dec 15</td>
|
||||||
|
<td>4KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Bank of America</td>
|
||||||
|
<td>Your monthly statement is ready</td>
|
||||||
|
<td>Dec 15</td>
|
||||||
|
<td>1MB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Zoom</td>
|
||||||
|
<td>Meeting invitation: Daily Standup</td>
|
||||||
|
<td>Dec 14</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Slack</td>
|
||||||
|
<td>You have 5 unread notifications</td>
|
||||||
|
<td>Dec 14</td>
|
||||||
|
<td>12KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#f0f0f0" class="mail-row">
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td align="center"></td>
|
||||||
|
<td>Adobe Creative Cloud</td>
|
||||||
|
<td>Payment successful</td>
|
||||||
|
<td>Dec 13</td>
|
||||||
|
<td>8KB</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="0">
|
||||||
|
<tr>
|
||||||
|
<td align="right">
|
||||||
|
<a href="#">[Previous]</a>
|
||||||
|
<b>1</b> <a href="#">2</a> <a href="#">3</a> ... <a href="#">50</a>
|
||||||
|
<a href="#">[Next]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
<center>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1" color="#888888">
|
||||||
|
© 1999-2025 MyGlobalMail Inc. All rights reserved.<br>
|
||||||
|
<a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a> | <a href="#">About Us</a> | <a
|
||||||
|
href="#">Careers</a>
|
||||||
|
</font>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 全选功能
|
||||||
|
document.getElementById('selectAll').addEventListener('change', function (e) {
|
||||||
|
const checkboxes = document.querySelectorAll('.mail-table input[type="checkbox"]');
|
||||||
|
checkboxes.forEach(cb => cb.checked = e.target.checked);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 模拟行点击选中
|
||||||
|
const rows = document.querySelectorAll('.mail-row');
|
||||||
|
rows.forEach(row => {
|
||||||
|
row.addEventListener('click', function (e) {
|
||||||
|
if (e.target.type !== 'checkbox') {
|
||||||
|
const checkbox = this.querySelector('input[type="checkbox"]');
|
||||||
|
checkbox.checked = !checkbox.checked;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("Webmail initialized. Ads blocked.");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
246
010/010_b.html
Normal file
246
010/010_b.html
Normal file
@@ -0,0 +1,246 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>City General Hospital - HIS System V2.0</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#e6e6e6" text="#000000" link="#000080" vlink="#800080" alink="#FF0000">
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#ffcccc" cellpadding="5">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red"><b>全院广播：</b> 请各科室注意，下午 3 点在行政楼会议室召开医保控费紧急会议。</font>
|
||||||
|
<br>
|
||||||
|
<font size="2">发布时间：2025-12-22 08:30</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" bgcolor="#008080" cellpadding="10">
|
||||||
|
<tr>
|
||||||
|
<td width="50%">
|
||||||
|
<font color="white" size="5"><b>市中心医院 - 医生工作站</b></font>
|
||||||
|
</td>
|
||||||
|
<td width="50%" align="right">
|
||||||
|
<font color="white">
|
||||||
|
当前用户：<b>李医生 (主治医师)</b> | 科室：心内科<br>
|
||||||
|
<a href="#" style="color:yellow">[修改密码]</a> | <a href="#" style="color:white">[注销登录]</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#dddddd">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#">门诊工作台</a> |
|
||||||
|
<a href="#">住院部管理</a> |
|
||||||
|
<a href="#">手术排期</a> |
|
||||||
|
<a href="#">检验报告查询</a> |
|
||||||
|
<a href="#">药房库存</a> |
|
||||||
|
<a href="#">医嘱管理</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="250" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><font color="white"><b>待诊患者列表 (12)</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>01. 张三 (男, 45岁)</b><br>
|
||||||
|
<font size="2">主诉：胸闷气短三天</font><br>
|
||||||
|
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>02. 李四 (女, 62岁)</b><br>
|
||||||
|
<font size="2">主诉：高血压复诊</font><br>
|
||||||
|
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr bgcolor="#ffffcc">
|
||||||
|
<td>
|
||||||
|
<font color="red"><b>VIP. 王总 (男, 50岁)</b></font><br>
|
||||||
|
<font size="2">备注：院长安排，优先处理</font><br>
|
||||||
|
<a href="#">[优先接诊]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>03. 赵六 (男, 28岁)</b><br>
|
||||||
|
<font size="2">主诉：心悸，心率110</font><br>
|
||||||
|
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#e0ffff">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<font size="2"><b>[学术推广]</b><br>辉瑞新药介绍会<br>赠送精美礼品一份<br><a href="#">[查看详情]</a></font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<font size="2"><b>[后勤通知]</b><br>今日食堂特供：<br>红烧排骨、清蒸鲈鱼</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffff">
|
||||||
|
<tr>
|
||||||
|
<td colspan="4" bgcolor="#cccccc"><b>当前患者：张三 (ID: 2025001)</b></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="15%"><b>过敏史:</b></td>
|
||||||
|
<td width="35%"><font color="red">青霉素</font></td>
|
||||||
|
<td width="15%"><b>费别:</b></td>
|
||||||
|
<td width="35%">省医保</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><b>生命体征:</b></td>
|
||||||
|
<td colspan="3">BP: 140/90 mmHg, HR: 88, T: 36.5°C</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<table width="100%" border="1" cellpadding="3" cellspacing="0">
|
||||||
|
<tr><td colspan="5" bgcolor="#dddddd"><b>长期医嘱录入</b></td></tr>
|
||||||
|
<tr>
|
||||||
|
<th>选择</th>
|
||||||
|
<th>药品名称</th>
|
||||||
|
<th>规格</th>
|
||||||
|
<th>用法用量</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>阿司匹林肠溶片</td>
|
||||||
|
<td>100mg*30片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="100mg" size="5">
|
||||||
|
<select><option>qd (每日一次)</option><option>bid (每日两次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>阿托伐他汀钙片</td>
|
||||||
|
<td>20mg*7片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="20mg" size="5">
|
||||||
|
<select><option>qn (每晚一次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffebcd">
|
||||||
|
<td colspan="5" align="center">
|
||||||
|
<font color="#8b4500" size="2">警告：本月科室药占比已超标 5%，请优先开具集采药品。</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>美托洛尔缓释片</td>
|
||||||
|
<td>47.5mg*7片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="47.5mg" size="5">
|
||||||
|
<select><option>qd (每日一次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="5" align="right">
|
||||||
|
<input type="button" value="新增药品">
|
||||||
|
<input type="button" value="签署医嘱">
|
||||||
|
<input type="button" value="作废医嘱">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#dddddd"><b>最近检查报告</b></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<ul>
|
||||||
|
<li>2025-12-20: 心电图 - 窦性心律，ST段轻度压低 <a href="#">[查看图像]</a></li>
|
||||||
|
<li>2025-12-20: 心脏彩超 - 左室舒张功能减低 <a href="#">[查看图像]</a></li>
|
||||||
|
<li>2025-12-19: 血常规 - 正常 <a href="#">[查看数据]</a></li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div align="center" style="border: 1px dashed red; padding: 5px;">
|
||||||
|
<p><b>IT 部门通知：</b><br>今晚 22:00 进行服务器升级，期间可能出现卡顿。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><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>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><font color="white"><b>值班排班</b></font></td></tr>
|
||||||
|
<tr><td>周一：张医生 (白)</td></tr>
|
||||||
|
<tr><td>周一：王医生 (夜)</td></tr>
|
||||||
|
<tr><td>周二：李医生 (白)</td></tr>
|
||||||
|
<tr><td>周二：赵医生 (夜)</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p><b>常用链接：</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">OA系统</a></li>
|
||||||
|
<li><a href="#">图书馆</a></li>
|
||||||
|
<li><a href="#">医学论坛</a></li>
|
||||||
|
<li><a href="#">订餐平台</a></li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1">
|
||||||
|
技术支持：市卫生信息中心 | 电话：8888-1234<br>
|
||||||
|
版权所有 © 2025 City General Hospital
|
||||||
|
</font>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
410
010/010_r.html
Normal file
410
010/010_r.html
Normal file
@@ -0,0 +1,410 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>City General Hospital - HIS System V2.0</title>
|
||||||
|
<style>
|
||||||
|
/* === CSS Variables & Reset === */
|
||||||
|
:root {
|
||||||
|
--primary: #007bff; /* 医疗蓝 */
|
||||||
|
--secondary: #6c757d;
|
||||||
|
--success: #28a745;
|
||||||
|
--danger: #dc3545;
|
||||||
|
--warning: #ffc107;
|
||||||
|
--info: #17a2b8;
|
||||||
|
--light: #f8f9fa;
|
||||||
|
--dark: #343a40;
|
||||||
|
--border-color: #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||||
|
background-color: #f4f6f9;
|
||||||
|
color: #212529;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
a { text-decoration: none; color: var(--primary); }
|
||||||
|
a:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
/* === 布局重构：强制覆盖 Table 样式 === */
|
||||||
|
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; padding: 0 !important; }
|
||||||
|
|
||||||
|
/* 顶部广播 - 改为顶部通知条 */
|
||||||
|
body > table:first-of-type {
|
||||||
|
background: #fff3cd !important; color: #856404; padding: 10px 20px !important; border-bottom: 1px solid #ffeeba !important;
|
||||||
|
}
|
||||||
|
body > table:first-of-type font { color: #856404 !important; font-weight: bold; }
|
||||||
|
body > table:first-of-type font[size="2"] { font-size: 12px; font-weight: normal; margin-left: 10px; }
|
||||||
|
|
||||||
|
/* Header 区域 */
|
||||||
|
body > table:nth-of-type(2) { background: white !important; padding: 10px 20px !important; border-bottom: 1px solid var(--border-color) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
|
||||||
|
body > table:nth-of-type(2) tr { display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
body > table:nth-of-type(2) td { width: auto !important; }
|
||||||
|
body > table:nth-of-type(2) font[size="5"] b { font-size: 20px; color: var(--primary); }
|
||||||
|
body > table:nth-of-type(2) td:last-child font { color: #666 !important; font-size: 13px; }
|
||||||
|
body > table:nth-of-type(2) a { color: var(--secondary) !important; margin-left: 10px; font-size: 12px; }
|
||||||
|
|
||||||
|
/* 导航菜单 */
|
||||||
|
body > table:nth-of-type(3) { background: #343a40 !important; padding: 0 !important; }
|
||||||
|
body > table:nth-of-type(3) td { display: flex; gap: 0; padding: 0 !important; }
|
||||||
|
body > table:nth-of-type(3) a { color: rgba(255,255,255,0.7) !important; padding: 12px 20px; border-right: 1px solid rgba(255,255,255,0.1); }
|
||||||
|
body > table:nth-of-type(3) a:hover { background: rgba(255,255,255,0.1); color: white !important; text-decoration: none; }
|
||||||
|
|
||||||
|
/* === 主体三栏布局 (Grid) === */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr {
|
||||||
|
display: grid; grid-template-columns: 240px 1fr 240px; gap: 20px; padding: 20px; max-width: 1600px; margin: 0 auto; align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 左侧：患者列表 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child {
|
||||||
|
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 患者列表标题 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:first-child td {
|
||||||
|
background: #f8f9fa !important; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:first-child font { color: #333 !important; font-weight: bold; }
|
||||||
|
|
||||||
|
/* 患者项 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:not(:first-child) td {
|
||||||
|
padding: 15px !important; border-bottom: 1px solid #eee !important; cursor: pointer; transition: background 0.2s;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr:not(:first-child) td:hover { background: #f1f7ff !important; }
|
||||||
|
|
||||||
|
/* VIP 样式处理 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table tr[bgcolor="#ffffcc"] td {
|
||||||
|
background: #fffbe6 !important; border-left: 3px solid var(--warning) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏左侧栏的广告 (医药代表, 食堂) */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table[bgcolor="#e0ffff"],
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:first-child table[bgcolor="#ffe4e1"] { display: none !important; }
|
||||||
|
|
||||||
|
/* 中间：工作区 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 患者信息卡片 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:first-child {
|
||||||
|
background: white !important; padding: 20px !important; border-radius: 4px; border: 1px solid var(--border-color) !important; margin-bottom: 20px;
|
||||||
|
display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;
|
||||||
|
}
|
||||||
|
/* 标题行跨列 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:first-child tr:first-child {
|
||||||
|
grid-column: 1 / -1; background: transparent !important; border-bottom: 1px solid #eee !important; padding-bottom: 10px !important; margin-bottom: 10px; font-size: 16px;
|
||||||
|
}
|
||||||
|
/* 信息行 Grid 化 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:first-child tr:not(:first-child) {
|
||||||
|
display: flex; gap: 10px; align-items: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 医嘱表单 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table {
|
||||||
|
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||||||
|
}
|
||||||
|
/* 表头 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:first-child {
|
||||||
|
background: #f8f9fa !important; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:nth-child(2) {
|
||||||
|
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; background: #fafafa; border-bottom: 1px solid var(--border-color); padding: 10px !important; font-weight: bold; font-size: 12px; color: #666;
|
||||||
|
}
|
||||||
|
/* 药品行 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:not(:first-child):not(:nth-child(2)):not(:last-child) {
|
||||||
|
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; padding: 10px !important; border-bottom: 1px solid #eee; align-items: center;
|
||||||
|
}
|
||||||
|
/* 隐藏干扰行 (库存警告) */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr[bgcolor="#ffebcd"] { display: none !important; }
|
||||||
|
|
||||||
|
/* 底部按钮组 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) form table tr:last-child td {
|
||||||
|
padding: 15px !important; display: flex; gap: 10px; justify-content: flex-end; background: #f8f9fa !important;
|
||||||
|
}
|
||||||
|
input[type="button"] { padding: 8px 16px; border-radius: 4px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
|
||||||
|
input[value="新增药品"] { background: white; border-color: var(--border-color); color: var(--primary); }
|
||||||
|
input[value="签署医嘱"] { background: var(--primary); color: white; }
|
||||||
|
input[value="作废医嘱"] { background: var(--danger); color: white; }
|
||||||
|
|
||||||
|
/* 检查报告 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > table:last-of-type {
|
||||||
|
background: white !important; margin-top: 20px; border: 1px solid var(--border-color) !important; border-radius: 4px; padding: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏系统升级通知 Div */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:nth-child(2) > div { display: none !important; }
|
||||||
|
|
||||||
|
/* 右侧：辅助工具 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child {
|
||||||
|
background: white !important; padding: 20px !important; border-radius: 4px; border: 1px solid var(--border-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 临床路径/值班表 标题美化 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child table tr:first-child td {
|
||||||
|
background: transparent !important; color: #333 !important; font-weight: bold; border-bottom: 2px solid var(--primary) !important; padding-bottom: 5px !important; margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child table tr:first-child font { color: #333 !important; }
|
||||||
|
|
||||||
|
/* 复选框行间距 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child table tr:not(:first-child) td { padding: 5px 0 !important; }
|
||||||
|
|
||||||
|
/* 隐藏右侧的“常用链接”和下面的无序列表 */
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child > p { display: none; }
|
||||||
|
body > table:nth-of-type(4) > tbody > tr > td:last-child > ul { display: none; }
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
center:last-of-type {
|
||||||
|
margin-top: 40px; border-top: 1px solid var(--border-color); padding: 20px; color: #999; font-size: 12px;
|
||||||
|
}
|
||||||
|
hr { display: none; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#e6e6e6" text="#000000" link="#000080" vlink="#800080" alink="#FF0000">
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#ffcccc" cellpadding="5">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<font color="red"><b>全院广播：</b> 请各科室注意，下午 3 点在行政楼会议室召开医保控费紧急会议。</font>
|
||||||
|
<br>
|
||||||
|
<font size="2">发布时间：2025-12-22 08:30</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" bgcolor="#008080" cellpadding="10">
|
||||||
|
<tr>
|
||||||
|
<td width="50%">
|
||||||
|
<font color="white" size="5"><b>市中心医院 - 医生工作站</b></font>
|
||||||
|
</td>
|
||||||
|
<td width="50%" align="right">
|
||||||
|
<font color="white">
|
||||||
|
当前用户：<b>李医生 (主治医师)</b> | 科室：心内科<br>
|
||||||
|
<a href="#" style="color:yellow">[修改密码]</a> <a href="#" style="color:white" onclick="alert('已安全退出')">[注销登录]</a>
|
||||||
|
</font>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#dddddd">
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<a href="#">门诊工作台</a>
|
||||||
|
<a href="#">住院部管理</a>
|
||||||
|
<a href="#">手术排期</a>
|
||||||
|
<a href="#">检验报告查询</a>
|
||||||
|
<a href="#">药房库存</a>
|
||||||
|
<a href="#">医嘱管理</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="5" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="250" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><font color="white"><b>待诊患者列表 (12)</b></font></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>01. 张三 (男, 45岁)</b><br>
|
||||||
|
<font size="2" color="#666">主诉：胸闷气短三天</font><br>
|
||||||
|
<div style="margin-top:5px;">
|
||||||
|
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>02. 李四 (女, 62岁)</b><br>
|
||||||
|
<font size="2" color="#666">主诉：高血压复诊</font><br>
|
||||||
|
<div style="margin-top:5px;">
|
||||||
|
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr bgcolor="#ffffcc">
|
||||||
|
<td>
|
||||||
|
<font color="red"><b>VIP. 王总 (男, 50岁)</b></font><br>
|
||||||
|
<font size="2" color="#666">备注：院长安排，优先处理</font><br>
|
||||||
|
<div style="margin-top:5px;">
|
||||||
|
<a href="#" style="font-weight:bold;">[优先接诊]</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<b>03. 赵六 (男, 28岁)</b><br>
|
||||||
|
<font size="2" color="#666">主诉：心悸，心率110</font><br>
|
||||||
|
<div style="margin-top:5px;">
|
||||||
|
<a href="#" style="font-size:12px;">[接诊]</a> <a href="#" style="font-size:12px; color:#999;">[过号]</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" bgcolor="#e0ffff">
|
||||||
|
<tr><td>...广告内容...</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||||||
|
<tr><td>...食堂菜单...</td></tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td valign="top">
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffff">
|
||||||
|
<tr>
|
||||||
|
<td colspan="4" bgcolor="#cccccc"><b>当前患者：张三 (ID: 2025001)</b></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="15%"><b>过敏史:</b></td>
|
||||||
|
<td width="35%"><font color="red" style="background:#ffe3e3; padding:2px 5px; border-radius:3px;">青霉素</font></td>
|
||||||
|
<td width="15%"><b>费别:</b></td>
|
||||||
|
<td width="35%">省医保</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><b>生命体征:</b></td>
|
||||||
|
<td colspan="3">BP: 140/90 mmHg, HR: 88, T: 36.5°C</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<table width="100%" border="1" cellpadding="3" cellspacing="0">
|
||||||
|
<tr><td colspan="5" bgcolor="#dddddd"><b>长期医嘱录入</b></td></tr>
|
||||||
|
<tr>
|
||||||
|
<th>选择</th>
|
||||||
|
<th>药品名称</th>
|
||||||
|
<th>规格</th>
|
||||||
|
<th>用法用量</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>阿司匹林肠溶片</td>
|
||||||
|
<td>100mg*30片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="100mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||||||
|
<select style="border:1px solid #ccc; border-radius:3px;"><option>qd (每日一次)</option><option>bid (每日两次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>阿托伐他汀钙片</td>
|
||||||
|
<td>20mg*7片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="20mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||||||
|
<select style="border:1px solid #ccc; border-radius:3px;"><option>qn (每晚一次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr bgcolor="#ffebcd">
|
||||||
|
<td colspan="5" align="center">...库存预警...</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"><input type="checkbox"></td>
|
||||||
|
<td>美托洛尔缓释片</td>
|
||||||
|
<td>47.5mg*7片</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="47.5mg" size="5" style="border:1px solid #ccc; border-radius:3px;">
|
||||||
|
<select style="border:1px solid #ccc; border-radius:3px;"><option>qd (每日一次)</option></select>
|
||||||
|
口服
|
||||||
|
</td>
|
||||||
|
<td><a href="#" style="color:#dc3545;">停药</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="5" align="right">
|
||||||
|
<input type="button" value="新增药品">
|
||||||
|
<input type="button" value="签署医嘱" onclick="signOrder()">
|
||||||
|
<input type="button" value="作废医嘱">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#dddddd"><b>最近检查报告</b></td></tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<ul style="padding-left:20px; margin:10px 0;">
|
||||||
|
<li style="margin-bottom:5px;">2025-12-20: 心电图 - 窦性心律，ST段轻度压低 <a href="#">[查看图像]</a></li>
|
||||||
|
<li style="margin-bottom:5px;">2025-12-20: 心脏彩超 - 左室舒张功能减低 <a href="#">[查看图像]</a></li>
|
||||||
|
<li style="margin-bottom:5px;">2025-12-19: 血常规 - 正常 <a href="#">[查看数据]</a></li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div align="center" style="border: 1px dashed red; padding: 5px;">
|
||||||
|
...IT 部门通知...
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||||
|
<br>
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><font color="white"><b>临床路径</b></font></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>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table width="100%" border="1" cellpadding="3">
|
||||||
|
<tr><td bgcolor="#008080"><font color="white"><b>值班排班</b></font></td></tr>
|
||||||
|
<tr><td>周一：张医生 (白)</td></tr>
|
||||||
|
<tr><td>周一：王医生 (夜)</td></tr>
|
||||||
|
<tr><td>周二：李医生 (白)</td></tr>
|
||||||
|
<tr><td>周二：赵医生 (夜)</td></tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p><b>常用链接：</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">OA系统</a></li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<font size="1">
|
||||||
|
技术支持：市卫生信息中心 | 电话：8888-1234<br>
|
||||||
|
版权所有 © 2025 City General Hospital
|
||||||
|
</font>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function signOrder() {
|
||||||
|
const pin = prompt("请输入电子签名密码以签署医嘱：");
|
||||||
|
if(pin) {
|
||||||
|
alert("医嘱已签署，并发送至药房。");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log("HIS System Loaded. Interface modernized.");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user