哔卡网申和申请进度查询攻略

1
// ==UserScript==
2
// @name         中银制卡进度提取
3
// @namespace    https://viayoo.com/
4
// @version      1.2.0
5
// @description  从 open.boc.cn 预约开户进度页读取 Vue recordInfo，输出卡号+状态，并自动枚举其余字段
6
// @author       lianlian
7
// @run-at       document-idle
8
// @noframes
9
// @match        https://open.boc.cn/bankcard/cardReserve/*
10
// @grant        none
11
// ==/UserScript==
12

13
(function () {
14
  'use strict';
15
  if (window.top !== window.self) return;
16

17
  /* ================= 可调参数 ================= */
18
  const CFG = {
19
    selector: '.progress-result-wrap',
20
    autoCopy: false,                   // 首次拿到结果自动复制
21
    showPanel: true,                   // false = 只往 console 打
22
    fields: 'auto',                    // 'none' 只卡号+状态 | 'auto' 自动附加全部字段 | 'json' 附完整 JSON
23
    includeEmpty: false,               // auto 模式是否输出空值字段
24
    maxValueLen: 80,                   // auto 模式单个值超长截断
25
    skipKeys: ['cardNo', 'mkcrdProgreSts'], // 已经单独输出了，不再重复
26
    recheckDelay: 400,
27
    idleInterval: 1500,
28
    giveUpAfterMs: 3 * 60 * 1000
29
  };
30

31
  const STS = {
32
    '00': '待制卡', '01': '制卡中', '03': '寄送中', '04': '待领卡',
33
    '06': '已领卡', '02': '流程异常', '05': '流程异常', '07': '流程异常'
34
  };
35

36
  const padCode = (c) => {
37
    const s = String(c == null ? '' : c).trim();
38
    return /^\d$/.test(s) ? '0' + s : s;
39
  };
40

41
  /* ============ 1. 找元素所属的 Vue 实例 ============ */
42
  function findVm(elm) {
43
    if (elm.__vue__) return { v2: elm.__vue__ };
44
    let p = elm.parentElement, d = 0;
45
    while (p && d++ < 60) {
46
      if (p.__vue__) return { v2: p.__vue__ };
47
      p = p.parentElement;
48
    }
49
    if (elm.__vueParentComponent) return { v3: elm.__vueParentComponent };
50
    p = elm.parentElement; d = 0;
51
    while (p && d++ < 60) {
52
      if (p.__vueParentComponent) return { v3: p.__vueParentComponent };
53
      p = p.parentElement;
54
    }
55
    return null;
56
  }
57

58
  /* ============ 2. 取 recordInfo ============ */
59
  const pickInfo = (o) => !o ? null :
60
    o.recordInfo || (o.$data && o.$data.recordInfo) || (o.$props && o.$props.recordInfo) || null;
61

62
  function infoFromV2(vm) {
63
    let cur = vm;
64
    for (let i = 0; i < 8 && cur; i++) {
65
      const info = pickInfo(cur);
66
      if (info && info.cardNo) return info;
67
      cur = cur.$parent;
68
    }
69
    return searchV2(vm.$root, 0);
70
  }
71
  function searchV2(vm, d) {
72
    if (!vm || d > 12) return null;
73
    const info = pickInfo(vm);
74
    if (info && info.cardNo) return info;
75
    const kids = vm.$children || [];
76
    for (let i = 0; i < kids.length; i++) {
77
      const r = searchV2(kids[i], d + 1);
78
      if (r) return r;
79
    }
80
    return null;
81
  }
82
  function infoFromV3(inst) {
83
    let cur = inst;
84
    for (let i = 0; i < 8 && cur; i++) {
85
      const info = pickInfo(cur.ctx || cur.proxy || cur);
86
      if (info && info.cardNo) return info;
87
      cur = cur.parent;
88
    }
89
    return null;
90
  }
91

92
  /* ============ 3. 自动枚举字段 ============ */
93
  function dumpKeys(info) {
94
    const set = new Set(Object.keys(info));
95
    // 兜底：有些字段是 getter / 挂在 $data 上，不在 Object.keys 里
96
    try {
97
      Object.getOwnPropertyNames(info).forEach((k) => set.add(k));
98
      if (info.$data) Object.keys(info.$data).forEach((k) => set.add(k));
99
    } catch (e) { /* ignore */ }
100

101
    return Array.from(set).filter((k) =>
102
      k !== '__ob__' &&
103
      !/^(_|\$)/.test(k) &&                 // 过滤 __ob__ / _isVue / $data 等
104
      CFG.skipKeys.indexOf(k) === -1 &&
105
      typeof readVal(info, k) !== 'function'
106
    );
107
  }
108

109
  function readVal(info, k) {
110
    try { return info[k]; } catch (e) { return undefined; } // getter 抛错就跳过
111
  }
112

113
  function fmtValue(v, maxLen) {
114
    let s;
115
    if (v === null || v === undefined) s = '';
116
    else if (typeof v === 'object') {
117
      try { s = JSON.stringify(v); } catch (e) { s = String(v); }
118
      if (s && s.length > maxLen) s = s.slice(0, maxLen) + '…';
119
    } else s = String(v);
120
    return s.replace(/\s+/g, ' ').trim();
121
  }
122

123
  function autoPairs(info) {
124
    const out = [];
125
    dumpKeys(info).forEach((k) => {
126
      const s = fmtValue(readVal(info, k), CFG.maxValueLen);
127
      if (!s && !CFG.includeEmpty) return;
128
      out.push(k + ':' + (s || '-'));
129
    });
130
    return out;
131
  }
132

133
  /* ============ 4. 扫描 + 格式化 ============ */
134
  function formatOne(info) {
135
    const cardNo = String(info.cardNo).replace(/\s+/g, '');
136
    const raw = info.mkcrdProgreSts;
137
    const text = STS[padCode(raw)] || '未知';
138
    let line = cardNo + ' | ' + raw + ' (' + text + ')';
139

140
    if (CFG.fields === 'json') {
141
      let j;
142
      try { j = JSON.stringify(info); } catch (e) { j = String(info); }
143
      return line + ' | ' + j;
144
    }
145
    if (CFG.fields === 'auto') {
146
      autoPairs(info).forEach((p) => { line += ' | ' + p; });
147
    }
148
    return line;
149
  }
150

151
  function scan() {
152
    const wraps = document.querySelectorAll(CFG.selector);
153
    const lines = [], infos = [];
154
    for (let i = 0; i < wraps.length; i++) {
155
      const vm = findVm(wraps[i]);
156
      if (!vm) continue;
157
      const info = vm.v2 ? infoFromV2(vm.v2) : infoFromV3(vm.v3);
158
      if (!info || !info.cardNo) continue;
159
      lines.push(formatOne(info));
160
      infos.push(info);
161
    }
162
    // 去重（保留首次出现顺序）
163
    const seen = {}, uLines = [], uInfos = [];
164
    lines.forEach((l, i) => {
165
      if (seen[l]) return;
166
      seen[l] = 1;
167
      uLines.push(l);
168
      uInfos.push(infos[i]);
169
    });
170
    return { lines: uLines, infos: uInfos };
171
  }
172

173
  /* ============ 5. 复制 ============ */
174
  function fallbackCopy(text) {
175
    try {
176
      const ta = document.createElement('textarea');
177
      ta.value = text;
178
      ta.setAttribute('readonly', '');
179
      ta.style.cssText = 'position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;';
180
      document.body.appendChild(ta);
181
      ta.focus(); ta.select();
182
      ta.setSelectionRange(0, text.length);
183
      const ok = document.execCommand('copy');
184
      ta.remove();
185
      return ok;
186
    } catch (e) { return false; }
187
  }
188
  function copy(text) {
189
    return new Promise((res) => {
190
      if (navigator.clipboard && window.isSecureContext) {
191
        navigator.clipboard.writeText(text).then(() => res(true), () => res(fallbackCopy(text)));
192
      } else res(fallbackCopy(text));
193
    });
194
  }
195

196
  /* ============ 6. 悬浮面板 ============ */
197
  let panel, titleEl, bodyEl, tipEl, tipTimer, fieldBtn;
198

199
  function mkBtn(label, onclick) {
200
    const b = document.createElement('button');
201
    b.textContent = label;
202
    b.style.cssText = 'all:unset;cursor:pointer;padding:2px 7px;border-radius:6px;' +
203
      'background:rgba(255,255,255,.12);font-size:12px;line-height:1.5';
204
    const stop = (e) => e.stopPropagation();
205
    b.addEventListener('mousedown', stop);
206
    b.addEventListener('touchstart', stop, { passive: true });
207
    b.addEventListener('click', (e) => { e.stopPropagation(); onclick(b); });
208
    return b;
209
  }
210

211
  function flash(msg, ok) {
212
    if (!tipEl) return;
213
    tipEl.textContent = msg;
214
    tipEl.style.color = ok ? '#8fd18f' : '#ff9a9a';
215
    clearTimeout(tipTimer);
216
    tipTimer = setTimeout(() => { tipEl.textContent = ''; }, 1500);
217
  }
218

219
  const FIELD_LABEL = { none: '简', auto: '全', json: 'JSON' };
220

221
  function setFieldMode(mode) {
222
    CFG.fields = mode;
223
    fieldBtn.textContent = '字段:' + FIELD_LABEL[mode];
224
    lastText = '';
225
    tick();
226
  }
227

228
  function ensurePanel() {
229
    if (panel || !CFG.showPanel) return;
230
    panel = document.createElement('div');
231
    panel.style.cssText = 'position:fixed;left:8px;bottom:8px;z-index:2147483647;max-width:min(92vw,400px);' +
232
      'background:rgba(18,20,24,.93);color:#e9eaed;border:1px solid rgba(255,255,255,.16);border-radius:10px;' +
233
      'font:13px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;' +
234
      'box-shadow:0 8px 28px rgba(0,0,0,.4);overflow:hidden;' +
235
      '-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)';
236

237
    const head = document.createElement('div');
238
    head.style.cssText = 'display:flex;align-items:center;gap:5px;padding:6px 8px;' +
239
      'background:rgba(255,255,255,.07);cursor:move;touch-action:none';
240

241
    titleEl = document.createElement('div');
242
    titleEl.textContent = '制卡进度';
243
    titleEl.style.cssText = 'flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;' +
244
      'text-overflow:ellipsis;-webkit-user-select:none;user-select:none';
245

246
    tipEl = document.createElement('span');
247
    tipEl.style.cssText = 'font-size:11px;color:#8fd18f;white-space:nowrap';
248

249
    fieldBtn = mkBtn('字段:' + FIELD_LABEL[CFG.fields], () => {
250
      const order = ['none', 'auto', 'json'];
251
      setFieldMode(order[(order.indexOf(CFG.fields) + 1) % order.length]);
252
    });
253

254
    head.appendChild(titleEl);
255
    head.appendChild(tipEl);
256
    head.appendChild(mkBtn('复制', () => copyAll()));
257
    head.appendChild(fieldBtn);
258
    head.appendChild(mkBtn('↻', () => { lastText = ''; tick(); }));
259
    const collapse = mkBtn('－', () => {
260
      const hidden = bodyEl.style.display === 'none';
261
      bodyEl.style.display = hidden ? '' : 'none';
262
      collapse.textContent = hidden ? '－' : '＋';
263
    });
264
    head.appendChild(collapse);
265

266
    bodyEl = document.createElement('div');
267
    bodyEl.style.cssText = 'max-height:45vh;overflow:auto;-webkit-overflow-scrolling:touch';
268

269
    panel.appendChild(head);
270
    panel.appendChild(bodyEl);
271
    document.body.appendChild(panel);
272

273
    let dragging = false, sx = 0, sy = 0, ox = 0, oy = 0;
274
    const onDown = (e) => {
275
      const t = e.touches ? e.touches[0] : e;
276
      const r = panel.getBoundingClientRect();
277
      dragging = true; sx = t.clientX; sy = t.clientY; ox = r.left; oy = r.top;
278
      e.preventDefault();
279
    };
280
    const onMove = (e) => {
281
      if (!dragging) return;
282
      const t = e.touches ? e.touches[0] : e;
283
      const x = Math.min(Math.max(0, ox + t.clientX - sx), innerWidth - panel.offsetWidth);
284
      const y = Math.min(Math.max(0, oy + t.clientY - sy), innerHeight - panel.offsetHeight);
285
      panel.style.left = x + 'px';
286
      panel.style.top = y + 'px';
287
      panel.style.right = 'auto';
288
      panel.style.bottom = 'auto';
289
      e.preventDefault();
290
    };
291
    const onUp = () => { dragging = false; };
292
    head.addEventListener('mousedown', onDown);
293
    head.addEventListener('touchstart', onDown, { passive: false });
294
    document.addEventListener('mousemove', onMove);
295
    document.addEventListener('touchmove', onMove, { passive: false });
296
    document.addEventListener('mouseup', onUp);
297
    document.addEventListener('touchend', onUp);
298
  }
299

300
  function render(lines) {
301
    if (!CFG.showPanel) return;
302
    ensurePanel();
303
    titleEl.textContent = '制卡进度 · ' + lines.length + ' 条';
304
    bodyEl.innerHTML = '';
305
    lines.forEach((line) => {
306
      const row = document.createElement('div');
307
      row.textContent = line;
308
      row.style.cssText = 'padding:6px 9px;border-top:1px solid rgba(255,255,255,.09);' +
309
        'cursor:pointer;word-break:break-all;-webkit-user-select:text;user-select:text';
310
      row.addEventListener('click', () => {
311
        copy(line).then((ok) => flash(ok ? '已复制' : '复制失败', ok));
312
      });
313
      bodyEl.appendChild(row);
314
    });
315
  }
316

317
  function copyAll() {
318
    if (!lastText) return flash('暂无数据', false);
319
    copy(lastText).then((ok) => flash(ok ? '已复制全部' : '复制失败', ok));
320
  }
321

322
  /* ============ 7. 调度 ============ */
323
  let lastText = '', found = false, autoCopied = false, queued = null, lastActive = Date.now(), loggedOnce = false;
324

325
  function tick() {
326
    const res = scan();
327
    const lines = res.lines;
328
    if (lines.length) {
329
      found = true;
330
      const text = lines.join('\n');
331
      if (text !== lastText) {
332
        lastText = text;
333
        console.log('[制卡进度]\n' + text);
334
        if (!loggedOnce) {                  // 顺手把原始对象也丢进控制台，方便核对字段
335
          loggedOnce = true;
336
          console.log('[制卡进度] 原始 recordInfo:', res.infos);
337
        }
338
        render(lines);
339
        if (CFG.autoCopy && !autoCopied) { autoCopied = true; copy(text); }
340
      }
341
    }
342
  }
343

344
  function schedule(delay) {
345
    if (queued) return;
346
    queued = setTimeout(() => { queued = null; tick(); }, delay == null ? CFG.recheckDelay : delay);
347
  }
348

349
  const mo = new MutationObserver(() => schedule());
350

351
  const boot = () => {
352
    if (!document.documentElement) return setTimeout(boot, 200);
353
    mo.observe(document.documentElement, { childList: true, subtree: true, characterData: true });
354
    tick();
355
  };
356
  boot();
357

358
  window.addEventListener('hashchange', () => {
359
    lastActive = Date.now();
360
    lastText = '';
361
    found = false;
362
    schedule(600);
363
  });
364

365
  const iv = setInterval(() => {
366
    if (Date.now() - lastActive > CFG.giveUpAfterMs) {
367
      clearInterval(iv);
368
      console.log('[制卡进度] 长时间未找到 .progress-result-wrap，已停止轮询。');
369
      return;
370
    }
371
    tick();
372
  }, CFG.idleInterval);
373
})();