open_junqi/dev_coords.html at main · jmctsh/open_junqi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html><html><head><meta charset='utf-8'><style>
    body { font-family: Arial, sans-serif; }
    .legend { margin: 10px 0; font-size: 12px; }
    .board { display: grid; grid-template-columns: repeat(17, 36px); grid-template-rows: repeat(17, 36px); gap: 4px; }
    .cell { position: relative; border: 1px solid #999; background: #f4f4f4; }
    .cell.railway { background: rgba(173,216,230,0.6); }
    .cell.camp { background: rgba(255,255,0,0.5); }
    .cell.hq { background: rgba(255,0,0,0.5); }
    .cell.south { background: rgba(255,200,200,0.25); }
    .cell.west { background: rgba(200,255,200,0.25); }
    .cell.north { background: rgba(200,200,255,0.25); }
    .cell.east { background: rgba(255,255,200,0.25); }
    .txt-local { position:absolute; left:2px; top:2px; font-size:10px; color:#000; }
    .txt-global { position:absolute; left:2px; bottom:2px; font-size:10px; color:#007; }
    /* 高亮 */
    .hl-src { outline: 2px solid #2ecc71; }
    .hl-dst { outline: 2px solid #e67e22; }
    .corner { outline: 2px dashed #8e44ad; }
    </style></head><body><h3>坐标检视开发界面</h3><div class=legend>颜色说明：绿色边=桥接源五点；橙色边=桥接目标五点；紫色虚框=四侧角点。</div><div class='board'><div class="cell north" style="grid-row:1;grid-column:7;"><div class="txt-local">北6,5</div><div class="txt-global">(0,6)</div></div><div class="cell hq north" style="grid-row:1;grid-column:8;"><div class="txt-local">北6,4</div><div class="txt-global">(0,7)</div></div><div class="cell north" style="grid-row:1;grid-column:9;"><div class="txt-local">北6,3</div><div class="txt-global">(0,8)</div></div><div class="cell hq north" style="grid-row:1;grid-column:10;"><div class="txt-local">北6,2</div><div class="txt-global">(0,9)</div></div><div class="cell north" style="grid-row:1;grid-column:11;"><div class="txt-local">北6,1</div><div class="txt-global">(0,10)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:2;grid-column:7;"><div class="txt-local">北5,5</div><div class="txt-global">(1,6)</div></div><div class="cell railway north" style="grid-row:2;grid-column:8;"><div class="txt-local">北5,4</div><div class="txt-global">(1,7)</div></div><div class="cell railway north" style="grid-row:2;grid-column:9;"><div class="txt-local">北5,3</div><div class="txt-global">(1,8)</div></div><div class="cell railway north" style="grid-row:2;grid-column:10;"><div class="txt-local">北5,2</div><div class="txt-global">(1,9)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:2;grid-column:11;"><div class="txt-local">北5,1</div><div class="txt-global">(1,10)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:3;grid-column:7;"><div class="txt-local">北4,5</div><div class="txt-global">(2,6)</div></div><div class="cell camp north" style="grid-row:3;grid-column:8;"><div class="txt-local">北4,4</div><div class="txt-global">(2,7)</div></div><div class="cell north" style="grid-row:3;grid-column:9;"><div class="txt-local">北4,3</div><div class="txt-global">(2,8)</div></div><div class="cell camp north" style="grid-row:3;grid-column:10;"><div class="txt-local">北4,2</div><div class="txt-global">(2,9)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:3;grid-column:11;"><div class="txt-local">北4,1</div><div class="txt-global">(2,10)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:4;grid-column:7;"><div class="txt-local">北3,5</div><div class="txt-global">(3,6)</div></div><div class="cell north" style="grid-row:4;grid-column:8;"><div class="txt-local">北3,4</div><div class="txt-global">(3,7)</div></div><div class="cell camp north" style="grid-row:4;grid-column:9;"><div class="txt-local">北3,3</div><div class="txt-global">(3,8)</div></div><div class="cell north" style="grid-row:4;grid-column:10;"><div class="txt-local">北3,2</div><div class="txt-global">(3,9)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:4;grid-column:11;"><div class="txt-local">北3,1</div><div class="txt-global">(3,10)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:5;grid-column:7;"><div class="txt-local">北2,5</div><div class="txt-global">(4,6)</div></div><div class="cell camp north" style="grid-row:5;grid-column:8;"><div class="txt-local">北2,4</div><div class="txt-global">(4,7)</div></div><div class="cell north" style="grid-row:5;grid-column:9;"><div class="txt-local">北2,3</div><div class="txt-global">(4,8)</div></div><div class="cell camp north" style="grid-row:5;grid-column:10;"><div class="txt-local">北2,2</div><div class="txt-global">(4,9)</div></div><div class="cell railway north hl-src hl-dst" style="grid-row:5;grid-column:11;"><div class="txt-local">北2,1</div><div class="txt-global">(4,10)</div></div><div class="cell railway north hl-src hl-dst corner" style="grid-row:6;grid-column:7;"><div class="txt-local">北1,5</div><div class="txt-global">(5,6)</div></div><div class="cell railway north" style="grid-row:6;grid-column:8;"><div class="txt-local">北1,4</div><div class="txt-global">(5,7)</div></div><div class="cell railway north" style="grid-row:6;grid-column:9;"><div class="txt-local">北1,3</div><div class="txt-global">(5,8)</div></div><div class="cell railway north" style="grid-row:6;grid-column:10;"><div class="txt-local">北1,2</div><div class="txt-global">(5,9)</div></div><div class="cell railway north hl-src hl-dst corner" style="grid-row:6;grid-column:11;"><div class="txt-local">北1,1</div><div class="txt-global">(5,10)</div></div><div class="cell west" style="grid-row:7;grid-column:1;"><div class="txt-local">西6,1</div><div class="txt-global">(6,0)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:7;grid-column:2;"><div class="txt-local">西5,1</div><div class="txt-global">(6,1)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:7;grid-column:3;"><div class="txt-local">西4,1</div><div class="txt-global">(6,2)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:7;grid-column:4;"><div class="txt-local">西3,1</div><div class="txt-global">(6,3)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:7;grid-column:5;"><div class="txt-local">西2,1</div><div class="txt-global">(6,4)</div></div><div class="cell railway west hl-src hl-dst corner" style="grid-row:7;grid-column:6;"><div class="txt-local">西1,1</div><div class="txt-global">(6,5)</div></div><div class="cell railway" style="grid-row:7;grid-column:7;"><div class="txt-local">中</div><div class="txt-global">(6,6)</div></div><div class="cell railway" style="grid-row:7;grid-column:9;"><div class="txt-local">中</div><div class="txt-global">(6,8)</div></div><div class="cell railway" style="grid-row:7;grid-column:11;"><div class="txt-local">中</div><div class="txt-global">(6,10)</div></div><div class="cell railway east hl-src hl-dst corner" style="grid-row:7;grid-column:12;"><div class="txt-local">东1,5</div><div class="txt-global">(6,11)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:7;grid-column:13;"><div class="txt-local">东2,5</div><div class="txt-global">(6,12)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:7;grid-column:14;"><div class="txt-local">东3,5</div><div class="txt-global">(6,13)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:7;grid-column:15;"><div class="txt-local">东4,5</div><div class="txt-global">(6,14)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:7;grid-column:16;"><div class="txt-local">东5,5</div><div class="txt-global">(6,15)</div></div><div class="cell east" style="grid-row:7;grid-column:17;"><div class="txt-local">东6,5</div><div class="txt-global">(6,16)</div></div><div class="cell hq west" style="grid-row:8;grid-column:1;"><div class="txt-local">西6,2</div><div class="txt-global">(7,0)</div></div><div class="cell railway west" style="grid-row:8;grid-column:2;"><div class="txt-local">西5,2</div><div class="txt-global">(7,1)</div></div><div class="cell camp west" style="grid-row:8;grid-column:3;"><div class="txt-local">西4,2</div><div class="txt-global">(7,2)</div></div><div class="cell west" style="grid-row:8;grid-column:4;"><div class="txt-local">西3,2</div><div class="txt-global">(7,3)</div></div><div class="cell camp west" style="grid-row:8;grid-column:5;"><div class="txt-local">西2,2</div><div class="txt-global">(7,4)</div></div><div class="cell railway west" style="grid-row:8;grid-column:6;"><div class="txt-local">西1,2</div><div class="txt-global">(7,5)</div></div><div class="cell railway east" style="grid-row:8;grid-column:12;"><div class="txt-local">东1,4</div><div class="txt-global">(7,11)</div></div><div class="cell camp east" style="grid-row:8;grid-column:13;"><div class="txt-local">东2,4</div><div class="txt-global">(7,12)</div></div><div class="cell east" style="grid-row:8;grid-column:14;"><div class="txt-local">东3,4</div><div class="txt-global">(7,13)</div></div><div class="cell camp east" style="grid-row:8;grid-column:15;"><div class="txt-local">东4,4</div><div class="txt-global">(7,14)</div></div><div class="cell railway east" style="grid-row:8;grid-column:16;"><div class="txt-local">东5,4</div><div class="txt-global">(7,15)</div></div><div class="cell hq east" style="grid-row:8;grid-column:17;"><div class="txt-local">东6,4</div><div class="txt-global">(7,16)</div></div><div class="cell west" style="grid-row:9;grid-column:1;"><div class="txt-local">西6,3</div><div class="txt-global">(8,0)</div></div><div class="cell railway west" style="grid-row:9;grid-column:2;"><div class="txt-local">西5,3</div><div class="txt-global">(8,1)</div></div><div class="cell west" style="grid-row:9;grid-column:3;"><div class="txt-local">西4,3</div><div class="txt-global">(8,2)</div></div><div class="cell camp west" style="grid-row:9;grid-column:4;"><div class="txt-local">西3,3</div><div class="txt-global">(8,3)</div></div><div class="cell west" style="grid-row:9;grid-column:5;"><div class="txt-local">西2,3</div><div class="txt-global">(8,4)</div></div><div class="cell railway west" style="grid-row:9;grid-column:6;"><div class="txt-local">西1,3</div><div class="txt-global">(8,5)</div></div><div class="cell railway" style="grid-row:9;grid-column:7;"><div class="txt-local">中</div><div class="txt-global">(8,6)</div></div><div class="cell railway" style="grid-row:9;grid-column:9;"><div class="txt-local">中</div><div class="txt-global">(8,8)</div></div><div class="cell railway" style="grid-row:9;grid-column:11;"><div class="txt-local">中</div><div class="txt-global">(8,10)</div></div><div class="cell railway east" style="grid-row:9;grid-column:12;"><div class="txt-local">东1,3</div><div class="txt-global">(8,11)</div></div><div class="cell east" style="grid-row:9;grid-column:13;"><div class="txt-local">东2,3</div><div class="txt-global">(8,12)</div></div><div class="cell camp east" style="grid-row:9;grid-column:14;"><div class="txt-local">东3,3</div><div class="txt-global">(8,13)</div></div><div class="cell east" style="grid-row:9;grid-column:15;"><div class="txt-local">东4,3</div><div class="txt-global">(8,14)</div></div><div class="cell railway east" style="grid-row:9;grid-column:16;"><div class="txt-local">东5,3</div><div class="txt-global">(8,15)</div></div><div class="cell east" style="grid-row:9;grid-column:17;"><div class="txt-local">东6,3</div><div class="txt-global">(8,16)</div></div><div class="cell hq west" style="grid-row:10;grid-column:1;"><div class="txt-local">西6,4</div><div class="txt-global">(9,0)</div></div><div class="cell railway west" style="grid-row:10;grid-column:2;"><div class="txt-local">西5,4</div><div class="txt-global">(9,1)</div></div><div class="cell camp west" style="grid-row:10;grid-column:3;"><div class="txt-local">西4,4</div><div class="txt-global">(9,2)</div></div><div class="cell west" style="grid-row:10;grid-column:4;"><div class="txt-local">西3,4</div><div class="txt-global">(9,3)</div></div><div class="cell camp west" style="grid-row:10;grid-column:5;"><div class="txt-local">西2,4</div><div class="txt-global">(9,4)</div></div><div class="cell railway west" style="grid-row:10;grid-column:6;"><div class="txt-local">西1,4</div><div class="txt-global">(9,5)</div></div><div class="cell railway east" style="grid-row:10;grid-column:12;"><div class="txt-local">东1,2</div><div class="txt-global">(9,11)</div></div><div class="cell camp east" style="grid-row:10;grid-column:13;"><div class="txt-local">东2,2</div><div class="txt-global">(9,12)</div></div><div class="cell east" style="grid-row:10;grid-column:14;"><div class="txt-local">东3,2</div><div class="txt-global">(9,13)</div></div><div class="cell camp east" style="grid-row:10;grid-column:15;"><div class="txt-local">东4,2</div><div class="txt-global">(9,14)</div></div><div class="cell railway east" style="grid-row:10;grid-column:16;"><div class="txt-local">东5,2</div><div class="txt-global">(9,15)</div></div><div class="cell hq east" style="grid-row:10;grid-column:17;"><div class="txt-local">东6,2</div><div class="txt-global">(9,16)</div></div><div class="cell west" style="grid-row:11;grid-column:1;"><div class="txt-local">西6,5</div><div class="txt-global">(10,0)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:11;grid-column:2;"><div class="txt-local">西5,5</div><div class="txt-global">(10,1)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:11;grid-column:3;"><div class="txt-local">西4,5</div><div class="txt-global">(10,2)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:11;grid-column:4;"><div class="txt-local">西3,5</div><div class="txt-global">(10,3)</div></div><div class="cell railway west hl-src hl-dst" style="grid-row:11;grid-column:5;"><div class="txt-local">西2,5</div><div class="txt-global">(10,4)</div></div><div class="cell railway west hl-src hl-dst corner" style="grid-row:11;grid-column:6;"><div class="txt-local">西1,5</div><div class="txt-global">(10,5)</div></div><div class="cell railway" style="grid-row:11;grid-column:7;"><div class="txt-local">中</div><div class="txt-global">(10,6)</div></div><div class="cell railway" style="grid-row:11;grid-column:9;"><div class="txt-local">中</div><div class="txt-global">(10,8)</div></div><div class="cell railway" style="grid-row:11;grid-column:11;"><div class="txt-local">中</div><div class="txt-global">(10,10)</div></div><div class="cell railway east hl-src hl-dst corner" style="grid-row:11;grid-column:12;"><div class="txt-local">东1,1</div><div class="txt-global">(10,11)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:11;grid-column:13;"><div class="txt-local">东2,1</div><div class="txt-global">(10,12)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:11;grid-column:14;"><div class="txt-local">东3,1</div><div class="txt-global">(10,13)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:11;grid-column:15;"><div class="txt-local">东4,1</div><div class="txt-global">(10,14)</div></div><div class="cell railway east hl-src hl-dst" style="grid-row:11;grid-column:16;"><div class="txt-local">东5,1</div><div class="txt-global">(10,15)</div></div><div class="cell east" style="grid-row:11;grid-column:17;"><div class="txt-local">东6,1</div><div class="txt-global">(10,16)</div></div><div class="cell railway south hl-src hl-dst corner" style="grid-row:12;grid-column:7;"><div class="txt-local">南1,1</div><div class="txt-global">(11,6)</div></div><div class="cell railway south" style="grid-row:12;grid-column:8;"><div class="txt-local">南1,2</div><div class="txt-global">(11,7)</div></div><div class="cell railway south" style="grid-row:12;grid-column:9;"><div class="txt-local">南1,3</div><div class="txt-global">(11,8)</div></div><div class="cell railway south" style="grid-row:12;grid-column:10;"><div class="txt-local">南1,4</div><div class="txt-global">(11,9)</div></div><div class="cell railway south hl-src hl-dst corner" style="grid-row:12;grid-column:11;"><div class="txt-local">南1,5</div><div class="txt-global">(11,10)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:13;grid-column:7;"><div class="txt-local">南2,1</div><div class="txt-global">(12,6)</div></div><div class="cell camp south" style="grid-row:13;grid-column:8;"><div class="txt-local">南2,2</div><div class="txt-global">(12,7)</div></div><div class="cell south" style="grid-row:13;grid-column:9;"><div class="txt-local">南2,3</div><div class="txt-global">(12,8)</div></div><div class="cell camp south" style="grid-row:13;grid-column:10;"><div class="txt-local">南2,4</div><div class="txt-global">(12,9)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:13;grid-column:11;"><div class="txt-local">南2,5</div><div class="txt-global">(12,10)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:14;grid-column:7;"><div class="txt-local">南3,1</div><div class="txt-global">(13,6)</div></div><div class="cell south" style="grid-row:14;grid-column:8;"><div class="txt-local">南3,2</div><div class="txt-global">(13,7)</div></div><div class="cell camp south" style="grid-row:14;grid-column:9;"><div class="txt-local">南3,3</div><div class="txt-global">(13,8)</div></div><div class="cell south" style="grid-row:14;grid-column:10;"><div class="txt-local">南3,4</div><div class="txt-global">(13,9)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:14;grid-column:11;"><div class="txt-local">南3,5</div><div class="txt-global">(13,10)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:15;grid-column:7;"><div class="txt-local">南4,1</div><div class="txt-global">(14,6)</div></div><div class="cell camp south" style="grid-row:15;grid-column:8;"><div class="txt-local">南4,2</div><div class="txt-global">(14,7)</div></div><div class="cell south" style="grid-row:15;grid-column:9;"><div class="txt-local">南4,3</div><div class="txt-global">(14,8)</div></div><div class="cell camp south" style="grid-row:15;grid-column:10;"><div class="txt-local">南4,4</div><div class="txt-global">(14,9)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:15;grid-column:11;"><div class="txt-local">南4,5</div><div class="txt-global">(14,10)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:16;grid-column:7;"><div class="txt-local">南5,1</div><div class="txt-global">(15,6)</div></div><div class="cell railway south" style="grid-row:16;grid-column:8;"><div class="txt-local">南5,2</div><div class="txt-global">(15,7)</div></div><div class="cell railway south" style="grid-row:16;grid-column:9;"><div class="txt-local">南5,3</div><div class="txt-global">(15,8)</div></div><div class="cell railway south" style="grid-row:16;grid-column:10;"><div class="txt-local">南5,4</div><div class="txt-global">(15,9)</div></div><div class="cell railway south hl-src hl-dst" style="grid-row:16;grid-column:11;"><div class="txt-local">南5,5</div><div class="txt-global">(15,10)</div></div><div class="cell south" style="grid-row:17;grid-column:7;"><div class="txt-local">南6,1</div><div class="txt-global">(16,6)</div></div><div class="cell hq south" style="grid-row:17;grid-column:8;"><div class="txt-local">南6,2</div><div class="txt-global">(16,7)</div></div><div class="cell south" style="grid-row:17;grid-column:9;"><div class="txt-local">南6,3</div><div class="txt-global">(16,8)</div></div><div class="cell hq south" style="grid-row:17;grid-column:10;"><div class="txt-local">南6,4</div><div class="txt-global">(16,9)</div></div><div class="cell south" style="grid-row:17;grid-column:11;"><div class="txt-local">南6,5</div><div class="txt-global">(16,10)</div></div></div></body></html>