交易复盘 blotter：sc.INE（期货＋期权）× MO.CFFEX（期权）委托/撤单/成交（2026-09-21 周一 ～ 2026-09-30 周三收盘）

blotter_2026-09-21_2026-09-30.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>委托 blotter 2026-09-21 ~ 2026-09-30 · syzygy · sc.INE × MO.CFFEX</title>
<style>
:root { --bg:#0f1419; --panel:#1a222b; --line:#2b3644; --fg:#d7e0ea; --dim:#8aa0b4;
        --acc:#4db2ff; --buy:#e5534b; --sell:#57ab5a; --warn:#e8b339; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:13px/1.5 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
header { padding:14px 18px 8px; }
h1 { font-size:17px; margin:0 0 4px; }
.meta { color:var(--dim); font-size:12px; }
#filters { padding:8px 18px 6px; background:var(--panel);
           border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fgroup { display:flex; align-items:baseline; gap:8px; margin:3px 0; }
.flabel { flex:0 0 52px; text-align:right; color:var(--dim); font-size:12px; }
.fgroup.active .flabel { color:var(--acc); font-weight:600; }
.factions { display:flex; gap:8px; align-items:center; margin-top:6px;
            padding-top:6px; border-top:1px dashed var(--line); }
.factions .flabel { align-self:center; }
select,input[type=text] { background:var(--bg); color:var(--fg);
  border:1px solid var(--line); border-radius:4px; padding:3px 6px; font-size:12px; }
.chips { flex:1; display:flex; flex-wrap:wrap; gap:4px; }
.chip { background:var(--bg); color:var(--dim); border:1px solid var(--line);
  border-radius:10px; padding:1px 9px; cursor:pointer; user-select:none; font-size:12px; }
.chip:hover { border-color:var(--acc); color:var(--fg); }
.chip.on { color:var(--bg); background:var(--acc); border-color:var(--acc); font-weight:600; }
#reset { background:var(--bg); color:var(--warn); border:1px solid var(--line);
  border-radius:4px; padding:2px 10px; cursor:pointer; font-size:12px; }
#count { margin-left:auto; color:var(--acc); }
nav { display:flex; gap:2px; padding:8px 18px 0; }
nav button { background:var(--panel); color:var(--dim); border:1px solid var(--line);
  border-bottom:none; border-radius:6px 6px 0 0; padding:6px 16px; cursor:pointer; font-size:13px; }
nav button.on { color:var(--fg); background:var(--bg); }
main { padding:10px 18px 30px; }
table { border-collapse:collapse; width:100%; font-size:12px; }
th,td { border:1px solid var(--line); padding:3px 7px; text-align:right; white-space:nowrap; }
th { background:var(--panel); color:var(--dim); position:sticky; top:0; z-index:2; }
td.l,th.l { text-align:left; }
tr.buy td.dir { color:var(--buy); font-weight:600; }
tr.sell td.dir { color:var(--sell); font-weight:600; }
tr.ev-发单 td.ev { color:var(--acc); }
tr.ev-撤单 td.ev, tr.ev-拒单 td.ev { color:var(--warn); }
tr.ev-成交 td.ev { color:#b58cff; }
.pager { margin:8px 0; display:flex; gap:6px; align-items:center; color:var(--dim); }
.pager button { background:var(--panel); color:var(--fg); border:1px solid var(--line);
  border-radius:4px; padding:2px 10px; cursor:pointer; }
details { border:1px solid var(--line); border-radius:6px; margin:4px 0; background:var(--panel); }
details[open] { background:transparent; }
summary { cursor:pointer; padding:5px 10px; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary .g { color:var(--dim); margin-right:12px; }
summary .b { color:var(--fg); }
details table { margin:6px 2px 10px; width:calc(100% - 4px); }
.st-全部成交 { color:var(--sell); } .st-已撤销 { color:var(--warn); }
.st-已拒绝 { color:var(--buy); } .st-无回报 { color:var(--buy); font-weight:700; }
h2 { font-size:14px; margin:14px 0 6px; }
</style>
</head>
<body>
<header>
  <h1>委托 blotter：syzygy 双栈 · sc.INE（期货＋期权）× MO.CFFEX（期权）</h1>
  <div class="meta">窗口 2026-09-21 00:00 ～ 2026-10-01 03:00 (+08:00) ｜ 数据源：KurrentDB 策略行为留痕（order/trade 事件，信封 ts 为 +08:00 墙钟） ｜ 生成 2026-10-01T23:14:10+08:00</div>
</header>
<div id="filters">
  <div class="fgroup" id="g-acc"><span class="flabel">账户</span><span class="chips" id="f-acc"></span></div>
  <div class="fgroup" id="g-var"><span class="flabel">品种</span><span class="chips" id="f-var"></span></div>
  <div class="fgroup" id="g-kind"><span class="flabel">类型</span><span class="chips" id="f-kind"></span></div>
  <div class="fgroup" id="g-ev"><span class="flabel">事件类</span><span class="chips" id="f-ev"></span></div>
  <div class="fgroup" id="g-dir"><span class="flabel">方向</span><span class="chips" id="f-dir"></span></div>
  <div class="fgroup" id="g-date"><span class="flabel">日期</span><span class="chips" id="f-date"></span></div>
  <div class="factions">
    <span class="flabel">关键词</span>
    <input type="text" id="f-q" placeholder="合约 / orderid / memory / reason" size="30">
    <button id="reset">清空筛选</button>
    <span id="count"></span>
  </div>
</div>
<nav>
  <button id="t-flow" class="on">事件流水</button>
  <button id="t-life">委托生命周期</button>
  <button id="t-day">按日汇总</button>
</nav>
<main>
  <section id="s-flow">
    <div class="pager">
      <button id="p-prev">‹ 上一页</button><span id="p-info"></span><button id="p-next">下一页 ›</button>
      <span style="margin-left:12px">每页 200 条</span>
    </div>
    <table id="tb-flow"><thead><tr>
      <th class="l">时刻</th><th class="l">账户</th><th class="l">合约</th><th class="l">事件</th>
      <th>方向</th><th>开平</th><th>价格</th><th>手数</th><th>已成交</th>
      <th class="l">状态</th><th class="l">理由</th><th class="l">orderid</th><th class="l">memory</th>
    </tr></thead><tbody></tbody></table>
  </section>
  <section id="s-life" hidden></section>
  <section id="s-day" hidden></section>
</main>