eventStore.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526
  1. /**
  2. * 预警处置模式的「事件 + 预警/报警切换」状态(票 13)。
  3. *
  4. * 职责边界,沿用票 05/11/17/18 已定的分工:
  5. * · 本 store 只做三件事:持有切换状态(`mode` 当前是预警还是报警)、
  6. * 调 `services/eventApi.js` 取跨设备当前事件(当 mode 变了就换族重取)、
  7. * 把结果收成一个 `currentEvents` 分区;
  8. * · 事件怎么画归 `domain/eventList.js`(纯函数,本文件不做字段改名);
  9. * · 路径拼接、凭据、mock/real 切换归 `services/`(本文件不出现 fetched、裸字段名)。
  10. *
  11. * 为什么「切换」在 store 而不是组件里:票 19 要求「四个面板均支持预警/报警切换」——
  12. * 切换是**共享**状态(当前预警/历史分析/预警效率/预警分析四块面板读同一个当前族),
  13. * 放组件里每块各存一份,切了一块其它三块不会跟着变。本票先把 store 状态落好,
  14. * 组件(`EventListPane.vue`)只消费它,票 19 的四块面板直接复用同一份。
  15. *
  16. * 竞态收口沿用票 10/11 的 token 纪律:快速连续切 预警→报警→预警 时,
  17. * 只让最后一次请求落进分区(迟到的响应丢弃),不会出现"显示报警却把预警数据挂上去"。
  18. *
  19. * 票 61(统一分页批次三)新增**服务端页码状态**:当前事件表与历史事件单窗范围都按
  20. * `page`+`pageSize=10` 发请求,页码是本 store 的视图状态(`currentPage`/`historyPage`)。
  21. * 纪律有三条:① 条件(mode/range/industry/level/status)变化 → 页码回第 1 页;
  22. * ② 定时刷新/同条件重取**不复位**(条文 6 的反面),越界由回显夹回最后一页;
  23. * ③ 翻一页只重取该分区(不牵连另外三块面板),并用同一 token 作废迟到的页响应。
  24. */
  25. import { computed, ref } from 'vue'
  26. import { defineStore } from 'pinia'
  27. import { SECTION_STATE, section } from '../domain/sectionState.js'
  28. import { REQUEST_REASON } from '../domain/requestReason.js'
  29. import { EVENT_FAMILY } from '../domain/events.js'
  30. import { currentEventsView, isKnownEventMode, refreshedEventSelection } from '../domain/eventList.js'
  31. import { fetchCurrentEvents } from '../services/eventApi.js'
  32. import { EVENT_DETAIL_RESULT, eventDetailView, planEventLocate } from '../domain/eventDetail.js'
  33. import { getCameraState, getAssociatedDeviceState, highlightMapObject, setCameraFocus } from '../services/mapService.js'
  34. import { useMapStore } from './mapStore.js'
  35. import { EVENT_RANGES } from '../domain/warningResponsePanels.js'
  36. import { eventTimeWindow, historyWindows } from '../domain/eventRange.js'
  37. import { fetchEventAnalysis, fetchEventHistory, fetchHandlingEfficiency } from '../services/warningResponseApi.js'
  38. import { fetchWorkOrderList } from '../services/detailApi.js'
  39. import { PAGE_SIZE, serverPageView } from '../domain/pagination.js'
  40. /**
  41. * 会触发「回第 1 页」的条件键(条文 5/6;定时刷新不经过这里)。
  42. *
  43. * 票 67 补 `scope`(当前范围)。它必须进这张表:片区现在真的会下发给预警分析端点
  44. * (`warningResponseApi.js` 的 `acceptsDistrict`),换片区就是换了一批数据,
  45. * 页码留在第 3 页会翻到一个在新范围里根本不存在的页。
  46. */
  47. const CONDITION_KEYS = ['mode', 'range', 'industry', 'level', 'status', 'scope']
  48. /**
  49. * 报警效率面板「当前工单列表」的页大小(票 65)。
  50. *
  51. * 与事件表的 `PAGE_SIZE`(10)**刻意分开**:两者是不同端点、不同翻页语义,
  52. * 共用一个常量会让「改事件页大小」意外改掉工单列表(票 61 变异 M1 记过同类教训)。
  53. */
  54. const WORK_ORDER_LIST_PAGE_SIZE = 5
  55. /** 未取数时的分区(与其它 store 同形,`loaded:false` 表示"还没请求过")。 */
  56. function pending() {
  57. return { state: SECTION_STATE.EMPTY, reason: '', mode: '', data: null, missing: [], freshness: '', retained: false, loaded: false }
  58. }
  59. function initialSections() {
  60. return {
  61. currentEvents: pending(),
  62. historyAnalysis: pending(),
  63. responseEfficiency: pending(),
  64. eventAnalysis: pending(),
  65. // 票 65:报警效率面板的「当前工单列表」(全量工单端点,与上面四块各自成败)。
  66. // 分区名刻意叫 `workOrderList`:store 只说领域词汇,不照抄后端字段名
  67. // (照抄会被 t13 的 I1 守卫判红,票 05 纪律)。
  68. workOrderList: pending(),
  69. }
  70. }
  71. export const useEventStore = defineStore('eventStore', () => {
  72. /** 当前切换状态:`WARNING`(预警)或 `ALARM`(报警)。默认预警(`/events/current` 的 mode 必填)。 */
  73. const mode = ref(EVENT_FAMILY.WARNING)
  74. /** 当前事件分区(`/events/current` 的整体响应;成败由内部事件分区状态表达)。 */
  75. const sections = ref(initialSections())
  76. /** 预警处置三块聚合面板共享的时间范围,默认近 7 天。 */
  77. const range = ref('7d')
  78. /** 正在取数(界面只做轻提示;分区成败仍由分区自己说)。 */
  79. const loading = ref(false)
  80. /** 当前事件表的服务端页码(1 起,`pageSize=PAGE_SIZE`)。 */
  81. const currentPage = ref(1)
  82. /** 历史事件**单窗范围**的服务端页码(多窗合并范围无全局页,渲染层自持页码)。 */
  83. const historyPage = ref(1)
  84. /**
  85. * 「当前工单列表」的服务端页码(票 65)。
  86. *
  87. * 与上面两个页码**互不牵连**:翻工单页只重取工单分区,不动事件表/历史/效率/分析
  88. * (与「翻一页只重取该分区」同一条纪律)。
  89. */
  90. const workOrderPage = ref(1)
  91. /** 最后一个「当前事件分区的领域对象」(视图层读它,避免每次都重解构 section)。 */
  92. const currentDomain = ref(null)
  93. /** 当前打开的事件详情与地图定位结果;返回时不重取列表,保留 mode/筛选/分页上下文。 */
  94. const selectedEvent = ref(null)
  95. const locate = ref({ result: '', deviceCode: '', pointCode: '', reasonText: '' })
  96. /** 请求序号:翻页/切族/切范围共用一个令牌,迟到的页响应整批丢弃(token 纪律)。 */
  97. let token = 0
  98. /**
  99. * 工单列表专用的令牌(票 65)。
  100. *
  101. * 为什么不共用 `token`:那份是全局面板的令牌,翻一个工单页就把它 +1,会把在途的
  102. * 四块面板响应整批作废(用户只是翻了个工单页,另外三块却停在旧数据上)。
  103. * 工单列表是**独立分区**,竞态也该独立收口。
  104. */
  105. let workOrderToken = 0
  106. /**
  107. * 工单列表当前钉住的时间窗(票 65,2026-10-22)。
  108. *
  109. * 由 `loadPanels` 在每次取数时写入,`setWorkOrderPage` 直接复用 —— 翻页期间窗口必须
  110. * 一个字节都不变。若每次翻页都重算 `eventTimeWindow()`,`endTime` 会毫秒级后移,
  111. * 边界工单就会在页与页之间重复或消失(P10 断言钉住这件事)。
  112. */
  113. let workOrderWindow = null
  114. /** 请求注入(config / fetchImpl / industry…):取一次让后续所有取数共用。 */
  115. let requestOptions = {}
  116. function configure(options = {}) {
  117. requestOptions = { ...requestOptions, ...options }
  118. }
  119. /** 直接写入分区(走查与单测注入用)。 */
  120. function setSection(name, value) {
  121. sections.value = { ...sections.value, [name]: { ...value, loaded: true } }
  122. }
  123. /** 条件的可比较快照(只取值,不按对象身份——视图计划每次重算都是新对象)。 */
  124. function conditionSnapshot() {
  125. return {
  126. mode: mode.value,
  127. range: range.value,
  128. industry: requestOptions.industry,
  129. level: requestOptions.level,
  130. status: requestOptions.status,
  131. scope: requestOptions.scope,
  132. }
  133. }
  134. function selectedRange() {
  135. return EVENT_RANGES.find((item) => item.key === range.value) || EVENT_RANGES[0]
  136. }
  137. /** 四块面板共享的请求条件(`/events/current` 与三块聚合接口同一份)。 */
  138. function activeConditions() {
  139. const active = selectedRange()
  140. return { ...requestOptions, ...eventTimeWindow(active.type), mode: mode.value, rangeType: active.type }
  141. }
  142. /** 该范围是否存在「全局页」(单窗才有;多窗合并范围只能对已加载集合分页)。 */
  143. function singleHistoryWindow() {
  144. const active = selectedRange()
  145. const window = eventTimeWindow(active.type)
  146. return historyWindows(window.startTime, window.endTime).length <= 1
  147. }
  148. /** 当前事件页的后端回显 → 控件视图(失败/无回显回 null,不夹、不猜)。 */
  149. function currentPageView(result) {
  150. if (!result || !result.data) return null
  151. const rows = result.data.sections && result.data.sections.events && result.data.sections.events.data
  152. return serverPageView(result.data.pagination, Array.isArray(rows) ? rows.length : 0)
  153. }
  154. /** 历史事件页的后端回显 → 控件视图(只有服务端分页形态才有全局页)。 */
  155. function historyPageView(result) {
  156. const paging = result && result.data && result.data.paging
  157. if (!paging || paging.mode !== 'server') return null
  158. return serverPageView(paging, Array.isArray(result.data.events) ? result.data.events.length : 0)
  159. }
  160. async function fetchCurrentAt(page, pageSize = PAGE_SIZE) {
  161. try {
  162. return await fetchCurrentEvents({ ...activeConditions(), page, pageSize })
  163. } catch (error) {
  164. return section(SECTION_STATE.FAILED, { reason: REQUEST_REASON.UNREACHABLE, data: null })
  165. }
  166. }
  167. async function fetchHistoryAt(page) {
  168. try {
  169. return await fetchEventHistory({ ...activeConditions(), page, pageSize: PAGE_SIZE })
  170. } catch (error) {
  171. return section(SECTION_STATE.FAILED, { reason: REQUEST_REASON.UNREACHABLE, data: null })
  172. }
  173. }
  174. /**
  175. * 取一页并做越界夹回(条文 6:数据变少时页码越界 ⇒ 夹回最后一页再取一次)。
  176. * 只在「后端回显的分页视图说当前页超过了最后一页」时补一次请求,不递归。
  177. * @returns {Promise<object|null>} `null` = 期间又发生了更新的请求(token 已变),调用方应放弃
  178. */
  179. async function loadPage(request, pageRef, pageViewOf, mine) {
  180. let result = await request(pageRef.value)
  181. if (mine !== token) return null
  182. const view = pageViewOf(result)
  183. if (view && view.page !== pageRef.value) {
  184. pageRef.value = view.page
  185. result = await request(pageRef.value)
  186. if (mine !== token) return null
  187. const clamped = pageViewOf(result)
  188. if (clamped) pageRef.value = clamped.page
  189. }
  190. return result
  191. }
  192. /** 当前「事件 + 切换」视图(领域层现算;组件与走查都读它)。 */
  193. const view = computed(() => {
  194. // 已取到数据:从领域对象读事件分区(行 + 内部状态)。
  195. if (currentDomain.value) return currentEventsView(currentDomain.value)
  196. // 还没取过 / 整体失败:用整个分区驱动占位措辞(pending → 正在取数;failed → 加载失败)。
  197. return currentEventsView(null, sections.value.currentEvents)
  198. })
  199. /**
  200. * 取预警处置四块面板。切换 mode/range/筛选时四块共享一次条件,迟到响应整批丢弃;
  201. * 条件变化同时把两个服务端页码回第 1 页(**定时刷新不带条件 ⇒ 页码保持**)。
  202. */
  203. async function loadPanels(options = {}) {
  204. const before = conditionSnapshot()
  205. if (options.mode !== undefined && isKnownEventMode(options.mode)) mode.value = options.mode
  206. if (options.range !== undefined && EVENT_RANGES.some((item) => item.key === options.range)) range.value = options.range
  207. if (Object.keys(options).some((key) => !['mode', 'range'].includes(key))) configure(options)
  208. const after = conditionSnapshot()
  209. if (CONDITION_KEYS.some((key) => before[key] !== after[key])) {
  210. currentPage.value = 1
  211. historyPage.value = 1
  212. // 票 65:条件变了,工单列表也回第 1 页(条文 5;定时刷新不带条件 ⇒ 页码保持)。
  213. workOrderPage.value = 1
  214. }
  215. const active = activeConditions()
  216. // 票 65:把窗口**钉**在这一次取数上。`eventTimeWindow()` 每次调用都按 `Date.now()`
  217. // 重算,首屏与翻页各算一次就会毫秒级漂移 —— 翻页时窗口在动,边界工单会重复或漏掉。
  218. workOrderWindow = { startTime: active.startTime, endTime: active.endTime }
  219. token += 1
  220. const mine = token
  221. loading.value = true
  222. const requests = await Promise.all([
  223. fetchCurrentEvents({ ...active, page: currentPage.value, pageSize: PAGE_SIZE }),
  224. fetchEventHistory({ ...active, page: historyPage.value, pageSize: PAGE_SIZE }),
  225. fetchHandlingEfficiency(active),
  226. fetchEventAnalysis(active),
  227. // 票 65:报警效率面板的「当前工单列表」走**全量工单**端点(另一个粒度:
  228. // handling-efficiency 只给状态计数、不返回工单实体)。预警族不画工单列表,
  229. // 但这里照取不误——切族时不必等一次新往返,且失败只影响那一块分区。
  230. // 页码取 `workOrderPage`(定时刷新保持当前页),时间窗用刚钉下的那一份。
  231. fetchWorkOrderList(
  232. { page: workOrderPage.value, pageSize: WORK_ORDER_LIST_PAGE_SIZE, startTime: workOrderWindow.startTime, endTime: workOrderWindow.endTime },
  233. requestOptions,
  234. ),
  235. ].map(async (request) => {
  236. try {
  237. return await request
  238. } catch (error) {
  239. return section(SECTION_STATE.FAILED, { reason: REQUEST_REASON.UNREACHABLE, data: null })
  240. }
  241. }))
  242. if (mine !== token) return sections.value
  243. const [current, history, efficiency, analysis, workOrderList] = requests
  244. const safeCurrent = await clampSettled(current, currentPage, currentPageView, fetchCurrentAt, mine)
  245. if (mine !== token) return sections.value
  246. const safeHistory = await clampSettled(history, historyPage, historyPageView, fetchHistoryAt, mine)
  247. if (mine !== token) return sections.value
  248. sections.value = {
  249. currentEvents: { ...safeCurrent, loaded: true },
  250. historyAnalysis: { ...safeHistory, loaded: true },
  251. responseEfficiency: { ...efficiency, loaded: true },
  252. eventAnalysis: { ...analysis, loaded: true },
  253. workOrderList: { ...workOrderList, loaded: true },
  254. }
  255. currentDomain.value = safeCurrent.data || null
  256. selectedEvent.value = refreshedEventSelection(selectedEvent.value, currentDomain.value)
  257. loading.value = false
  258. return sections.value
  259. }
  260. /**
  261. * 已落定的一页若越界则夹回并补取一次(与 `loadPage` 同一判据)。
  262. * 并发批次取数时不能在 `Promise.all` 里改页码,所以夹回发生在整批回包之后。
  263. */
  264. async function clampSettled(result, pageRef, pageViewOf, request, mine) {
  265. if (mine !== token) return result
  266. const view = pageViewOf(result)
  267. if (!view || view.page === pageRef.value) {
  268. if (view) pageRef.value = view.page
  269. return result
  270. }
  271. pageRef.value = view.page
  272. const clamped = await request(pageRef.value)
  273. if (mine !== token) return result
  274. const clampedView = pageViewOf(clamped)
  275. if (clampedView) pageRef.value = clampedView.page
  276. return clamped
  277. }
  278. function setRange(next) {
  279. if (!EVENT_RANGES.some((item) => item.key === next) || next === range.value) return sections.value
  280. return loadPanels({ range: next })
  281. }
  282. /**
  283. * 当前事件表翻页(服务端页码分页):只重取当前事件分区,其余三块不动。
  284. * 迟到的页响应由 token 作废;越界页码按回显夹回最后一页。
  285. * @param {number} next 目标页码(1 起)
  286. * @returns {Promise<object>} `sections.currentEvents`
  287. */
  288. async function setCurrentPage(next) {
  289. const page = Math.max(1, Math.trunc(Number(next) || 1))
  290. if (page === currentPage.value) return sections.value.currentEvents
  291. currentPage.value = page
  292. token += 1
  293. const mine = token
  294. // 翻页**不置 loading**:条文 8「翻页请求进行中保持旧内容,不闪空白」——
  295. // 整面板 loading 只用于换条件/首取(那才需要占位)。
  296. const result = await loadPage(fetchCurrentAt, currentPage, currentPageView, mine)
  297. if (!result) return sections.value.currentEvents
  298. sections.value = { ...sections.value, currentEvents: { ...result, loaded: true } }
  299. currentDomain.value = result.data || null
  300. // 翻页后保留已打开的详情与「当前列表未返回该事件」语义(票 13 既有行为)。
  301. selectedEvent.value = refreshedEventSelection(selectedEvent.value, currentDomain.value)
  302. return sections.value.currentEvents
  303. }
  304. /**
  305. * 历史事件单窗范围翻页(服务端页码分页):只重取历史分析分区。
  306. * 多窗合并范围没有全局页,本入口不适用(渲染层对已加载集合分页)。
  307. * @param {number} next 目标页码(1 起)
  308. * @returns {Promise<object>} `sections.historyAnalysis`
  309. */
  310. async function setHistoryPage(next) {
  311. const page = Math.max(1, Math.trunc(Number(next) || 1))
  312. if (!singleHistoryWindow() || page === historyPage.value) return sections.value.historyAnalysis
  313. historyPage.value = page
  314. token += 1
  315. const mine = token
  316. // 与当前事件表同一条纪律:翻页保持旧内容,不闪空白(条文 8)。
  317. const result = await loadPage(fetchHistoryAt, historyPage, historyPageView, mine)
  318. if (!result) return sections.value.historyAnalysis
  319. sections.value = { ...sections.value, historyAnalysis: { ...result, loaded: true } }
  320. return sections.value.historyAnalysis
  321. }
  322. /**
  323. * 「当前工单列表」翻页(服务端页码分页;票 65):只重取工单分区。
  324. *
  325. * 三条纪律与事件表翻页一致,只是竞态用**独立令牌**:
  326. * · 翻页保持旧内容、不闪空白(条文 8);
  327. * · 页码越界由后端回显夹回(`serverPageView` 同一判据),夹回后同步到 `workOrderPage`;
  328. * · 迟到的页响应整体丢弃(`workOrderToken` 变了就放弃)。
  329. *
  330. * @param {number} next 目标页码(1 起)
  331. * @returns {Promise<object>} `sections.workOrderList`
  332. */
  333. async function setWorkOrderPage(next) {
  334. const page = Math.max(1, Math.trunc(Number(next) || 1))
  335. if (page === workOrderPage.value) return sections.value.workOrderList
  336. workOrderPage.value = page
  337. workOrderToken += 1
  338. const mine = workOrderToken
  339. // 翻页必须用**首屏钉下的同一份时间窗**(不是现在重算一份):
  340. // 少了窗口,第 2 页会悄悄变回全库口径;每次重算窗口,`endTime` 会毫秒级后移,
  341. // 边界工单就会在页与页之间重复或消失。两种情况都是「看不出来」的错。
  342. const window = workOrderWindow || activeConditions()
  343. let result
  344. try {
  345. result = await fetchWorkOrderList(
  346. { page, pageSize: WORK_ORDER_LIST_PAGE_SIZE, startTime: window.startTime, endTime: window.endTime },
  347. requestOptions,
  348. )
  349. } catch (error) {
  350. result = section(SECTION_STATE.FAILED, { reason: REQUEST_REASON.UNREACHABLE, data: null })
  351. }
  352. // 迟到响应丢弃:期间又翻过页/切过条件,这一页不落分区。
  353. if (mine !== workOrderToken) return sections.value.workOrderList
  354. const view = serverPageView(
  355. result && result.data && result.data.pagination,
  356. result && result.data && Array.isArray(result.data.orders) ? result.data.orders.length : 0,
  357. )
  358. // 后端夹回(如数据变少后第 3 页不存在):以回显为准,不再补一次请求。
  359. if (view) workOrderPage.value = view.page
  360. sections.value = { ...sections.value, workOrderList: { ...result, loaded: true } }
  361. return sections.value.workOrderList
  362. }
  363. /**
  364. * 取当前事件列表(跨设备的 `/events/current`;票 13 的预警处置面板数据源)。
  365. *
  366. * `options.mode` 显式给(菜单面板里点别的族)时更新切换状态;没给就沿用当前族。
  367. * token 纪律:换族后旧的在途响应作废(迟到的预警不落进报警表)。
  368. * 票 61:`page`/`pageSize` 进请求;`page` 缺省回第 1 页(这是一次完整重取)。
  369. * @param {object} [options] `{ mode, industry, level, status, page, pageSize, config, fetchImpl }`
  370. * @returns {Promise<object>} `sections.currentEvents`
  371. */
  372. async function loadCurrentEvents(options = {}) {
  373. if (options.mode !== undefined && isKnownEventMode(options.mode)) mode.value = options.mode
  374. if (Object.keys(options).some((key) => !['mode', 'page', 'pageSize'].includes(key))) configure(options)
  375. const pageSize = Number.isInteger(options.pageSize) && options.pageSize > 0 ? options.pageSize : PAGE_SIZE
  376. currentPage.value = Number.isInteger(options.page) && options.page > 0 ? options.page : 1
  377. token += 1
  378. const mine = token
  379. loading.value = true
  380. const result = await loadPage((page) => fetchCurrentAt(page, pageSize), currentPage, currentPageView, mine)
  381. // 迟到的响应丢弃:mode/页码换过之后,旧请求的结果不得写进新分区。
  382. if (!result) return sections.value.currentEvents
  383. const next = { ...result, loaded: true }
  384. sections.value = { ...sections.value, currentEvents: next }
  385. currentDomain.value = result.data || null
  386. selectedEvent.value = refreshedEventSelection(selectedEvent.value, currentDomain.value)
  387. loading.value = false
  388. return next
  389. }
  390. /** 从当前列表打开详情;不改变当前列表数据或筛选上下文。 */
  391. function openEvent(event) {
  392. selectedEvent.value = event || null
  393. // 定位结果先清空:位置(设备码/点位码)由 `locateEvent` 按事件所在行的编码现算,
  394. // 这里只留一个"还没定位过"的空态,不预先冒充结果。
  395. locate.value = { result: '', code: (event && event.code) || '', deviceCode: '', pointCode: '', reasonText: '' }
  396. return selectedEvent.value
  397. }
  398. function closeEvent() {
  399. selectedEvent.value = null
  400. locate.value = { result: '', code: '', deviceCode: '', pointCode: '', reasonText: '' }
  401. // 收起详情时把强调还原(传空 = 全部回到常态),地图上不留上一轮的高亮。
  402. highlightMapObject([])
  403. }
  404. async function locateEvent(event = selectedEvent.value, deps = {}) {
  405. if (event) selectedEvent.value = event
  406. const current = selectedEvent.value
  407. const mapStore = useMapStore()
  408. const objects = deps.objects || [
  409. ...getAssociatedDeviceState().plan.filter((row) => row.placement === 'drawn').map((row) => ({ ...row, kind: 'monitoring-device' })),
  410. ...mapStore.summary.objects,
  411. ]
  412. const mapReady = deps.mapReady === undefined ? !!getCameraState() : !!deps.mapReady
  413. const plan = planEventLocate(current, objects, mapReady)
  414. locate.value = { result: plan.result, deviceCode: plan.deviceCode, pointCode: plan.pointCode, reasonText: plan.reasonText }
  415. if (plan.result !== EVENT_DETAIL_RESULT.OK) return locate.value
  416. const focus = deps.focus || setCameraFocus
  417. const highlight = deps.highlight || highlightMapObject
  418. if (!plan.target || focus(plan.target) !== true) {
  419. locate.value = { result: EVENT_DETAIL_RESULT.UNAVAILABLE, deviceCode: plan.deviceCode, pointCode: plan.pointCode, reasonText: '地图尚未就绪,稍后重试' }
  420. return locate.value
  421. }
  422. // 设备与关联管线一起高亮;一个都没高亮到 = 目标还没上图(如实说,不假装成功)。
  423. const matched = highlight(plan.codes)
  424. if (!matched) {
  425. locate.value = { result: EVENT_DETAIL_RESULT.UNAVAILABLE, deviceCode: plan.deviceCode, pointCode: plan.pointCode, reasonText: '关联设备尚未出现在地图上' }
  426. }
  427. return locate.value
  428. }
  429. /**
  430. * 切换预警/报警。唯一入口(组件与票 19 的面板都走它):
  431. * 改切换状态 + 换族重取 —— 切换与字段/状态标签同步是 `domain/eventList.js` 的
  432. * `eventListSwitchView` 结构保证的,这里只管状态与取数。
  433. * @param {string} next `WARNING`/`ALARM`;认不出不改
  434. * @returns {Promise<object>} 分区
  435. */
  436. async function setMode(next) {
  437. if (!isKnownEventMode(next) || next === mode.value) return sections.value.currentEvents
  438. return loadPanels({ mode: next })
  439. }
  440. /** 仅测试用:回到未加载状态。 */
  441. function reset() {
  442. token += 1
  443. mode.value = EVENT_FAMILY.WARNING
  444. sections.value = initialSections()
  445. currentDomain.value = null
  446. range.value = '7d'
  447. currentPage.value = 1
  448. historyPage.value = 1
  449. selectedEvent.value = null
  450. locate.value = { result: '', code: '', deviceCode: '', pointCode: '', reasonText: '' }
  451. loading.value = false
  452. requestOptions = {}
  453. }
  454. return {
  455. mode,
  456. range,
  457. sections,
  458. loading,
  459. currentPage,
  460. historyPage,
  461. workOrderPage,
  462. currentDomain,
  463. selectedEvent,
  464. locate,
  465. view,
  466. configure,
  467. setRange,
  468. loadPanels,
  469. openEvent,
  470. closeEvent,
  471. locateEvent,
  472. setSection,
  473. loadCurrentEvents,
  474. setCurrentPage,
  475. setHistoryPage,
  476. setWorkOrderPage,
  477. setMode,
  478. reset,
  479. }
  480. })