Strona główna Odkrywaj Pomoc
Zaloguj się
zhangyan
/
mini-prog
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 6cd16f08dd
Gałęzie Tagi
mini-prog
/
backend
/
internal
/
httpapi
/
handlers
/
ops_workbench_handler.go

ops_workbench_handler.go 85 KB
Historia Czysty

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681 
  1. package handlers
    2. 

  2. 

  3. import "net/http"
    4. 

  4. 

  5. type OpsWorkbenchHandler struct{}
    6. 

  6. 

  7. func NewOpsWorkbenchHandler() *OpsWorkbenchHandler {
    8. 

  8. 	return &OpsWorkbenchHandler{}
    9. 

  9. }
    10. 

  10. 

  11. func (h *OpsWorkbenchHandler) Get(w http.ResponseWriter, r *http.Request) {
    12. 

  12. 	w.Header().Set("Content-Type", "text/html; charset=utf-8")
    13. 

  13. 	_, _ = w.Write([]byte(opsWorkbenchHTML))
    14. 

  14. }
    15. 

  15. 

  16. const opsWorkbenchHTML = `<!doctype html>
    17. 

  17. <html lang="zh-CN">
    18. 

  18. <head>
    19. 

  19.   <meta charset="utf-8">
    20. 

  20.   <meta name="viewport" content="width=device-width, initial-scale=1">
    21. 

  21.   <title>CMR 运维后台</title>
    22. 

  22.   <style>
    23. 

  23.     :root {
    24. 

  24.       --bg: #071218;
    25. 

  25.       --panel: #12212c;
    26. 

  26.       --panel-2: #172a36;
    27. 

  27.       --line: #284355;
    28. 

  28.       --text: #ecf6ff;
    29. 

  29.       --muted: #92acbf;
    30. 

  30.       --brand: #52d6b3;
    31. 

  31.       --warn: #ffd36a;
    32. 

  32.       --danger: #ff7b7b;
    33. 

  33.       --accent: #4fa3ff;
    34. 

  34.     }
    35. 

  35.     * { box-sizing: border-box; }
    36. 

  36.     html { scroll-behavior: smooth; }
    37. 

  37.     body {
    38. 

  38.       margin: 0;
    39. 

  39.       color: var(--text);
    40. 

  40.       font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    41. 

  41.       background:
    42. 

  42.         radial-gradient(circle at top left, rgba(82,214,179,.12), transparent 28%),
    43. 

  43.         radial-gradient(circle at top right, rgba(79,163,255,.12), transparent 24%),
    44. 

  44.         var(--bg);
    45. 

  45.     }
    46. 

  46.     .shell {
    47. 

  47.       width: 100%;
    48. 

  48.       max-width: none;
    49. 

  49.       margin: 0;
    50. 

  50.       padding: 24px 28px 32px;
    51. 

  51.       display: grid;
    52. 

  52.       grid-template-columns: 280px minmax(0,1fr) 400px;
    53. 

  53.       gap: 20px;
    54. 

  54.       align-items: start;
    55. 

  55.     }
    56. 

  56.     .sidebar, .aside, .panel {
    57. 

  57.       background: rgba(18,33,44,.92);
    58. 

  58.       border: 1px solid var(--line);
    59. 

  59.       border-radius: 24px;
    60. 

  60.       box-shadow: 0 16px 60px rgba(0,0,0,.22);
    61. 

  61.     }
    62. 

  62.     .sidebar, .aside {
    63. 

  63.       position: sticky;
    64. 

  64.       top: 20px;
    65. 

  65.       padding: 18px;
    66. 

  66.       display: grid;
    67. 

  67.       gap: 18px;
    68. 

  68.       align-content: start;
    69. 

  69.     }
    70. 

  70.     .sidebar { background: linear-gradient(180deg, rgba(13,27,36,.96), rgba(18,33,44,.94)); }
    71. 

  71.     .aside { background: linear-gradient(180deg, rgba(18,33,44,.94), rgba(13,23,31,.96)); }
    72. 

  72.     .content { display: grid; gap: 20px; min-width: 0; }
    73. 

  73.     .panel { padding: 20px; display: grid; gap: 16px; align-content: start; }
    74. 

  74.     .hero {
    75. 

  75.       background: linear-gradient(135deg, rgba(82,214,179,.15), rgba(79,163,255,.10));
    76. 

  76.       padding: 22px 24px;
    77. 

  77.     }
    78. 

  78.     .brand h1, .hero h2, .panel h3 { margin: 0; line-height: 1.2; }
    79. 

  79.     .brand h1 { font-size: 26px; }
    80. 

  80.     .hero h2 { font-size: 30px; }
    81. 

  81.     .panel h3 { font-size: 24px; }
    82. 

  82.     .brand p, .hero p, .panel p, .hint { margin: 0; color: var(--muted); line-height: 1.7; }
    83. 

  83.     .tag, .eyebrow {
    84. 

  84.       display: inline-flex;
    85. 

  85.       width: fit-content;
    86. 

  86.       padding: 4px 10px;
    87. 

  87.       border-radius: 999px;
    88. 

  88.       font-size: 12px;
    89. 

  89.       font-weight: 700;
    90. 

  90.     }
    91. 

  91.     .tag { background: rgba(82,214,179,.18); color: var(--brand); }
    92. 

  92.     .eyebrow { background: rgba(79,163,255,.16); color: var(--accent); }
    93. 

  93.     .nav-group { display: grid; gap: 10px; }
    94. 

  94.     .nav-title {
    95. 

  95.       color: var(--muted);
    96. 

  96.       font-size: 12px;
    97. 

  97.       letter-spacing: .08em;
    98. 

  98.       text-transform: uppercase;
    99. 

  99.       padding: 0 4px;
    100. 

  100.     }
    101. 

  101.     .nav-link {
    102. 

  102.       display: grid;
    103. 

  103.       gap: 4px;
    104. 

  104.       width: 100%;
    105. 

  105.       text-align: left;
    106. 

  106.       color: var(--text);
    107. 

  107.       padding: 13px 14px;
    108. 

  108.       border-radius: 18px;
    109. 

  109.       border: 1px solid var(--line);
    110. 

  110.       background: rgba(255,255,255,.02);
    111. 

  111.       cursor: pointer;
    112. 

  112.     }
    113. 

  113.     .nav-link.active {
    114. 

  114.       border-color: rgba(82,214,179,.45);
    115. 

  115.       background: rgba(82,214,179,.10);
    116. 

  116.       box-shadow: inset 0 0 0 1px rgba(82,214,179,.16);
    117. 

  117.     }
    118. 

  118.     .nav-link span { color: var(--muted); font-size: 13px; line-height: 1.45; }
    119. 

  119.     .hero-points, .metrics, .grid-2, .grid-3, .split { display: grid; gap: 14px; }
    120. 

  120.     .toolbar { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; justify-content: space-between; }
    121. 

  121.     .toolbar .actions { justify-content: flex-end; }
    122. 

  122.     .hero-points, .metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
    123. 

  123.     .metrics { grid-template-columns: repeat(4, minmax(0,1fr)); }
    124. 

  124.     .grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    125. 

  125.     .grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
    126. 

  126.     .split { grid-template-columns: 1.05fr .95fr; align-items: start; }
    127. 

  127.     .hero-card, .metric, .item, .token-box, .statusbox, .logbox, .list {
    128. 

  128.       border-radius: 18px;
    129. 

  129.       border: 1px solid var(--line);
    130. 

  130.       background: rgba(255,255,255,.03);
    131. 

  131.     }
    132. 

  132.     .hero-card, .metric, .item { padding: 14px; display: grid; gap: 6px; }
    133. 

  133.     .item.selectable { cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
    134. 

  134.     .item.selectable:hover { border-color: rgba(82,214,179,.35); background: rgba(82,214,179,.08); transform: translateY(-1px); }
    135. 

  135.     .item.active { border-color: rgba(82,214,179,.45); background: rgba(82,214,179,.10); box-shadow: inset 0 0 0 1px rgba(82,214,179,.14); }
    136. 

  136.     .metric strong { font-size: 28px; line-height: 1; }
    137. 

  137.     .metric span, .item .meta { color: var(--muted); font-size: 13px; line-height: 1.5; }
    138. 

  138.     .field { display: grid; gap: 8px; min-width: 0; }
    139. 

  139.     .field label { color: var(--muted); font-size: 14px; }
    140. 

  140.     input, textarea, select {
    141. 

  141.       width: 100%;
    142. 

  142.       border-radius: 16px;
    143. 

  143.       border: 1px solid var(--line);
    144. 

  144.       background: var(--panel-2);
    145. 

  145.       color: var(--text);
    146. 

  146.       padding: 13px 14px;
    147. 

  147.       font: inherit;
    148. 

  148.     }
    149. 

  149.     textarea { min-height: 110px; resize: vertical; line-height: 1.55; }
    150. 

  150.     .tall textarea { min-height: 190px; }
    151. 

  151.     .actions { display: flex; gap: 12px; flex-wrap: wrap; }
    152. 

  152.     button {
    153. 

  153.       border: 0;
    154. 

  154.       border-radius: 16px;
    155. 

  155.       padding: 13px 18px;
    156. 

  156.       font: inherit;
    157. 

  157.       font-weight: 700;
    158. 

  158.       cursor: pointer;
    159. 

  159.       background: var(--brand);
    160. 

  160.       color: #03231d;
    161. 

  161.     }
    162. 

  162.     button.nav-link {
    163. 

  163.       background: rgba(255,255,255,.02);
    164. 

  164.       color: var(--text);
    165. 

  165.       border: 1px solid var(--line);
    166. 

  166.       padding: 13px 14px;
    167. 

  167.     }
    168. 

  168.     button.nav-link.active {
    169. 

  169.       border-color: rgba(82,214,179,.45);
    170. 

  170.       background: rgba(82,214,179,.10);
    171. 

  171.       color: var(--text);
    172. 

  172.     }
    173. 

  173.     button.secondary { background: var(--warn); color: #3f2d00; }
    174. 

  174.     button.ghost { background: transparent; border: 1px solid var(--line); color: var(--text); }
    175. 

  175.     .token-box, .statusbox, .logbox {
    176. 

  176.       padding: 14px;
    177. 

  177.       white-space: pre-wrap;
    178. 

  178.       word-break: break-word;
    179. 

  179.       font-family: "Consolas", "SFMono-Regular", monospace;
    180. 

  180.     }
    181. 

  181.     .statusbox { min-height: 84px; }
    182. 

  182.     .logbox { min-height: 220px; max-height: 420px; overflow: auto; }
    183. 

  183.     .list { padding: 10px; display: grid; gap: 10px; max-height: 320px; overflow: auto; }
    184. 

  184.     .ops-view { display: none; }
    185. 

  185.     .ops-view.active { display: grid; }
    186. 

  186.     [hidden] { display: none !important; }
    187. 

  187.     .modal-backdrop {
    188. 

  188.       position: fixed;
    189. 

  189.       inset: 0;
    190. 

  190.       background: rgba(3, 10, 14, .68);
    191. 

  191.       backdrop-filter: blur(4px);
    192. 

  192.       display: grid;
    193. 

  193.       place-items: center;
    194. 

  194.       padding: 24px;
    195. 

  195.       z-index: 30;
    196. 

  196.     }
    197. 

  197.     .modal-card {
    198. 

  198.       width: min(1180px, calc(100vw - 48px));
    199. 

  199.       max-height: calc(100vh - 48px);
    200. 

  200.       overflow: auto;
    201. 

  201.       background: linear-gradient(180deg, rgba(18,33,44,.98), rgba(12,23,31,.98));
    202. 

  202.       border: 1px solid var(--line);
    203. 

  203.       border-radius: 24px;
    204. 

  204.       box-shadow: 0 20px 80px rgba(0,0,0,.35);
    205. 

  205.       padding: 22px;
    206. 

  206.       display: grid;
    207. 

  207.       gap: 16px;
    208. 

  208.     }
    209. 

  209.     .status-ok { color: var(--brand); }
    210. 

  210.     .status-error { color: var(--danger); }
    211. 

  211.     @media (max-width: 1560px) {
    212. 

  212.       .shell { grid-template-columns: 250px minmax(0,1fr) 360px; padding: 22px 24px 28px; }
    213. 

  213.     }
    214. 

  214.     @media (max-width: 1360px) {
    215. 

  215.       .shell { grid-template-columns: 220px minmax(0,1fr); }
    216. 

  216.       .aside { grid-column: 2; position: static; }
    217. 

  217.     }
    218. 

  218.     @media (max-width: 1120px) {
    219. 

  219.       .shell { grid-template-columns: 1fr; }
    220. 

  220.       .sidebar, .aside { position: static; }
    221. 

  221.       .hero-points, .metrics, .grid-2, .grid-3, .split { grid-template-columns: 1fr; }
    222. 

  222.     }
    223. 

  223.   </style>
    224. 

  224. </head>
    225. 

  225. <body>
    226. 

  226.   <div class="shell">
    227. 

  227.     <aside class="sidebar">
    228. 

  228.       <div class="brand">
    229. 

  229.         <span class="tag">运维后台第一期</span>
    230. 

  230.         <h1>资源录入与发布中心</h1>
    231. 

  231.         <p>这里不做联调回归，只做资源纳管、活动绑定和发布回滚。调试问题继续去 <code>/dev/workbench</code>。</p>
    232. 

  232.       </div>
    233. 

  233.       <div class="nav-group">
    234. 

  234.         <div class="nav-title">主要流程</div>
    235. 

  235.         <button class="nav-link active" type="button" data-view="overview"><strong>资源总览</strong><span>先看已有资源、活动和当前发布状态。</span></button>
    236. 

  236.         <button class="nav-link" type="button" data-view="maps"><strong>地图 / 地点管理</strong><span>先管地图列表、地点、当前瓦片版本和地图预览。</span></button>
    237. 

  237.         <button class="nav-link" type="button" data-view="courses"><strong>路线资源管理</strong><span>围绕地图管理 KML、路线组、默认路线和预览。</span></button>
    238. 

  238.         <button class="nav-link" type="button" data-view="events"><strong>活动管理</strong><span>活动列表、基础信息、状态和当前发布概况。</span></button>
    239. 

  239.         <button class="nav-link" type="button" data-view="compose"><strong>活动编排</strong><span>绑定 runtime、展示定义、内容包，准备发布。</span></button>
    240. 

  240.         <button class="nav-link" type="button" data-view="publish"><strong>发布中心</strong><span>查看 pipeline、build、publish、rollback。</span></button>
    241. 

  241.       </div>
    242. 

  242.       <div class="nav-group">
    243. 

  243.         <div class="nav-title">辅助入口</div>
    244. 

  244.         <button class="nav-link" type="button" data-view="ingest"><strong>资源录入</strong><span>上传文件或登记正式链接，统一纳管资源对象。</span></button>
    245. 

  245.       </div>
    246. 

  246.       <div class="nav-group">
    247. 

  247.         <div class="nav-title">调试工具</div>
    248. 

  248.         <a class="nav-link" href="/dev/workbench"><strong>返回调试工作台</strong><span>去一键回归、配置摘要、前端日志面板。</span></a>
    249. 

  249.       </div>
    250. 

  250.     </aside>
    251. 

  251. 

  252.     <main class="content">
    253. 

  253.       <section class="panel hero">
    254. 

  254.         <h2>先录资源，再绑活动，最后发布</h2>
    255. 

  255.         <p>运维平台第一版的目标很单一：把正式资源稳定录入系统，沉淀成资源对象，再通过统一发布链形成可追溯的 release。这里不混调试按钮，也不直接暴露玩家链路。</p>
    256. 

  256.         <div class="hero-points">
    257. 

  257.           <div class="hero-card"><strong>资源录入</strong><span>文件上传和外链登记统一收口，不再依赖手工改代码或散脚本。</span></div>
    258. 

  258.           <div class="hero-card"><strong>活动绑定</strong><span>活动侧只绑定默认 runtime、presentation、content bundle 三元组。</span></div>
    259. 

  259.           <div class="hero-card"><strong>发布中心</strong><span>继续走统一 build / publish / rollback，不开第二套发布逻辑。</span></div>
    260. 

  260.         </div>
    261. 

  261.       </section>
    262. 

  262. 

  263.       <section class="panel ops-view active" id="overview">
    264. 

  264.         <div class="eyebrow">资源总览</div>
    265. 

  265.         <h3>先看关键统计，再看当前运行时信息</h3>
    266. 

  266.         <p>资源总览先回答两个问题：系统里现在有多少正式对象；你当前选中的活动此刻绑定了哪套 release / runtime / 展示定义 / 内容包。</p>
    267. 

  267.         <input id="managed-place-id" type="hidden" value="">
    268. 

  268.         <div class="split">
    269. 

  269.           <div class="panel" style="padding:18px;">
    270. 

  270.             <div class="eyebrow">资源与路线统计</div>
    271. 

  271.             <div class="metrics">
    272. 

  272.               <div class="metric"><strong id="metric-places">0</strong><span>地点</span></div>
    273. 

  273.               <div class="metric"><strong id="metric-map-assets">0</strong><span>地图</span></div>
    274. 

  274.               <div class="metric"><strong id="metric-tile-releases">0</strong><span>瓦片版本</span></div>
    275. 

  275.               <div class="metric"><strong id="metric-assets">0</strong><span>受管资源</span></div>
    276. 

  276.               <div class="metric"><strong id="metric-course-sets">0</strong><span>路线组</span></div>
    277. 

  277.               <div class="metric"><strong id="metric-course-variants">0</strong><span>路线变体</span></div>
    278. 

  278.               <div class="metric"><strong id="metric-runtime-bindings">0</strong><span>运行绑定</span></div>
    279. 

  279.               <div class="metric"><strong id="metric-config-sources">0</strong><span>配置源</span></div>
    280. 

  280.             </div>
    281. 

  281.           </div>
    282. 

  282.           <div class="panel" style="padding:18px;">
    283. 

  283.             <div class="eyebrow">活动与发布统计</div>
    284. 

  284.             <div class="metrics">
    285. 

  285.               <div class="metric"><strong id="metric-events">0</strong><span>活动数</span></div>
    286. 

  286.               <div class="metric"><strong id="metric-default-events">0</strong><span>默认体验活动</span></div>
    287. 

  287.               <div class="metric"><strong id="metric-published-events">0</strong><span>已发布活动</span></div>
    288. 

  288.               <div class="metric"><strong id="metric-pipeline-releases">0</strong><span>发布版本</span></div>
    289. 

  289.               <div class="metric"><strong id="metric-presentations">0</strong><span>展示定义</span></div>
    290. 

  290.               <div class="metric"><strong id="metric-content-bundles">0</strong><span>内容包</span></div>
    291. 

  291.               <div class="metric"><strong id="metric-ops-users">0</strong><span>运维账号</span></div>
    292. 

  292.             </div>
    293. 

  293.           </div>
    294. 

  294.         </div>
    295. 

  295.         <div class="split">
    296. 

  296.           <div class="panel" style="padding:18px;">
    297. 

  297.             <div class="eyebrow">当前运行时信息</div>
    298. 

  298.             <div class="field"><label>当前活动</label><div class="token-box" id="overview-current-event">-</div></div>
    299. 

  299.             <div class="field"><label>当前发布版本</label><div class="token-box" id="overview-current-release">-</div></div>
    300. 

  300.             <div class="field"><label>当前 runtime</label><div class="token-box" id="overview-current-runtime">-</div></div>
    301. 

  301.             <div class="field"><label>当前展示定义</label><div class="token-box" id="overview-current-presentation">-</div></div>
    302. 

  302.             <div class="field"><label>当前内容包</label><div class="token-box" id="overview-current-content-bundle">-</div></div>
    303. 

  303.           </div>
    304. 

  304.           <div class="panel" style="padding:18px;">
    305. 

  305.             <div class="eyebrow">操作提示</div>
    306. 

  306.             <div class="item"><strong>1. 先看资源总览</strong><div class="meta">确认地点、地图、路线组、活动、已发布数量是否符合预期。</div></div>
    307. 

  307.             <div class="item"><strong>2. 再选主流程</strong><div class="meta">地图 / 地点管理 -> 路线资源管理 -> 活动管理 / 活动编排 -> 发布中心。</div></div>
    308. 

  308.             <div class="item"><strong>3. 关联活动只看摘要</strong><div class="meta">地图页只看数量和跳转，活动详情统一放到“活动管理”。</div></div>
    309. 

  309.           </div>
    310. 

  310.         </div>
    311. 

  311.         <div class="grid-3">
    312. 

  312.           <div class="field"><label>运维手机号</label><input id="ops-mobile" value="13800138000"></div>
    313. 

  313.           <div class="field"><label>短信验证码</label><input id="ops-code" value=""></div>
    314. 

  314.           <div class="field"><label>运维显示名</label><input id="ops-display-name" value="开发运维"></div>
    315. 

  315.           <div class="field"><label>国家区号</label><input id="ops-country-code" value="86"></div>
    316. 

  316.           <div class="field"><label>设备标识</label><input id="ops-device-key" value="ops-console-001"></div>
    317. 

  317.           <div class="field"><label>当前角色</label><input id="ops-role-code" value="开发态自动放行" readonly></div>
    318. 

  318.           <div class="field"><label>活动 ID（总览 / pipeline）</label><input id="event-id" value="evt_demo_variant_manual_001"></div>
    319. 

  319.           <div class="field"><label>当前发布版本 ID</label><input id="release-id" value=""></div>
    320. 

  320.           <div class="field"><label>当前构建 ID</label><input id="build-id" value=""></div>
    321. 

  321.         </div>
    322. 

  322.         <div class="actions">
    323. 

  323.           <button id="btn-send-ops-code">发送验证码</button>
    324. 

  324.           <button id="btn-register-ops" class="secondary">注册运维账号</button>
    325. 

  325.           <button id="btn-login-ops" class="secondary">手机号登录</button>
    326. 

  326.           <button class="secondary" id="btn-refresh-overview">刷新总览</button>
    327. 

  327.           <button class="ghost" id="btn-clear-token">清空令牌</button>
    328. 

  328.         </div>
    329. 

  329.         <div class="hint">开发环境默认免登录放行，生产环境请使用手机号验证码注册/登录的独立运维账号。运维账号和前端玩家账号完全分离。</div>
    330. 

  330.       </section>
    331. 

  331. 

  332.       <section class="panel ops-view" id="maps">
    333. 

  333.         <div class="eyebrow">地图 / 地点管理</div>
    334. 

  334.         <h3>先进入地图列表，再做新增、编辑和预览</h3>
    335. 

  335.         <p>地点是地图的归属容器，不是主入口。一个地点可挂多张地图，一张地图只属于一个地点。关联活动在这里先只看数量和摘要，详情统一去“活动管理”。</p>
    336. 

  336.         <div class="toolbar">
    337. 

  337.           <div class="grid-2" style="min-width:min(100%,720px);">
    338. 

  338.             <div class="field"><label>地图关键字</label><input id="map-search" value="" placeholder="按地图名称、编码、地点筛选"></div>
    339. 

  339.             <div class="field"><label>地点关键字</label><input id="place-search" value="" placeholder="按地点名称、省市、编码筛选"></div>
    340. 

  340.           </div>
    341. 

  341.           <div class="actions">
    342. 

  342.             <button id="btn-open-create-map">添加地图</button>
    343. 

  343.             <button class="ghost" id="btn-open-create-place">添加地点</button>
    344. 

  344.             <button class="secondary" id="btn-refresh-map-area">刷新地图区</button>
    345. 

  345.           </div>
    346. 

  346.         </div>
    347. 

  347.         <div class="panel" style="padding:18px;">
    348. 

  348.           <div class="eyebrow">地图列表</div>
    349. 

  349.           <div class="hint">默认只看地图列表。点一张地图，再进入地图详情；新增地图和新增地点都走独立弹出层。</div>
    350. 

  350.           <div class="list" id="map-library-list"><div class="item"><strong>暂无地图</strong><div class="meta">打开页面后会自动拉取地图列表，也可以手动点“刷新地图区”。</div></div></div>
    351. 

  351.         </div>
    352. 

  352. 

  353.         <div hidden>
    354. 

  354.           <div id="place-list"></div>
    355. 

  355.           <div id="map-list"></div>
    356. 

  356.         </div>
    357. 

  357. 

  358.         <div class="modal-backdrop" id="map-detail-modal" hidden>
    359. 

  359.           <div class="modal-card">
    360. 

  360.             <div class="eyebrow">地图详情</div>
    361. 

  361.             <h3 style="margin:0;">当前地图详情 / 预览</h3>
    362. 

  362.             <div class="split">
    363. 

  363.               <div class="panel" style="padding:18px;">
    364. 

  364.                 <div class="field"><label>当前地点</label><div class="token-box" id="map-preview-place">-</div></div>
    365. 

  365.                 <div class="field"><label>当前地图</label><div class="token-box" id="map-preview-map">-</div></div>
    366. 

  366.                 <div class="field"><label>当前瓦片版本</label><div class="token-box" id="map-preview-tile-version">-</div></div>
    367. 

  367.                 <div class="field"><label>Tile Base URL</label><div class="token-box" id="map-preview-tile-base">-</div></div>
    368. 

  368.                 <div class="field"><label>Meta URL</label><div class="token-box" id="map-preview-meta">-</div></div>
    369. 

  369.               </div>
    370. 

  370.               <div class="panel" style="padding:18px;">
    371. 

  371.                 <div class="field"><label>默认活动数量</label><div class="token-box" id="map-preview-default-count">0</div></div>
    372. 

  372.                 <div class="field"><label>默认活动摘要</label><div class="token-box" id="map-preview-default-events">-</div></div>
    373. 

  373.                 <div class="field"><label>关联活动数量</label><div class="token-box" id="map-preview-linked-count">0</div></div>
    374. 

  374.                 <div class="field"><label>关联活动摘要</label><div class="token-box" id="map-preview-linked-summary">当前未关联活动</div></div>
    375. 

  375.               </div>
    376. 

  376.             </div>
    377. 

  377.             <div class="actions">
    378. 

  378.               <button id="btn-open-map-editor-from-detail">编辑地图</button>
    379. 

  379.               <button class="secondary" id="btn-open-map-tile-from-detail">导入瓦片版本</button>
    380. 

  380.               <button class="ghost" id="btn-open-events-view">前往活动管理</button>
    381. 

  381.               <button class="ghost" id="btn-close-map-detail">关闭详情</button>
    382. 

  382.             </div>
    383. 

  383.           </div>
    384. 

  384.         </div>
    385. 

  385. 

  386.         <div class="modal-backdrop" id="map-editor-panel" hidden>
    387. 

  387.           <div class="modal-card">
    388. 

  388.             <div class="eyebrow">添加 / 编辑地图</div>
    389. 

  389.             <div class="grid-2">
    390. 

  390.               <div class="field"><label>管理地图 ID</label><input id="managed-map-id" value=""></div>
    391. 

  391.               <div class="field"><label>所属地点</label><select id="map-place-select"><option value="">请先录入地点</option></select></div>
    392. 

  392.               <div class="field"><label>地图编码</label><input id="map-code" value="lxcb-map-001"></div>
    393. 

  393.               <div class="field"><label>地图名称</label><input id="map-name" value="领秀城公园底图"></div>
    394. 

  394.               <div class="field"><label>地图类型</label><input id="map-type" value="raster"></div>
    395. 

  395.               <div class="field"><label>地图封面 URL</label><input id="map-cover-url" value=""></div>
    396. 

  396.               <div class="field"><label>地图摘要</label><input id="map-summary" value="领秀城公园地图资源，包含默认体验活动与当前瓦片版本。"></div>
    397. 

  397.             </div>
    398. 

  398.             <div class="panel" style="padding:18px;">
    399. 

  399.               <div class="eyebrow">上传 / 导入首个瓦片版本</div>
    400. 

  400.               <div class="grid-3">
    401. 

  401.                 <div class="field"><label>瓦片版本号</label><input id="tile-version" value="2026-04-07"></div>
    402. 

  402.                 <div class="field"><label>瓦片根地址</label><input id="tile-base-url" value="https://oss-mbh5.colormaprun.com/gotomars/map/lxcb-001/tiles/"></div>
    403. 

  403.                 <div class="field"><label>元数据地址</label><input id="tile-meta-url" value="https://oss-mbh5.colormaprun.com/gotomars/map/lxcb-001/tiles/meta.json"></div>
    404. 

  404.               </div>
    405. 

  405.             </div>
    406. 

  406.             <div class="actions">
    407. 

  407.               <button id="btn-create-map-asset">新增地图</button>
    408. 

  408.               <button class="secondary" id="btn-update-map-asset">保存地图修改</button>
    409. 

  409.               <button class="secondary" id="btn-import-tile">导入瓦片版本</button>
    410. 

  410.               <button class="ghost" id="btn-get-map-asset">重新读取地图详情</button>
    411. 

  411.               <button class="ghost" id="btn-close-map-editor">关闭</button>
    412. 

  412.             </div>
    413. 

  413.           </div>
    414. 

  414.         </div>
    415. 

  415. 

  416.         <div class="modal-backdrop" id="place-editor-panel" hidden>
    417. 

  417.           <div class="modal-card">
    418. 

  418.             <div class="eyebrow">添加 / 编辑地点</div>
    419. 

  419.             <div class="grid-2">
    420. 

  420.               <div class="field"><label>管理地点 ID</label><input id="place-manage-id" value=""></div>
    421. 

  421.               <div class="field"><label>地点编码</label><input id="place-code" value="lxcb-001"></div>
    422. 

  422.               <div class="field"><label>地点名称</label><input id="place-name" value="领秀城公园"></div>
    423. 

  423.               <div class="field"><label>省份</label><select id="place-province"><option value="">加载中...</option></select></div>
    424. 

  424.               <div class="field"><label>城市</label><select id="place-city"><option value="">请先选择省份</option></select></div>
    425. 

  425.               <div class="field"><label>地点区域</label><input id="place-region" value="" readonly></div>
    426. 

  426.             </div>
    427. 

  427.             <div class="actions">
    428. 

  428.               <button id="btn-create-place">保存地点</button>
    429. 

  429.               <button class="ghost" id="btn-get-place">重新读取地点详情</button>
    430. 

  430.               <button class="ghost" id="btn-close-place-editor">关闭</button>
    431. 

  431.             </div>
    432. 

  432.           </div>
    433. 

  433.         </div>
    434. 

  434.       </section>
    435. 

  435. 

  436.       <section class="panel ops-view" id="ingest">
    437. 

  437.         <div class="eyebrow">资源录入</div>
    438. 

  438.         <h3>统一纳管资源</h3>
    439. 

  439.         <p>运维只需要关心“录一个资源”，不需要关心它最终是 OSS 上传还是已有外链。录完之后都落成统一资源对象。</p>
    440. 

  440.         <div class="split">
    441. 

  441.           <div class="panel" style="padding:18px;">
    442. 

  442.             <div class="eyebrow">上传文件</div>
    443. 

  443.             <p>适合 KML、schema、manifest、本地静态包。backend 负责上传 OSS 并纳管。</p>
    444. 

  444.             <div class="grid-2">
    445. 

  445.               <div class="field"><label>资源类型</label><select id="asset-type"><option value="kml">kml</option><option value="tiles">tiles</option><option value="presentation">presentation</option><option value="content_bundle">content_bundle</option><option value="static_bundle">static_bundle</option></select></div>
    446. 

  446.               <div class="field"><label>资源编码</label><input id="asset-code" value="lxcb-route-pack-2026-04-07"></div>
    447. 

  447.               <div class="field"><label>版本</label><input id="asset-version" value="2026-04-07"></div>
    448. 

  448.               <div class="field"><label>标题</label><input id="asset-title" value="领秀城多赛道 KML 包"></div>
    449. 

  449.               <div class="field"><label>状态</label><select id="asset-status"><option value="active">active</option><option value="draft">draft</option></select></div>
    450. 

  450.               <div class="field"><label>对象目录（可选）</label><input id="asset-object-dir" value="gotomars/kml/lxcb-001/2026-04-07"></div>
    451. 

  451.               <div class="field"><label>内容类型（可选）</label><input id="asset-content-type" value="application/vnd.google-earth.kml+xml"></div>
    452. 

  452.               <div class="field"><label>上传文件</label><input id="asset-file" type="file"></div>
    453. 

  453.             </div>
    454. 

  454.             <div class="field"><label>Metadata JSON（可选）</label><textarea id="asset-metadata">{}</textarea></div>
    455. 

  455.             <div class="actions"><button id="btn-upload-asset">上传并纳管资源</button></div>
    456. 

  456.           </div>
    457. 

  457. 

  458.           <div class="panel" style="padding:18px;">
    459. 

  459.             <div class="eyebrow">登记外链</div>
    460. 

  460.             <p>适合正式 OSS / CDN 上已经存在的资源。登记后，活动侧和发布链统一只认受管资源对象。</p>
    461. 

  461.             <div class="field"><label>外链 URL</label><input id="asset-public-url" value="https://oss-mbh5.colormaprun.com/gotomars/kml/lxcb-001/2026-04-07/route01.kml"></div>
    462. 

  462.             <div class="actions">
    463. 

  463.               <button class="secondary" id="btn-register-link">登记外链资源</button>
    464. 

  464.               <button class="ghost" id="btn-list-assets">查看受管资源</button>
    465. 

  465.             </div>
    466. 

  466.             <div class="hint">建议优先纳管：地图瓦片目录、KML、presentation schema、content bundle manifest。</div>
    467. 

  467.           </div>
    468. 

  468.         </div>
    469. 

  469.       </section>
    470. 

  470. 

  471.       <section class="panel ops-view" id="courses">
    472. 

  472.         <div class="eyebrow">KML / 赛道管理</div>
    473. 

  473.         <h3>围绕当前地图管理 KML、赛道集和默认路线</h3>
    474. 

  474.         <p>KML 不是独立漂在外面的资源。运维上应该先选地图，再导入一批 KML，形成赛道集，然后查看默认路线和预览数据。</p>
    475. 

  475.         <div class="split">
    476. 

  476.           <div class="panel" style="padding:18px;">
    477. 

  477.             <div class="eyebrow">导入瓦片版本</div>
    478. 

  478.             <div class="grid-2">
    479. 

  479.               <div class="field"><label>当前地点编码</label><input value="复用上方“地图资源管理”的地点编码" readonly></div>
    480. 

  480.               <div class="field"><label>当前地图编码</label><input value="复用上方“地图资源管理”的地图编码" readonly></div>
    481. 

  481.               <div class="field"><label>瓦片版本号</label><input id="tile-version" value="2026-04-07"></div>
    482. 

  482.               <div class="field"><label>瓦片根地址</label><input id="tile-base-url" value="https://oss-mbh5.colormaprun.com/gotomars/map/lxcb-001/tiles/"></div>
    483. 

  483.               <div class="field"><label>元数据地址</label><input id="tile-meta-url" value="https://oss-mbh5.colormaprun.com/gotomars/map/lxcb-001/tiles/meta.json"></div>
    484. 

  484.             </div>
    485. 

  485.             <div class="actions"><button id="btn-import-tile">导入瓦片版本</button></div>
    486. 

  486.           </div>
    487. 

  487. 

  488.           <div class="panel tall" style="padding:18px;">
    489. 

  489.             <div class="eyebrow">批量导入 KML</div>
    490. 

  490.             <div class="grid-2">
    491. 

  491.               <div class="field"><label>Course Set Code</label><input id="course-set-code" value="lxcb-manual-2026-04-07"></div>
    492. 

  492.               <div class="field"><label>Course Set Name</label><input id="course-set-name" value="领秀城公园多赛道 2026-04-07"></div>
    493. 

  493.               <div class="field"><label>Mode</label><input id="course-mode" value="classic-sequential"></div>
    494. 

  494.               <div class="field"><label>Default Route Code</label><input id="default-route-code" value="route-variant-d"></div>
    495. 

  495.             </div>
    496. 

  496.             <div class="field">
    497. 

  497.               <label>KML Batch JSON</label>
    498. 

  498.               <textarea id="routes-json">[
    499. 

  499.   {"name":"路线 01","routeCode":"route-variant-a","fileUrl":"https://oss-mbh5.colormaprun.com/gotomars/kml/lxcb-001/2026-04-07/route01.kml","sourceType":"kml","controlCount":10,"status":"active"},
    500. 

  500.   {"name":"路线 02","routeCode":"route-variant-b","fileUrl":"https://oss-mbh5.colormaprun.com/gotomars/kml/lxcb-001/2026-04-07/route02.kml","sourceType":"kml","controlCount":10,"status":"active"},
    501. 

  501.   {"name":"路线 03","routeCode":"route-variant-c","fileUrl":"https://oss-mbh5.colormaprun.com/gotomars/kml/lxcb-001/2026-04-07/route03.kml","sourceType":"kml","controlCount":10,"status":"active"},
    502. 

  502.   {"name":"路线 04","routeCode":"route-variant-d","fileUrl":"https://oss-mbh5.colormaprun.com/gotomars/kml/lxcb-001/2026-04-07/route04.kml","sourceType":"kml","controlCount":10,"status":"active"}
    503. 

  503. ]</textarea>
    504. 

  504.             </div>
    505. 

  505.             <div class="actions"><button id="btn-import-kml-batch">批量导入 KML</button></div>
    506. 

  506.           </div>
    507. 

  507.         </div>
    508. 

  508.         <div class="split">
    509. 

  509.           <div class="panel" style="padding:18px;">
    510. 

  510.             <div class="eyebrow">当前地图下赛道集</div>
    511. 

  511.             <div class="list" id="course-set-list"><div class="item"><strong>暂无赛道集</strong><div class="meta">读取地图详情或完成一轮 KML 导入后，这里会显示当前地图的赛道集。</div></div></div>
    512. 

  512.           </div>
    513. 

  513.           <div class="panel" style="padding:18px;">
    514. 

  514.             <div class="eyebrow">KML / 变体预览</div>
    515. 

  515.             <div class="field"><label>当前赛道集</label><div class="token-box" id="course-preview-course-set">-</div></div>
    516. 

  516.             <div class="field"><label>默认路线</label><div class="token-box" id="course-preview-default-route">-</div></div>
    517. 

  517.             <div class="field"><label>路线数量</label><div class="token-box" id="course-preview-variant-count">0</div></div>
    518. 

  518.             <div class="field"><label>路线摘要</label><div class="token-box" id="course-preview-variants">-</div></div>
    519. 

  519.           </div>
    520. 

  520.         </div>
    521. 

  521.       </section>
    522. 

  522. 

  523.       <section class="panel ops-view" id="events">
    524. 

  524.         <div class="eyebrow">活动管理</div>
    525. 

  525.         <h3>先看活动列表和基础信息</h3>
    526. 

  526.         <p>活动管理先处理业务壳：名称、状态、是否默认体验、是否出现在活动列表，以及当前发布概况。资源绑定与发布准备统一去“活动编排”。</p>
    527. 

  527.         <div class="grid-3">
    528. 

  528.           <div class="field"><label>租户编码</label><input id="event-tenant-code" value="tenant_demo"></div>
    529. 

  529.           <div class="field"><label>活动标识 Slug</label><input id="event-slug" value="city-park-manual-variant"></div>
    530. 

  530.           <div class="field"><label>活动名称</label><input id="event-display-name" value="领秀城公园多赛道挑战"></div>
    531. 

  531.           <div class="field"><label>活动摘要</label><input id="event-summary" value="多赛道联调体验活动"></div>
    532. 

  532.           <div class="field"><label>活动状态</label><input id="event-status" value="active"></div>
    533. 

  533.           <div class="field"><label>活动 ID</label><input id="binding-event-id" value="evt_demo_variant_manual_001"></div>
    534. 

  534.         </div>
    535. 

  535.         <div class="actions">
    536. 

  536.           <button class="secondary" id="btn-list-events">读取活动列表</button>
    537. 

  537.           <button class="secondary" id="btn-create-event">新建活动</button>
    538. 

  538.           <button class="secondary" id="btn-update-event">更新活动</button>
    539. 

  539.           <button class="secondary" id="btn-get-event">读取活动</button>
    540. 

  540.           <button class="ghost" id="btn-open-compose-view">前往活动编排</button>
    541. 

  541.         </div>
    542. 

  542.         <div class="split">
    543. 

  543.           <div class="panel" style="padding:18px;">
    544. 

  544.             <div class="eyebrow">活动列表</div>
    545. 

  545.             <div class="list" id="event-list-main"><div class="item"><strong>暂无活动</strong><div class="meta">先点“读取活动列表”。</div></div></div>
    546. 

  546.           </div>
    547. 

  547.           <div class="panel" style="padding:18px;">
    548. 

  548.             <div class="eyebrow">当前活动概况</div>
    549. 

  549.             <div class="field"><label>当前发布版本</label><div class="token-box" id="event-preview-release">-</div></div>
    550. 

  550.             <div class="field"><label>当前 runtime</label><div class="token-box" id="event-preview-runtime">-</div></div>
    551. 

  551.             <div class="field"><label>当前展示定义</label><div class="token-box" id="event-preview-presentation">-</div></div>
    552. 

  552.             <div class="field"><label>当前内容包</label><div class="token-box" id="event-preview-content-bundle">-</div></div>
    553. 

  553.           </div>
    554. 

  554.         </div>
    555. 

  555.       </section>
    556. 

  556. 

  557.       <section class="panel ops-view" id="compose">
    558. 

  558.         <div class="eyebrow">活动编排</div>
    559. 

  559.         <h3>绑定运行对象、展示定义和内容包</h3>
    560. 

  560.         <p>这里才进入发布前准备：给当前活动绑定 runtime、presentation、content bundle，确认默认 active 三元组，然后交给发布中心 build / publish。</p>
    561. 

  561.         <div class="grid-3">
    562. 

  562.           <div class="field"><label>Presentation ID</label><input id="presentation-id" value=""></div>
    563. 

  563.           <div class="field"><label>Content Bundle ID</label><input id="content-bundle-id" value=""></div>
    564. 

  564.           <div class="field"><label>Runtime Binding ID</label><input id="runtime-binding-id" value=""></div>
    565. 

  565.           <div class="field"><label>Presentation Title</label><input id="presentation-title" value="多赛道详情展示模板"></div>
    566. 

  566.           <div class="field"><label>Presentation Template Key</label><input id="presentation-template-key" value="event.detail.multi-variant"></div>
    567. 

  567.           <div class="field"><label>Presentation Schema URL</label><input id="presentation-schema-url" value="https://oss-mbh5.colormaprun.com/gotomars/presentations/event-detail-standard/v2026-04-07/schema.json"></div>
    568. 

  568.           <div class="field"><label>Presentation Version</label><input id="presentation-version" value="v2026-04-07"></div>
    569. 

  569.           <div class="field"><label>Bundle Title</label><input id="bundle-title" value="多赛道结果内容包"></div>
    570. 

  570.           <div class="field"><label>Bundle Type</label><input id="bundle-type" value="result_media"></div>
    571. 

  571.           <div class="field"><label>Bundle Manifest URL</label><input id="bundle-manifest-url" value="https://oss-mbh5.colormaprun.com/gotomars/content-bundles/result-media-manual/v2026-04-07/manifest.json"></div>
    572. 

  572.           <div class="field"><label>Bundle Version</label><input id="bundle-version" value="v2026-04-07"></div>
    573. 

  573.         </div>
    574. 

  574.         <div class="actions">
    575. 

  575.           <button id="btn-import-presentation">导入展示定义</button>
    576. 

  576.           <button id="btn-import-bundle">导入内容包</button>
    577. 

  577.           <button class="ghost" id="btn-save-defaults">保存活动默认绑定</button>
    578. 

  578.           <button class="ghost" id="btn-open-publish-view">前往发布中心</button>
    579. 

  579.         </div>
    580. 

  580.       </section>
    581. 

  581. 

  582.       <section class="panel ops-view" id="publish">
    583. 

  583.         <div class="eyebrow">发布中心</div>
    584. 

  584.         <h3>统一 build / publish / rollback</h3>
    585. 

  585.         <p>运维后台不造第二条发布链，仍然复用现在这套 source、build、release 流程。</p>
    586. 

  586.         <div class="grid-3">
    587. 

  587.           <div class="field"><label>Pipeline Event ID</label><input id="pipeline-event-id" value="evt_demo_variant_manual_001"></div>
    588. 

  588.           <div class="field"><label>配置源 ID</label><input id="source-id" value=""></div>
    589. 

  589.           <div class="field"><label>回滚发布版本 ID</label><input id="rollback-release-id" value=""></div>
    590. 

  590.         </div>
    591. 

  591.         <div class="actions">
    592. 

  592.           <button class="secondary" id="btn-get-pipeline">读取发布链</button>
    593. 

  593.           <button id="btn-build-source">构建配置源</button>
    594. 

  594.           <button id="btn-publish-build">发布构建</button>
    595. 

  595.           <button class="ghost" id="btn-get-release">读取发布版本</button>
    596. 

  596.           <button class="ghost" id="btn-rollback-release">回滚发布</button>
    597. 

  597.         </div>
    598. 

  598.       </section>
    599. 

  599.     </main>
    600. 

  600. 

  601.     <aside class="aside">
    602. 

  602.       <div class="field">
    603. 

  603.         <label>当前 Bearer Token</label>
    604. 

  604.         <div class="token-box" id="token-box">当前无令牌</div>
    605. 

  605.       </div>
    606. 

  606.       <section class="panel" style="padding:18px;">
    607. 

  607.         <div class="eyebrow">当前状态</div>
    608. 

  608.         <p>当前动作结果会写到这里，方便你快速判断到底卡在资源录入、活动绑定还是发布流程。</p>
    609. 

  609.         <div class="statusbox" id="status-box">待执行</div>
    610. 

  610.       </section>
    611. 

  611.       <section class="panel" style="padding:18px;">
    612. 

  612.         <div class="eyebrow">响应日志</div>
    613. 

  613.         <p>保留最后一次响应。运维排查时先看这里，不用再回调试工作台翻日志。</p>
    614. 

  614.         <div class="logbox" id="log-box">等待操作...</div>
    615. 

  615.       </section>
    616. 

  616.       <section class="panel" style="padding:18px;">
    617. 

  617.         <div class="eyebrow">最近受管资源</div>
    618. 

  618.         <div class="list" id="asset-list"><div class="item"><strong>暂无数据</strong><div class="meta">先执行刷新总览或查看受管资源</div></div></div>
    619. 

  619.       </section>
    620. 

  620.       <section class="panel" style="padding:18px;">
    621. 

  621.         <div class="eyebrow">最近活动</div>
    622. 

  622.         <div class="list" id="event-list"><div class="item"><strong>暂无数据</strong><div class="meta">先执行刷新总览</div></div></div>
    623. 

  623.       </section>
    624. 

  624.     </aside>
    625. 

  625.   </div>
    626. 

  626.   <script>
    627. 

  627.     const STORAGE_KEY = 'cmr-ops-workbench-v5';
    628. 

  628.     const state = {
    629. 

  629.       accessToken: '',
    630. 

  630.       activeView: 'overview',
    631. 

  631.       placeItems: [],
    632. 

  632.       mapItems: [],
    633. 

  633.       placeMapItems: [],
    634. 

  634.       regionOptions: [],
    635. 

  635.       mapEditorMode: 'none'
    636. 

  636.     };
    637. 

  637. 

  638.     function $(id) { return document.getElementById(id); }
    639. 

  639. 

  640.     function setActiveView(view) {
    641. 

  641.       state.activeView = view || 'overview';
    642. 

  642.       document.querySelectorAll('.ops-view').forEach(section => {
    643. 

  643.         section.classList.toggle('active', section.id === state.activeView);
    644. 

  644.       });
    645. 

  645.       document.querySelectorAll('.nav-link[data-view]').forEach(button => {
    646. 

  646.         button.classList.toggle('active', button.dataset.view === state.activeView);
    647. 

  647.       });
    648. 

  648.     }
    649. 

  649. 

  650.     function setStatus(text, isError) {
    651. 

  651.       const el = $('status-box');
    652. 

  652.       el.textContent = text;
    653. 

  653.       el.className = 'statusbox ' + (isError ? 'status-error' : 'status-ok');
    654. 

  654.     }
    655. 

  655. 

  656.     function writeLog(title, payload) {
    657. 

  657.       $('log-box').textContent = '[' + new Date().toLocaleString() + '] ' + title + '\n' + JSON.stringify(payload, null, 2);
    658. 

  658.     }
    659. 

  659. 

  660.     function syncToken() {
    661. 

  661.       $('token-box').textContent = state.accessToken
    662. 

  662.         ? ('Bearer ' + state.accessToken.slice(0, 36) + '...')
    663. 

  663.         : '开发环境默认免登录，可直接操作；如需验证运维账号链路，再执行手机号登录。';
    664. 

  664.     }
    665. 

  665. 

  666.     function setMapEditorMode(mode) {
    667. 

  667.       state.mapEditorMode = mode || 'none';
    668. 

  668.       $('map-editor-panel').hidden = state.mapEditorMode !== 'map';
    669. 

  669.       $('place-editor-panel').hidden = state.mapEditorMode !== 'place';
    670. 

  670.       persist();
    671. 

  671.     }
    672. 

  672. 

  673.     function getFieldMap() {
    674. 

  674.       return {
    675. 

  675.         opsMobile: $('ops-mobile'),
    676. 

  676.         opsCode: $('ops-code'),
    677. 

  677.         opsDisplayName: $('ops-display-name'),
    678. 

  678.         opsCountryCode: $('ops-country-code'),
    679. 

  679.         opsDeviceKey: $('ops-device-key'),
    680. 

  680.         opsRoleCode: $('ops-role-code'),
    681. 

  681.         eventId: $('event-id'),
    682. 

  682.         releaseId: $('release-id'),
    683. 

  683.         buildId: $('build-id'),
    684. 

  684.         managedPlaceId: $('managed-place-id'),
    685. 

  685.         managedMapId: $('managed-map-id'),
    686. 

  686.         mapPlaceSelect: $('map-place-select'),
    687. 

  687.         placeManageId: $('place-manage-id'),
    688. 

  688.         assetType: $('asset-type'),
    689. 

  689.         assetCode: $('asset-code'),
    690. 

  690.         assetVersion: $('asset-version'),
    691. 

  691.         assetTitle: $('asset-title'),
    692. 

  692.         assetStatus: $('asset-status'),
    693. 

  693.         assetObjectDir: $('asset-object-dir'),
    694. 

  694.         assetPublicUrl: $('asset-public-url'),
    695. 

  695.         assetContentType: $('asset-content-type'),
    696. 

  696.         assetMetadata: $('asset-metadata'),
    697. 

  697.         placeCode: $('place-code'),
    698. 

  698.         placeName: $('place-name'),
    699. 

  699.         placeProvince: $('place-province'),
    700. 

  700.         placeCity: $('place-city'),
    701. 

  701.         placeRegion: $('place-region'),
    702. 

  702.         mapCode: $('map-code'),
    703. 

  703.         mapName: $('map-name'),
    704. 

  704.         mapType: $('map-type'),
    705. 

  705.         mapCoverUrl: $('map-cover-url'),
    706. 

  706.         mapSummary: $('map-summary'),
    707. 

  707.         tileVersion: $('tile-version'),
    708. 

  708.         tileBaseUrl: $('tile-base-url'),
    709. 

  709.         tileMetaUrl: $('tile-meta-url'),
    710. 

  710.         courseSetCode: $('course-set-code'),
    711. 

  711.         courseSetName: $('course-set-name'),
    712. 

  712.         courseMode: $('course-mode'),
    713. 

  713.         defaultRouteCode: $('default-route-code'),
    714. 

  714.         routesJson: $('routes-json'),
    715. 

  715.         eventTenantCode: $('event-tenant-code'),
    716. 

  716.         eventSlug: $('event-slug'),
    717. 

  717.         eventDisplayName: $('event-display-name'),
    718. 

  718.         eventSummary: $('event-summary'),
    719. 

  719.         eventStatus: $('event-status'),
    720. 

  720.         bindingEventId: $('binding-event-id'),
    721. 

  721.         presentationId: $('presentation-id'),
    722. 

  722.         contentBundleId: $('content-bundle-id'),
    723. 

  723.         runtimeBindingId: $('runtime-binding-id'),
    724. 

  724.         presentationTitle: $('presentation-title'),
    725. 

  725.         presentationTemplateKey: $('presentation-template-key'),
    726. 

  726.         presentationSchemaUrl: $('presentation-schema-url'),
    727. 

  727.         presentationVersion: $('presentation-version'),
    728. 

  728.         bundleTitle: $('bundle-title'),
    729. 

  729.         bundleType: $('bundle-type'),
    730. 

  730.         bundleManifestUrl: $('bundle-manifest-url'),
    731. 

  731.         bundleVersion: $('bundle-version'),
    732. 

  732.         pipelineEventId: $('pipeline-event-id'),
    733. 

  733.         sourceId: $('source-id'),
    734. 

  734.         rollbackReleaseId: $('rollback-release-id')
    735. 

  735.       };
    736. 

  736.     }
    737. 

  737. 

  738.     function persist() {
    739. 

  739.       const payload = { accessToken: state.accessToken, activeView: state.activeView };
    740. 

  740.       Object.entries(getFieldMap()).forEach(([key, node]) => payload[key] = node.value);
    741. 

  741.       localStorage.setItem(STORAGE_KEY, JSON.stringify(payload));
    742. 

  742.     }
    743. 

  743. 

  744.     function restore() {
    745. 

  745.       const raw = localStorage.getItem(STORAGE_KEY);
    746. 

  746.       if (!raw) {
    747. 

  747.         syncToken();
    748. 

  748.         return;
    749. 

  749.       }
    750. 

  750.       try {
    751. 

  751.         const p = JSON.parse(raw);
    752. 

  752.         state.accessToken = p.accessToken || '';
    753. 

  753.         state.activeView = p.activeView || 'overview';
    754. 

  754.         Object.entries(getFieldMap()).forEach(([key, node]) => {
    755. 

  755.           if (p[key] !== undefined && p[key] !== null && p[key] !== '') node.value = p[key];
    756. 

  756.         });
    757. 

  757.       } catch (_) {}
    758. 

  758.       syncToken();
    759. 

  759.       setActiveView(state.activeView);
    760. 

  760.     }
    761. 

  761. 

  762.     function syncPlaceRegion() {
    763. 

  763.       const provinceText = $('place-province').selectedOptions[0] ? $('place-province').selectedOptions[0].textContent : '';
    764. 

  764.       const cityText = $('place-city').selectedOptions[0] ? $('place-city').selectedOptions[0].textContent : '';
    765. 

  765.       $('place-region').value = [provinceText, cityText].filter(Boolean).join(' / ');
    766. 

  766.       persist();
    767. 

  767.     }
    768. 

  768. 

  769.     function renderCityOptions(provinceCode, preferredCityCode) {
    770. 

  770.       const province = state.regionOptions.find(item => item.code === provinceCode);
    771. 

  771.       const cities = province ? province.cities || [] : [];
    772. 

  772.       $('place-city').innerHTML = cities.length
    773. 

  773.         ? cities.map(item => '<option value="' + item.code + '">' + item.name + '</option>').join('')
    774. 

  774.         : '<option value="">暂无城市</option>';
    775. 

  775.       if (preferredCityCode && cities.some(item => item.code === preferredCityCode)) {
    776. 

  776.         $('place-city').value = preferredCityCode;
    777. 

  777.       } else if (cities[0]) {
    778. 

  778.         $('place-city').value = cities[0].code;
    779. 

  779.       } else {
    780. 

  780.         $('place-city').value = '';
    781. 

  781.       }
    782. 

  782.       syncPlaceRegion();
    783. 

  783.     }
    784. 

  784. 

  785.     function renderProvinceOptions(preferredProvinceCode, preferredCityCode) {
    786. 

  786.       $('place-province').innerHTML = state.regionOptions.length
    787. 

  787.         ? state.regionOptions.map(item => '<option value="' + item.code + '">' + item.name + '</option>').join('')
    788. 

  788.         : '<option value="">暂无省份</option>';
    789. 

  789.       if (preferredProvinceCode && state.regionOptions.some(item => item.code === preferredProvinceCode)) {
    790. 

  790.         $('place-province').value = preferredProvinceCode;
    791. 

  791.       } else if (state.regionOptions[0]) {
    792. 

  792.         $('place-province').value = state.regionOptions[0].code;
    793. 

  793.       } else {
    794. 

  794.         $('place-province').value = '';
    795. 

  795.       }
    796. 

  796.       renderCityOptions($('place-province').value, preferredCityCode);
    797. 

  797.     }
    798. 

  798. 

  799.     async function loadRegionOptions() {
    800. 

  800.       const result = await request('GET', '/ops/admin/region-options');
    801. 

  801.       state.regionOptions = result.data || [];
    802. 

  802.       renderProvinceOptions($('place-province').value, $('place-city').value);
    803. 

  803.       return result;
    804. 

  804.     }
    805. 

  805. 

  806.     function applyRegionText(regionText) {
    807. 

  807.       if (!regionText || !state.regionOptions.length) {
    808. 

  808.         return;
    809. 

  809.       }
    810. 

  810.       const [provinceText, cityText] = String(regionText).split('/').map(item => item.trim()).filter(Boolean);
    811. 

  811.       const province = state.regionOptions.find(item => item.name === provinceText);
    812. 

  812.       if (!province) {
    813. 

  813.         $('place-region').value = regionText;
    814. 

  814.         return;
    815. 

  815.       }
    816. 

  816.       $('place-province').value = province.code;
    817. 

  817.       renderCityOptions(province.code);
    818. 

  818.       const city = (province.cities || []).find(item => item.name === cityText);
    819. 

  819.       if (city) {
    820. 

  820.         $('place-city').value = city.code;
    821. 

  821.       }
    822. 

  822.       syncPlaceRegion();
    823. 

  823.     }
    824. 

  824. 

  825.     async function request(method, url, body, isJSON = true) {
    826. 

  826.       const headers = {};
    827. 

  827.       let payload = body;
    828. 

  828.       if (state.accessToken) headers['Authorization'] = 'Bearer ' + state.accessToken;
    829. 

  829.       if (isJSON && body !== undefined) {
    830. 

  830.         headers['Content-Type'] = 'application/json';
    831. 

  831.         payload = JSON.stringify(body);
    832. 

  832.       }
    833. 

  833.       const resp = await fetch(url, { method, headers, body: payload });
    834. 

  834.       const text = await resp.text();
    835. 

  835.       let data = {};
    836. 

  836.       try { data = text ? JSON.parse(text) : {}; } catch (_) { data = { raw: text }; }
    837. 

  837.       if (!resp.ok) throw { status: resp.status, body: data, method, url };
    838. 

  838.       return data;
    839. 

  839.     }
    840. 

  840. 

  841.     function renderItems(rootId, items, render) {
    842. 

  842.       const root = $(rootId);
    843. 

  843.       if (!Array.isArray(items) || !items.length) {
    844. 

  844.         root.innerHTML = '<div class="item"><strong>暂无数据</strong><div class="meta">当前还没有可展示对象</div></div>';
    845. 

  845.         return;
    846. 

  846.       }
    847. 

  847.       root.innerHTML = items.map(render).join('');
    848. 

  848.     }
    849. 

  849. 

  850.     function renderAssets(items) {
    851. 

  851.       renderItems('asset-list', items, item =>
    852. 

  852.         '<div class="item"><strong>' + (item.title || item.assetCode || item.id || '-') + '</strong>' +
    853. 

  853.         '<div class="meta">' + (item.assetType || '-') + ' / ' + (item.assetCode || '-') + ' / ' + (item.version || '-') + '</div>' +
    854. 

  854.         '<div class="meta">' + (item.publicUrl || '-') + '</div></div>'
    855. 

  855.       );
    856. 

  856.     }
    857. 

  857. 

  858.     function renderEvents(items) {
    859. 

  859.       renderItems('event-list', items, item =>
    860. 

  860.         '<div class="item"><strong>' + (item.displayName || item.id || '-') + '</strong>' +
    861. 

  861.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.status || '-') + '</div>' +
    862. 

  862.         '<div class="meta">' + (item.summary || '暂无摘要') + '</div></div>'
    863. 

  863.       );
    864. 

  864.     }
    865. 

  865. 

  866.     function renderEventListMain(items) {
    867. 

  867.       renderItems('event-list-main', items, item =>
    868. 

  868.         '<div class="item"><strong>' + (item.displayName || item.id || '-') + '</strong>' +
    869. 

  869.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.status || '-') + '</div>' +
    870. 

  870.         '<div class="meta">' + ((item.currentRelease && item.currentRelease.id) || '当前未发布') + '</div></div>'
    871. 

  871.       );
    872. 

  872.     }
    873. 

  873. 

  874.     function renderPlaces(items) {
    875. 

  875.       const keyword = ($('place-search') && $('place-search').value || '').trim().toLowerCase();
    876. 

  876.       const filtered = !keyword ? items : (items || []).filter(item =>
    877. 

  877.         [item.name, item.code, item.region].filter(Boolean).join(' ').toLowerCase().includes(keyword)
    878. 

  878.       );
    879. 

  879.       renderItems('place-list', items, item =>
    880. 

  880.         '<div class="item selectable' + ((item.id || '') === $('managed-place-id').value ? ' active' : '') + '" data-place-id="' + (item.id || '') + '"><strong>' + (item.name || item.code || item.id || '-') + '</strong>' +
    881. 

  881.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.code || '-') + '</div>' +
    882. 

  882.         '<div class="meta">' + (item.region || '区域待补充') + '</div></div>'
    883. 

  883.       );
    884. 

  884.       renderItems('place-list', filtered, item =>
    885. 

  885.         '<div class="item selectable' + ((item.id || '') === $('managed-place-id').value ? ' active' : '') + '" data-place-id="' + (item.id || '') + '"><strong>' + (item.name || item.code || item.id || '-') + '</strong>' +
    886. 

  886.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.code || '-') + '</div>' +
    887. 

  887.         '<div class="meta">' + (item.region || '区域待补充') + '</div></div>'
    888. 

  888.       );
    889. 

  889.     }
    890. 

  890. 

  891.     function renderMapAssets(items) {
    892. 

  892.       const keyword = ($('map-search') && $('map-search').value || '').trim().toLowerCase();
    893. 

  893.       const filtered = !keyword ? items : (items || []).filter(item =>
    894. 

  894.         [item.name, item.code, item.placeName].filter(Boolean).join(' ').toLowerCase().includes(keyword)
    895. 

  895.       );
    896. 

  896.       renderItems('map-list', filtered, item =>
    897. 

  897.         '<div class="item selectable' + ((item.id || '') === $('managed-map-id').value ? ' active' : '') + '" data-map-id="' + (item.id || '') + '"><strong>' + (item.name || item.code || item.id || '-') + '</strong>' +
    898. 

  898.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.code || '-') + ' / ' + (item.mapType || '-') + '</div>' +
    899. 

  899.         '<div class="meta">' + ((item.currentTileRelease && item.currentTileRelease.versionCode) || '当前无瓦片版本') + '</div></div>'
    900. 

  900.       );
    901. 

  901.     }
    902. 

  902. 

  903.     function renderMapLibrary(items) {
    904. 

  904.       const keyword = ($('map-search') && $('map-search').value || '').trim().toLowerCase();
    905. 

  905.       const filtered = !keyword ? items : (items || []).filter(item =>
    906. 

  906.         [item.name, item.code, item.placeName].filter(Boolean).join(' ').toLowerCase().includes(keyword)
    907. 

  907.       );
    908. 

  908.       renderItems('map-library-list', filtered, item =>
    909. 

  909.         '<div class="item selectable' + ((item.id || '') === $('managed-map-id').value ? ' active' : '') + '" data-map-id="' + (item.id || '') + '"><strong>' + (item.name || item.code || item.id || '-') + '</strong>' +
    910. 

  910.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.placeName || '未关联地点') + '</div>' +
    911. 

  911.         '<div class="meta">' + ((item.currentTileRelease && item.currentTileRelease.versionCode) || '当前无瓦片版本') + '</div></div>'
    912. 

  912.       );
    913. 

  913.     }
    914. 

  914. 

  915.     function renderMapPlaceSelect() {
    916. 

  916.       const items = Array.isArray(state.placeItems) ? state.placeItems : [];
    917. 

  917.       $('map-place-select').innerHTML = items.length
    918. 

  918.         ? items.map(item => '<option value="' + item.id + '">' + (item.name || item.code || item.id) + ' / ' + (item.region || '未设置区域') + '</option>').join('')
    919. 

  919.         : '<option value="">请先录入地点</option>';
    920. 

  920.       if ($('managed-place-id').value && items.some(item => item.id === $('managed-place-id').value)) {
    921. 

  921.         $('map-place-select').value = $('managed-place-id').value;
    922. 

  922.       } else if (items[0]) {
    923. 

  923.         $('map-place-select').value = items[0].id;
    924. 

  924.         $('managed-place-id').value = items[0].id;
    925. 

  925.       } else {
    926. 

  926.         $('map-place-select').value = '';
    927. 

  927.       }
    928. 

  928.       persist();
    929. 

  929.     }
    930. 

  930. 

  931.     function renderLinkedEvents(items) {
    932. 

  932.       renderItems('linked-event-list', items, item =>
    933. 

  933.         '<div class="item"><strong>' + (item.title || item.eventId || '-') + '</strong>' +
    934. 

  934.         '<div class="meta">' + (item.eventId || '-') + ' / ' + (item.status || '-') + (item.isDefaultExperience ? ' / 默认体验' : '') + '</div>' +
    935. 

  935.         '<div class="meta">' + (item.currentReleaseId || '当前未发布') + ' / ' + (item.currentPresentation || '无展示定义') + ' / ' + (item.currentContentBundle || '无内容包') + '</div></div>'
    936. 

  936.       );
    937. 

  937.     }
    938. 

  938. 

  939.     function renderCourseSets(items) {
    940. 

  940.       renderItems('course-set-list', items, item =>
    941. 

  941.         '<div class="item"><strong>' + (item.name || item.code || item.id || '-') + '</strong>' +
    942. 

  942.         '<div class="meta">' + (item.id || '-') + ' / ' + (item.mode || '-') + ' / ' + (item.status || '-') + '</div>' +
    943. 

  943.         '<div class="meta">' + ((item.currentVariant && (item.currentVariant.name || item.currentVariant.routeCode)) || '当前无默认路线') + '</div></div>'
    944. 

  944.       );
    945. 

  945.     }
    946. 

  946. 

  947.     async function refreshOverviewAndLog(reason) {
    948. 

  948.       try {
    949. 

  949.         const result = await refreshOverview();
    950. 

  950.         writeLog(reason || 'refresh-overview', result);
    951. 

  951.         setStatus('已刷新：资源总览', false);
    952. 

  952.       } catch (error) {
    953. 

  953.         writeLog(reason || 'refresh-overview', { error });
    954. 

  954.         setStatus('失败：资源总览自动刷新', true);
    955. 

  955.       }
    956. 

  956.     }
    957. 

  957. 

  958.     function setPreviewValue(id, value) {
    959. 

  959.       $(id).textContent = (value !== undefined && value !== null && value !== '') ? String(value) : '-';
    960. 

  960.     }
    961. 

  961. 

  962.     function applyPipelineSummary(pipeline) {
    963. 

  963.       const sources = Array.isArray(pipeline.sources) ? pipeline.sources : [];
    964. 

  964.       const releases = Array.isArray(pipeline.releases) ? pipeline.releases : [];
    965. 

  965.       if (pipeline.currentRelease && pipeline.currentRelease.id) $('release-id').value = pipeline.currentRelease.id;
    966. 

  966.       if (sources[0] && sources[0].id) $('source-id').value = sources[0].id;
    967. 

  967.       if (releases[0] && releases[0].id) $('rollback-release-id').value = releases[0].id;
    968. 

  968.       setPreviewValue('overview-current-release', pipeline.currentRelease ? (pipeline.currentRelease.id || '-') : '当前未发布');
    969. 

  969.       setPreviewValue('overview-current-runtime', pipeline.currentRelease && pipeline.currentRelease.runtime ? ((pipeline.currentRelease.runtime.name || pipeline.currentRelease.runtime.runtimeBindingId || pipeline.currentRelease.runtime.id || '-') + ' / ' + (pipeline.currentRelease.runtime.runtimeBindingId || pipeline.currentRelease.runtime.id || '-')) : '当前未绑定');
    970. 

  970.       setPreviewValue('overview-current-presentation', pipeline.currentRelease && pipeline.currentRelease.presentation ? ((pipeline.currentRelease.presentation.name || pipeline.currentRelease.presentation.templateKey || '-') + ' / ' + (pipeline.currentRelease.presentation.presentationId || pipeline.currentRelease.presentation.id || '-')) : '当前未绑定');
    971. 

  971.       setPreviewValue('overview-current-content-bundle', pipeline.currentRelease && pipeline.currentRelease.contentBundle ? ((pipeline.currentRelease.contentBundle.name || pipeline.currentRelease.contentBundle.bundleType || '-') + ' / ' + (pipeline.currentRelease.contentBundle.contentBundleId || pipeline.currentRelease.contentBundle.id || '-')) : '当前未绑定');
    972. 

  972.       persist();
    973. 

  973.     }
    974. 

  974. 

  975.     function applyEventDetail(detail) {
    976. 

  976.       if (!detail) return;
    977. 

  977.       if (detail.event && detail.event.id) {
    978. 

  978.         $('event-id').value = detail.event.id;
    979. 

  979.         $('binding-event-id').value = detail.event.id;
    980. 

  980.         $('pipeline-event-id').value = detail.event.id;
    981. 

  981.         setPreviewValue('overview-current-event', (detail.event.displayName || detail.event.id || '-') + ' / ' + (detail.event.id || '-'));
    982. 

  982.       }
    983. 

  983.       if (detail.event && detail.event.tenantCode) $('event-tenant-code').value = detail.event.tenantCode;
    984. 

  984.       if (detail.event && detail.event.slug) $('event-slug').value = detail.event.slug;
    985. 

  985.       if (detail.event && detail.event.displayName) $('event-display-name').value = detail.event.displayName;
    986. 

  986.       if (detail.event && detail.event.summary) $('event-summary').value = detail.event.summary;
    987. 

  987.       if (detail.event && detail.event.status) $('event-status').value = detail.event.status;
    988. 

  988.       if (detail.event && detail.event.currentRelease && detail.event.currentRelease.id) $('release-id').value = detail.event.currentRelease.id;
    989. 

  989.       if (detail.latestSource && detail.latestSource.id) $('source-id').value = detail.latestSource.id;
    990. 

  990.       if (detail.currentPresentation && detail.currentPresentation.id) $('presentation-id').value = detail.currentPresentation.id;
    991. 

  991.       if (detail.currentContentBundle && detail.currentContentBundle.id) $('content-bundle-id').value = detail.currentContentBundle.id;
    992. 

  992.       if (detail.currentRuntime && detail.currentRuntime.id) $('runtime-binding-id').value = detail.currentRuntime.id;
    993. 

  993.       setPreviewValue('event-preview-runtime', detail.currentRuntime ? (detail.currentRuntime.runtimeBindingId || detail.currentRuntime.id || '-') : '当前未绑定');
    994. 

  994.       setPreviewValue('event-preview-presentation', detail.currentPresentation ? ((detail.currentPresentation.name || '-') + ' / ' + (detail.currentPresentation.presentationId || detail.currentPresentation.id || '-')) : '当前未绑定');
    995. 

  995.       setPreviewValue('event-preview-content-bundle', detail.currentContentBundle ? ((detail.currentContentBundle.name || '-') + ' / ' + (detail.currentContentBundle.contentBundleId || detail.currentContentBundle.id || '-')) : '当前未绑定');
    996. 

  996.       setPreviewValue('event-preview-release', detail.event && detail.event.currentRelease ? (detail.event.currentRelease.id || '-') : '当前未发布');
    997. 

  997.       persist();
    998. 

  998.     }
    999. 

  999. 

  1000.     function applyPlaceDetail(detail) {
    1001. 

  1001.       if (!detail || !detail.place) return;
    1002. 

  1002.       $('managed-place-id').value = detail.place.id || '';
    1003. 

  1003.       $('place-manage-id').value = detail.place.id || '';
    1004. 

  1004.       $('place-code').value = detail.place.code || $('place-code').value;
    1005. 

  1005.       $('place-name').value = detail.place.name || $('place-name').value;
    1006. 

  1006.       $('place-region').value = detail.place.region || $('place-region').value;
    1007. 

  1007.       applyRegionText(detail.place.region || '');
    1008. 

  1008.       state.placeMapItems = detail.mapAssets || [];
    1009. 

  1009.       renderMapAssets(state.placeMapItems);
    1010. 

  1010.       if (Array.isArray(detail.mapAssets) && detail.mapAssets[0] && detail.mapAssets[0].id) {
    1011. 

  1011.         $('managed-map-id').value = detail.mapAssets[0].id;
    1012. 

  1012.       }
    1013. 

  1013.       setPreviewValue('map-preview-place', (detail.place.name || '-') + ' / ' + (detail.place.code || '-'));
    1014. 

  1014.       renderMapPlaceSelect();
    1015. 

  1015.       persist();
    1016. 

  1016.     }
    1017. 

  1017. 

  1018.     function applyMapAssetDetail(detail) {
    1019. 

  1019.       if (!detail || !detail.mapAsset) return;
    1020. 

  1020.       $('managed-map-id').value = detail.mapAsset.id || '';
    1021. 

  1021.       $('map-code').value = detail.mapAsset.code || $('map-code').value;
    1022. 

  1022.       $('map-name').value = detail.mapAsset.name || $('map-name').value;
    1023. 

  1023.       $('map-type').value = detail.mapAsset.mapType || $('map-type').value;
    1024. 

  1024.       $('map-cover-url').value = detail.mapAsset.coverUrl || $('map-cover-url').value;
    1025. 

  1025.       $('map-summary').value = detail.mapAsset.description || $('map-summary').value;
    1026. 

  1026.       const currentTile = detail.mapAsset.currentTileRelease || (Array.isArray(detail.tileReleases) ? detail.tileReleases[0] : null);
    1027. 

  1027.       if (currentTile && currentTile.id) {
    1028. 

  1028.         $('tile-version').value = currentTile.versionCode || $('tile-version').value;
    1029. 

  1029.         $('tile-base-url').value = currentTile.tileBaseUrl || $('tile-base-url').value;
    1030. 

  1030.         $('tile-meta-url').value = currentTile.metaUrl || $('tile-meta-url').value;
    1031. 

  1031.       }
    1032. 

  1032.       setPreviewValue('map-preview-map', (detail.mapAsset.name || '-') + ' / ' + (detail.mapAsset.code || '-'));
    1033. 

  1033.       setPreviewValue('map-preview-tile-version', currentTile ? (currentTile.versionCode || '-') : '-');
    1034. 

  1034.       setPreviewValue('map-preview-tile-base', currentTile ? (currentTile.tileBaseUrl || '-') : '-');
    1035. 

  1035.       setPreviewValue('map-preview-meta', currentTile ? (currentTile.metaUrl || '-') : '-');
    1036. 

  1036.       renderCourseSets(detail.courseSets || []);
    1037. 

  1037.       const linked = Array.isArray(detail.linkedEvents) ? detail.linkedEvents : [];
    1038. 

  1038.       const defaultCount = linked.filter(item => !!item.isDefaultExperience).length;
    1039. 

  1039.       setPreviewValue('map-preview-linked-count', linked.length);
    1040. 

  1040.       setPreviewValue('map-preview-linked-summary', linked.length ? linked.slice(0, 4).map(item => (item.title || item.eventId || '-') + (item.isDefaultExperience ? ' / 默认体验' : '')).join('\n') : '当前未关联活动');
    1041. 

  1041.       setPreviewValue('map-preview-default-count', defaultCount || $('map-preview-default-count').textContent || 0);
    1042. 

  1042.       persist();
    1043. 

  1043.     }
    1044. 

  1044. 

  1045.     function applyMapExperienceDetail(detail) {
    1046. 

  1046.       if (!detail) return;
    1047. 

  1047.       setPreviewValue('map-preview-default-count', detail.defaultExperienceCount || 0);
    1048. 

  1048.       const items = Array.isArray(detail.defaultExperiences) ? detail.defaultExperiences : [];
    1049. 

  1049.       setPreviewValue(
    1050. 

  1050.         'map-preview-default-events',
    1051. 

  1051.         items.length
    1052. 

  1052.           ? items.map(item => (item.title || item.eventId || '-') + ' / ' + (item.status || item.statusCode || '-')).join('\n')
    1053. 

  1053.           : '当前无默认活动'
    1054. 

  1054.       );
    1055. 

  1055.     }
    1056. 

  1056. 

  1057.     function applyCourseImportDetail(result) {
    1058. 

  1058.       if (!result) return;
    1059. 

  1059.       if (result.courseSet && result.courseSet.id) {
    1060. 

  1060.         setPreviewValue('course-preview-course-set', (result.courseSet.name || '-') + ' / ' + (result.courseSet.id || '-'));
    1061. 

  1061.         setPreviewValue('course-preview-default-route', (result.courseSet.currentVariant && (result.courseSet.currentVariant.routeCode || result.courseSet.currentVariant.name)) || $('default-route-code').value || '-');
    1062. 

  1062.       }
    1063. 

  1063.       const variants = Array.isArray(result.variants) ? result.variants : [];
    1064. 

  1064.       setPreviewValue('course-preview-variant-count', variants.length);
    1065. 

  1065.       setPreviewValue('course-preview-variants', variants.length ? variants.map(item => (item.name || '-') + ' / ' + (item.routeCode || '-') + ' / ' + (item.status || '-')).join('\n') : '暂无路线');
    1066. 

  1066.     }
    1067. 

  1067. 

  1068.     async function run(title, fn) {
    1069. 

  1069.       setStatus('执行中：' + title, false);
    1070. 

  1070.       try {
    1071. 

  1071.         const result = await fn();
    1072. 

  1072.         writeLog(title, result);
    1073. 

  1073.         setStatus('完成：' + title, false);
    1074. 

  1074.         persist();
    1075. 

  1075.         return result;
    1076. 

  1076.       } catch (error) {
    1077. 

  1077.         const serializedError = (error && typeof error === 'object')
    1078. 

  1078.           ? {
    1079. 

  1079.               name: error.name || 'Error',
    1080. 

  1080.               message: error.message || '',
    1081. 

  1081.               stack: error.stack || '',
    1082. 

  1082.               status: error.status,
    1083. 

  1083.               body: error.body,
    1084. 

  1084.               method: error.method,
    1085. 

  1085.               url: error.url
    1086. 

  1086.             }
    1087. 

  1087.           : { message: String(error) };
    1088. 

  1088.         writeLog(title, { error: serializedError });
    1089. 

  1089.         setStatus('失败：' + title, true);
    1090. 

  1090.         return null;
    1091. 

  1091.       }
    1092. 

  1092.     }
    1093. 

  1093. 

  1094.     async function refreshOverview() {
    1095. 

  1095.       const [summaryResp, assetsResp, eventsResp, pipelineResp] = await Promise.all([
    1096. 

  1096.         request('GET', '/ops/admin/summary'),
    1097. 

  1097.         request('GET', '/ops/admin/assets'),
    1098. 

  1098.         request('GET', '/ops/admin/events?limit=12'),
    1099. 

  1099.         request('GET', '/ops/admin/events/' + encodeURIComponent($('event-id').value) + '/pipeline')
    1100. 

  1100.       ]);
    1101. 

  1101.       const summary = summaryResp.data || {};
    1102. 

  1102.       $('metric-assets').textContent = String(summary.managedAssets || 0);
    1103. 

  1103.       $('metric-places').textContent = String(summary.places || 0);
    1104. 

  1104.       $('metric-map-assets').textContent = String(summary.mapAssets || 0);
    1105. 

  1105.       $('metric-tile-releases').textContent = String(summary.tileReleases || 0);
    1106. 

  1106.       $('metric-course-sets').textContent = String(summary.courseSets || 0);
    1107. 

  1107.       $('metric-course-variants').textContent = String(summary.courseVariants || 0);
    1108. 

  1108.       $('metric-events').textContent = String(summary.events || 0);
    1109. 

  1109.       $('metric-default-events').textContent = String(summary.defaultEvents || 0);
    1110. 

  1110.       $('metric-published-events').textContent = String(summary.publishedEvents || 0);
    1111. 

  1111.       $('metric-config-sources').textContent = String(summary.configSources || 0);
    1112. 

  1112.       $('metric-runtime-bindings').textContent = String(summary.runtimeBindings || 0);
    1113. 

  1113.       $('metric-pipeline-releases').textContent = String(summary.releases || 0);
    1114. 

  1114.       $('metric-presentations').textContent = String(summary.presentations || 0);
    1115. 

  1115.       $('metric-content-bundles').textContent = String(summary.contentBundles || 0);
    1116. 

  1116.       $('metric-ops-users').textContent = String(summary.opsUsers || 0);
    1117. 

  1117.       renderAssets(assetsResp.data || []);
    1118. 

  1118.       renderEvents(eventsResp.data || []);
    1119. 

  1119.       applyPipelineSummary(pipelineResp.data || {});
    1120. 

  1120.       return {
    1121. 

  1121.         summary,
    1122. 

  1122.         assets: (assetsResp.data || []).length,
    1123. 

  1123.         events: (eventsResp.data || []).length,
    1124. 

  1124.         pipeline: pipelineResp.data || {}
    1125. 

  1125.       };
    1126. 

  1126.     }
    1127. 

  1127. 

  1128.     async function loadPlaces() {
    1129. 

  1129.       const result = await request('GET', '/ops/admin/places?limit=20');
    1130. 

  1130.       state.placeItems = result.data || [];
    1131. 

  1131.       renderPlaces(state.placeItems);
    1132. 

  1132.       renderMapPlaceSelect();
    1133. 

  1133.       if (Array.isArray(state.placeItems) && state.placeItems[0] && !($('managed-place-id').value)) {
    1134. 

  1134.         $('managed-place-id').value = state.placeItems[0].id;
    1135. 

  1135.       }
    1136. 

  1136.       persist();
    1137. 

  1137.       return result;
    1138. 

  1138.     }
    1139. 

  1139. 

  1140.     async function loadMapAssets() {
    1141. 

  1141.       const result = await request('GET', '/ops/admin/map-assets?limit=30');
    1142. 

  1142.       state.mapItems = result.data || [];
    1143. 

  1143.       renderMapLibrary(state.mapItems);
    1144. 

  1144.       if (Array.isArray(state.mapItems) && state.mapItems[0] && !($('managed-map-id').value)) {
    1145. 

  1145.         $('managed-map-id').value = state.mapItems[0].id;
    1146. 

  1146.       }
    1147. 

  1147.       persist();
    1148. 

  1148.       return result;
    1149. 

  1149.     }
    1150. 

  1150. 

  1151.     async function loadPlaceDetail(placeID) {
    1152. 

  1152.       const id = placeID || $('place-manage-id').value || $('managed-place-id').value;
    1153. 

  1153.       if (!id) throw new Error('请先提供管理地点 ID');
    1154. 

  1154.       $('place-manage-id').value = id;
    1155. 

  1155.       $('managed-place-id').value = id;
    1156. 

  1156.       const result = await request('GET', '/ops/admin/places/' + encodeURIComponent(id));
    1157. 

  1157.       applyPlaceDetail(result.data || {});
    1158. 

  1158.       renderPlaces(state.placeItems);
    1159. 

  1159.       renderMapAssets(state.placeMapItems);
    1160. 

  1160.       persist();
    1161. 

  1161.       return result;
    1162. 

  1162.     }
    1163. 

  1163. 

  1164.     async function loadMapAssetDetail(mapID) {
    1165. 

  1165.       const id = mapID || $('managed-map-id').value;
    1166. 

  1166.       if (!id) throw new Error('请先提供管理地图 ID');
    1167. 

  1167.       $('managed-map-id').value = id;
    1168. 

  1168.       setMapEditorMode('none');
    1169. 

  1169.       const [mapResult, experienceResult] = await Promise.all([
    1170. 

  1170.         request('GET', '/ops/admin/map-assets/' + encodeURIComponent(id)),
    1171. 

  1171.         request('GET', '/experience-maps/' + encodeURIComponent(id))
    1172. 

  1172.       ]);
    1173. 

  1173.       applyMapAssetDetail(mapResult.data || {});
    1174. 

  1174.       applyMapExperienceDetail(experienceResult.data || {});
    1175. 

  1175.       renderMapLibrary(state.mapItems);
    1176. 

  1176.       renderMapAssets(state.placeMapItems);
    1177. 

  1177.       $('map-detail-modal').hidden = false;
    1178. 

  1178.       persist();
    1179. 

  1179.       return { map: mapResult.data || {}, experience: experienceResult.data || {} };
    1180. 

  1180.     }
    1181. 

  1181. 

  1182.     $('btn-open-create-map').onclick = () => {
    1183. 

  1183.       $('map-detail-modal').hidden = true;
    1184. 

  1184.       $('managed-map-id').value = '';
    1185. 

  1185.       $('map-code').value = 'map-' + Date.now();
    1186. 

  1186.       if ($('map-place-select').value) {
    1187. 

  1187.         $('managed-place-id').value = $('map-place-select').value;
    1188. 

  1188.       }
    1189. 

  1189.       setMapEditorMode('map');
    1190. 

  1190.       persist();
    1191. 

  1191.       setStatus('已打开：添加地图', false);
    1192. 

  1192.     };
    1193. 

  1193. 

  1194.     $('btn-open-create-place').onclick = () => {
    1195. 

  1195.       $('map-detail-modal').hidden = true;
    1196. 

  1196.       $('place-manage-id').value = '';
    1197. 

  1197.       $('managed-place-id').value = '';
    1198. 

  1198.       setMapEditorMode('place');
    1199. 

  1199.       persist();
    1200. 

  1200.       setStatus('已打开：添加地点', false);
    1201. 

  1201.     };
    1202. 

  1202. 

  1203.     $('btn-close-map-editor').onclick = () => {
    1204. 

  1204.       setMapEditorMode('none');
    1205. 

  1205.       setStatus('已收起：地图编辑区', false);
    1206. 

  1206.     };
    1207. 

  1207. 

  1208.     $('btn-close-place-editor').onclick = () => {
    1209. 

  1209.       setMapEditorMode('none');
    1210. 

  1210.       setStatus('已收起：地点编辑区', false);
    1211. 

  1211.     };
    1212. 

  1212. 

  1213.     $('btn-close-map-detail').onclick = () => {
    1214. 

  1214.       $('map-detail-modal').hidden = true;
    1215. 

  1215.       setStatus('已关闭：地图详情', false);
    1216. 

  1216.     };
    1217. 

  1217. 

  1218.     $('btn-open-map-editor-from-detail').onclick = () => {
    1219. 

  1219.       $('map-detail-modal').hidden = true;
    1220. 

  1220.       setMapEditorMode('map');
    1221. 

  1221.       setStatus('已打开：地图编辑', false);
    1222. 

  1222.     };
    1223. 

  1223. 

  1224.     $('btn-open-map-tile-from-detail').onclick = () => {
    1225. 

  1225.       $('map-detail-modal').hidden = true;
    1226. 

  1226.       setMapEditorMode('map');
    1227. 

  1227.       setStatus('已打开：瓦片版本导入', false);
    1228. 

  1228.     };
    1229. 

  1229. 

  1230.     $('btn-create-place').onclick = () => run('create-place', async () => {
    1231. 

  1231.       const result = await request('POST', '/ops/admin/places', {
    1232. 

  1232.         code: $('place-code').value,
    1233. 

  1233.         name: $('place-name').value,
    1234. 

  1234.         region: $('place-region').value || undefined,
    1235. 

  1235.         status: 'active'
    1236. 

  1236.       });
    1237. 

  1237.       if (result && result.data && result.data.id) {
    1238. 

  1238.         $('managed-place-id').value = result.data.id;
    1239. 

  1239.         $('place-manage-id').value = result.data.id;
    1240. 

  1240.       }
    1241. 

  1241.       await loadPlaces();
    1242. 

  1242.       await refreshOverview();
    1243. 

  1243.       setMapEditorMode('none');
    1244. 

  1244.       persist();
    1245. 

  1245.       return result;
    1246. 

  1246.     });
    1247. 

  1247. 

  1248.     $('btn-get-place').onclick = () => run('get-place', () => loadPlaceDetail());
    1249. 

  1249. 

  1250.     $('btn-create-map-asset').onclick = () => run('create-map-asset', async () => {
    1251. 

  1251.       const placeId = $('map-place-select').value || $('managed-place-id').value;
    1252. 

  1252.       if (!placeId) throw new Error('请先选择地点');
    1253. 

  1253.       $('managed-place-id').value = placeId;
    1254. 

  1254.       const result = await request('POST', '/ops/admin/places/' + encodeURIComponent(placeId) + '/map-assets', {
    1255. 

  1255.         code: $('map-code').value,
    1256. 

  1256.         name: $('map-name').value,
    1257. 

  1257.         mapType: $('map-type').value,
    1258. 

  1258.         coverUrl: $('map-cover-url').value || undefined,
    1259. 

  1259.         description: $('map-summary').value || undefined,
    1260. 

  1260.         status: 'active'
    1261. 

  1261.       });
    1262. 

  1262.       if (result && result.data && result.data.id) {
    1263. 

  1263.         $('managed-map-id').value = result.data.id;
    1264. 

  1264.       }
    1265. 

  1265.       await loadMapAssets();
    1266. 

  1266.       if ($('managed-map-id').value) {
    1267. 

  1267.         await loadMapAssetDetail($('managed-map-id').value);
    1268. 

  1268.       }
    1269. 

  1269.       setMapEditorMode('none');
    1270. 

  1270.       persist();
    1271. 

  1271.       return result;
    1272. 

  1272.     });
    1273. 

  1273. 

  1274.     $('btn-update-map-asset').onclick = () => run('update-map-asset', async () => {
    1275. 

  1275.       if (!$('managed-map-id').value) throw new Error('请先读取地图详情，拿到管理地图 ID');
    1276. 

  1276.       const result = await request('PUT', '/ops/admin/map-assets/' + encodeURIComponent($('managed-map-id').value), {
    1277. 

  1277.         code: $('map-code').value,
    1278. 

  1278.         name: $('map-name').value,
    1279. 

  1279.         mapType: $('map-type').value,
    1280. 

  1280.         coverUrl: $('map-cover-url').value || undefined,
    1281. 

  1281.         description: $('map-summary').value || undefined,
    1282. 

  1282.         status: 'active'
    1283. 

  1283.       });
    1284. 

  1284.       await refreshOverview();
    1285. 

  1285.       await loadMapAssetDetail($('managed-map-id').value);
    1286. 

  1286.       setMapEditorMode('none');
    1287. 

  1287.       return result;
    1288. 

  1288.     });
    1289. 

  1289. 

  1290.     $('btn-get-map-asset').onclick = () => run('get-map-asset', () => loadMapAssetDetail());
    1291. 

  1291. 

  1292.     $('btn-refresh-map-area').onclick = () => run('refresh-map-area', async () => {
    1293. 

  1293.       const [regionsResult, placesResult, mapsResult] = await Promise.all([loadRegionOptions(), loadPlaces(), loadMapAssets()]);
    1294. 

  1294.       $('map-detail-modal').hidden = true;
    1295. 

  1295.       if ($('place-manage-id').value || $('managed-place-id').value) {
    1296. 

  1296.         await loadPlaceDetail($('managed-place-id').value);
    1297. 

  1297.       }
    1298. 

  1298.       if ($('managed-map-id').value) {
    1299. 

  1299.         await loadMapAssetDetail($('managed-map-id').value);
    1300. 

  1300.       }
    1301. 

  1301.       return {
    1302. 

  1302.         regions: ((regionsResult && regionsResult.data) || []).length,
    1303. 

  1303.         places: ((placesResult && placesResult.data) || []).length,
    1304. 

  1304.         maps: ((mapsResult && mapsResult.data) || []).length,
    1305. 

  1305.       };
    1306. 

  1306.     });
    1307. 

  1307. 

  1308.     $('btn-send-ops-code').onclick = () => run('ops-send-sms-code', async () => {
    1309. 

  1309.       return await request('POST', '/ops/auth/sms/send', {
    1310. 

  1310.         countryCode: $('ops-country-code').value,
    1311. 

  1311.         mobile: $('ops-mobile').value,
    1312. 

  1312.         deviceKey: $('ops-device-key').value,
    1313. 

  1313.         scene: 'ops_login'
    1314. 

  1314.       });
    1315. 

  1315.     });
    1316. 

  1316. 

  1317.     $('btn-register-ops').onclick = () => run('ops-register', async () => {
    1318. 

  1318.       const result = await request('POST', '/ops/auth/register', {
    1319. 

  1319.         countryCode: $('ops-country-code').value,
    1320. 

  1320.         mobile: $('ops-mobile').value,
    1321. 

  1321.         code: $('ops-code').value,
    1322. 

  1322.         deviceKey: $('ops-device-key').value,
    1323. 

  1323.         displayName: $('ops-display-name').value
    1324. 

  1324.       });
    1325. 

  1325.       state.accessToken = result.data.tokens.accessToken;
    1326. 

  1326.       $('ops-role-code').value = result.data.user.roleCode || '';
    1327. 

  1327.       syncToken();
    1328. 

  1328.       return result;
    1329. 

  1329.     });
    1330. 

  1330. 

  1331.     $('btn-open-events-view').onclick = () => {
    1332. 

  1332.       setActiveView('events');
    1333. 

  1333.       persist();
    1334. 

  1334.       setStatus('已切到：活动管理', false);
    1335. 

  1335.     };
    1336. 

  1336. 

  1337.     $('btn-open-compose-view').onclick = () => {
    1338. 

  1338.       setActiveView('compose');
    1339. 

  1339.       persist();
    1340. 

  1340.       setStatus('已切到：活动编排', false);
    1341. 

  1341.     };
    1342. 

  1342. 

  1343.     $('btn-open-publish-view').onclick = () => {
    1344. 

  1344.       setActiveView('publish');
    1345. 

  1345.       persist();
    1346. 

  1346.       setStatus('已切到：发布中心', false);
    1347. 

  1347.     };
    1348. 

  1348. 

  1349.     $('btn-login-ops').onclick = () => run('ops-login-sms', async () => {
    1350. 

  1350.       const result = await request('POST', '/ops/auth/login/sms', {
    1351. 

  1351.         countryCode: $('ops-country-code').value,
    1352. 

  1352.         mobile: $('ops-mobile').value,
    1353. 

  1353.         code: $('ops-code').value,
    1354. 

  1354.         deviceKey: $('ops-device-key').value
    1355. 

  1355.       });
    1356. 

  1356.       state.accessToken = result.data.tokens.accessToken;
    1357. 

  1357.       $('ops-role-code').value = result.data.user.roleCode || '';
    1358. 

  1358.       syncToken();
    1359. 

  1359.       return result;
    1360. 

  1360.     });
    1361. 

  1361. 

  1362.     $('btn-clear-token').onclick = () => {
    1363. 

  1363.       state.accessToken = '';
    1364. 

  1364.       syncToken();
    1365. 

  1365.       persist();
    1366. 

  1366.       setStatus('已清空 token', false);
    1367. 

  1367.     };
    1368. 

  1368. 

  1369.     $('btn-refresh-overview').onclick = () => run('refresh-overview', refreshOverview);
    1370. 

  1370. 

  1371.     $('btn-upload-asset').onclick = () => run('upload-asset', async () => {
    1372. 

  1372.       const file = $('asset-file').files[0];
    1373. 

  1373.       if (!file) throw new Error('请选择文件');
    1374. 

  1374.       const form = new FormData();
    1375. 

  1375.       form.append('assetType', $('asset-type').value);
    1376. 

  1376.       form.append('assetCode', $('asset-code').value);
    1377. 

  1377.       form.append('version', $('asset-version').value);
    1378. 

  1378.       form.append('title', $('asset-title').value);
    1379. 

  1379.       form.append('objectDir', $('asset-object-dir').value);
    1380. 

  1380.       form.append('status', $('asset-status').value);
    1381. 

  1381.       form.append('metadataJson', $('asset-metadata').value || '{}');
    1382. 

  1382.       form.append('file', file);
    1383. 

  1383.       const result = await request('POST', '/ops/admin/assets/upload', form, false);
    1384. 

  1384.       await refreshOverview();
    1385. 

  1385.       return result;
    1386. 

  1386.     });
    1387. 

  1387. 

  1388.     $('btn-register-link').onclick = () => run('register-link', async () => {
    1389. 

  1389.       const result = await request('POST', '/ops/admin/assets/register-link', {
    1390. 

  1390.         assetType: $('asset-type').value,
    1391. 

  1391.         assetCode: $('asset-code').value,
    1392. 

  1392.         version: $('asset-version').value,
    1393. 

  1393.         title: $('asset-title').value,
    1394. 

  1394.         publicUrl: $('asset-public-url').value,
    1395. 

  1395.         contentType: $('asset-content-type').value || undefined,
    1396. 

  1396.         status: $('asset-status').value,
    1397. 

  1397.         metadata: JSON.parse($('asset-metadata').value || '{}')
    1398. 

  1398.       });
    1399. 

  1399.       await refreshOverview();
    1400. 

  1400.       return result;
    1401. 

  1401.     });
    1402. 

  1402. 

  1403.     $('btn-list-assets').onclick = () => run('list-assets', async () => {
    1404. 

  1404.       const result = await request('GET', '/ops/admin/assets');
    1405. 

  1405.       renderAssets(result.data || []);
    1406. 

  1406.       return result;
    1407. 

  1407.     });
    1408. 

  1408. 

  1409.     $('btn-import-tile').onclick = () => run('import-tile-release', async () => {
    1410. 

  1410.       const result = await request('POST', '/ops/admin/ops/tile-releases/import', {
    1411. 

  1411.         placeCode: $('place-code').value,
    1412. 

  1412.         placeName: $('place-name').value,
    1413. 

  1413.         mapAssetCode: $('map-code').value,
    1414. 

  1414.         mapAssetName: $('map-name').value,
    1415. 

  1415.         mapType: $('map-type').value,
    1416. 

  1416.         versionCode: $('tile-version').value,
    1417. 

  1417.         status: 'active',
    1418. 

  1418.         tileBaseUrl: $('tile-base-url').value,
    1419. 

  1419.         metaUrl: $('tile-meta-url').value,
    1420. 

  1420.         setAsCurrent: true
    1421. 

  1421.       });
    1422. 

  1422.       if (result && result.data) {
    1423. 

  1423.         if (result.data.place && result.data.place.id) $('managed-place-id').value = result.data.place.id;
    1424. 

  1424.         if (result.data.mapAsset && result.data.mapAsset.id) $('managed-map-id').value = result.data.mapAsset.id;
    1425. 

  1425.         applyMapAssetDetail({
    1426. 

  1426.           mapAsset: result.data.mapAsset,
    1427. 

  1427.           tileReleases: result.data.tileRelease ? [result.data.tileRelease] : []
    1428. 

  1428.         });
    1429. 

  1429.       }
    1430. 

  1430.       $('map-detail-modal').hidden = false;
    1431. 

  1431.       setMapEditorMode('none');
    1432. 

  1432.       persist();
    1433. 

  1433.       return result;
    1434. 

  1434.     });
    1435. 

  1435. 

  1436.     $('btn-import-kml-batch').onclick = () => run('import-kml-batch', async () => {
    1437. 

  1437.       const result = await request('POST', '/ops/admin/ops/course-sets/import-kml-batch', {
    1438. 

  1438.         placeCode: $('place-code').value,
    1439. 

  1439.         placeName: $('place-name').value,
    1440. 

  1440.         mapAssetCode: $('map-code').value,
    1441. 

  1441.         mapAssetName: $('map-name').value,
    1442. 

  1442.         mapType: $('map-type').value,
    1443. 

  1443.         courseSetCode: $('course-set-code').value,
    1444. 

  1444.         courseSetName: $('course-set-name').value,
    1445. 

  1445.         mode: $('course-mode').value,
    1446. 

  1446.         status: 'active',
    1447. 

  1447.         defaultRouteCode: $('default-route-code').value,
    1448. 

  1448.         routes: JSON.parse($('routes-json').value || '[]')
    1449. 

  1449.       });
    1450. 

  1450.       applyCourseImportDetail(result.data || {});
    1451. 

  1451.       return result;
    1452. 

  1452.     });
    1453. 

  1453. 

  1454.     $('btn-list-events').onclick = () => run('list-events', async () => {
    1455. 

  1455.       const result = await request('GET', '/ops/admin/events?limit=30');
    1456. 

  1456.       renderEvents(result.data || []);
    1457. 

  1457.       renderEventListMain(result.data || []);
    1458. 

  1458.       if (Array.isArray(result.data) && result.data[0] && result.data[0].id) {
    1459. 

  1459.         $('binding-event-id').value = result.data[0].id;
    1460. 

  1460.         $('pipeline-event-id').value = result.data[0].id;
    1461. 

  1461.       }
    1462. 

  1462.       persist();
    1463. 

  1463.       return result;
    1464. 

  1464.     });
    1465. 

  1465. 

  1466.     $('btn-create-event').onclick = () => run('create-event', async () => {
    1467. 

  1467.       const result = await request('POST', '/ops/admin/events', {
    1468. 

  1468.         tenantCode: $('event-tenant-code').value || null,
    1469. 

  1469.         slug: $('event-slug').value,
    1470. 

  1470.         displayName: $('event-display-name').value,
    1471. 

  1471.         summary: $('event-summary').value || null,
    1472. 

  1472.         status: $('event-status').value
    1473. 

  1473.       });
    1474. 

  1474.       if (result && result.data) {
    1475. 

  1475.         applyEventDetail({ event: result.data });
    1476. 

  1476.       }
    1477. 

  1477.       persist();
    1478. 

  1478.       await refreshOverview();
    1479. 

  1479.       return result;
    1480. 

  1480.     });
    1481. 

  1481. 

  1482.     $('btn-update-event').onclick = () => run('update-event', async () => {
    1483. 

  1483.       const eventId = $('binding-event-id').value.trim();
    1484. 

  1484.       if (!eventId) throw new Error('请先填写活动 ID');
    1485. 

  1485.       const result = await request('PUT', '/ops/admin/events/' + encodeURIComponent(eventId), {
    1486. 

  1486.         tenantCode: $('event-tenant-code').value || null,
    1487. 

  1487.         slug: $('event-slug').value,
    1488. 

  1488.         displayName: $('event-display-name').value,
    1489. 

  1489.         summary: $('event-summary').value || null,
    1490. 

  1490.         status: $('event-status').value
    1491. 

  1491.       });
    1492. 

  1492.       if (result && result.data) {
    1493. 

  1493.         applyEventDetail({ event: result.data });
    1494. 

  1494.       }
    1495. 

  1495.       persist();
    1496. 

  1496.       await refreshOverview();
    1497. 

  1497.       return result;
    1498. 

  1498.     });
    1499. 

  1499. 

  1500.     $('btn-get-event').onclick = () => run('get-event', async () => {
    1501. 

  1501.       const result = await request('GET', '/ops/admin/events/' + encodeURIComponent($('binding-event-id').value));
    1502. 

  1502.       applyEventDetail(result.data || {});
    1503. 

  1503.       return result;
    1504. 

  1504.     });
    1505. 

  1505. 

  1506.     $('btn-import-presentation').onclick = () => run('import-presentation', async () => {
    1507. 

  1507.       const result = await request('POST', '/ops/admin/events/' + encodeURIComponent($('binding-event-id').value) + '/presentations/import', {
    1508. 

  1508.         title: $('presentation-title').value,
    1509. 

  1509.         templateKey: $('presentation-template-key').value,
    1510. 

  1510.         sourceType: 'schema',
    1511. 

  1511.         schemaUrl: $('presentation-schema-url').value,
    1512. 

  1512.         version: $('presentation-version').value,
    1513. 

  1513.         status: 'active',
    1514. 

  1514.         isDefault: true
    1515. 

  1515.       });
    1516. 

  1516.       if (result && result.data && result.data.id) $('presentation-id').value = result.data.id;
    1517. 

  1517.       persist();
    1518. 

  1518.       return result;
    1519. 

  1519.     });
    1520. 

  1520. 

  1521.     $('btn-import-bundle').onclick = () => run('import-content-bundle', async () => {
    1522. 

  1522.       const manifestUrl = $('bundle-manifest-url').value;
    1523. 

  1523.       const result = await request('POST', '/ops/admin/events/' + encodeURIComponent($('binding-event-id').value) + '/content-bundles/import', {
    1524. 

  1524.         title: $('bundle-title').value,
    1525. 

  1525.         bundleType: $('bundle-type').value,
    1526. 

  1526.         sourceType: 'manifest',
    1527. 

  1527.         manifestUrl: manifestUrl,
    1528. 

  1528.         version: $('bundle-version').value,
    1529. 

  1529.         status: 'active',
    1530. 

  1530.         isDefault: true,
    1531. 

  1531.         assetManifest: { manifestUrl }
    1532. 

  1532.       });
    1533. 

  1533.       if (result && result.data && result.data.id) $('content-bundle-id').value = result.data.id;
    1534. 

  1534.       persist();
    1535. 

  1535.       return result;
    1536. 

  1536.     });
    1537. 

  1537. 

  1538.     $('btn-save-defaults').onclick = () => run('save-event-defaults', async () => {
    1539. 

  1539.       return await request('POST', '/ops/admin/events/' + encodeURIComponent($('binding-event-id').value) + '/defaults', {
    1540. 

  1540.         presentationId: $('presentation-id').value || undefined,
    1541. 

  1541.         contentBundleId: $('content-bundle-id').value || undefined,
    1542. 

  1542.         runtimeBindingId: $('runtime-binding-id').value || undefined
    1543. 

  1543.       });
    1544. 

  1544.     });
    1545. 

  1545. 

  1546.     $('btn-get-pipeline').onclick = () => run('get-pipeline', async () => {
    1547. 

  1547.       const result = await request('GET', '/ops/admin/events/' + encodeURIComponent($('pipeline-event-id').value) + '/pipeline');
    1548. 

  1548.       applyPipelineSummary(result.data || {});
    1549. 

  1549.       return result;
    1550. 

  1550.     });
    1551. 

  1551. 

  1552.     $('btn-build-source').onclick = () => run('build-source', async () => {
    1553. 

  1553.       if (!$('source-id').value) throw new Error('请先提供配置源 ID');
    1554. 

  1554.       const result = await request('POST', '/ops/admin/sources/' + encodeURIComponent($('source-id').value) + '/build');
    1555. 

  1555.       if (result && result.data && result.data.id) $('build-id').value = result.data.id;
    1556. 

  1556.       persist();
    1557. 

  1557.       return result;
    1558. 

  1558.     });
    1559. 

  1559. 

  1560.     $('btn-publish-build').onclick = () => run('publish-build', async () => {
    1561. 

  1561.       if (!$('build-id').value) throw new Error('请先提供构建 ID');
    1562. 

  1562.       const result = await request('POST', '/ops/admin/builds/' + encodeURIComponent($('build-id').value) + '/publish', {
    1563. 

  1563.         runtimeBindingId: $('runtime-binding-id').value || undefined,
    1564. 

  1564.         presentationId: $('presentation-id').value || undefined,
    1565. 

  1565.         contentBundleId: $('content-bundle-id').value || undefined
    1566. 

  1566.       });
    1567. 

  1567.       if (result && result.data && result.data.id) {
    1568. 

  1568.         $('release-id').value = result.data.id;
    1569. 

  1569.         $('rollback-release-id').value = result.data.id;
    1570. 

  1570.       }
    1571. 

  1571.       persist();
    1572. 

  1572.       return result;
    1573. 

  1573.     });
    1574. 

  1574. 

  1575.     $('btn-get-release').onclick = () => run('get-release', async () => {
    1576. 

  1576.       if (!$('release-id').value) throw new Error('请先提供发布版本 ID');
    1577. 

  1577.       return await request('GET', '/ops/admin/releases/' + encodeURIComponent($('release-id').value));
    1578. 

  1578.     });
    1579. 

  1579. 

  1580.     $('btn-rollback-release').onclick = () => run('rollback-release', async () => {
    1581. 

  1581.       if (!$('rollback-release-id').value) throw new Error('请先提供待回滚的发布版本 ID');
    1582. 

  1582.       return await request('POST', '/ops/admin/events/' + encodeURIComponent($('pipeline-event-id').value) + '/rollback', {
    1583. 

  1583.         releaseId: $('rollback-release-id').value
    1584. 

  1584.       });
    1585. 

  1585.     });
    1586. 

  1586. 

  1587.     document.querySelectorAll('input, textarea, select').forEach(node => {
    1588. 

  1588.       node.addEventListener('change', persist);
    1589. 

  1589.       node.addEventListener('input', persist);
    1590. 

  1590.     });
    1591. 

  1591. 

  1592.     ['place-search', 'map-search'].forEach(id => {
    1593. 

  1593.       $(id).addEventListener('input', () => {
    1594. 

  1594.         renderPlaces(state.placeItems);
    1595. 

  1595.         renderMapLibrary(state.mapItems);
    1596. 

  1596.         renderMapAssets(state.placeMapItems);
    1597. 

  1597.       });
    1598. 

  1598.     });
    1599. 

  1599. 

  1600.     $('place-province').addEventListener('change', () => {
    1601. 

  1601.       renderCityOptions($('place-province').value);
    1602. 

  1602.     });
    1603. 

  1603.     $('place-city').addEventListener('change', syncPlaceRegion);
    1604. 

  1604.     $('map-place-select').addEventListener('change', () => {
    1605. 

  1605.       $('managed-place-id').value = $('map-place-select').value || '';
    1606. 

  1606.       persist();
    1607. 

  1607.     });
    1608. 

  1608. 

  1609.     $('place-list').addEventListener('click', event => {
    1610. 

  1610.       const item = event.target.closest('[data-place-id]');
    1611. 

  1611.       if (!item) return;
    1612. 

  1612.       void run('get-place', () => loadPlaceDetail(item.dataset.placeId));
    1613. 

  1613.     });
    1614. 

  1614. 

  1615.     ['map-list', 'map-library-list'].forEach(id => {
    1616. 

  1616.       $(id).addEventListener('click', event => {
    1617. 

  1617.         const item = event.target.closest('[data-map-id]');
    1618. 

  1618.         if (!item) return;
    1619. 

  1619.         void run('get-map-asset', () => loadMapAssetDetail(item.dataset.mapId));
    1620. 

  1620.       });
    1621. 

  1621.     });
    1622. 

  1622. 

  1623.     ['map-detail-modal', 'map-editor-panel', 'place-editor-panel'].forEach(id => {
    1624. 

  1624.       $(id).addEventListener('click', event => {
    1625. 

  1625.         if (event.target !== $(id)) return;
    1626. 

  1626.         if (id === 'map-detail-modal') {
    1627. 

  1627.           $('map-detail-modal').hidden = true;
    1628. 

  1628.           return;
    1629. 

  1629.         }
    1630. 

  1630.         setMapEditorMode('none');
    1631. 

  1631.       });
    1632. 

  1632.     });
    1633. 

  1633. 

  1634.     document.querySelectorAll('.nav-link[data-view]').forEach(button => {
    1635. 

  1635.       button.addEventListener('click', () => {
    1636. 

  1636.         setActiveView(button.dataset.view);
    1637. 

  1637.         persist();
    1638. 

  1638.         if (button.dataset.view === 'overview') {
    1639. 

  1639.           void refreshOverviewAndLog('refresh-overview');
    1640. 

  1640.         } else if (button.dataset.view === 'maps') {
    1641. 

  1641.           void run('refresh-map-area', async () => {
    1642. 

  1642.             const [regionsResult, placesResult, mapsResult] = await Promise.all([loadRegionOptions(), loadPlaces(), loadMapAssets()]);
    1643. 

  1643.             return {
    1644. 

  1644.               regions: ((regionsResult && regionsResult.data) || []).length,
    1645. 

  1645.               places: ((placesResult && placesResult.data) || []).length,
    1646. 

  1646.               maps: ((mapsResult && mapsResult.data) || []).length,
    1647. 

  1647.             };
    1648. 

  1648.           });
    1649. 

  1649.         }
    1650. 

  1650.       });
    1651. 

  1651.     });
    1652. 

  1652. 

  1653.     restore();
    1654. 

  1654.     setActiveView(state.activeView);
    1655. 

  1655.     setMapEditorMode('none');
    1656. 

  1656.     renderPlaces([]);
    1657. 

  1657.     renderMapAssets([]);
    1658. 

  1658.     renderMapLibrary([]);
    1659. 

  1659.     renderCourseSets([]);
    1660. 

  1660.     renderAssets([]);
    1661. 

  1661.     renderEvents([]);
    1662. 

  1662.     renderEventListMain([]);
    1663. 

  1663.     writeLog('ops-workbench-ready', {
    1664. 

  1664.       ok: true,
    1665. 

  1665.       hint: '开发环境默认免登录。建议顺序：先看资源总览 -> 地图/地点管理 -> 路线资源管理 -> 活动管理 / 活动编排 -> 发布中心。'
    1666. 

  1666.     });
    1667. 

  1667.     void refreshOverviewAndLog('refresh-overview');
    1668. 

  1668.     void loadRegionOptions();
    1669. 

  1669.     if (state.activeView === 'maps') {
    1670. 

  1670.       void run('refresh-map-area', async () => {
    1671. 

  1671.         const [regionsResult, placesResult, mapsResult] = await Promise.all([loadRegionOptions(), loadPlaces(), loadMapAssets()]);
    1672. 

  1672.         return {
    1673. 

  1673.           regions: ((regionsResult && regionsResult.data) || []).length,
    1674. 

  1674.           places: ((placesResult && placesResult.data) || []).length,
    1675. 

  1675.           maps: ((mapsResult && mapsResult.data) || []).length,
    1676. 

  1676.         };
    1677. 

  1677.       });
    1678. 

  1678.     }
    1679. 

  1679.   </script>
    1680. 

  1680. </body>
    1681. 

  1681. </html>`
    1682.