1

2026-09-24 16:25:22 +08:00
commit 7428184f01
1198 changed files with 314515 additions and 0 deletions
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>事件中心 · 进行中 / 历史</title>
+<style>
+  * { box-sizing: border-box; }
+  body { margin:0; padding:20px 16px 28px; background:#EDEFF3;
+         font-family:-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; }
+  h1 { font-size:15px; font-weight:600; color:#1F2937; margin:0 0 4px; }
+  .sub { font-size:12px; color:#6B7280; margin:0 0 8px; }
+  .removed { font-size:11.5px; color:#A32D2D; background:#FCEBEB; border:1px solid #F09595;
+             border-radius:8px; padding:8px 10px; margin:0 0 16px; line-height:1.7; }
+  .phone { width:375px; background:#F3F4F6; border-radius:18px; overflow:hidden;
+           box-shadow:0 6px 22px rgba(15,23,42,.14); }
+  .sbar { height:20px; background:#FFFFFF; }
+  .tabs { display:flex; flex-direction:row; background:#FFFFFF; height:44px; }
+  .tab { flex:1; display:flex; align-items:center; justify-content:center; position:relative;
+         font-size:14px; color:#6B7280; cursor:pointer; user-select:none; }
+  .tab.on { color:#2563EB; font-weight:bold; }
+  .tab.on::after { content:""; position:absolute; bottom:6px; width:30px; height:2.5px;
+                   border-radius:2px; background:#2563EB; }
+  .body { padding:12px 16px 22px 16px; }
+  .card { background:#FFFFFF; border:1px solid #E5E7EB; border-radius:13px;
+          padding:12px 13px; margin-bottom:9px; }
+  .top { display:flex; flex-direction:row; align-items:center; }
+  .dot { width:8px; height:8px; border-radius:4px; margin:0 8px; flex-shrink:0; }
+  .name { flex:1; font-size:15.1px; font-weight:bold; color:#1F2937; margin-right:8px; }
+  .pc { height:21px; padding:0 8px; border-radius:6px; font-size:11.8px; font-weight:bold;
+        color:#FFFFFF; display:flex; align-items:center; }
+  .meta { font-size:12.9px; color:#6B7280; margin-top:6px; }
+  .meta2 { font-size:12.9px; color:#6B7280; margin-top:1px; }
+  .foot { display:flex; flex-direction:row; align-items:center; margin-top:9px; }
+  .avts { display:flex; flex-direction:row; }
+  .avt { width:22px; height:22px; border-radius:7px; border:1.5px solid #FFFFFF;
+         display:flex; align-items:center; justify-content:center; color:#FFFFFF;
+         font-size:10px; margin-left:-6px; }
+  .avt:first-child { margin-left:0; }
+  .sp { flex:1; }
+  .go { display:flex; align-items:center; font-size:12.9px; color:#2563EB; font-weight:bold; }
+  .chev { width:6px; height:6px; border-right:1.5px solid #2563EB; border-top:1.5px solid #2563EB;
+          transform:rotate(45deg); margin-left:3px; }
+  .note { text-align:center; font-size:11.8px; color:#9CA3AF; margin-top:8px; }
+  .note2 { text-align:center; font-size:11.8px; color:#9CA3AF; margin-top:1px; }
+</style>
+</head>
+<body>
+<h1>事件中心 · 只保留「进行中 / 历史」</h1>
+<p class="sub">Tab 由 3 个变 2 个（各占 50%），点标签可切换查看</p>
+<p class="removed">已移除：「待接收」Tab ｜ P0 全屏推送整块（60 秒倒计时 / 立即接收 / 稍后处理）｜ 卡片 pending 分支与 footer 守卫 ｜ 空态与注释里对「全屏告警推送」的描述</p>
+
+<div class="phone">
+  <div class="sbar"></div>
+  <div class="tabs">
+    <div class="tab on" id="t0">进行中</div>
+    <div class="tab" id="t1">历史</div>
+  </div>
+  <div class="body" id="list"></div>
+</div>
+
+<script>
+var data = [
+  { tab:0, name:'京港澳高速 K120 多车追尾', kind:'大型交通事故', place:'京港澳高速 K120 · 距您 3.2 km',
+    pc:'P0', pcc:'#DC2626', dot:'#DC2626', go:'详情', members:[['张','#2563EB'],['李','#059669'],['王','#D97706']] },
+  { tab:0, name:'阳光养老院 · 老人跌倒', kind:'一般救援', place:'阳光养老院 3 号楼 · 距您 1.1 km',
+    pc:'P2', pcc:'#2563EB', dot:'#10B981', go:'详情', members:[['陈','#059669']] },
+  { tab:1, name:'幸福小区 · 老人心梗', kind:'一般救援', place:'幸福小区 6 号楼 · 距您 2.4 km',
+    pc:'P1', pcc:'#F59E0B', dot:'#F59E0B', go:'已完成', members:[['张','#2563EB']] },
+  { tab:1, name:'滨江路 · 电动车相撞', kind:'交通事故', place:'滨江路与建设街路口 · 已完成',
+    pc:'P2', pcc:'#2563EB', dot:'#9CA3AF', go:'已完成', members:[['李','#059669']] },
+  { tab:1, name:'第一中学 · 学生运动损伤', kind:'一般救援', place:'第一中学操场 · 已完成',
+    pc:'P2', pcc:'#2563EB', dot:'#9CA3AF', go:'已完成', members:[['陈','#94A3B8']] },
+  { tab:1, name:'老城街区 · 煤气泄漏排查', kind:'危化品事故', place:'老城街区 12 巷 · 已完成',
+    pc:'P1', pcc:'#F59E0B', dot:'#9CA3AF', go:'已完成', members:[['王','#D97706']] },
+  { tab:1, name:'火车站 · 旅客突发晕厥', kind:'一般救援', place:'火车站候车大厅 · 已完成',
+    pc:'P2', pcc:'#2563EB', dot:'#9CA3AF', go:'已完成', members:[['张','#2563EB']] }
+];
+var cur = 0;
+function esc(s){ return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;'); }
+function render(){
+  var html = '';
+  data.filter(function(d){ return d.tab === cur; }).forEach(function(d){
+    var av = d.members.map(function(m){
+      return '<div class="avt" style="background-color:'+m[1]+'">'+esc(m[0])+'</div>';
+    }).join('');
+    html += '<div class="card">'
+      + '<div class="top"><div class="dot" style="background-color:'+d.dot+'"></div>'
+      + '<div class="name">'+esc(d.name)+'</div>'
+      + '<div class="pc" style="background-color:'+d.pcc+'">'+d.pc+'</div></div>'
+      + '<div class="meta">'+esc(d.kind)+'</div>'
+      + '<div class="meta2">现场：'+esc(d.place)+'</div>'
+      + '<div class="foot"><div class="avts">'+av+'</div><div class="sp"></div>'
+      + '<div class="go">'+esc(d.go)+'<div class="chev"></div></div></div>'
+      + '</div>';
+  });
+  if (cur === 0) {
+    html += '<div class="note">仅显示与我相关的派单</div>'
+          + '<div class="note2">时间与处理状态由后台同步，APP 端不展示</div>';
+  }
+  document.getElementById('list').innerHTML = html;
+  document.getElementById('t0').className = 'tab' + (cur === 0 ? ' on' : '');
+  document.getElementById('t1').className = 'tab' + (cur === 1 ? ' on' : '');
+}
+document.getElementById('t0').onclick = function(){ cur = 0; render(); };
+document.getElementById('t1').onclick = function(){ cur = 1; render(); };
+render();
+</script>
+</body>
+</html>