index.html 69 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>炘和数智智慧平台</title>
  7. <link rel="icon" href="/assets/logo.png">
  8. <link rel="stylesheet" href="/style.css">
  9. </head>
  10. <body>
  11. <!-- Splash Screen -->
  12. <div class="splash" id="splash">
  13. <img src="/assets/logo.png" alt="炘和数智智慧平台" class="splash-logo">
  14. <div class="splash-name">炘和数智智慧平台</div>
  15. <div class="splash-sub">让餐饮经营可视化</div>
  16. <div class="splash-bar"><span></span></div>
  17. <div class="splash-powered">
  18. <span>powered by</span>
  19. <img src="/assets/powered-by.png" alt="Hyreal IDE">
  20. </div>
  21. </div>
  22. <div class="app-frame">
  23. <aside class="sidebar">
  24. <div class="sidebar-brand">
  25. <div class="sidebar-logo"><img src="/assets/logo.png" alt="门"></div>
  26. <div class="sidebar-titles">
  27. <div class="t1">炘和数智智慧平台</div>
  28. <div class="t2">让餐饮经营可视化</div>
  29. </div>
  30. </div>
  31. <div class="nav-section-label">门店装修</div>
  32. <button class="nav-item active" data-view="crawl"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 6h16M4 12h10M4 18h16"/></svg></span><span>门店采集</span></button>
  33. <button class="nav-item" data-view="gen"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.8 4.9L19 9.7l-4.3 3 1.2 5.3-3.9-3-3.9 3 1.2-5.3-4.3-3 5.2-1.8z"/></svg></span><span>视觉生成</span></button>
  34. <button class="nav-item" data-view="tasks"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h10M4 12h16M4 17h7"/><circle cx="18" cy="7" r="2"/><circle cx="15" cy="17" r="2"/></svg></span><span>任务中心</span></button>
  35. <button class="nav-item" data-view="history"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="3"/><circle cx="9" cy="10" r="1.8"/><path d="M21 16l-5-5-6 6"/></svg></span><span>历史创作</span></button>
  36. <div class="nav-section-label">经营分析</div>
  37. <button class="nav-item" data-view="reports"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M4 21h16"/></svg></span><span>数据采集</span></button>
  38. <button class="nav-item" data-view="schools"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="10" r="3"/><path d="M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z"/></svg></span><span>校区地图</span></button>
  39. <button class="nav-item" data-view="ops"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20h16"/><path d="M7 20V9M12 20V4M17 20v-7"/></svg></span><span>店铺运营</span></button>
  40. <button class="nav-item" data-view="lake"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><ellipse cx="12" cy="5" rx="7" ry="2.5"/><path d="M5 5v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5V5"/><path d="M5 11v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-6"/></svg></span><span>数据中台</span></button>
  41. <button class="nav-item" data-view="analysis"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 17l5-6 4 3 5-8 4 5"/><path d="M3 21h18"/></svg></span><span>趋势图表</span><span class="nav-beta">Beta</span></button>
  42. <button class="nav-item" data-view="ask"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="8" width="16" height="11" rx="3"/><path d="M12 8V5"/><circle cx="12" cy="3.6" r="1.4"/><path d="M9.5 13.5h.01M14.5 13.5h.01"/><path d="M9.5 16.2h5"/></svg></span><span>智能问数</span><span class="nav-beta">Beta</span></button>
  43. <div class="nav-section-label">设置</div>
  44. <button class="nav-item" data-view="settings"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.05A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.05A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6h.09A1.7 1.7 0 0 0 10 3.05V3a2 2 0 1 1 4 0v.05A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9v.09a1.7 1.7 0 0 0 1.55.91H21a2 2 0 1 1 0 4h-.05a1.7 1.7 0 0 0-1.55 1z"/></svg></span><span>系统设置</span></button>
  45. <button class="nav-item" data-view="logs"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5h16v11H8l-4 4Z"/><path d="M8 9h8M8 12h5"/></svg></span><span>系统日志</span></button>
  46. <div class="sidebar-bottom">
  47. <span id="sidebarVersion">淘宝闪购 · v1.0.0</span>
  48. <img src="/assets/powered-by.png" alt="Hyreal IDE" class="sidebar-powered">
  49. </div>
  50. </aside>
  51. <div class="main-wrap">
  52. <!-- ==================== 门店采集 ==================== -->
  53. <div id="viewCrawl" class="view active">
  54. <main class="content">
  55. <div class="page-header">
  56. <div>
  57. <h1>门店采集</h1>
  58. <div class="sub">从淘宝闪购后台按店铺批量采集菜品图,用于后续视觉美化</div>
  59. </div>
  60. </div>
  61. <div class="crawl-grid">
  62. <div class="left-col">
  63. <div class="panel panel-narrow panel-designed">
  64. <div class="stage-marker"><span class="stage-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h16M4 17h16"/><circle cx="9" cy="7" r="2.2"/><circle cx="15" cy="17" r="2.2"/></svg></span><span>抓取设置</span></div>
  65. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z"/><path d="M12 8v4l3 2"/></svg></span>
  66. <div class="panel-body">
  67. <div class="field">
  68. <label>采集通道</label>
  69. <select id="crawlChannel">
  70. <option value="auto">自动 · 优先客户端,不可用回落 Cookie</option>
  71. <option value="client">仅客户端(淘宝闪购)</option>
  72. <option value="cookie">仅 Cookie</option>
  73. </select>
  74. <div class="panel-hint" id="crawlChannelHint">正在检测通道状态…</div>
  75. </div>
  76. <label style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;">
  77. <input type="checkbox" id="forceFullCrawl">
  78. <span>强制全量抓取(覆盖已有图片)</span>
  79. </label>
  80. </div>
  81. </div>
  82. <button class="btn btn-primary btn-block" id="startBtn">
  83. <span id="startBtnIcon"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg></span>
  84. <span id="startBtnText">开始抓取</span>
  85. </button>
  86. <button class="btn btn-danger btn-block" id="stopBtn" disabled style="display:none;"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2"/></svg><span>停止</span></button>
  87. <div class="panel panel-fixed panel-progress">
  88. <div class="panel-title">
  89. <span>进度列表</span>
  90. <span class="actions"><span class="badge" id="crawlStatusBadge"></span></span>
  91. </div>
  92. <div id="progressList"></div>
  93. </div>
  94. </div>
  95. <div class="right-col">
  96. <div class="panel panel-fixed panel-shops">
  97. <div class="panel-title">
  98. <span>店铺清单</span>
  99. <span class="actions">
  100. <span class="badge badge-info" id="shopCount">0 家</span>
  101. <button class="btn btn-ghost btn-small" id="btnToggleAdd">+ 添加店铺</button>
  102. </span>
  103. </div>
  104. <div style="overflow-x:auto;">
  105. <table class="data-table">
  106. <thead>
  107. <tr>
  108. <th style="width:36px;"><input type="checkbox" id="selectAllCb"></th>
  109. <th style="min-width:220px;">店铺</th>
  110. <th style="width:100px;">shopId</th>
  111. <th style="width:100px;">状态</th>
  112. <th style="width:220px;">文件夹</th>
  113. </tr>
  114. </thead>
  115. <tbody id="shopTableBody"></tbody>
  116. </table>
  117. <div id="shopTableEmpty" class="empty-hint">
  118. <div class="empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="4" width="14" height="17" rx="2"/><path d="M9 4a3 3 0 0 1 6 0"/><path d="M9 10h6M9 14h6M9 18h4"/></svg></div>
  119. <p>尚无店铺<br><small>点击右上角「+ 添加店铺」手动录入</small></p>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </main>
  126. </div>
  127. <!-- ==================== 视觉生成 ==================== -->
  128. <div id="viewGen" class="view">
  129. <main class="content">
  130. <div class="page-header">
  131. <div>
  132. <h1>视觉生成</h1>
  133. <div class="sub">基于已采集的菜品图片,批量生成 LOGO / 海报 / 招牌 / 贴纸 + 菜品图</div>
  134. </div>
  135. <div class="toolbar">
  136. <button class="btn btn-ghost btn-small" id="btnRefreshGen">
  137. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  138. 刷新
  139. </button>
  140. </div>
  141. </div>
  142. <div class="gen-overview">
  143. <div class="stats-grid" id="statsBar">
  144. <div class="metric accent"><span class="metric-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V9l8-5 8 5v11"/><path d="M9 20v-6h6v6"/></svg></span><span class="metric-body"><span class="metric-label">店铺</span><span class="metric-value" id="statShops">—</span><span class="stat-delta" id="statShopsDelta"></span></span></div>
  145. <div class="metric ok"><span class="metric-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span><span class="metric-body"><span class="metric-label">已生成</span><span class="metric-value" id="statDone">—</span><span class="stat-delta" id="statDoneDelta"></span></span></div>
  146. <div class="metric warn"><span class="metric-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 3h10M7 21h10"/><path d="M8 3c0 8 8 8 8 18M16 3c0 8-8 8-8 18"/></svg></span><span class="metric-body"><span class="metric-label">待处理</span><span class="metric-value" id="statPending">—</span><span class="stat-delta" id="statPendingDelta"></span></span></div>
  147. <div class="metric fail"><span class="metric-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 7v6M12 16.5v.5"/></svg></span><span class="metric-body"><span class="metric-label">失败</span><span class="metric-value" id="statFail">—</span><span class="stat-delta" id="statFailDelta"></span></span></div>
  148. </div>
  149. <div class="gen-controls">
  150. <div class="field">
  151. <label>扫描范围</label>
  152. <div class="scan-dropdown" id="scanDropdown">
  153. <button type="button" class="scan-dropdown-trigger" id="scanDropdownTrigger" aria-expanded="false" aria-haspopup="listbox">
  154. <span id="scanDropdownText">全量扫描</span>
  155. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
  156. </button>
  157. <div class="scan-dropdown-menu" id="scanDropdownMenu" role="listbox" aria-multiselectable="true" hidden></div>
  158. </div>
  159. </div>
  160. <button class="btn btn-primary" id="scanBtn">
  161. <span id="scanIcon"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg></span>
  162. <span id="scanText">扫描店铺</span>
  163. </button>
  164. </div>
  165. </div>
  166. <div class="shop-cards" id="shopList"></div>
  167. </main>
  168. </div>
  169. <!-- ==================== 历史创作 ==================== -->
  170. <div id="viewTasks" class="view">
  171. <main class="content">
  172. <div class="page-header">
  173. <div>
  174. <h1>任务中心</h1>
  175. <div class="sub">跟踪生成任务状态,服务重启后可恢复进行中的生成任务</div>
  176. </div>
  177. <div class="toolbar">
  178. <button class="btn btn-ghost btn-small" id="btnRefreshTasks">
  179. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  180. 刷新
  181. </button>
  182. </div>
  183. </div>
  184. <div class="tasks-overview panel panel-designed">
  185. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h10M4 12h16M4 17h7"/><circle cx="18" cy="7" r="2"/><circle cx="15" cy="17" r="2"/></svg></span>
  186. <div class="tasks-stats">
  187. <div class="task-stat"><span>全部</span><strong id="taskCountAll">0</strong></div>
  188. <div class="task-stat running"><span>进行中</span><strong id="taskCountRunning">0</strong></div>
  189. <div class="task-stat queued"><span>排队</span><strong id="taskCountQueued">0</strong></div>
  190. <div class="task-stat success"><span>成功</span><strong id="taskCountSuccess">0</strong></div>
  191. <div class="task-stat failed"><span>失败</span><strong id="taskCountFailed">0</strong></div>
  192. </div>
  193. <div class="tasks-filters" id="taskFilters">
  194. <button class="history-filter active" data-filter="all">全部</button>
  195. <button class="history-filter" data-filter="running">进行中</button>
  196. <button class="history-filter" data-filter="queued">排队中</button>
  197. <button class="history-filter" data-filter="success">已完成</button>
  198. <button class="history-filter" data-filter="failed">失败</button>
  199. </div>
  200. </div>
  201. <div class="history-summary" id="taskSummary">正在加载任务…</div>
  202. <div class="task-list" id="taskList"></div>
  203. </main>
  204. </div>
  205. <!-- ==================== 历史创作 ==================== -->
  206. <div id="viewHistory" class="view">
  207. <main class="content">
  208. <div class="page-header">
  209. <div>
  210. <h1>历史创作</h1>
  211. <div class="sub">以图片墙回顾已生成的品牌物料与菜品作品</div>
  212. </div>
  213. <div class="toolbar">
  214. <button class="btn btn-ghost btn-small" id="btnRefreshHistory">
  215. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  216. 刷新
  217. </button>
  218. </div>
  219. </div>
  220. <div class="history-toolbar panel">
  221. <div class="history-search">
  222. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="6.5"/><path d="M20 20l-4.2-4.2"/></svg>
  223. <input type="text" id="historySearch" placeholder="搜索门店或作品名称">
  224. </div>
  225. <div class="history-filters" id="historyFilters">
  226. <button class="history-filter active" data-filter="all">全部</button>
  227. <button class="history-filter" data-filter="logo">LOGO</button>
  228. <button class="history-filter" data-filter="banner">海报</button>
  229. <button class="history-filter" data-filter="signage">招牌</button>
  230. <button class="history-filter" data-filter="sticker">贴纸</button>
  231. <button class="history-filter" data-filter="dish">菜品</button>
  232. </div>
  233. </div>
  234. <div class="history-summary" id="historySummary">加载中…</div>
  235. <div class="history-gallery" id="historyGallery"></div>
  236. </main>
  237. </div>
  238. <!-- ==================== 数据采集 ==================== -->
  239. <div id="viewReports" class="view">
  240. <main class="content">
  241. <div class="page-header">
  242. <div>
  243. <h1>数据采集</h1>
  244. <div class="sub">同步控制台:连接商家客户端、按区间取数入库、推送云端主档案</div>
  245. </div>
  246. <div class="toolbar">
  247. <span class="conn-help-wrap">
  248. <span class="badge badge-info" id="reportConnBadge">检测连接…</span>
  249. <button type="button" class="help-btn" id="btnClientHelp" title="客户端连接排查" aria-expanded="false">?</button>
  250. <div class="help-popover" id="clientHelpPopover" hidden>
  251. <div class="help-popover-title">客户端连接排查</div>
  252. <ol class="help-popover-steps">
  253. <li><b>验证调试端口:</b>客户端带参启动后,浏览器打开 <code>http://127.0.0.1:9669/json/version</code> —— 看到一段 JSON(含 "Browser")就是通的;打不开就是客户端没带参。</li>
  254. <li><b>macOS 带参启动:</b>⌘Q 完全退出客户端(活动监视器确认进程没了)→ 终端执行:<code>open -a "淘宝闪购商家版" --args --remote-debugging-port=9669</code></li>
  255. <li><b>Windows 带参启动:</b>任务栏右键完全退出(任务管理器确认)→ 右键快捷方式 → 属性 → 「目标」末尾加 <code>--remote-debugging-port=9669</code> → 以后都用这个快捷方式启动。</li>
  256. <li>回到本页点击「刷新」,徽章变「客户端已连接」后同步即可。若同步弹窗报 <code>Failed to fetch</code>,先确认服务在跑(启动窗口未关闭)。</li>
  257. </ol>
  258. <div class="help-popover-note">注意:客户端每次重启都必须带参启动,否则端口不会开启。</div>
  259. </div>
  260. </span>
  261. <button class="btn btn-ghost btn-small" id="btnNaposDiagnose" hidden>取数诊断</button>
  262. <button class="btn btn-ghost btn-small" id="btnHarvest" hidden>定向采集</button>
  263. <button class="btn btn-ghost btn-small" id="btnReportRefresh">
  264. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  265. 刷新
  266. </button>
  267. <button class="btn btn-primary btn-small" id="btnOpenSync">
  268. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>
  269. 同步数据
  270. </button>
  271. </div>
  272. </div>
  273. <div id="entityTabs"></div>
  274. <div class="panel panel-fixed" id="syncHistoryPanel">
  275. <div class="panel-title">
  276. <span>同步历史</span>
  277. <span class="actions">
  278. <span class="badge" id="reportPushBadge">云端未启用</span>
  279. <button class="btn btn-primary btn-small" id="btnReportPush">
  280. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21V9"/><path d="M7 14l5-5 5 5"/><path d="M4 3h16"/></svg>
  281. 推送云端
  282. </button>
  283. </span>
  284. </div>
  285. <div class="table-wrap">
  286. <table class="data-table" id="syncHistoryTable">
  287. <thead><tr><th>时间</th><th>区间</th><th>范围</th><th>新增</th><th>更新</th><th>失败</th><th>备注</th><th>云端</th></tr></thead>
  288. <tbody id="syncHistoryRows"><tr><td colspan="8" class="empty-cell">加载中…</td></tr></tbody>
  289. </table>
  290. <div id="syncHistoryEmpty" class="empty-hint" hidden>
  291. <div class="empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V11M10 20V4M16 20v-6M2.5 20h19"/></svg></div>
  292. <p id="syncHistoryEmptyText"></p>
  293. </div>
  294. </div>
  295. </div>
  296. </main>
  297. </div>
  298. <!-- ==================== 校区地图 ==================== -->
  299. <div id="viewSchools" class="view">
  300. <main class="content">
  301. <div class="page-header">
  302. <div>
  303. <h1>校区地图</h1>
  304. <div class="sub">已启用的学校点亮在中国地图上,点击可查看关联的运营数据</div>
  305. </div>
  306. <div class="toolbar">
  307. <button class="btn btn-ghost btn-small" id="btnSchoolsReset">回到全国</button>
  308. </div>
  309. </div>
  310. <div class="schools-layout">
  311. <div class="schools-map-card"><div id="schoolsMap" class="schools-map"></div></div>
  312. <aside class="schools-side">
  313. <div class="schools-side-head"><b>学校</b><span id="schoolsCount"></span></div>
  314. <div id="schoolsList" class="schools-list"></div>
  315. </aside>
  316. </div>
  317. </main>
  318. </div>
  319. <!-- ==================== 店铺运营 ==================== -->
  320. <div id="viewOps" class="view">
  321. <main class="content">
  322. <div class="page-header">
  323. <div>
  324. <h1>店铺运营</h1>
  325. <div class="sub">上传商家后台导出的人工统计表,按学校 / 店铺 / 日期查看运营指标</div>
  326. </div>
  327. <div class="toolbar">
  328. <div id="opsHeaderTools"></div>
  329. <button class="btn btn-ghost btn-small" id="btnOpsRecords">导入记录</button>
  330. <button class="btn btn-primary btn-small" id="btnOpsUpload">
  331. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 16V4"/><path d="M7 9l5-5 5 5"/><path d="M4 20h16"/></svg>
  332. 上传文件
  333. </button>
  334. </div>
  335. </div>
  336. <div id="opsBar"></div>
  337. <div id="opsBody"></div>
  338. </main>
  339. </div>
  340. <!-- ==================== 数据中台 ==================== -->
  341. <div id="viewLake" class="view">
  342. <main class="content">
  343. <div class="page-header">
  344. <div>
  345. <h1>数据中台</h1>
  346. <div class="sub">本地数据湖全景与明细数据(含全部原始字段),支持云端拉取补全</div>
  347. </div>
  348. <div class="toolbar">
  349. <button class="btn btn-ghost btn-small" id="btnLakeRefresh">
  350. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  351. 刷新
  352. </button>
  353. <button class="btn btn-primary btn-small" id="btnLakePull" title="以钉钉 AI 表格(云端主档案)为准覆盖本地湖;未注册的账号自动创建主体">
  354. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M4 21h16"/></svg>
  355. 云端拉取
  356. </button>
  357. <span class="badge" id="lakeSyncBadge"></span>
  358. </div>
  359. </div>
  360. <div class="seg-control lake-tabs" id="lakeTabs" role="tablist">
  361. <button type="button" class="active" data-tab="overview">湖全景</button>
  362. <button type="button" data-tab="detail">明细数据</button>
  363. </div>
  364. <div id="lakeTabOverview">
  365. <div class="stats-grid" id="lakeKpis">
  366. <div class="metric"><span class="metric-body"><span class="metric-label">数据主体</span><span class="metric-value" id="lakeEntityCount">–</span><span class="metric-sub">已注册的商家账号</span></span></div>
  367. <div class="metric"><span class="metric-body"><span class="metric-label">湖内总行数</span><span class="metric-value" id="lakeRowCount">–</span><span class="metric-sub">按 日期×维度×门店 幂等去重</span></span></div>
  368. <div class="metric"><span class="metric-body"><span class="metric-label">日期覆盖</span><span class="metric-value" id="lakeCoverage">–</span><span class="metric-sub">最早 ~ 最晚(后台约 180 天)</span></span></div>
  369. <div class="metric"><span class="metric-body"><span class="metric-label">最近同步</span><span class="metric-value" id="lakeLastSync">–</span><span class="metric-sub">取数写入本地湖的时间</span></span></div>
  370. </div>
  371. <div class="panel panel-fixed report-table-panel">
  372. <div class="panel-title">
  373. <span>主体明细</span>
  374. <span class="actions">
  375. <span class="badge badge-info" id="lakeRowsBadge">0 主体</span>
  376. <span class="conn-help-wrap">
  377. <button type="button" class="help-btn" id="btnLakeHelp" title="多机数据与云端同步规则" aria-expanded="false">?</button>
  378. <div class="help-popover" id="lakeHelpPopover" hidden>
  379. <div class="help-popover-title">多机与云端同步规则</div>
  380. <ol class="help-popover-steps">
  381. <li><b>不产生重复:</b>每一行的身份是「日期×账号×维度×门店」,多台电脑写同一行只会覆盖,不会重复。</li>
  382. <li><b>数据新者胜:</b>推送时对比本地取数时间与云端修改时间,旧数据不会覆盖云端新数据(跳过并计数)。</li>
  383. <li><b>层间矛盾拦截:</b>门店明细全部全零而连锁/公司汇总有数(取数异常形态)时拒绝推送;新店多导致的大面积全零是正常形态,不受影响。</li>
  384. <li><b>拉取不算待推:</b>云端拉取回来的数据本来就已在云端,不计入本机「待推送」;从未本地同步过的只读机器恒显示与云端一致。</li>
  385. <li><b>拉取以云端为准:</b>其他电脑执行「云端拉取」后,本地同键行被云端版本覆盖。</li>
  386. <li><b>推送前备份:</b>每次推送会把将被覆盖的云端记录自动备份到本机(.genpic/aitable-backup/,保留 20 份),坏推送可回滚;不放心误推的机器可在 系统设置 里开「云端写保护」,只拉不推。</li>
  387. </ol>
  388. </div>
  389. </span>
  390. </span>
  391. </div>
  392. <div class="table-wrap">
  393. <table class="data-table" id="lakeEntityTable">
  394. <thead>
  395. <tr>
  396. <th>账号名</th><th>门店/连锁</th><th>总行数</th><th>公司</th><th>连锁</th><th>门店</th><th>汇总</th><th>覆盖区间</th><th>最近同步</th><th>上次推送云端</th>
  397. </tr>
  398. </thead>
  399. <tbody id="lakeEntityRows">
  400. <tr><td colspan="10" class="empty-cell">加载中…</td></tr>
  401. </tbody>
  402. </table>
  403. <div id="lakeEmpty" class="empty-hint" hidden>
  404. <div class="empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V11M10 20V4M16 20v-6M2.5 20h19"/></svg></div>
  405. <p>本地湖为空<br><small>取数机先「同步数据」推送云端,本机可用右上角「云端拉取」补全</small></p>
  406. </div>
  407. </div>
  408. </div>
  409. </div>
  410. <div id="lakeTabDetail" hidden>
  411. <div id="lakeEntityTabs"></div>
  412. <div class="report-toolbar panel">
  413. <div class="field report-field-sm">
  414. <label>日期范围</label>
  415. <select id="reportRangePreset">
  416. <option value="1">昨日</option>
  417. <option value="7">近 7 天</option>
  418. <option value="30" selected>近 30 天</option>
  419. <option value="90">近 90 天</option>
  420. <option value="custom">自定义</option>
  421. </select>
  422. </div>
  423. <div class="field report-field-md" id="reportCustomRange" hidden>
  424. <label>起止日期</label>
  425. <div class="report-date-range">
  426. <input type="date" id="reportFromDate">
  427. <span>–</span>
  428. <input type="date" id="reportToDate">
  429. </div>
  430. </div>
  431. <div class="field report-field-lg">
  432. <label>门店</label>
  433. <div class="scan-dropdown" id="reportShopDropdown">
  434. <button type="button" class="scan-dropdown-trigger" id="reportShopTrigger" aria-expanded="false" aria-haspopup="listbox">
  435. <span id="reportShopText">全部门店</span>
  436. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
  437. </button>
  438. <div class="scan-dropdown-menu" id="reportShopMenu" role="listbox" aria-multiselectable="true" hidden></div>
  439. </div>
  440. </div>
  441. <div class="field">
  442. <label>视图</label>
  443. <div class="seg-control" id="reportViewModes" role="tablist">
  444. <button type="button" class="active" data-mode="detail">明细</button>
  445. <button type="button" data-mode="shop">按门店</button>
  446. <button type="button" data-mode="date">按日期</button>
  447. </div>
  448. </div>
  449. <div class="field report-field-grow">
  450. <label>搜索门店</label>
  451. <input type="text" id="reportSearch" placeholder="输入门店名称过滤">
  452. </div>
  453. <div class="field">
  454. <label>字段</label>
  455. <div class="seg-control" id="reportFieldModes" role="tablist">
  456. <button type="button" class="active" data-fields="report">报表列</button>
  457. <button type="button" data-fields="all">全部字段</button>
  458. </div>
  459. </div>
  460. <div class="report-toolbar-actions">
  461. <button class="btn btn-ghost btn-small" id="btnColumnCfg">列设置</button>
  462. <button class="btn btn-ghost btn-small" id="btnExportCsv">导出 CSV</button>
  463. </div>
  464. </div>
  465. <div class="panel panel-fixed report-table-panel">
  466. <div class="panel-title">
  467. <span>报表数据</span>
  468. <span class="actions"><span class="badge badge-info" id="reportRowCount">0 行</span></span>
  469. </div>
  470. <div class="report-table-wrap" id="reportTableWrap">
  471. <table class="data-table report-table" id="reportTable">
  472. <thead id="reportTableHead"></thead>
  473. <tbody id="reportTableBody"></tbody>
  474. </table>
  475. <div id="reportEmpty" class="empty-hint" hidden>
  476. <div class="empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V11M10 20V4M16 20v-6M2.5 20h19"/></svg></div>
  477. <p id="reportEmptyText">暂无数据<br><small>取数机先「同步数据」推送云端,本机可用右上角「云端拉取」补全</small></p>
  478. </div>
  479. </div>
  480. <div class="report-pager" id="reportPager"></div>
  481. </div>
  482. </div>
  483. </main>
  484. </div>
  485. <!-- ==================== 趋势图表 ==================== -->
  486. <div id="viewAnalysis" class="view">
  487. <main class="content">
  488. <div class="page-header">
  489. <div>
  490. <h1>趋势图表</h1>
  491. <div class="sub">经营 / 运营双视角内置模板,按模板看趋势与归因;深入分析去「智能问数」页</div>
  492. </div>
  493. <div class="toolbar">
  494. <button class="btn btn-ghost btn-small" id="btnExportHtml">
  495. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M4 21h16"/></svg>
  496. 导出周报
  497. </button>
  498. </div>
  499. </div>
  500. <div id="analysisEntityTabs"></div>
  501. <div class="ana-tpl-bar" id="anaTplBar"></div>
  502. <div class="ana-note" id="anaTplDesc"></div>
  503. <div class="report-toolbar panel">
  504. <div class="field report-field-sm">
  505. <label>日期范围</label>
  506. <select id="analysisRangePreset">
  507. <option value="1">昨日</option>
  508. <option value="7">近 7 天</option>
  509. <option value="30" selected>近 30 天</option>
  510. <option value="90">近 90 天</option>
  511. </select>
  512. </div>
  513. <div class="field report-field-lg">
  514. <label>门店</label>
  515. <div class="scan-dropdown" id="anaShopDropdown">
  516. <button type="button" class="scan-dropdown-trigger" id="anaShopTrigger" aria-expanded="false" aria-haspopup="listbox">
  517. <span id="anaShopText">全部门店</span>
  518. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
  519. </button>
  520. <div class="scan-dropdown-menu" id="anaShopMenu" role="listbox" aria-multiselectable="true" hidden></div>
  521. </div>
  522. </div>
  523. <div class="field report-field-sm" id="anaMetricField">
  524. <label>主指标</label>
  525. <select id="chartMetric" class="chart-metric-select"></select>
  526. </div>
  527. <label class="ana-compare-toggle" id="anaCompareField" title="主趋势图中叠加上一周期的虚线对照">
  528. <input type="checkbox" id="anaComparePrev" checked>
  529. <span>对比上期</span>
  530. </label>
  531. </div>
  532. <div class="delta-strip" id="analysisDeltas"></div>
  533. <div id="analysisEmpty" class="empty-hint" hidden>
  534. <div class="empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V11M10 20V4M16 20v-6M2.5 20h19"/></svg></div>
  535. <p id="analysisEmptyText"></p>
  536. </div>
  537. <div class="ana-grid" id="anaGrid"></div>
  538. </main>
  539. </div>
  540. <!-- ==================== 智能问数 ==================== -->
  541. <div id="viewAsk" class="view">
  542. <main class="content content-ask">
  543. <div class="ask-shell">
  544. <aside class="ask-side">
  545. <div class="ask-side-head">
  546. <span class="ask-brand">
  547. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="8" width="16" height="11" rx="3"/><path d="M12 8V5"/><circle cx="12" cy="3.6" r="1.4"/><path d="M9.5 13.5h.01M14.5 13.5h.01"/><path d="M9.5 16.2h5"/></svg>
  548. 智能问数
  549. </span>
  550. <button type="button" class="ask-new-btn" id="btnAskNewSession" title="新建会话">+</button>
  551. </div>
  552. <div class="ask-search">
  553. <input type="text" id="askSearch" placeholder="搜索会话" autocomplete="off">
  554. </div>
  555. <div class="ask-side-list" id="askSessions"></div>
  556. </aside>
  557. <section class="ask-stage">
  558. <div class="ask-stage-head">
  559. <span class="ask-stage-title" id="askStageTitle">新对话</span>
  560. <span class="ask-stage-badge" id="askStageBadge"></span>
  561. </div>
  562. <div class="ask-stage-sub">智能体自动取数、做同环比对比与数据体检;结论均来自本地数据湖,过程与数据质量判定全程可见</div>
  563. <div id="askDigest" class="ask-digest" hidden></div>
  564. <div class="ask-stream" id="askStream">
  565. <div class="ask-hero" id="askEmpty">
  566. <div class="ask-hero-title">给问数一个目标</div>
  567. <div class="ask-hero-sub">智能体会自动规划、调用取数与校验工具(湖概览 / 报表查询 / 同环比对比 / 数据体检),逐步给出带真实数字的结论;切换页面后运行仍会继续,可随时回来查看。</div>
  568. <div class="ask-chips" id="askChips">
  569. <button type="button" data-q="最近7天营业额和单量趋势">最近7天营业额和单量趋势</button>
  570. <button type="button" data-q="最近30天比上一个30天营业额变化多少,主要受哪些门店影响">环比变化与影响门店</button>
  571. <button type="button" data-q="做一次数据体检,看看数据质量有没有问题">数据体检</button>
  572. <button type="button" data-q="上月营业额Top5门店">上月营业额Top5门店</button>
  573. </div>
  574. </div>
  575. </div>
  576. <div class="ask-composer">
  577. <textarea id="askInput" rows="1" placeholder="描述你的数据问题,或从「技能」里点名打法;回车发送,Shift + Enter 换行" autocomplete="off"></textarea>
  578. <div class="ask-composer-bar">
  579. <select id="askEntity" class="ask-ent-select" title="数据主体"></select>
  580. <div class="seg-control" id="askMode">
  581. <button type="button" data-mode="auto" class="active">自动</button>
  582. <button type="button" data-mode="agent">深度分析</button>
  583. <button type="button" data-mode="quick">快问</button>
  584. </div>
  585. <select id="askSkill" class="ask-ent-select" title="内置技能(打法模板,可选)">
  586. <option value="">技能:自动</option>
  587. </select>
  588. <span class="ask-composer-spacer"></span>
  589. <button type="button" class="btn btn-ghost btn-small" id="btnAskStop" hidden>停止</button>
  590. <button type="button" class="ask-send-btn" id="btnAskSend" title="发送">
  591. <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3 11l18-8-8 18-2.5-7.5z"/></svg>
  592. </button>
  593. </div>
  594. </div>
  595. </section>
  596. </div>
  597. </main>
  598. </div>
  599. <!-- ==================== 系统设置 ==================== -->
  600. <div id="viewSettings" class="view">
  601. <main class="content">
  602. <div class="page-header">
  603. <div>
  604. <h1>系统设置</h1>
  605. <div class="sub">API 密钥与采集配置,保存后立即生效</div>
  606. </div>
  607. </div>
  608. <div class="settings-workspace">
  609. <div class="settings-col">
  610. <div class="panel panel-narrow">
  611. <div class="stage-marker">
  612. <span class="num">1</span><span>API 设置</span>
  613. <div class="seg-control settings-api-tabs" id="settingsApiTabs" role="tablist">
  614. <button type="button" class="active" data-tab="image">图像模型</button>
  615. <button type="button" data-tab="chat">对话模型</button>
  616. </div>
  617. </div>
  618. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="7.5" cy="15.5" r="4.5"/><path d="M11 12L21 2"/><path d="M16 7l3 3"/></svg></span>
  619. <div class="panel-body">
  620. <div id="settingsTabImage" class="settings-tab-body" role="tabpanel">
  621. <div class="field">
  622. <div class="field-label-row">
  623. <label>API Key<span class="req">*</span></label>
  624. <span class="label-links">
  625. <a class="settings-link settings-link-compact" href="https://o-hubs.com/api/console/keys" target="_blank" rel="noopener noreferrer">
  626. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="7.5" cy="15.5" r="4.5"/><path d="M11 12L21 2"/><path d="M16 7l3 3"/></svg>
  627. <span>获取 API Key</span>
  628. </a>
  629. <a class="settings-link settings-link-compact" href="https://o-hubs.com/home" target="_blank" rel="noopener noreferrer">
  630. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="6" width="18" height="13" rx="3"/><path d="M3 10h18"/><path d="M7 15h3"/></svg>
  631. <span>充值</span>
  632. </a>
  633. </span>
  634. </div>
  635. <input type="text" id="settingsApiKey" placeholder="sk-...">
  636. </div>
  637. <div class="field">
  638. <label>API 地址</label>
  639. <input type="text" id="settingsApiBase" value="https://api.lk888.ai" disabled>
  640. </div>
  641. <div class="field">
  642. <label>默认模型</label>
  643. <select id="settingsModel"></select>
  644. </div>
  645. <div class="settings-links">
  646. <button type="button" class="settings-link settings-link-btn" id="btnTestImage">
  647. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  648. <span>测试 API 与模型</span>
  649. </button>
  650. <span id="imageTestStatus" class="badge"></span>
  651. </div>
  652. </div>
  653. <div id="settingsTabChat" class="settings-tab-body" role="tabpanel" hidden>
  654. <div class="field">
  655. <label>API Key</label>
  656. <input type="text" id="settingsChatApiKey" placeholder="留空复用上方 API Key">
  657. </div>
  658. <div class="field">
  659. <label>API 地址</label>
  660. <input type="text" id="settingsChatApiBase" disabled placeholder="默认与生图 API 地址一致">
  661. </div>
  662. <div class="field">
  663. <label>对话模型</label>
  664. <select id="settingsChatModel">
  665. <option value="deepseek-v4.1-flash">deepseek-v4.1-flash</option>
  666. <option value="glm-5.3-flash">glm-5.3-flash</option>
  667. </select>
  668. <div class="help">用于快问与问数结论;深度分析缺省也用它</div>
  669. </div>
  670. <div class="field">
  671. <label>深度分析模型(可选)</label>
  672. <select id="settingsChatModelAgent">
  673. <option value="">跟随对话模型</option>
  674. <option value="deepseek-v4.1-flash">deepseek-v4.1-flash</option>
  675. <option value="glm-5.3-flash">glm-5.3-flash</option>
  676. </select>
  677. <div class="help">问数「深度分析」多步规划用的模型,缺省跟随上方对话模型</div>
  678. </div>
  679. <div class="field">
  680. <label>动作 JSON mode</label>
  681. <label style="display:flex;align-items:center;gap:6px;margin:0;">
  682. <input type="checkbox" id="settingsChatJsonMode" />
  683. <span>启用 response_format=json_object(网关支持时更稳,报错请关闭)</span>
  684. </label>
  685. </div>
  686. <div class="settings-links">
  687. <button type="button" class="settings-link settings-link-btn" id="btnTestChat">
  688. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v5h-5"/></svg>
  689. <span>测试对话模型</span>
  690. </button>
  691. <span id="chatTestStatus" class="badge"></span>
  692. </div>
  693. </div>
  694. <div class="panel-save-row">
  695. <button class="btn btn-primary btn-small" id="btnSaveApi">保存设置</button>
  696. <span id="apiSaveStatus" class="badge"></span>
  697. </div>
  698. </div>
  699. </div>
  700. <div class="panel panel-narrow">
  701. <div class="stage-marker"><span class="num">2</span><span>采集配置</span></div>
  702. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/><path d="M3 11h18"/></svg></span>
  703. <div class="panel-body">
  704. <div class="field">
  705. <label>输出根目录</label>
  706. <input type="text" id="settingsRootDir" placeholder="/path/to/workspace">
  707. </div>
  708. <div class="field-row">
  709. <div class="field">
  710. <label>每页条数</label>
  711. <input type="number" id="pageSizeInput" min="1" value="50">
  712. </div>
  713. <div class="field">
  714. <label>间隔 (ms)</label>
  715. <input type="number" id="delayInput" min="0" value="300">
  716. </div>
  717. </div>
  718. <div class="field">
  719. <label>Cookie(淘宝闪购,兜底通道)</label>
  720. <textarea id="settingsCookie" rows="3" placeholder="采集走客户端通道时无需此项;仅 Cookie 通道 / 客户端不可用时使用。登录 melody.shop.ele.me 后从 DevTools 复制粘贴"></textarea>
  721. </div>
  722. <div class="panel-save-row">
  723. <button class="btn btn-primary btn-small" id="btnSaveCrawl">保存设置</button>
  724. <span id="crawlSaveStatus" class="badge"></span>
  725. </div>
  726. </div>
  727. </div>
  728. </div>
  729. <div class="settings-col">
  730. <div class="panel panel-narrow">
  731. <div class="stage-marker"><span class="num">3</span><span>安全设置</span>
  732. <span class="conn-help-wrap">
  733. <button type="button" class="help-btn" id="btnSecurityHelp" title="局域网访问口令说明" aria-expanded="false">?</button>
  734. <div class="help-popover pop-left" id="securityHelpPopover" hidden>
  735. <div class="help-popover-title">局域网访问口令</div>
  736. <ol class="help-popover-steps">
  737. <li><b>作用:</b>设置后,同一局域网的其他电脑访问本服务需要输入此口令;本机 127.0.0.1 不受影响。</li>
  738. <li><b>清除:</b>输入 <code>-</code> 保存即清除;留空保存保持不变。</li>
  739. <li><b>临时开关:</b>也可用环境变量 <code>ACCESS_TOKEN</code>。</li>
  740. </ol>
  741. </div>
  742. </span>
  743. </div>
  744. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l7 3v5c0 4.4-3 8.4-7 10-4-1.6-7-5.6-7-10V6Z"/><path d="M9.5 12l1.8 1.8L15 10"/></svg></span>
  745. <div class="panel-body">
  746. <div class="field">
  747. <label>局域网访问口令(accessToken)</label>
  748. <input type="text" id="settingsAccessToken" placeholder="未设置" autocomplete="off">
  749. </div>
  750. <div class="panel-save-row">
  751. <button class="btn btn-primary btn-small" id="btnSaveSecurity">保存设置</button>
  752. <span id="securitySaveStatus" class="badge"></span>
  753. </div>
  754. </div>
  755. </div>
  756. <div class="panel panel-narrow">
  757. <div class="stage-marker"><span class="num">4</span><span>钉钉 AI 表格</span>
  758. <span class="conn-help-wrap">
  759. <button type="button" class="help-btn" id="btnAitableHelp" title="钉钉 AI 表格配置说明" aria-expanded="false">?</button>
  760. <div class="help-popover pop-left" id="aitableHelpPopover" hidden>
  761. <div class="help-popover-title">钉钉 AI 表格 · 配置说明</div>
  762. <ol class="help-popover-steps">
  763. <li><b>前置条件:</b>钉钉企业内部应用需开通「AI 表格」API 权限。</li>
  764. <li><b>Base ID:</b>可直接粘贴分享链接(形如 alidocs.dingtalk.com/i/nodes/xxx),保存时自动提取 ID;三张表名留空用默认值。</li>
  765. <li><b>为什么拆三张表:</b>云端按维度拆表(门店明细/连锁汇总/公司汇总),每张表内粒度唯一,钉钉 AI 问数/人工聚合不会跨维度算重。</li>
  766. <li><b>推送与拉取:</b>取数机「同步 → 自动推送」(数据采集页有手动推送按钮),其他电脑在「数据中台」页执行「云端拉取」。本面板只管配置。</li>
  767. </ol>
  768. </div>
  769. </span>
  770. </div>
  771. <span class="panel-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="3"/><path d="M3 10h18M9 10v10"/></svg></span>
  772. <div class="panel-body">
  773. <div class="field">
  774. <label style="display:flex;align-items:center;gap:6px;">
  775. <input type="checkbox" id="settingsAitableEnabled">
  776. <span>启用(同步完成后自动推送增量到云端)</span>
  777. </label>
  778. <label style="display:flex;align-items:center;gap:6px;">
  779. <input type="checkbox" id="settingsAitableReadOnly">
  780. <span>云端写保护(本机只拉不推,防误推坏数据;要推送需先回这里关闭)</span>
  781. </label>
  782. </div>
  783. <div class="field">
  784. <label>AppKey / AppSecret(钉钉企业内部应用)</label>
  785. <input type="text" id="settingsAitableAppKey" placeholder="钉钉开放平台应用的 AppKey" autocomplete="off">
  786. <input type="text" id="settingsAitableAppSecret" placeholder="AppSecret 未设置" autocomplete="off" style="margin-top:6px;">
  787. </div>
  788. <div class="field">
  789. <label>Base ID / 三张数据表名称</label>
  790. <input type="text" id="settingsAitableBaseId" placeholder="粘贴 AI 表格分享链接或直接填 Base ID" autocomplete="off">
  791. <div class="sheet-names-grid">
  792. <input type="text" id="settingsAitableSheetDetail" placeholder="门店明细" autocomplete="off">
  793. <input type="text" id="settingsAitableSheetChain" placeholder="连锁汇总" autocomplete="off">
  794. <input type="text" id="settingsAitableSheetCompany" placeholder="公司汇总" autocomplete="off">
  795. </div>
  796. </div>
  797. <div class="settings-links">
  798. <button type="button" class="settings-link settings-link-btn" id="btnTestAitable"><span>测试连通</span></button>
  799. <span id="aitableStatus" class="badge"></span>
  800. </div>
  801. <div class="panel-save-row">
  802. <button class="btn btn-primary btn-small" id="btnSaveAitable">保存设置</button>
  803. <span id="aitableSaveStatus" class="badge"></span>
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. </div>
  809. </main>
  810. </div>
  811. <!-- ==================== 系统日志 ==================== --> <!-- ==================== 系统日志 ==================== -->
  812. <div id="viewLogs" class="view">
  813. <main class="content">
  814. <div class="page-header">
  815. <div>
  816. <h1>系统日志</h1>
  817. <div class="sub">任务与系统的实时运行日志(最近 500 条,自动刷新)</div>
  818. </div>
  819. </div>
  820. <div class="panel panel-fixed panel-log settings-log">
  821. <div class="panel-title">
  822. <span>实时日志</span>
  823. <span class="actions">
  824. <button class="btn btn-ghost btn-small" id="btnClearLog">清空日志</button>
  825. </span>
  826. </div>
  827. <span class="panel-watermark log-watermark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5h16v11H8l-4 4Z"/><path d="M8 9h8M8 12h5"/></svg></span>
  828. <div class="log-box" id="logPanel"></div>
  829. </div>
  830. </main>
  831. </div>
  832. </div>
  833. </div>
  834. <div class="toast-wrap" id="toast-wrap"></div>
  835. <!-- 添加店铺弹窗 -->
  836. <div class="modal-overlay" id="modalAddShop" hidden>
  837. <div class="modal">
  838. <div class="modal-header">
  839. <div class="modal-title">
  840. <span class="modal-status-icon">
  841. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V9l8-5 8 5v11"/><path d="M9 20v-6h6v6"/></svg>
  842. </span>
  843. <span>添加店铺</span>
  844. </div>
  845. <button class="modal-close" id="btnCloseModal">&times;</button>
  846. </div>
  847. <div class="modal-body">
  848. <div class="field">
  849. <label>店铺清单</label>
  850. <textarea id="manualInput" rows="5" placeholder="每行一个:shopId 店铺名&#10;507068342 鑫龙福麻辣烫(康诺美食城店)"></textarea>
  851. <div class="help">每行一条,shopId 和店铺名用空格或逗号分隔</div>
  852. </div>
  853. </div>
  854. <div class="modal-footer">
  855. <button class="btn btn-ghost btn-small" id="btnCancelAdd">取消</button>
  856. <button class="btn btn-primary btn-small" id="useManualBtn">确认添加</button>
  857. </div>
  858. </div>
  859. </div>
  860. <!-- 列设置弹窗 -->
  861. <div class="modal-overlay" id="modalReportColumns" hidden>
  862. <div class="modal">
  863. <div class="modal-header">
  864. <div class="modal-title">
  865. <span class="modal-status-icon">
  866. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
  867. </span>
  868. <span>列设置</span>
  869. </div>
  870. <button class="modal-close" id="btnCloseColumnCfg">&times;</button>
  871. </div>
  872. <div class="modal-body">
  873. <div class="help" style="margin-bottom:8px;">勾选需要在报表中展示的字段(日期与门店名称固定展示)</div>
  874. <div class="colcfg-list" id="columnCfgList"></div>
  875. </div>
  876. <div class="modal-footer">
  877. <button class="btn btn-ghost btn-small" id="btnResetColumns">恢复默认</button>
  878. <button class="btn btn-primary btn-small" id="btnApplyColumns">应用</button>
  879. </div>
  880. </div>
  881. </div>
  882. <!-- 取数诊断弹窗(隐藏入口:连点侧边栏版本号 5 次显现) -->
  883. <div class="modal-overlay" id="modalNaposDiagnose" hidden>
  884. <div class="modal modal-wide">
  885. <div class="modal-header">
  886. <div class="modal-title">
  887. <span class="modal-status-icon">
  888. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a4.5 4.5 0 0 0-6 6L3 18l3 3 5.7-5.7a4.5 4.5 0 0 0 6-6L14 13l-3-3 3.7-3.7z"/></svg>
  889. </span>
  890. <span>取数诊断</span>
  891. </div>
  892. <button class="modal-close" id="btnCloseDiagnose">&times;</button>
  893. </div>
  894. <div class="modal-body">
  895. <div class="diagnose-summary" id="diagnoseSummary">正在诊断,约需半分钟,请勿关闭…</div>
  896. <details class="diagnose-raw">
  897. <summary>原始报告 JSON(复制或下载发给开发即可)</summary>
  898. <pre id="diagnoseJson"></pre>
  899. </details>
  900. </div>
  901. <div class="modal-footer">
  902. <button class="btn btn-ghost btn-small" id="btnCopyDiagnose">复制报告</button>
  903. <button class="btn btn-ghost btn-small" id="btnDownloadDiagnose">下载报告</button>
  904. <button class="btn btn-primary btn-small" id="btnDismissDiagnose">关闭</button>
  905. </div>
  906. </div>
  907. </div>
  908. <!-- 定向采集弹窗(隐藏入口:与取数诊断一起,连点侧边栏版本号 5 次显现) -->
  909. <div class="modal-overlay" id="modalHarvest" hidden>
  910. <div class="modal modal-wide">
  911. <div class="modal-header">
  912. <div class="modal-title">
  913. <span class="modal-status-icon">
  914. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M5 12a7 7 0 0 1 1.5-4.3M19 12a7 7 0 0 0-1.5-4.3M2.5 12a9.5 9.5 0 0 1 2-5.8M21.5 12a9.5 9.5 0 0 0-2-5.8"/></svg>
  915. </span>
  916. <span>定向采集接口</span>
  917. </div>
  918. <button class="modal-close" id="btnCloseHarvest">&times;</button>
  919. </div>
  920. <div class="modal-body">
  921. <ol class="help-popover-steps" style="position:static;opacity:1;visibility:visible;margin:0 0 10px;">
  922. <li><b>用途:</b>补录接口目录没有覆盖的页面(如「历史订单」「营业时间设置」),供开发侧定位数据源。</li>
  923. <li><b>用法:</b>点「开始采集」后,切到淘宝闪购客户端,<b>正常翻看目标页面约 2 分钟</b>(比如订单页点「历史订单」翻几页),时间到自动结束。</li>
  924. <li><b>安全:</b>只录下你浏览时页面自己发出的请求地址,不重放、不点击、不改任何数据。</li>
  925. <li><b>完成后:</b>点「复制清单」把结果发回开发侧即可。</li>
  926. </ol>
  927. <div class="field-row">
  928. <div class="field">
  929. <label>采集时长</label>
  930. <select id="harvestSeconds">
  931. <option value="60">1 分钟</option>
  932. <option value="120" selected>2 分钟</option>
  933. <option value="300">5 分钟</option>
  934. </select>
  935. </div>
  936. <div class="field" style="flex:0;">
  937. <label>&nbsp;</label>
  938. <button class="btn btn-primary btn-small" id="btnHarvestStart">开始采集</button>
  939. </div>
  940. </div>
  941. <div class="badge" id="harvestStatusBadge" style="margin-bottom:8px;">待开始</div>
  942. <div id="harvestSummary" class="diagnose-summary" hidden></div>
  943. <details class="diagnose-raw" id="harvestRawWrap" hidden>
  944. <summary>接口清单 JSON(复制发给开发即可)</summary>
  945. <pre id="harvestJson"></pre>
  946. </details>
  947. </div>
  948. <div class="modal-footer">
  949. <button class="btn btn-ghost btn-small" id="btnCopyHarvest" hidden>复制清单</button>
  950. <button class="btn btn-ghost btn-small" id="btnHarvestStop" hidden>提前结束</button>
  951. <button class="btn btn-primary btn-small" id="btnDismissHarvest">关闭</button>
  952. </div>
  953. </div>
  954. </div>
  955. <!-- 数据同步弹窗 -->
  956. <div class="modal-overlay" id="modalReportSync" hidden>
  957. <div class="modal modal-wide">
  958. <div class="modal-header">
  959. <div class="modal-title">
  960. <span class="modal-status-icon">
  961. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M4 21h16"/></svg>
  962. </span>
  963. <span>同步数据到本地</span>
  964. </div>
  965. <button class="modal-close" id="btnCloseSync">&times;</button>
  966. </div>
  967. <div class="modal-body">
  968. <div class="badge" id="syncEntityBadge">未识别主体</div>
  969. <div class="field">
  970. <label>同步范围</label>
  971. <select id="syncScope">
  972. <option value="all" selected>全部(公司 + 连锁 + 门店明细)</option>
  973. <option value="shop">仅门店明细</option>
  974. <option value="company">仅公司 / 连锁汇总</option>
  975. <option value="custom">指定门店</option>
  976. </select>
  977. </div>
  978. <div class="field" id="syncShopPickWrap" hidden>
  979. <label>选择门店</label>
  980. <div class="scan-dropdown" id="syncShopDropdown">
  981. <button type="button" class="scan-dropdown-trigger" id="syncShopTrigger" aria-expanded="false" aria-haspopup="listbox">
  982. <span id="syncShopText">选择门店</span>
  983. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
  984. </button>
  985. <div class="scan-dropdown-menu" id="syncShopMenu" role="listbox" aria-multiselectable="true" hidden></div>
  986. </div>
  987. </div>
  988. <div class="field">
  989. <label>日期范围</label>
  990. <select id="syncRange">
  991. <option value="1">昨日</option>
  992. <option value="7">近 7 天</option>
  993. <option value="30" selected>近 30 天</option>
  994. <option value="90">近 90 天</option>
  995. </select>
  996. <div class="help">经营数据后台保留约 180 天;当天数据未结算,同步区间右端取昨日</div>
  997. </div>
  998. <div class="field">
  999. <label>每日自动同步</label>
  1000. <div style="display:flex;gap:10px;align-items:center;">
  1001. <label style="display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap;">
  1002. <input type="checkbox" id="autoSyncEnabled" />
  1003. <span>每天自动同步昨日数据</span>
  1004. </label>
  1005. <input type="time" id="autoSyncTime" value="06:00" style="width:110px;" />
  1006. </div>
  1007. <div class="help">需商家客户端以调试端口运行;到点时客户端在线即自动补同步昨日数据,离线则当天在线后补跑。同步记录照常进入同步记录列表。</div>
  1008. </div>
  1009. <div id="syncProgressWrap" hidden>
  1010. <div class="sync-progress-row">
  1011. <div class="sync-progress-bar"><span id="syncProgressBar"></span></div>
  1012. <span class="badge badge-info" id="syncProgressText">0 / 0</span>
  1013. </div>
  1014. <div class="sync-stat-row">
  1015. <span class="badge badge-ok" id="syncStatAdded">新增 0</span>
  1016. <span class="badge badge-info" id="syncStatUpdated">更新 0</span>
  1017. <span class="badge badge-fail" id="syncStatFailed">失败 0</span>
  1018. <button class="btn btn-ghost btn-small" id="btnSyncCancel" hidden>取消</button>
  1019. </div>
  1020. <div class="sync-steps" id="syncSteps"></div>
  1021. </div>
  1022. <div class="help" id="syncHint">同步会把所选区间逐日、逐店的经营数据写入本地数据湖(data/reports/),可反复同步自动去重合并。</div>
  1023. </div>
  1024. <div class="modal-footer">
  1025. <button class="btn btn-ghost btn-small" id="btnCancelSync">关闭</button>
  1026. <button class="btn btn-primary btn-small" id="btnStartSync">开始同步</button>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. <!-- 店铺运营 · 上传弹窗 -->
  1031. <div class="modal-overlay" id="opsUploadModal" hidden>
  1032. <div class="modal ops-upload-modal">
  1033. <div class="modal-header">
  1034. <div class="modal-title"><span>上传店铺运营数据</span></div>
  1035. <button class="modal-close" id="opsUploadClose" type="button" aria-label="关闭">×</button>
  1036. </div>
  1037. <div class="modal-body">
  1038. <div class="ops-drop" id="opsDrop">
  1039. <b>拖拽 .xlsx 文件到这里(可多选)</b>
  1040. <small>或点击选择文件;支持商家后台导出的人工统计表,一次最多 30 个</small>
  1041. </div>
  1042. <input type="file" id="opsFile" accept=".xlsx" multiple hidden>
  1043. <div class="ops-file-list" id="opsFileList"></div>
  1044. <div class="ops-field">
  1045. <label for="opsYear">数据年份</label>
  1046. <input type="number" class="ops-input" id="opsYear" min="2000" max="2100" value="2026">
  1047. <small>表里的日期只有「9.9」这种格式,没有年份,需要你确认</small>
  1048. </div>
  1049. <div class="ops-field">
  1050. <label for="opsSchool">学校</label>
  1051. <select class="ops-input ops-select" id="opsSchool">
  1052. <option value="">自动(读取表格里的「学校名称」列)</option>
  1053. <option value="__custom">手动输入…</option>
  1054. </select>
  1055. <input type="text" class="ops-input" id="opsSchoolCustom" placeholder="输入学校名称" hidden>
  1056. <small>表格里没有「学校名称」列,或想把这批数据归到指定学校时,在这里选或手动填</small>
  1057. </div>
  1058. <label class="ops-check"><input type="checkbox" id="opsForce"> 覆盖已导入的文件(同一文件重新导入时替换旧数据)</label>
  1059. <div class="ops-upload-result" id="opsUploadResult"></div>
  1060. </div>
  1061. <div class="modal-footer">
  1062. <button class="btn btn-ghost btn-small" id="opsUploadCancel" type="button">关闭</button>
  1063. <button class="btn btn-primary btn-small" id="opsUploadStart" type="button">开始导入</button>
  1064. </div>
  1065. </div>
  1066. </div>
  1067. <!-- 店铺运营 · 导入记录 -->
  1068. <div class="modal-overlay" id="opsRecordsModal" hidden>
  1069. <div class="modal ops-records-modal">
  1070. <div class="modal-header">
  1071. <div class="modal-title"><span>导入记录</span></div>
  1072. <button class="modal-close" id="opsRecordsClose" type="button" aria-label="关闭">×</button>
  1073. </div>
  1074. <div class="modal-body" id="opsRecordsList"></div>
  1075. </div>
  1076. </div>
  1077. <script src="/crawl.js"></script>
  1078. <script src="/gen.js"></script>
  1079. <script src="/tasks.js"></script>
  1080. <script src="/history.js"></script>
  1081. <script src="/vendor/echarts.min.js"></script>
  1082. <script src="/analysis-templates.js"></script>
  1083. <script src="/reports.js"></script>
  1084. <script src="/lake.js"></script>
  1085. <script src="/ops.js"></script>
  1086. <script src="/schools.js"></script>
  1087. <script src="/ask.js"></script>
  1088. <script src="/app.js"></script>
  1089. </body>
  1090. </html>