colden/basicBench
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

basic test

Browse Source
This commit is contained in:
邓智航
2026-02-10 11:56:03 +08:00
parent de68563f69
commit 411d823cfa
89 changed files with 33858 additions and 2027 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
002/2-001.html Normal file
View File

File diff suppressed because one or more lines are too long

129
002/2-002.html Normal file
View File

@@ -0,0 +1,129 @@
<!DOCTYPE html> <html lang=en><!--
Page saved with SingleFile
url: http://127.0.0.1:5500/002/2-all.html
saved date: Sat Feb 07 2026 16:12:24 GMT+0800 (中国标准时间)
--><meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<title>E-Commerce Order Audit System V9.4 (Full Stack)</title>
<style>:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-body:#f1f5f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-header:#1e293b;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--sidebar-w:260px;--header-h:60px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--trans:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;outline:none}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);margin:0;color:var(--text-main);font-size:14px;overflow:hidden;transition:background 0.3s}a,button{cursor:pointer;transition:var(--trans);color:inherit;text-decoration:none}.icon{width:16px;height:16px;fill:currentColor;vertical-align:middle;margin-right:4px}.app-container{display:flex;flex-direction:column;height:100vh}.header{height:var(--header-h);background:var(--bg-header);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:50;box-shadow:var(--shadow-md)}.brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.brand span{padding:4px 8px;background:var(--primary);border-radius:4px;font-size:14px}.nav-top a{padding:8px 12px;color:#94a3b8;font-size:13px;border-radius:4px}.nav-top a:hover,.nav-top a.active{color:white;background:rgba(255,255,255,0.1)}.user-area{display:flex;align-items:center;gap:15px}.avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;border:2px solid rgba(255,255,255,0.2)}.main-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding-top:10px;transition:background 0.3s}.menu-group{margin-bottom:20px}.menu-header{font-size:11px;text-transform:uppercase;color:var(--text-muted);padding:0 20px;margin-bottom:8px;font-weight:700}.menu-item{padding:10px 20px;display:flex;align-items:center;color:var(--text-muted);font-weight:500;border-left:3px solid transparent}.menu-item:hover{background:var(--bg-body);color:var(--text-main)}.menu-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.badge{margin-left:auto;background:var(--danger);color:white;font-size:10px;padding:2px 6px;border-radius:10px}.content{flex:1;overflow-y:auto;padding:25px;position:relative}.view-panel{animation:fadeIn 0.3s ease}.view-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;transition:background 0.3s}.btn{padding:8px 16px;border-radius:4px;border:none;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn-primary{background:var(--primary);color:white}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.btn-danger{background:var(--danger);color:white}.order-table tr:hover td{background:var(--primary-light)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100;opacity:0;transition:opacity 0.3s}.drawer{position:fixed;top:0;right:-600px;width:500px;height:100vh;background:var(--bg-card);z-index:101;box-shadow:-5px 0 20px rgba(0,0,0,0.1);transition:right 0.4s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column}.drawer-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-body)}.drawer-body{flex:1;padding:25px;overflow-y:auto}.drawer-footer{padding:15px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-body)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.toast-container{position:fixed;top:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:10px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(20px)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/002/2-all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
<body>
<svg style=display:none>
<symbol id=i-home viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></symbol>
<symbol id=i-list viewBox="0 0 24 24"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"></path></symbol>
<symbol id=i-risk viewBox="0 0 24 24"><path d="M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"></path></symbol>
<symbol id=i-settings viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L3.16 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.04.64.09.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.04.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.57 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.08-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path></symbol>
<symbol id=i-eye viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path></symbol>
<symbol id=i-check viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol>
</svg>
<div class=app-container>
<header class=header>
<div class=brand>
<svg class=icon style=width:24px;height:24px><use xlink:href=#i-check></use></svg>
GlobalGuard <span>Audit V9.4</span>
</div>
<div class=nav-top>
<a>Workspace</a>
<a>Order Queue (200+)</a>
<a class=active>Settings</a>
</div>
<div class=user-area>
<div style=text-align:right;font-size:12px>
<div>Auditor_4421</div>
<div style=color:rgba(255,255,255,0.6)>East China Audit Group</div>
</div>
<div class=avatar>A</div>
<button class=btn style="background:rgba(255,255,255,0.1);padding:5px 10px">Logout</button>
</div>
</header>
<div class=main-body>
<aside class=sidebar>
<div class=menu-group>
<div class=menu-header>Core Operations</div>
<div class=menu-item id=menu-dashboard>
<svg class=icon><use xlink:href=#i-home></use></svg> Dashboard Overview
</div>
<div class=menu-item id=menu-orders>
<svg class=icon><use xlink:href=#i-list></use></svg> Audit Queue
<span class=badge id=sidebar-count>164</span>
</div>
</div>
<div class=menu-group>
<div class=menu-header>Tools</div>
<div class="menu-item active" id=menu-settings>
<svg class=icon><use xlink:href=#i-settings></use></svg> System Settings
</div>
</div>
<div style=margin-top:auto;padding:20px>
<div style=background:var(--bg-body);padding:10px;border-radius:4px;font-size:11px;color:var(--text-muted)>
<strong>Server Status:</strong><br>
<span style=color:var(--success)>●</span> Live Data Stream<br>
<span style=color:var(--success)>●</span> Database (OK)
</div>
</div>
</aside>
<main class=content>
<div id=view-dashboard class="view-panel sf-hidden">
</div>
<div id=view-orders class="view-panel sf-hidden">
</div>
<div id=view-settings class="view-panel active">
<h2>System Preferences</h2>
<div class=card style=margin-top:20px;max-width:600px>
<div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:20px>
<div>
<h4 style="margin:0 0 5px 0">Dark Mode</h4>
<div style=font-size:12px;color:var(--text-muted)>Switch interface to dark theme, suitable for night work.</div>
</div>
<label class=switch>
<input type=checkbox id=theme-toggle value=on class=sf-hidden>
<span class=slider></span>
</label>
</div>
<hr style="border:0;border-top:1px solid var(--border);margin:15px 0">
<div style=display:flex;justify-content:space-between;align-items:center>
<div>
<h4 style="margin:0 0 5px 0">Auto-Refresh List</h4>
<div style=font-size:12px;color:var(--text-muted)>Automatically fetch new orders every 60 seconds.</div>
</div>
<label class=switch>
<input type=checkbox checked value=on class=sf-hidden>
<span class=slider></span>
</label>
</div>
</div>
</div>
</main>
</div>
<div class="drawer-backdrop sf-hidden" id=drawer-backdrop></div>
<div class=drawer id=drawer-panel>
<div class=drawer-header>
<h3 style=margin:0>Order Details <span id=d-id style=font-weight:400;color:var(--text-muted)></span></h3>
<button class="btn btn-secondary" style="padding:4px 8px">×</button>
</div>
<div class=drawer-body id=d-content>
</div>
<div class=drawer-footer id=d-footer>
<button class="btn btn-danger">Reject Order</button>
<button class="btn btn-primary">Approve Order</button>
</div>
</div>
<div class="modal-overlay sf-hidden" id=modal-reject>
</div>
<div class="modal-overlay sf-hidden" id=modal-logout>
</div>
<div class=toast-container id=toast-root></div>
</div>

129
002/2-003.html Normal file
View File

@@ -0,0 +1,129 @@
<!DOCTYPE html> <html lang=en data-theme=dark><!--
Page saved with SingleFile
url: http://127.0.0.1:5500/002/2-all.html
saved date: Sat Feb 07 2026 16:22:17 GMT+0800 (中国标准时间)
--><meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<title>E-Commerce Order Audit System V9.4 (Full Stack)</title>
<style>:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-body:#f1f5f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-header:#1e293b;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--sidebar-w:260px;--header-h:60px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--trans:all 0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme="dark"]{--bg-body:#0f172a;--bg-card:#1e293b;--bg-sidebar:#1e293b;--bg-header:#020617;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--primary-light:rgba(37,99,235,0.1)}*{box-sizing:border-box;outline:none}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);margin:0;color:var(--text-main);font-size:14px;overflow:hidden;transition:background 0.3s}a,button{cursor:pointer;transition:var(--trans);color:inherit;text-decoration:none}.icon{width:16px;height:16px;fill:currentColor;vertical-align:middle;margin-right:4px}.app-container{display:flex;flex-direction:column;height:100vh}.header{height:var(--header-h);background:var(--bg-header);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:50;box-shadow:var(--shadow-md)}.brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.brand span{padding:4px 8px;background:var(--primary);border-radius:4px;font-size:14px}.nav-top a{padding:8px 12px;color:#94a3b8;font-size:13px;border-radius:4px}.nav-top a:hover,.nav-top a.active{color:white;background:rgba(255,255,255,0.1)}.user-area{display:flex;align-items:center;gap:15px}.avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;border:2px solid rgba(255,255,255,0.2)}.main-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding-top:10px;transition:background 0.3s}.menu-group{margin-bottom:20px}.menu-header{font-size:11px;text-transform:uppercase;color:var(--text-muted);padding:0 20px;margin-bottom:8px;font-weight:700}.menu-item{padding:10px 20px;display:flex;align-items:center;color:var(--text-muted);font-weight:500;border-left:3px solid transparent}.menu-item:hover{background:var(--bg-body);color:var(--text-main)}.menu-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.badge{margin-left:auto;background:var(--danger);color:white;font-size:10px;padding:2px 6px;border-radius:10px}.content{flex:1;overflow-y:auto;padding:25px;position:relative}.view-panel{animation:fadeIn 0.3s ease}.view-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;transition:background 0.3s}.btn{padding:8px 16px;border-radius:4px;border:none;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn-primary{background:var(--primary);color:white}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.btn-danger{background:var(--danger);color:white}.order-table tr:hover td{background:var(--primary-light)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100;opacity:0;transition:opacity 0.3s}.drawer{position:fixed;top:0;right:-600px;width:500px;height:100vh;background:var(--bg-card);z-index:101;box-shadow:-5px 0 20px rgba(0,0,0,0.1);transition:right 0.4s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column}.drawer-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-body)}.drawer-body{flex:1;padding:25px;overflow-y:auto}.drawer-footer{padding:15px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-body)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.toast-container{position:fixed;top:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:10px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(20px)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/002/2-all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
<body>
<svg style=display:none>
<symbol id=i-home viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></symbol>
<symbol id=i-list viewBox="0 0 24 24"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"></path></symbol>
<symbol id=i-risk viewBox="0 0 24 24"><path d="M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"></path></symbol>
<symbol id=i-settings viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L3.16 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.04.64.09.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.04.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.57 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.08-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path></symbol>
<symbol id=i-eye viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path></symbol>
<symbol id=i-check viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol>
</svg>
<div class=app-container>
<header class=header>
<div class=brand>
<svg class=icon style=width:24px;height:24px><use xlink:href=#i-check></use></svg>
GlobalGuard <span>Audit V9.4</span>
</div>
<div class=nav-top>
<a>Workspace</a>
<a>Order Queue (200+)</a>
<a class=active>Settings</a>
</div>
<div class=user-area>
<div style=text-align:right;font-size:12px>
<div>Auditor_4421</div>
<div style=color:rgba(255,255,255,0.6)>East China Audit Group</div>
</div>
<div class=avatar>A</div>
<button class=btn style="background:rgba(255,255,255,0.1);padding:5px 10px">Logout</button>
</div>
</header>
<div class=main-body>
<aside class=sidebar>
<div class=menu-group>
<div class=menu-header>Core Operations</div>
<div class=menu-item id=menu-dashboard>
<svg class=icon><use xlink:href=#i-home></use></svg> Dashboard Overview
</div>
<div class=menu-item id=menu-orders>
<svg class=icon><use xlink:href=#i-list></use></svg> Audit Queue
<span class=badge id=sidebar-count>176</span>
</div>
</div>
<div class=menu-group>
<div class=menu-header>Tools</div>
<div class="menu-item active" id=menu-settings>
<svg class=icon><use xlink:href=#i-settings></use></svg> System Settings
</div>
</div>
<div style=margin-top:auto;padding:20px>
<div style=background:var(--bg-body);padding:10px;border-radius:4px;font-size:11px;color:var(--text-muted)>
<strong>Server Status:</strong><br>
<span style=color:var(--success)>●</span> Live Data Stream<br>
<span style=color:var(--success)>●</span> Database (OK)
</div>
</div>
</aside>
<main class=content>
<div id=view-dashboard class="view-panel sf-hidden">
</div>
<div id=view-orders class="view-panel sf-hidden">
</div>
<div id=view-settings class="view-panel active">
<h2>System Preferences</h2>
<div class=card style=margin-top:20px;max-width:600px>
<div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:20px>
<div>
<h4 style="margin:0 0 5px 0">Dark Mode</h4>
<div style=font-size:12px;color:var(--text-muted)>Switch interface to dark theme, suitable for night work.</div>
</div>
<label class=switch>
<input type=checkbox id=theme-toggle value=on checked class=sf-hidden>
<span class=slider></span>
</label>
</div>
<hr style="border:0;border-top:1px solid var(--border);margin:15px 0">
<div style=display:flex;justify-content:space-between;align-items:center>
<div>
<h4 style="margin:0 0 5px 0">Auto-Refresh List</h4>
<div style=font-size:12px;color:var(--text-muted)>Automatically fetch new orders every 60 seconds.</div>
</div>
<label class=switch>
<input type=checkbox checked value=on class=sf-hidden>
<span class=slider></span>
</label>
</div>
</div>
</div>
</main>
</div>
<div class="drawer-backdrop sf-hidden" id=drawer-backdrop></div>
<div class=drawer id=drawer-panel>
<div class=drawer-header>
<h3 style=margin:0>Order Details <span id=d-id style=font-weight:400;color:var(--text-muted)></span></h3>
<button class="btn btn-secondary" style="padding:4px 8px">×</button>
</div>
<div class=drawer-body id=d-content>
</div>
<div class=drawer-footer id=d-footer>
<button class="btn btn-danger">Reject Order</button>
<button class="btn btn-primary">Approve Order</button>
</div>
</div>
<div class="modal-overlay sf-hidden" id=modal-reject>
</div>
<div class="modal-overlay sf-hidden" id=modal-logout>
</div>
<div class=toast-container id=toast-root></div>
</div>

4719
002/2-004.html Normal file
View File

File diff suppressed because one or more lines are too long

4449
002/2-005.html Normal file
View File

File diff suppressed because one or more lines are too long

888
002/2-006.html Normal file
View File

File diff suppressed because one or more lines are too long

885
002/2-007.html Normal file
View File

File diff suppressed because one or more lines are too long

254
002/002_r.html → 002/2-all.html
View File

@@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Commerce Order Audit System V9.4 (Full Stack)</title>
<style>
:root {
/* 配色系统 - 保持 V9.2 的现代风格 */
/* Color System - Maintain V9.2 Modern Style */
--primary: #2563eb;
--primary-hover: #1d4ed8;
--primary-light: #eff6ff;
@@ -18,13 +18,13 @@
--text-muted: #64748b;
--border: #e2e8f0;
/* 状态色 */
/* Status Colors */
--success: #10b981;
--warning: #f59e0b;
--danger: #ef4444;
--info: #06b6d4;
/* 尺寸与阴影 */
/* Dimensions & Shadows */
--sidebar-w: 260px;
--header-h: 60px;
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
@@ -32,7 +32,7 @@
--trans: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 深色模式变量 */
/* Dark Mode Variables */
[data-theme="dark"] {
--bg-body: #0f172a;
--bg-card: #1e293b;
@@ -44,7 +44,7 @@
--primary-light: rgba(37, 99, 235, 0.1);
}
/* --- 基础重置 --- */
/* --- Basic Resets --- */
* { box-sizing: border-box; outline: none; }
body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); margin: 0; color: var(--text-main); font-size: 14px; overflow: hidden; transition: background 0.3s; }
a, button { cursor: pointer; transition: var(--trans); color: inherit; text-decoration: none; }
@@ -52,7 +52,7 @@
.icon { width: 16px; height: 16px; fill: currentColor; vertical-align: middle; margin-right: 4px; }
/* --- 布局框架 --- */
/* --- Layout Framework --- */
.app-container { display: flex; flex-direction: column; height: 100vh; }
.header { height: var(--header-h); background: var(--bg-header); color: white; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; z-index: 50; box-shadow: var(--shadow-md); }
@@ -102,11 +102,11 @@
.btn-secondary { background: var(--bg-card); border: 1px solid var(--border); color: var(--text-main); }
.btn-danger { background: var(--danger); color: white; }
/* 表格样式 (增强版：支持表头固定) */
.order-table-wrapper { border: 1px solid var(--border); border-radius: 8px; overflow: auto; background: var(--bg-card); max-height: calc(100vh - 250px); /* 限制高度使内容可滚动 */ }
/* Table Styles (Enhanced: Sticky Header Support) */
.order-table-wrapper { border: 1px solid var(--border); border-radius: 8px; overflow: auto; background: var(--bg-card); max-height: calc(100vh - 250px); /* Limit height for scrolling */ }
.order-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
/* 粘性表头 */
/* Sticky Header */
.order-table th { background: var(--bg-body); padding: 12px 15px; font-weight: 600; color: var(--text-muted); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 10; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.order-table td { padding: 12px 15px; border-bottom: 1px solid var(--border); color: var(--text-main); vertical-align: top; }
@@ -126,7 +126,7 @@
.risk-bar-container { width: 80px; height: 6px; background: #e2e8f0; border-radius: 3px; margin-top: 5px; overflow: hidden; }
.risk-bar-fill { height: 100%; transition: width 0.3s; }
/* 抽屉 & 模态框 */
/* Drawer & Modals */
.drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100; display: none; opacity: 0; transition: opacity 0.3s; }
.drawer { position: fixed; top: 0; right: -600px; width: 500px; height: 100vh; background: var(--bg-card); z-index: 101; box-shadow: -5px 0 20px rgba(0,0,0,0.1); transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; flex-direction: column; }
.drawer.open { right: 0; }
@@ -183,17 +183,17 @@
GlobalGuard <span>Audit V9.4</span>
</div>
<div class="nav-top">
<a onclick="app.nav('dashboard')" class="active">工作台</a>
<a onclick="app.nav('orders')">订单队列 (200+)</a>
<a onclick="app.nav('settings')">设置</a>
<a onclick="app.nav('dashboard')" class="active">Workspace</a>
<a onclick="app.nav('orders')">Order Queue (200+)</a>
<a onclick="app.nav('settings')">Settings</a>
</div>
<div class="user-area">
<div style="text-align: right; font-size:12px;">
<div>Auditor_4421</div>
<div style="color:rgba(255,255,255,0.6)">华东审核组</div>
<div style="color:rgba(255,255,255,0.6)">East China Audit Group</div>
</div>
<div class="avatar">A</div>
<button class="btn" style="background:rgba(255,255,255,0.1); padding:5px 10px;" onclick="app.showLogout()">退出</button>
<button class="btn" style="background:rgba(255,255,255,0.1); padding:5px 10px;" onclick="app.showLogout()">Logout</button>
</div>
</header>
@@ -202,17 +202,17 @@
<div class="menu-group">
<div class="menu-header">Core Operations</div>
<div class="menu-item active" onclick="app.nav('dashboard')" id="menu-dashboard">
<svg class="icon"><use xlink:href="#i-home"></use></svg> 仪表盘概览
<svg class="icon"><use xlink:href="#i-home"></use></svg> Dashboard Overview
</div>
<div class="menu-item" onclick="app.nav('orders')" id="menu-orders">
<svg class="icon"><use xlink:href="#i-list"></use></svg> 待审核队列
<svg class="icon"><use xlink:href="#i-list"></use></svg> Audit Queue
<span class="badge" id="sidebar-count">--</span>
</div>
</div>
<div class="menu-group">
<div class="menu-header">Tools</div>
<div class="menu-item" onclick="app.nav('settings')" id="menu-settings">
<svg class="icon"><use xlink:href="#i-settings"></use></svg> 系统设置
<svg class="icon"><use xlink:href="#i-settings"></use></svg> System Settings
</div>
</div>
<div style="margin-top:auto; padding:20px;">
@@ -227,74 +227,74 @@
<main class="content">
<div id="view-dashboard" class="view-panel active">
<h2 style="margin-bottom:20px;">今日数据大盘 (Live)</h2>
<h2 style="margin-bottom:20px;">Today's Data Overview (Live)</h2>
<div class="stat-grid">
<div class="stat-box">
<span class="stat-label">待审核订单</span>
<span class="stat-label">Pending Orders</span>
<span class="stat-num" id="dash-pending">--</span>
<span class="stat-trend trend-down">需要立刻处理</span>
<span class="stat-trend trend-down">Action Required</span>
</div>
<div class="stat-box">
<span class="stat-label">今日高风险拦截</span>
<span class="stat-label">High Risk Intercepts</span>
<span class="stat-num" style="color:var(--danger)" id="dash-risk">--</span>
<span class="stat-trend">占比 <span id="dash-risk-rate">--%</span></span>
<span class="stat-trend">Ratio <span id="dash-risk-rate">--%</span></span>
</div>
<div class="stat-box">
<span class="stat-label">涉及总金额 (CNY)</span>
<span class="stat-label">Total Amount (CNY)</span>
<span class="stat-num" id="dash-amount">--</span>
<span class="stat-trend trend-up">较昨日 ↑ 23%</span>
<span class="stat-trend trend-up">vs Yesterday ↑ 23%</span>
</div>
<div class="stat-box">
<span class="stat-label">我的绩效 (今日)</span>
<span class="stat-label">My Performance (Today)</span>
<span class="stat-num" style="color:var(--success)">42</span>
<span class="stat-trend">KPI 达成率 80%</span>
<span class="stat-trend">KPI Achievement 80%</span>
</div>
</div>
<div class="card">
<div class="card-header">
<span class="card-title">系统公告</span>
<span class="card-title">System Announcements</span>
<span class="tag tag-urgent">New</span>
</div>
<div style="font-size:13px; color:var(--text-muted); line-height:1.6;">
<p><strong>[安全通告] 关于近期显卡代购风险升级的通知</strong></p>
<p>近期检测到针对 RTX 5090 系列显卡的批量下单行为，请审核员重点关注“同一收货地址模糊匹配”以及“新注册账号大额支付”的情况。对于高风险订单建议直接转交二审。</p>
<p><strong>[Security Alert] Notification on Risk Upgrade for Graphics Card Proxy Buying</strong></p>
<p>Recently detected bulk ordering behavior targeting RTX 5090 series graphics cards. Auditors please focus on "fuzzy matching of same shipping address" and "large payments from new accounts". High-risk orders should be transferred to Level 2 Audit.</p>
<hr style="border:0; border-top:1px dashed var(--border); margin:10px 0;">
<p><strong>[系统更新] V9.4 补丁说明</strong></p>
<p>已接入模拟数据生成引擎，现在演示环境可承载 200+ 并发订单展示。</p>
<p><strong>[System Update] V9.4 Patch Notes</strong></p>
<p>Integrated mock data generation engine, demo environment now supports 200+ concurrent order displays.</p>
</div>
</div>
</div>
<div id="view-orders" class="view-panel">
<h2 style="margin-bottom:20px;">人工审核队列</h2>
<h2 style="margin-bottom:20px;">Manual Audit Queue</h2>
<div class="filter-panel">
<div class="form-group">
<label>关键词 (订单号/用户/商品)</label>
<input type="text" class="input-control" id="search-keyword" placeholder="输入关键词...">
<label>Keywords (Order/User/Product)</label>
<input type="text" class="input-control" id="search-keyword" placeholder="Enter keywords...">
</div>
<div class="form-group">
<label>风险等级</label>
<label>Risk Level</label>
<select class="input-control" id="search-risk">
<option value="all">全部等级</option>
<option value="high">High (高风险)</option>
<option value="medium">Medium (中风险)</option>
<option value="low">Low (低风险)</option>
<option value="all">All Levels</option>
<option value="high">High (High Risk)</option>
<option value="medium">Medium (Medium Risk)</option>
<option value="low">Low (Low Risk)</option>
</select>
</div>
<div class="form-group">
<label>订单状态</label>
<label>Order Status</label>
<select class="input-control" id="search-status">
<option value="pending">待审核 (Pending)</option>
<option value="all_history">全部历史记录</option>
<option value="pending">Pending Audit</option>
<option value="all_history">All History</option>
</select>
</div>
<div style="margin-left:auto; display:flex; gap:10px;">
<button class="btn btn-secondary" onclick="app.resetFilter()">重置</button>
<button class="btn btn-secondary" onclick="app.resetFilter()">Reset</button>
<button class="btn btn-primary" onclick="app.applyFilter()">
<svg class="icon"><use xlink:href="#i-list"></use></svg> 查询
<svg class="icon"><use xlink:href="#i-list"></use></svg> Search
</button>
</div>
</div>
@@ -304,39 +304,39 @@
<thead>
<tr>
<th style="width:40px;"><input type="checkbox" id="check-all" onclick="app.toggleSelectAll()"></th>
<th>订单信息</th>
<th>用户画像</th>
<th>商品概览</th>
<th>金额</th>
<th>风险评分</th>
<th>状态</th>
<th style="text-align:right;">操作</th>
<th>Order Info</th>
<th>User Profile</th>
<th>Product Overview</th>
<th>Amount</th>
<th>Risk Score</th>
<th>Status</th>
<th style="text-align:right;">Actions</th>
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
<div id="empty-state" style="padding:40px; text-align:center; color:var(--text-muted); display:none;">
没有找到符合条件的订单
No orders found matching your criteria
</div>
</div>
<div style="margin-top:15px; display:flex; gap:10px; align-items:center;">
<button class="btn btn-primary" onclick="app.batchAction('approve')">批量通过</button>
<button class="btn btn-danger" onclick="app.batchAction('reject')">批量驳回</button>
<button class="btn btn-primary" onclick="app.batchAction('approve')">Batch Approve</button>
<button class="btn btn-danger" onclick="app.batchAction('reject')">Batch Reject</button>
<span style="margin-left:auto; font-size:12px; color:var(--text-muted);">
显示 <strong id="current-count">0</strong> 条结果 / 共 <span id="total-db-count">0</span> 条
Showing <strong id="current-count">0</strong> results / Total <span id="total-db-count">0</span>
</span>
</div>
</div>
<div id="view-settings" class="view-panel">
<h2>系统偏好设置</h2>
<h2>System Preferences</h2>
<div class="card" style="margin-top:20px; max-width:600px;">
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
<div>
<h4 style="margin:0 0 5px 0;">深色模式 (Dark Mode)</h4>
<div style="font-size:12px; color:var(--text-muted);">切换界面为深色主题，适合夜间工作。</div>
<h4 style="margin:0 0 5px 0;">Dark Mode</h4>
<div style="font-size:12px; color:var(--text-muted);">Switch interface to dark theme, suitable for night work.</div>
</div>
<label class="switch">
<input type="checkbox" id="theme-toggle" onchange="app.toggleTheme()">
@@ -346,8 +346,8 @@
<hr style="border:0; border-top:1px solid var(--border); margin:15px 0;">
<div style="display:flex; justify-content:space-between; align-items:center;">
<div>
<h4 style="margin:0 0 5px 0;">自动刷新列表</h4>
<div style="font-size:12px; color:var(--text-muted);">每隔 60 秒自动拉取新订单。</div>
<h4 style="margin:0 0 5px 0;">Auto-Refresh List</h4>
<div style="font-size:12px; color:var(--text-muted);">Automatically fetch new orders every 60 seconds.</div>
</div>
<label class="switch">
<input type="checkbox" checked>
@@ -363,33 +363,33 @@
<div class="drawer-backdrop" id="drawer-backdrop" onclick="app.closeDrawer()"></div>
<div class="drawer" id="drawer-panel">
<div class="drawer-header">
<h3 style="margin:0;">订单详情 <span id="d-id" style="font-weight:400; color:var(--text-muted);"></span></h3>
<h3 style="margin:0;">Order Details <span id="d-id" style="font-weight:400; color:var(--text-muted);"></span></h3>
<button class="btn btn-secondary" style="padding:4px 8px;" onclick="app.closeDrawer()">&times;</button>
</div>
<div class="drawer-body" id="d-content">
</div>
<div class="drawer-footer" id="d-footer">
<button class="btn btn-danger" onclick="app.rejectCurrent()">驳回订单</button>
<button class="btn btn-primary" onclick="app.approveCurrent()">通过审核</button>
<button class="btn btn-danger" onclick="app.rejectCurrent()">Reject Order</button>
<button class="btn btn-primary" onclick="app.approveCurrent()">Approve Order</button>
</div>
</div>
<div class="modal-overlay" id="modal-reject">
<div class="modal">
<div class="modal-body">
<h3 style="margin-top:0;">确认驳回订单?</h3>
<p style="color:var(--text-muted); font-size:13px; margin-bottom:15px;">请选择驳回理由，系统将发送通知给用户。</p>
<h3 style="margin-top:0;">Confirm Reject?</h3>
<p style="color:var(--text-muted); font-size:13px; margin-bottom:15px;">Please select a reason for rejection. The system will notify the user.</p>
<select class="input-control" id="reject-reason" style="width:100%; margin-bottom:10px;">
<option value="风险拦截-疑似盗刷">风险拦截 - 疑似盗刷</option>
<option value="信息不全-地址模糊">信息不全 - 地址模糊</option>
<option value="限购限制-超出数量">限购限制 - 超出数量</option>
<option value="其他原因">其他原因</option>
<option value="风险拦截-疑似盗刷">Risk Intercept - Suspected Fraud</option>
<option value="信息不全-地址模糊">Incomplete Info - Vague Address</option>
<option value="限购限制-超出数量">Purchase Limit - Exceeded Quantity</option>
<option value="其他原因">Other Reason</option>
</select>
<textarea class="input-control" id="reject-note" style="width:100%; height:80px;" placeholder="备注信息 (可选)..."></textarea>
<textarea class="input-control" id="reject-note" style="width:100%; height:80px;" placeholder="Notes (Optional)..."></textarea>
</div>
<div class="modal-actions">
<button onclick="app.closeModal('modal-reject')">取消</button>
<button class="confirm" onclick="app.confirmReject()">确认驳回</button>
<button onclick="app.closeModal('modal-reject')">Cancel</button>
<button class="confirm" onclick="app.confirmReject()">Confirm Reject</button>
</div>
</div>
</div>
@@ -397,12 +397,12 @@
<div class="modal-overlay" id="modal-logout">
<div class="modal">
<div class="modal-body">
<h3>退出系统</h3>
<p style="color:var(--text-muted);">确定要退出当前账号吗？未保存的操作将丢失。</p>
<h3>System Logout</h3>
<p style="color:var(--text-muted);">Are you sure you want to log out? Unsaved changes will be lost.</p>
</div>
<div class="modal-actions">
<button onclick="app.closeModal('modal-logout')">取消</button>
<button class="confirm" onclick="location.reload()">确认退出</button>
<button onclick="app.closeModal('modal-logout')">Cancel</button>
<button class="confirm" onclick="location.reload()">Confirm Logout</button>
</div>
</div>
</div>
@@ -412,10 +412,10 @@
<script>
const app = {
// 数据中心
// Data Center
data: {
orders: [], // 存储所有订单
currentId: null, // 当前查看/操作的ID
orders: [], // Store all orders
currentId: null, // Currently viewed/operated ID
selectedIds: new Set(),
filter: {
keyword: '',
@@ -424,39 +424,39 @@ const app = {
}
},
// 初始化
// Initialization
init() {
// 1. 保留核心“故事”数据 (V9.2)
// 1. Keep core "Story" data (V9.2)
const storyOrders = [
{ id: '20251221-A001', user: 'user_9921', userScore: 780, items: [{name: 'RTX 5090 显卡', qty: 2, price: 17499}], total: 34999.00, address: '北京市海淀区中关村软件园...', date: '2025-12-21 14:30', risk: 'low', score: 12, status: 'pending', tags: ['urgent'], logs: '支付指纹匹配，IP归属地一致。' },
{ id: '20251221-A002', user: 'temp_user_001', userScore: null, items: [{name: '游戏点卡充值 (虚拟)', qty: 50, price: 100}], total: 5000.00, address: '虚拟发货 (自动)', date: '2025-12-21 14:31', risk: 'high', score: 92, status: 'pending', tags: ['risk'], logs: '警告：该IP今日已尝试下单5次失败，建议拦截。' },
{ id: '20251221-A003', user: 'loyal_cust_88', userScore: 900, items: [{name: '爱他美婴儿奶粉 3段', qty: 6, price: 200}], total: 1200.00, address: '上海市浦东新区陆家嘴...', date: '2025-12-21 14:32', risk: 'low', score: 5, status: 'pending', tags: [], logs: '历史购买记录匹配，常规复购。' },
{ id: '20251221-A004', user: 'company_buyer_22', userScore: 850, items: [{name: '人体工学办公椅', qty: 50, price: 300}], total: 15000.00, address: '深圳市南山区科技园...', date: '2025-12-21 14:35', risk: 'medium', score: 45, status: 'pending', tags: ['large'], logs: '首次大额采购，需电话核实企业资质。' },
{ id: '20251221-A007', user: 'unknown_proxy', userScore: 120, items: [{name: '亚马逊礼品卡 $100', qty: 10, price: 7100}], total: 7100.00, address: 'Email Delivery', date: '2025-12-21 14:40', risk: 'high', score: 98, status: 'pending', tags: ['risk'], logs: '检测到高危代理IP，建议立即封锁。' }
{ id: '20251221-A001', user: 'user_9921', userScore: 780, items: [{name: 'RTX 5090 Graphics Card', qty: 2, price: 17499}], total: 34999.00, address: 'Zhongguancun Software Park, Haidian District, Beijing...', date: '2025-12-21 14:30', risk: 'low', score: 12, status: 'pending', tags: ['urgent'], logs: 'Payment fingerprint match. IP location consistent.' },
{ id: '20251221-A002', user: 'temp_user_001', userScore: null, items: [{name: 'Game Card Top-up (Virtual)', qty: 50, price: 100}], total: 5000.00, address: 'Virtual Delivery (Auto)', date: '2025-12-21 14:31', risk: 'high', score: 92, status: 'pending', tags: ['risk'], logs: 'Warning: This IP failed 5 order attempts today. Interception recommended.' },
{ id: '20251221-A003', user: 'loyal_cust_88', userScore: 900, items: [{name: 'Aptamil Infant Formula Stage 3', qty: 6, price: 200}], total: 1200.00, address: 'Lujiazui, Pudong New Area, Shanghai...', date: '2025-12-21 14:32', risk: 'low', score: 5, status: 'pending', tags: [], logs: 'History match. Routine repurchase.' },
{ id: '20251221-A004', user: 'company_buyer_22', userScore: 850, items: [{name: 'Ergonomic Office Chair', qty: 50, price: 300}], total: 15000.00, address: 'Science Park, Nanshan District, Shenzhen...', date: '2025-12-21 14:35', risk: 'medium', score: 45, status: 'pending', tags: ['large'], logs: 'First large purchase. Phone verification of business qualifications required.' },
{ id: '20251221-A007', user: 'unknown_proxy', userScore: 120, items: [{name: 'Amazon Gift Card $100', qty: 10, price: 7100}], total: 7100.00, address: 'Email Delivery', date: '2025-12-21 14:40', risk: 'high', score: 98, status: 'pending', tags: ['risk'], logs: 'High-risk proxy IP detected. Immediate block recommended.' }
];
// 2. 混合数据生成：自动生成200条仿真数据
// 2. Hybrid Data Gen: Auto-generate 200 simulation records
const randomData = this.generateBulkData(200);
this.data.orders = [...storyOrders, ...randomData];
// 渲染初始界面
// Render Initial View
this.renderTable();
this.updateDashboard();
console.log(`System Initialized: Loaded ${this.data.orders.length} orders.`);
this.showToast(`系统就绪，已加载 ${this.data.orders.length} 条数据`, 'success');
this.showToast(`System ready, loaded ${this.data.orders.length} records`, 'success');
},
// --- 数据生成引擎 (适配 V9.2 结构) ---
// --- Data Gen Engine (Adapted V9.2) ---
generateBulkData(count) {
const products = [
{n: 'iPhone 16 Pro Max', p: 9999}, {n: 'AirPods Pro 3', p: 1899}, {n: 'Dyson 吹风机', p: 2999},
{n: 'iPhone 16 Pro Max', p: 9999}, {n: 'AirPods Pro 3', p: 1899}, {n: 'Dyson Hair Dryer', p: 2999},
{n: 'Sony WH-1000XM5', p: 2499}, {n: 'Nike Dunk Low', p: 899}, {n: 'Logitech MX Master 3S', p: 799},
{n: 'Starbucks 星礼卡', p: 200}, {n: 'Switch OLED 日版', p: 2100}, {n: 'La Mer 面霜', p: 3500}
{n: 'Starbucks Gift Card', p: 200}, {n: 'Switch OLED (JP Ver)', p: 2100}, {n: 'La Mer Cream', p: 3500}
];
const users = ['alex', 'bill', 'candy', 'david', 'echo', 'frank', 'grace', 'helen', 'ivy', 'jack'];
const cities = ['北京', '上海', '广州', '深圳', '杭州', '成都', '武汉', '南京'];
const cities = ['Beijing', 'Shanghai', 'Guangzhou', 'Shenzhen', 'Hangzhou', 'Chengdu', 'Wuhan', 'Nanjing'];
const res = [];
for(let i=0; i<count; i++) {
@@ -464,15 +464,15 @@ const app = {
const qty = Math.floor(Math.random() * 3) + 1;
const score = Math.floor(Math.random() * 100);
// 确定风险等级
// Determine risk level
let risk = 'low';
if(score > 60) risk = 'medium';
if(score > 85) risk = 'high';
// 随机状态 (80% pending)
// Random status (80% pending)
const status = Math.random() > 0.8 ? (Math.random()>0.5 ? 'approved' : 'rejected') : 'pending';
// 随机标签
// Random tags
const tags = [];
if(risk === 'high') tags.push('risk');
if(prod.p * qty > 10000) tags.push('large');
@@ -484,19 +484,19 @@ const app = {
userScore: Math.floor(Math.random() * 500) + 300,
items: [{ name: prod.n, qty: qty, price: prod.p }],
total: prod.p * qty,
address: `${cities[Math.floor(Math.random()*cities.length)]}市...`,
address: `${cities[Math.floor(Math.random()*cities.length)]} City...`,
date: `2025-12-22 14:${Math.floor(Math.random()*60).toString().padStart(2,'0')}`,
risk: risk,
score: score,
status: status,
tags: tags,
logs: '系统自动生成的仿真日志记录。'
logs: 'System generated mock log record.'
});
}
return res;
},
// --- 导航与视图 ---
// --- Navigation & View ---
nav(viewId) {
document.querySelectorAll('.view-panel').forEach(el => el.classList.remove('active'));
document.getElementById(`view-${viewId}`).classList.add('active');
@@ -517,16 +517,16 @@ const app = {
document.documentElement.setAttribute('data-theme', isDark ? 'dark' : 'light');
},
// --- 核心业务逻辑：筛选与渲染 ---
// --- Core Business Logic: Filter & Render ---
applyFilter() {
const btn = event.target.closest('button');
if(btn) {
const originalHtml = btn.innerHTML;
btn.innerHTML = '<span class="loader"></span> 查询中';
btn.innerHTML = '<span class="loader"></span> Searching...';
btn.disabled = true;
setTimeout(() => {
this._executeFilter();
this.showToast('筛选已更新');
this.showToast('Filters updated');
btn.innerHTML = originalHtml;
btn.disabled = false;
}, 300);
@@ -564,17 +564,17 @@ const app = {
return matchKw && matchRisk && matchStatus;
});
// 限制渲染数量以保证性能（如果超过500条）
// Limit render count for performance (if > 500)
const displayList = filtered.slice(0, 500);
// 更新计数
// Update counts
const pendingCount = this.data.orders.filter(o => o.status === 'pending').length;
document.getElementById('sidebar-count').innerText = pendingCount;
document.getElementById('empty-state').style.display = displayList.length ? 'none' : 'block';
document.getElementById('current-count').innerText = displayList.length;
document.getElementById('total-db-count').innerText = this.data.orders.length;
// 生成 HTML
// Generate HTML
let htmlBuffer = '';
displayList.forEach(order => {
let riskColor = '#10b981';
@@ -585,12 +585,12 @@ const app = {
if(order.status === 'approved') statusBadge = `<span class="status-dot status-approved"></span>Approved`;
if(order.status === 'rejected') statusBadge = `<span class="status-dot status-rejected"></span>Rejected`;
const itemSummary = `${order.items[0].name} ${order.items.length > 1 ? `等 ${order.items.length} 件` : ''}`;
const itemSummary = `${order.items[0].name} ${order.items.length > 1 ? `and ${order.items.length} more` : ''}`;
const tagsHtml = order.tags.map(t => {
if(t === 'urgent') return `<span class="tag tag-urgent">加急</span>`;
if(t === 'large') return `<span class="tag tag-large">大宗</span>`;
if(t === 'risk') return `<span class="tag tag-risk">风险</span>`;
if(t === 'urgent') return `<span class="tag tag-urgent">Urgent</span>`;
if(t === 'large') return `<span class="tag tag-large">Large</span>`;
if(t === 'risk') return `<span class="tag tag-risk">Risk</span>`;
if(t === 'vip') return `<span class="tag tag-vip">VIP</span>`;
return '';
}).join('');
@@ -605,7 +605,7 @@ const app = {
</td>
<td>
<div>${order.user}</div>
<div style="font-size:11px; color:var(--text-muted);">信誉分: ${order.userScore || 'N/A'}</div>
<div style="font-size:11px; color:var(--text-muted);">Credit Score: ${order.userScore || 'N/A'}</div>
</td>
<td><div title="${itemSummary}">${itemSummary}</div></td>
<td style="font-weight:600; color:var(--text-main);">¥ ${order.total.toLocaleString()}</td>
@@ -640,7 +640,7 @@ const app = {
document.getElementById('dash-amount').innerText = totalAmt.toLocaleString();
},
// --- 详情抽屉逻辑 ---
// --- Drawer Logic ---
openDrawer(id) {
this.data.currentId = id;
const order = this.data.orders.find(o => o.id === id);
@@ -658,26 +658,26 @@ const app = {
content.innerHTML = `
<div class="detail-section">
<h4>风控决策引擎</h4>
<h4>Risk Control Decision Engine</h4>
<div style="background:${order.risk === 'high' ? '#fff5f5' : '#f0fdf4'}; padding:10px; border-radius:4px; border:1px solid ${order.risk === 'high' ? '#feb2b2' : '#bbf7d0'};">
<div style="font-weight:bold; color:${order.risk === 'high' ? '#c53030' : '#22543d'};">
综合风险分: ${order.score} (${order.risk.toUpperCase()})
Composite Risk Score: ${order.score} (${order.risk.toUpperCase()})
</div>
<p style="margin:5px 0 0 0; font-size:12px; color:var(--text-muted);">${order.logs}</p>
</div>
</div>
<div class="detail-section">
<h4>收货信息</h4>
<h4>Shipping Info</h4>
<div class="info-grid">
<span class="info-label">收货人:</span> <span class="info-val">${order.user}</span>
<span class="info-label">收货地址:</span> <span class="info-val" style="grid-column:span 2">${order.address}</span>
<span class="info-label">Consignee:</span> <span class="info-val">${order.user}</span>
<span class="info-label">Address:</span> <span class="info-val" style="grid-column:span 2">${order.address}</span>
</div>
</div>
<div class="detail-section">
<h4>商品清单</h4>
<h4>Item List</h4>
${itemsHtml}
<div style="text-align:right; margin-top:10px; font-size:16px; font-weight:700;">
总计: ¥ ${order.total.toLocaleString()}
Total: ¥ ${order.total.toLocaleString()}
</div>
</div>
`;
@@ -695,13 +695,13 @@ const app = {
this.data.currentId = null;
},
// --- 操作逻辑 ---
// --- Action Logic ---
approveCurrent() {
const id = this.data.currentId;
const order = this.data.orders.find(o => o.id === id);
if(order && order.status === 'pending') {
order.status = 'approved';
this.showToast(`订单 ${id} 已审核通过`, 'success');
this.showToast(`Order ${id} approved`, 'success');
this.refreshAll();
this.closeDrawer();
}
@@ -726,14 +726,14 @@ const app = {
}
});
this.data.selectedIds.clear();
this.showToast(`已批量驳回 ${count} 个订单`, 'success');
this.showToast(`Batch rejected ${count} orders`, 'success');
} else {
const order = this.data.orders.find(o => o.id === id);
if(order) {
order.status = 'rejected';
order.logs += ` [人工驳回: ${reason}]`;
order.logs += ` [Manual Rejection: ${reason}]`;
}
this.showToast(`订单 ${id} 已驳回`, 'success');
this.showToast(`Order ${id} rejected`, 'success');
}
this.closeModal('modal-reject');
@@ -756,7 +756,7 @@ const app = {
},
batchAction(type) {
if(this.data.selectedIds.size === 0) return this.showToast('请先选择订单', 'error');
if(this.data.selectedIds.size === 0) return this.showToast('Please select orders first', 'error');
if(type === 'approve') {
let count = 0;
@@ -767,7 +767,7 @@ const app = {
count++;
}
});
this.showToast(`成功批量通过 ${count} 单`, 'success');
this.showToast(`Successfully batch approved ${count} orders`, 'success');
this.data.selectedIds.clear();
this.refreshAll();
} else if (type === 'reject') {

1
002/query.txt
View File

@@ -1 +0,0 @@
帮我筛选一下可以通过的订单，并批量通过他们。

30
002/record.json Normal file
View File

@@ -0,0 +1,30 @@
{
"step-1": {
"query": "请你先前往设置页面",
"grounding_area": ""
},
"step-2": {
"query": "帮我把主题调成暗色",
"grounding_area": ""
},
"step-3": {
"query": "前往订单页面",
"grounding_area": ""
},
"step-4": {
"query": "我现在要检索订单，请你先设置高风险条件",
"grounding_area": ""
},
"step-5": {
"query": "开始搜索",
"grounding_area": ""
},
"step-6": {
"query": "选中风险分数最高的以及风险分数第二高的所有订单",
"grounding_area": ""
},
"step-7": {
"query": "批量删除刚才选中的订单",
"grounding_area": ""
}
}