api.js 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956
  1. /**
  2. * 模拟 API 接口层(动态数据版)
  3. *
  4. * 特性:
  5. * - 数据来源:mock_data.json(由 generate_mock_data.py 从真实 XLS 路口数据生成)
  6. * - 静态资源(视频/图片)在此处统一 import,接口直接返回完整数据
  7. * - 支持分页、筛选、排序等动态查询
  8. * - 每次请求信号倒计时、在线率、告警时间等实时数据会动态变化
  9. * - 路口状态会随机波动,模拟真实监控场景
  10. *
  11. * 使用:import { apiLogin, apiGetPoints, ... } from '@/pyscripts/api'
  12. * 所有接口返回 Promise<{ code, message, data }>
  13. */
  14. import mockData from './mock_data.json'
  15. // ── 静态资源(模拟 CDN / 后端返回的资源 URL)─────────────────────
  16. import video1 from '@/assets/videos/video1.mp4'
  17. import video2 from '@/assets/videos/video2.mp4'
  18. import arrow1 from '@/assets/images/arrow_1.png'
  19. import arrow2 from '@/assets/images/arrow_2.png'
  20. import arrow3 from '@/assets/images/arrow_3.png'
  21. import arrow4 from '@/assets/images/arrow_4.png'
  22. const VIDEOS = [video1, video2]
  23. const ARROWS = [arrow1, arrow2, arrow3, arrow4]
  24. function pickVideo(i) { return VIDEOS[i % VIDEOS.length] }
  25. // ── 工具 ─────────────────────────────────────────────────────────────
  26. function sleep(ms) { return new Promise(r => setTimeout(r, ms)) }
  27. function delay(base = 200) { return sleep(base + Math.floor(Math.random() * 200)) }
  28. function ok(data) { return { code: 200, message: 'success', data } }
  29. function fail(msg, code = 400) { return { code, message: msg, data: null } }
  30. /** 基于当前秒数产生稳定随机(同一秒内多次调用返回相同值) */
  31. function seededRand(seed) {
  32. const x = Math.sin(seed) * 10000
  33. return x - Math.floor(x)
  34. }
  35. /** 当前时间 HH:MM:SS */
  36. function nowTime() { return new Date().toLocaleTimeString() }
  37. function nowDate() { return new Date().toLocaleDateString() }
  38. // ── 数据缓存(首次 import 时加载) ──────────────────────────────────
  39. const DB = {
  40. points: mockData.points,
  41. menuTree: mockData.menuTree,
  42. tongzhouMenuTree: mockData.tongzhouMenuTree,
  43. homeData: mockData.homeData,
  44. deviceStatus: mockData.deviceStatus,
  45. timeSpaceData: mockData.timeSpaceData,
  46. crossingList: mockData.crossingList,
  47. securityRoutes: mockData.securityRoutes,
  48. securityTasks: mockData.securityTasks,
  49. filterOptions: mockData.filterOptions,
  50. signalTimings: mockData.sampleSignalTimings,
  51. intersectionConfigs: mockData.sampleIntersectionConfigs,
  52. }
  53. // ── 内部生成器 ───────────────────────────────────────────────────────
  54. /**
  55. * 生成摄像机模拟数据(基于 XLS 摄像机 Sheet 字段结构)
  56. * 字段:路口名、路口编号、摄像机编号、登录名称、摄像头密码、摄像头类型、端口号、IP地址、是否启用、位置
  57. */
  58. function _makeCameras(id, name, seed) {
  59. const positions = ['北进口', '南进口', '东进口', '西进口']
  60. const types = ['枪机', '球机']
  61. const numCams = 2 + (seed % 3) // 2~4 个
  62. return Array.from({ length: numCams }, (_, i) => ({
  63. intersection: name || id,
  64. intersectionId: id,
  65. cameraId: `CAM${(id || '000').slice(-6)}_${String(i + 1).padStart(2, '0')}`,
  66. loginName: `admin_${String(seed + i).slice(-4)}`,
  67. password: '******',
  68. cameraType: types[(seed + i) % types.length],
  69. port: 554 + i,
  70. ip: `192.168.${10 + (seed % 200)}.${100 + i}`,
  71. enabled: (seed + i) % 20 !== 0, // ~5% 禁用
  72. position: positions[i % positions.length],
  73. }))
  74. }
  75. /** 从摄像机列表推导各方向摄像头类型 (1枪机 2球机 0无) */
  76. function _camerasToArmTypes(cameras) {
  77. const posMap = { '北进口': 'N', '南进口': 'S', '东进口': 'E', '西进口': 'W' }
  78. const typeMap = { '枪机': 1, '球机': 2 }
  79. const result = { N: 0, S: 0, E: 0, W: 0 }
  80. cameras.forEach(c => {
  81. if (c.enabled) {
  82. const dir = posMap[c.position]
  83. if (dir) result[dir] = typeMap[c.cameraType] || 0
  84. }
  85. })
  86. return result
  87. }
  88. function _makeIntersectionConfig(id, name) {
  89. const phases = ['南北直行', '东西直行', '北单放', '东单放']
  90. const nsGreen = Math.random() > 0.5
  91. const countdown = 10 + Math.floor(Math.random() * 50)
  92. const seed = id ? Array.from(id).reduce((s, c, i) => s + c.charCodeAt(0) * (i + 1), 0) : 0
  93. const cameras = _makeCameras(id, name, seed)
  94. const armCamTypes = _camerasToArmTypes(cameras)
  95. const lanePresets = [
  96. ['U', 'L', 'S', 'R'], [null, 'L', 'S', 'R'],
  97. [null, 'L', 'S', null], ['U', 'L', 'S', null],
  98. ].sort(() => seededRand(seed) - 0.5)
  99. return {
  100. signals: {
  101. ns: { phaseName: phases[0], time: countdown, isGreen: nsGreen },
  102. ew: { phaseName: phases[1], time: countdown, isGreen: !nsGreen },
  103. },
  104. armsConfig: {
  105. N: { cameraType: armCamTypes.N, lanes: lanePresets[0] },
  106. S: { cameraType: armCamTypes.S, lanes: lanePresets[1] },
  107. E: { cameraType: armCamTypes.E, lanes: lanePresets[2] },
  108. W: { cameraType: armCamTypes.W, lanes: lanePresets[3] },
  109. },
  110. cameras,
  111. }
  112. }
  113. function _makePhaseData(cycleLength) {
  114. const n = 4, tp = Math.floor(cycleLength / n)
  115. const dirs = ['UP', 'TURN_LEFT', 'DOWN', 'TURN_RIGHT']
  116. const pd = []
  117. for (let track = 1; track >= 0; track--) {
  118. let t = 0
  119. for (let i = 0; i < n; i++) {
  120. const g = tp - 8
  121. pd.push([track, t, t + g, `P${track * n + i + 1}`, g, 'green', dirs[i]]); t += g
  122. pd.push([track, t, t + 3, '', null, 'stripe', null]); t += 3
  123. pd.push([track, t, t + 2, '', null, 'yellow', null]); t += 2
  124. pd.push([track, t, t + 3, '', null, 'red', null]); t += 3
  125. }
  126. }
  127. return pd
  128. }
  129. function _makeCornerVideos(seed = 0) {
  130. return { nw: pickVideo(seed), ne: pickVideo(seed + 1), sw: pickVideo(seed + 1), se: pickVideo(seed) }
  131. }
  132. function _makeStageList() {
  133. return [1, 2, 3, 4].map((_, i) => ({
  134. value: String(i + 1), time: [30, 30, 50, 30][i], img: ARROWS[i],
  135. }))
  136. }
  137. function _makeCardPhases(activeIndex = 0) {
  138. return ARROWS.map((img, i) => ({
  139. id: i + 1, icon: ['↑', '↰', '↑', '↰'][i], img, active: i === activeIndex,
  140. }))
  141. }
  142. /** 动态波动整数值(基于基准值上下浮动) */
  143. function _fluctuate(base, range) {
  144. return base + Math.floor(Math.random() * range * 2) - range
  145. }
  146. /** 动态更新路口状态(每次调用随机波动少量路口) */
  147. function _dynamicPoints() {
  148. const now = Math.floor(Date.now() / 5000) // 每5秒切换一批
  149. return DB.points.map((p, i) => {
  150. const r = seededRand(now + i)
  151. const status = r < 0.78 ? 'normal' : r < 0.92 ? 'busy' : 'alarm'
  152. return { ...p, status, updatedAt: Date.now() - Math.floor(r * 120000) }
  153. })
  154. }
  155. // ═══════════════════════════════════════════════════════════════════════
  156. // E: 认证
  157. // ═══════════════════════════════════════════════════════════════════════
  158. /** 验证码状态(模拟服务端 session 存储) */
  159. let _captchaStore = { code: '', expireAt: 0 }
  160. /**
  161. * GET /api/auth/captcha — 获取验证码
  162. * 返回 4 位随机字符 + base64 图片(Canvas 绘制)
  163. * 真实后端应返回图片流,这里模拟返回验证码文本 + 配置,由前端 Canvas 绘制
  164. */
  165. export async function apiGetCaptcha() {
  166. await delay(100)
  167. const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'
  168. const code = Array.from({ length: 4 }, () => chars[Math.floor(Math.random() * chars.length)]).join('')
  169. // 存储验证码,有效期 60 秒
  170. _captchaStore = { code: code.toUpperCase(), expireAt: Date.now() + 60000 }
  171. return ok({
  172. captchaId: 'cap_' + Date.now(),
  173. code, // 模拟环境直接返回明文,真实环境不应返回
  174. length: 4,
  175. expireIn: 60, // 秒
  176. })
  177. }
  178. /**
  179. * POST /api/auth/login — 登录(含验证码校验)
  180. */
  181. export async function apiLogin({ username, password, captcha }) {
  182. await delay(300)
  183. // 验证码校验
  184. if (_captchaStore.code && captcha) {
  185. if (Date.now() > _captchaStore.expireAt) {
  186. return fail('验证码已过期,请刷新', 401)
  187. }
  188. if (captcha.toUpperCase() !== _captchaStore.code) {
  189. return fail('验证码错误', 401)
  190. }
  191. }
  192. // 账号密码校验
  193. if (username === 'admin' && password === '123456') {
  194. _captchaStore = { code: '', expireAt: 0 } // 登录成功后清除验证码
  195. return ok({ token: 'demo_token_' + Date.now(), user: { name: 'admin', role: '管理员' } })
  196. }
  197. return fail('账号或密码错误(演示账号:admin / 123456)', 401)
  198. }
  199. export async function apiChangePassword({ oldPassword, newPassword }) {
  200. await delay(300)
  201. if (oldPassword === '123456') return ok({ message: '密码修改成功' })
  202. return fail('原密码错误')
  203. }
  204. // ═══════════════════════════════════════════════════════════════════════
  205. // A: 路口基础数据
  206. // ═══════════════════════════════════════════════════════════════════════
  207. /**
  208. * GET /api/intersections — 路口点位列表
  209. * 每次调用路口状态会动态波动
  210. */
  211. export async function apiGetPoints(filters = {}) {
  212. await delay(200)
  213. let list = _dynamicPoints()
  214. if (filters.node) list = list.filter(p => p.node === filters.node)
  215. if (filters.status) list = list.filter(p => p.status === filters.status)
  216. if (filters.keyword) {
  217. const kw = filters.keyword.toLowerCase()
  218. list = list.filter(p => p.name.toLowerCase().includes(kw) || p.id.toLowerCase().includes(kw))
  219. }
  220. return ok(list)
  221. }
  222. /**
  223. * GET /api/intersections/:id — 路口详情
  224. * 信号倒计时每次请求动态变化
  225. */
  226. export async function apiGetIntersectionData(id) {
  227. await delay(250)
  228. const base = DB.intersectionConfigs[id]
  229. const point = DB.points.find(p => p.id === id)
  230. const seed = id ? Array.from(id).reduce((s, c, i) => s + c.charCodeAt(0) * (i + 1), 0) : 0
  231. // 动态倒计时:基于当前秒数计算
  232. const nowSec = Math.floor(Date.now() / 1000)
  233. const cycle = 140
  234. const elapsed = nowSec % cycle
  235. const nsGreen = elapsed < cycle / 2
  236. const config = base ? {
  237. signals: {
  238. ns: { ...base.signals.ns, time: nsGreen ? (cycle / 2 - elapsed) : elapsed - cycle / 2, isGreen: nsGreen },
  239. ew: { ...base.signals.ew, time: nsGreen ? elapsed : (cycle - elapsed), isGreen: !nsGreen },
  240. },
  241. armsConfig: base.armsConfig,
  242. cameras: base.cameras,
  243. } : _makeIntersectionConfig(id, point ? point.name : id)
  244. return ok({
  245. ...config,
  246. id, name: point ? point.name : id,
  247. mainVideo: pickVideo(seed),
  248. cornerVideos: _makeCornerVideos(seed),
  249. })
  250. }
  251. /**
  252. * GET /api/intersections/:id/signal-timing — 信号配时
  253. * currentTime 随真实时间走动
  254. */
  255. export async function apiGetSignalTiming(id) {
  256. await delay(300)
  257. const preset = DB.signalTimings[id]
  258. if (preset) {
  259. const cycleLength = preset.data.cycleLength
  260. return {
  261. code: 200, message: 'success',
  262. data: { ...preset.data, currentTime: Math.floor(Date.now() / 1000) % cycleLength }
  263. }
  264. }
  265. const cycleLength = [100, 120, 130, 140, 150, 160][Math.floor(Math.random() * 6)]
  266. return ok({
  267. cycleLength,
  268. currentTime: Math.floor(Date.now() / 1000) % cycleLength,
  269. phaseData: _makePhaseData(cycleLength),
  270. })
  271. }
  272. /** GET /api/intersections/:id/stages */
  273. export async function apiGetIntersectionStages(id) {
  274. await delay(200)
  275. const timing = DB.signalTimings[id]
  276. if (timing) {
  277. const phases = timing.data.phaseData.filter(p => p[0] === 1 && p[4] !== null)
  278. return ok(phases.map((p, i) => ({
  279. value: String(i + 1), time: p[4], phaseName: p[3], direction: p[6], img: ARROWS[i % ARROWS.length],
  280. })))
  281. }
  282. return ok(_makeStageList())
  283. }
  284. /** GET /api/intersections/:id/schemes */
  285. export async function apiGetSchemes(id) {
  286. await delay(150)
  287. return ok(DB.filterOptions.schemeOptions)
  288. }
  289. // ═══════════════════════════════════════════════════════════════════════
  290. // A4: 区域菜单树
  291. // ═══════════════════════════════════════════════════════════════════════
  292. export async function apiGetMenuTree(tabId = 'arterial') {
  293. await delay(250)
  294. return ok(tabId === 'arterial' ? DB.menuTree : DB.tongzhouMenuTree)
  295. }
  296. export async function apiGetTongzhouMenuTree() {
  297. await delay(250)
  298. return ok(DB.tongzhouMenuTree)
  299. }
  300. // ═══════════════════════════════════════════════════════════════════════
  301. // B: 设备状态 & 首页(动态波动)
  302. // ═══════════════════════════════════════════════════════════════════════
  303. /**
  304. * GET /api/devices/status/summary
  305. * 在线数每次请求轻微波动
  306. */
  307. export async function apiGetDeviceStatus(type) {
  308. await delay(200)
  309. function fluctuateStats(base) {
  310. const online = base.chartData[0].value
  311. const total = online + base.chartData[1].value
  312. const newOnline = _fluctuate(online, Math.ceil(total * 0.02))
  313. const clamped = Math.max(0, Math.min(total, newOnline))
  314. const rate = Math.round(clamped / total * 100)
  315. return {
  316. centerTitle: rate + '%',
  317. centerSubTitle: `${clamped}/${total}`,
  318. chartData: [
  319. { ...base.chartData[0], value: clamped },
  320. { ...base.chartData[1], value: total - clamped },
  321. ]
  322. }
  323. }
  324. if (type && DB.deviceStatus[type]) return ok(fluctuateStats(DB.deviceStatus[type]))
  325. return ok({
  326. signalMachine: fluctuateStats(DB.deviceStatus.signalMachine),
  327. detector: fluctuateStats(DB.deviceStatus.detector),
  328. camera: fluctuateStats(DB.deviceStatus.camera),
  329. })
  330. }
  331. /**
  332. * GET /api/home/snapshot — 首页快照
  333. * 在线数波动 + 时间实时更新 + 告警时间刷新
  334. */
  335. export async function apiGetHomeSnapshot() {
  336. await delay(200)
  337. const total = DB.homeData.online.total
  338. const online = _fluctuate(Math.round(total * 0.93), 30)
  339. const clamped = Math.max(0, Math.min(total, online))
  340. const fault = Math.floor(Math.random() * 5)
  341. return ok({
  342. header: { ...DB.homeData.header, timeText: nowTime(), dateText: nowDate() },
  343. online: { online: clamped, offline: total - clamped, total, rate: Math.round(clamped / total * 100) },
  344. alarms: DB.homeData.alarms.map(a => ({
  345. ...a,
  346. time: new Date(Date.now() - Math.floor(Math.random() * 3600000)).toLocaleTimeString(),
  347. })),
  348. duty: DB.homeData.duty,
  349. device: { normal: total - fault, fault },
  350. controlModes: DB.homeData.controlModes,
  351. keyIntersections: DB.homeData.keyIntersections,
  352. })
  353. }
  354. /** GET /api/home/control-mode-stats — 控制模式分布(轻微波动) */
  355. export async function apiGetControlModeStats() {
  356. await delay(150)
  357. return ok(DB.homeData.controlModes.map(m => ({
  358. ...m, value: _fluctuate(m.value, Math.ceil(m.value * 0.05)),
  359. })))
  360. }
  361. /**
  362. * GET /api/alarms/latest — 告警列表(分页 + 动态时间)
  363. * @param {{ page?: number, pageSize?: number, level?: string }} params
  364. */
  365. export async function apiGetLatestAlarms(params = {}) {
  366. await delay(200)
  367. const typeMap = { high: 'error', mid: 'warning', low: 'warning' }
  368. let alarms = DB.homeData.alarms.map((a, i) => ({
  369. id: a.id, title: a.title, type: typeMap[a.level] || 'warning',
  370. time: new Date(Date.now() - i * 180000 - Math.floor(Math.random() * 60000)).toLocaleTimeString(),
  371. description: `${a.loc}-${a.title}`,
  372. position: a.position, level: a.level, loc: a.loc,
  373. }))
  374. if (params.level) alarms = alarms.filter(a => a.level === params.level)
  375. const page = params.page || 1
  376. const pageSize = params.pageSize || 10
  377. const start = (page - 1) * pageSize
  378. return ok({ total: alarms.length, page, pageSize, list: alarms.slice(start, start + pageSize) })
  379. }
  380. // ═══════════════════════════════════════════════════════════════════════
  381. // C: 勤务 & 任务(分页 + 筛选)
  382. // ═══════════════════════════════════════════════════════════════════════
  383. /**
  384. * GET /api/tasks — 勤务任务列表
  385. * 支持 page / pageSize / status / keyword 筛选
  386. */
  387. export async function apiGetTasks(params = {}) {
  388. await delay(200)
  389. let list = [...DB.securityTasks]
  390. if (params.status) list = list.filter(t => t.status === params.status)
  391. if (params.keyword) {
  392. const kw = params.keyword.toLowerCase()
  393. list = list.filter(t => t.name.toLowerCase().includes(kw) || t.executor.toLowerCase().includes(kw))
  394. }
  395. if (params.level) list = list.filter(t => t.level === params.level)
  396. const page = params.page || 1
  397. const pageSize = params.pageSize || 5
  398. const total = list.length
  399. const totalPages = Math.ceil(total / pageSize)
  400. const start = (page - 1) * pageSize
  401. return ok({
  402. total, page, pageSize, totalPages,
  403. list: list.slice(start, start + pageSize),
  404. })
  405. }
  406. /**
  407. * GET /api/security-routes — 勤务路线(含视频)
  408. */
  409. export async function apiGetSecurityRoutes() {
  410. await delay(200)
  411. return ok(DB.securityRoutes.map((r, i) => ({
  412. ...r, mainVideo: pickVideo(i), cornerVideos: _makeCornerVideos(i),
  413. })))
  414. }
  415. /** GET /api/security-routes/:id */
  416. export async function apiGetSecurityRouteDetail(id) {
  417. await delay(200)
  418. const idx = DB.securityRoutes.findIndex(r => r.id === id)
  419. const route = DB.securityRoutes[idx >= 0 ? idx : 0]
  420. if (!route) return fail('路线不存在', 404)
  421. return ok({ ...route, mainVideo: pickVideo(idx >= 0 ? idx : 0), cornerVideos: _makeCornerVideos(idx >= 0 ? idx : 0) })
  422. }
  423. /** GET /api/key-intersections */
  424. export async function apiGetKeyIntersections() {
  425. await delay(150)
  426. return ok(DB.homeData.keyIntersections)
  427. }
  428. // ═══════════════════════════════════════════════════════════════════════
  429. // D: 交通时空图
  430. // ═══════════════════════════════════════════════════════════════════════
  431. export async function apiGetTrafficTimeSpace(opts = {}) {
  432. await delay(300)
  433. const { speed = 15, cycle = 120, band = 40, totalTime = 1800 } = opts
  434. const { intersections, distances } = DB.timeSpaceData
  435. const maxDist = distances[distances.length - 1]
  436. const waveData = [], greenData = []
  437. for (let t = 0; t <= totalTime; t += cycle) {
  438. const ds = t + cycle / 2
  439. waveData.push({ yBottom: 0, yTop: maxDist, xBL: t, xBR: t + band, xTL: t + maxDist / speed, xTR: t + maxDist / speed + band, label: Math.round(speed * 3.6) + 'km/h', direction: 'up' })
  440. waveData.push({ yBottom: maxDist, yTop: 0, xBL: ds, xBR: ds + band, xTL: ds + maxDist / speed, xTR: ds + maxDist / speed + band, label: Math.round(speed * 0.9 * 3.6) + 'km/h', direction: 'down' })
  441. distances.forEach(y => {
  442. greenData.push({ y, start: t + y / speed, end: t + y / speed + band })
  443. greenData.push({ y, start: ds + (maxDist - y) / speed, end: ds + (maxDist - y) / speed + band })
  444. })
  445. }
  446. return ok({ intersections, distances, waveData, greenData })
  447. }
  448. // ═══════════════════════════════════════════════════════════════════════
  449. // 路口列表表格(分页 + 筛选 + 排序 + 动态状态)
  450. // ═══════════════════════════════════════════════════════════════════════
  451. /**
  452. * GET /api/crossings — 路口列表(718条全量,支持翻页)
  453. * @param {{ keyword, subArea, status, node, isKey, page, pageSize, sortBy, sortOrder }} params
  454. */
  455. export async function apiGetCrossingList(params = {}) {
  456. await delay(250)
  457. // 动态状态:每次请求路口状态会变化
  458. const statuses = ['在线', '在线', '在线', '在线', '离线']
  459. let list = DB.crossingList.map((r, i) => ({
  460. ...r,
  461. status: statuses[Math.floor(seededRand(Math.floor(Date.now() / 10000) + i) * statuses.length)],
  462. }))
  463. // 筛选(兼容中英文值映射)
  464. if (params.keyword || params.name) {
  465. const kw = (params.keyword || params.name).toLowerCase()
  466. list = list.filter(r => r.name.toLowerCase().includes(kw) || r.id.toLowerCase().includes(kw))
  467. }
  468. if (params.subArea) list = list.filter(r => r.subArea === params.subArea)
  469. if (params.status) {
  470. const statusMap = { 'online': '在线', 'offline': '离线', 'fault': '故障' }
  471. const mapped = statusMap[params.status] || params.status
  472. list = list.filter(r => r.status === mapped)
  473. }
  474. if (params.node) list = list.filter(r => r.node === params.node)
  475. if (params.isKey !== undefined && params.isKey !== '') {
  476. const boolVal = params.isKey === 'yes' || params.isKey === true
  477. list = list.filter(r => r.isKey === boolVal)
  478. }
  479. if (params.timeOffset) {
  480. if (params.timeOffset === 'none' || params.timeOffset === '无偏差') {
  481. list = list.filter(r => r.timeOffset === '无偏差')
  482. } else {
  483. list = list.filter(r => r.timeOffset !== '无偏差')
  484. }
  485. }
  486. // 排序
  487. if (params.sortBy) {
  488. const key = params.sortBy
  489. const dir = params.sortOrder === 'desc' ? -1 : 1
  490. list.sort((a, b) => {
  491. if (a[key] < b[key]) return -1 * dir
  492. if (a[key] > b[key]) return 1 * dir
  493. return 0
  494. })
  495. }
  496. // 分页
  497. const page = params.page || 1
  498. const pageSize = params.pageSize || 10
  499. const total = list.length
  500. const totalPages = Math.ceil(total / pageSize)
  501. const start = (page - 1) * pageSize
  502. return ok({
  503. total, page, pageSize, totalPages,
  504. list: list.slice(start, start + pageSize),
  505. })
  506. }
  507. /** GET /api/dict/:type */
  508. export async function apiGetDictOptions(type) {
  509. await delay(100)
  510. if (DB.filterOptions[type]) return ok(DB.filterOptions[type])
  511. return fail('未知字典类型: ' + type, 404)
  512. }
  513. // ═══════════════════════════════════════════════════════════════════════
  514. // F: 设备操作
  515. // ═══════════════════════════════════════════════════════════════════════
  516. export async function apiRestartDevice(id) {
  517. await delay(500)
  518. return ok({ message: `设备 ${id} 重启指令已下发` })
  519. }
  520. export async function apiUpgradeDevice(id, file) {
  521. await delay(800)
  522. return ok({ message: `设备 ${id} 升级任务已创建`, version: 'V3.3.0' })
  523. }
  524. // ═══════════════════════════════════════════════════════════════════════
  525. // H: 弹窗专用(动态倒计时 + 实时状态)
  526. // ═══════════════════════════════════════════════════════════════════════
  527. /**
  528. * GET /api/special-task/:id/monitor — 特勤监控面板
  529. * 信号灯倒计时随真实时间变化
  530. */
  531. export async function apiGetSpecialTaskMonitorData(id) {
  532. await delay(400)
  533. // 用 id 生成稳定 seed,兼容数字/字符串/undefined
  534. let numId = typeof id === 'number' ? id : parseInt(id)
  535. if (!numId || isNaN(numId)) {
  536. // 非数字 id(如字符串),用 charCode 求和
  537. numId = id ? Array.from(String(id)).reduce((s, c, i) => s + c.charCodeAt(0) * (i + 1), 0) : 1
  538. }
  539. const seed = Math.abs(numId * 7) || 7
  540. // 任务信息——不同任务不同数据
  541. const taskIdx = Math.abs(numId - 1) % (DB.securityTasks.length || 1)
  542. const task = DB.securityTasks.find(t => t.id === id || t.id === numId) || DB.securityTasks[taskIdx] || {}
  543. const timeSlots = ['07:30-09:30', '09:00-11:00', '12:00-14:00', '14:00-16:00', '17:00-19:00', '19:00-21:00']
  544. const statusList = [
  545. { status: '进行中', color: '#ff4d4f' },
  546. { status: '待执行', color: '#ffaa00' },
  547. { status: '进行中', color: '#ff4d4f' },
  548. { status: '进行中', color: '#00e5ff' },
  549. ]
  550. const statusItem = statusList[seed % statusList.length]
  551. const taskInfo = {
  552. name: task.name || '特勤路线',
  553. time: timeSlots[seed % timeSlots.length],
  554. manager: task.executor || DB.securityTasks[seed % DB.securityTasks.length]?.executor || '王建国',
  555. level: task.level || (seed % 3 === 0 ? '二级' : '一级'),
  556. status: statusItem.status,
  557. statusColor: statusItem.color,
  558. }
  559. // 根据任务 id 选取不同的关键路口(每个任务关联不同的4个路口)
  560. const allKeyPoints = DB.points.filter(p => p.isKey)
  561. const startIdx = (seed * 3) % Math.max(allKeyPoints.length - 4, 1)
  562. const keyPoints = allKeyPoints.slice(startIdx, startIdx + 4)
  563. // 视频
  564. const videos = keyPoints.map((_, i) => ({ id: i + 1, url: pickVideo(seed + i) }))
  565. // 每个路口的控制模式和状态颜色根据路口 id 变化
  566. const modeList = ['步进', '系统', '定周期', '感应', '手动']
  567. const colorList = ['#ffaa00', '#00e5ff', '#68e75f', '#00e5ff']
  568. const nowSec = Math.floor(Date.now() / 1000)
  569. const lanePresets = [
  570. { N: ['U', 'L', 'S', 'R'], S: [null, 'L', 'S', 'R'], E: [null, 'L', 'S', null], W: ['U', 'L', 'S', null] },
  571. { N: ['L', 'S', 'R'], S: ['L', 'S', 'R'], E: ['L', 'S', 'R'], W: ['L', 'S', 'R'] },
  572. { N: ['L', 'S', 'S', 'R'], S: ['U', 'L', 'S', 'R'], E: ['L', 'S', null], W: [null, 'S', 'R'] },
  573. { N: [null, 'L', 'S', 'R'], S: ['L', 'S', 'R', null], E: ['U', 'L', 'S', 'R'], W: ['L', 'S', 'R'] },
  574. ]
  575. const intersections = keyPoints.map((jnc, i) => {
  576. const jncSeed = Array.from(jnc.id).reduce((s, c, idx) => s + c.charCodeAt(0) * (idx + 1), 0)
  577. const cycle = [100, 120, 130, 140, 150][jncSeed % 5]
  578. const elapsed = nowSec % cycle
  579. const nsGreen = elapsed < cycle / 2
  580. const countdown = nsGreen ? (cycle / 2 - elapsed) : (cycle - elapsed)
  581. const laneSet = lanePresets[jncSeed % lanePresets.length]
  582. // 用摄像机字段结构生成,再推导 cameraType
  583. const cameras = _makeCameras(jnc.id, jnc.name, jncSeed)
  584. const armCamTypes = _camerasToArmTypes(cameras)
  585. return {
  586. id: jnc.id, name: jnc.name,
  587. statusColor: colorList[jncSeed % colorList.length],
  588. stage: (Math.floor(elapsed / (cycle / 4)) % 4) + 1,
  589. mode: modeList[jncSeed % modeList.length],
  590. timeLeft: countdown,
  591. btnText: i === 0 ? '立即解锁' : '立即执行',
  592. btnType: i === 0 ? 'normal' : 'primary',
  593. phases: _makeCardPhases(Math.floor(elapsed / (cycle / 4)) % 4),
  594. cameras,
  595. mapData: {
  596. armsConfig: {
  597. N: { lanes: laneSet.N, cameraType: armCamTypes.N },
  598. S: { lanes: laneSet.S, cameraType: armCamTypes.S },
  599. E: { lanes: laneSet.E, cameraType: armCamTypes.E },
  600. W: { lanes: laneSet.W, cameraType: armCamTypes.W },
  601. },
  602. signals: {
  603. ns: { isGreen: nsGreen, time: countdown, phaseName: '南北直行' },
  604. ew: { isGreen: !nsGreen, time: Math.max(1, cycle - countdown), phaseName: '东西直行' },
  605. },
  606. },
  607. videoUrls: _makeCornerVideos(seed + i),
  608. }
  609. })
  610. return ok({ taskInfo, videos, intersections })
  611. }
  612. /**
  613. * GET /api/crossing/panel/:id — CrossingPanel 弹窗
  614. * 倒计时实时变化
  615. */
  616. export async function apiGetCrossingPanelData(id) {
  617. await delay(300)
  618. const point = DB.points.find(p => p.id === id)
  619. const config = DB.intersectionConfigs[id] || _makeIntersectionConfig()
  620. const seed = id ? id.charCodeAt(id.length - 1) : 0
  621. const preset = DB.signalTimings[id]
  622. const cycleLength = preset ? preset.data.cycleLength : [100, 120, 130, 140, 150, 160][Math.abs(seed) % 6]
  623. const phaseData = preset ? preset.data.phaseData : _makePhaseData(cycleLength)
  624. const currentTime = Math.floor(Date.now() / 1000) % cycleLength
  625. return ok({
  626. currentRoute: {
  627. id, name: point ? point.name : id,
  628. level: point?.isKey ? '一级' : '二级',
  629. mode: '快进', time: cycleLength + 's',
  630. mainVideo: pickVideo(seed), cornerVideos: _makeCornerVideos(seed),
  631. },
  632. intersectionData: config,
  633. phaseData,
  634. cycleLength, currentTime,
  635. })
  636. }
  637. /**
  638. * GET /api/crossing/detail/:id — CrossingDetailPanel 弹窗
  639. */
  640. export async function apiGetCrossingDetailData(id) {
  641. await delay(350)
  642. const point = DB.points.find(p => p.id === id)
  643. const config = DB.intersectionConfigs[id] || _makeIntersectionConfig()
  644. // 用 id 的全部字符生成稳定 seed(加权位置避免 charCode 总和碰撞)
  645. const seed = id ? Array.from(id).reduce((s, c, i) => s + c.charCodeAt(0) * (i + 1), 0) : 0
  646. // 从真实阶段数据推导周期和相位
  647. const preset = DB.signalTimings[id]
  648. const cycleLength = preset ? preset.data.cycleLength : [100, 120, 130, 140, 150, 160][seed % 6]
  649. const phaseData = preset ? preset.data.phaseData : _makePhaseData(cycleLength)
  650. // 从相位数据中提取阶段列表(上轨道绿灯相位,最多4个)
  651. const greenPhases = phaseData.filter(p => p[0] === 1 && p[4] !== null).slice(0, 4)
  652. const stageList = greenPhases.map((p, i) => ({
  653. value: String(i + 1),
  654. time: p[4],
  655. phaseName: p[3],
  656. direction: p[6],
  657. img: ARROWS[i],
  658. }))
  659. // 控制方式选项 + 根据路口选择不同的当前控制方式
  660. const allMethods = [
  661. { label: '定周期', value: 'fixed' },
  662. { label: '黄闪', value: 'yellow_flash' },
  663. { label: '关灯', value: 'lights_off' },
  664. { label: '步进', value: 'step' },
  665. { label: '系统方案', value: 'system' },
  666. { label: '感应控制', value: 'sensor' },
  667. { label: '临时方案', value: 'temp' },
  668. ]
  669. const methodValues = ['fixed', 'step', 'system', 'sensor', 'temp']
  670. const currentMethod = methodValues[seed % methodValues.length]
  671. // 控制模式(显示用)
  672. const controlModes = ['定周期控制', '感应控制', '干线协调', '自适应控制']
  673. const currentMode = controlModes[seed % controlModes.length]
  674. // 控制方案:根据当前控制方式给出不同方案选项
  675. const schemeMap = {
  676. 'fixed': [
  677. { label: '早高峰', value: 'early_peak' },
  678. { label: '晚高峰', value: 'evening_peak' },
  679. { label: '平峰', value: 'normal' },
  680. { label: '夜间', value: 'night' },
  681. { label: '周末', value: 'weekend' },
  682. ],
  683. 'sensor': [
  684. { label: '全感应', value: 'full_actuated' },
  685. { label: '半感应', value: 'semi_actuated' },
  686. ],
  687. 'system': [
  688. { label: '系统优化方案A', value: 'sys_a' },
  689. { label: '系统优化方案B', value: 'sys_b' },
  690. { label: '系统优化方案C', value: 'sys_c' },
  691. ],
  692. 'step': [
  693. { label: '步进方案1', value: 'step_1' },
  694. { label: '步进方案2', value: 'step_2' },
  695. ],
  696. 'temp': [
  697. { label: '临时方案A', value: 'temp_a' },
  698. { label: '临时方案B', value: 'temp_b' },
  699. { label: '临时方案C', value: 'temp_c' },
  700. ],
  701. 'yellow_flash': [{ label: '黄闪默认', value: 'yf_default' }],
  702. 'lights_off': [{ label: '关灯默认', value: 'lo_default' }],
  703. }
  704. const schemeOptions = schemeMap[currentMethod] || schemeMap['fixed']
  705. // 相位差和协调时间基于 seed 稳定变化
  706. const phaseDiff = (seed * 7) % 25
  707. const coordTime = (seed * 13) % 60
  708. return ok({
  709. currentRoute: {
  710. id, name: point ? point.name : id,
  711. level: point?.isKey ? '一级' : '二级',
  712. mode: currentMode,
  713. time: cycleLength + 's',
  714. mainVideo: pickVideo(seed),
  715. cornerVideos: _makeCornerVideos(seed),
  716. },
  717. intersectionData: config,
  718. phaseData,
  719. cycleLength,
  720. currentTime: Math.floor(Date.now() / 1000) % cycleLength,
  721. phaseDiff,
  722. coordTime,
  723. stageList,
  724. schemeOptions,
  725. currentScheme: schemeOptions[0].value,
  726. controlMode: currentMode,
  727. controlMethodOptions: allMethods,
  728. currentMethod,
  729. locktimeOptions: [
  730. { label: '30', value: 30 },
  731. { label: '50', value: 50 },
  732. { label: '100', value: 100 },
  733. { label: '300', value: 300 },
  734. ],
  735. })
  736. }
  737. /**
  738. * GET /api/crossing/top-charts — 路口Tab顶部圆环图(动态波动)
  739. */
  740. export async function apiGetCrossingTopCharts() {
  741. await delay(150)
  742. const sm = DB.deviceStatus.signalMachine
  743. const baseOnline = sm.chartData[0].value
  744. const total = baseOnline + sm.chartData[1].value
  745. const online = _fluctuate(baseOnline, Math.ceil(total * 0.02))
  746. const onlineChart = {
  747. chartData: [
  748. { name: '在线', value: online, color: '#4DF5F8' },
  749. { name: '离线', value: total - online, color: '#FFD369' },
  750. ],
  751. centerTitle: Math.round(online / total * 100) + '%',
  752. centerSubTitle: `${online}/${total}`,
  753. }
  754. const faultTotal = total - online
  755. const comm = Math.floor(faultTotal * 0.26)
  756. const det = Math.floor(faultTotal * 0.21)
  757. const lamp = Math.floor(faultTotal * 0.38)
  758. const conflict = faultTotal - comm - det - lamp
  759. const faultChart = {
  760. chartData: [
  761. { name: '通信', value: comm, color: '#4DF5F8' },
  762. { name: '检测器', value: det, color: '#FFA033' },
  763. { name: '灯控', value: lamp, color: '#FFF587' },
  764. { name: '冲突', value: conflict, color: '#FF4D4F' },
  765. ],
  766. centerTitle: Math.round(faultTotal / total * 100) + '%',
  767. centerSubTitle: `${faultTotal}/${total}`,
  768. }
  769. return ok({ onlineChart, faultChart })
  770. }
  771. /** GET /api/overview/top-charts — 总览Tab顶部图表(动态) */
  772. export async function apiGetOverviewTopCharts() {
  773. await delay(150)
  774. const res = await apiGetDeviceStatus()
  775. return ok({ onlineStatus: res.data, deviceStatus: res.data })
  776. }
  777. /**
  778. * GET /api/map/legend-config — 地图标注线路配置
  779. */
  780. export async function apiGetMapLegendConfig() {
  781. await delay(150)
  782. const tzPoints = DB.points.filter(p => p.node && p.node.includes('通州'))
  783. const lngs = tzPoints.map(p => p.lng), lats = tzPoints.map(p => p.lat)
  784. const [minLng, maxLng] = [Math.min(...lngs), Math.max(...lngs)]
  785. const [minLat, maxLat] = [Math.min(...lats), Math.max(...lats)]
  786. const midLat = (minLat + maxLat) / 2
  787. const hStep = (maxLat - minLat) / 5, vStep = (maxLng - minLng) / 8
  788. return ok([
  789. { name: '中心计划', start: [minLng, midLat + hStep], end: [maxLng, midLat + hStep], color: '#004CDE' },
  790. { name: '干线协调', start: [minLng, midLat], end: [maxLng, midLat], color: '#13C373' },
  791. { name: '勤务路线', start: [minLng, midLat - hStep], end: [maxLng, midLat - hStep], color: '#BC301D' },
  792. { name: '定周期控制', start: [minLng + vStep, maxLat], end: [minLng + vStep, minLat], color: '#3296FA' },
  793. { name: '感应控制', start: [minLng + vStep * 2, maxLat], end: [minLng + vStep * 2, minLat], color: '#FF864C' },
  794. { name: '自适应控制', start: [minLng + vStep * 3, maxLat], end: [minLng + vStep * 3, minLat], color: '#9F6EFE' },
  795. { name: '手动控制', start: [minLng + vStep * 4, maxLat], end: [minLng + vStep * 4, minLat], color: '#EB9F36' },
  796. { name: '特殊控制', start: [minLng + vStep * 5, maxLat], end: [minLng + vStep * 5, minLat], color: '#A26218' },
  797. { name: '离线', start: [minLng, maxLat - hStep * 0.3], end: [maxLng, maxLat - hStep * 0.3], color: '#7A7A7A' },
  798. { name: '降级', start: [minLng, minLat + hStep * 0.3], end: [maxLng, minLat + hStep * 0.3], color: '#D9C13B' },
  799. { name: '故障', start: [maxLng - vStep * 0.5, maxLat], end: [maxLng - vStep * 0.5, minLat], color: '#FF3938' },
  800. ])
  801. }
  802. /**
  803. * GET /api/devices/fault-status
  804. * 设备故障统计(匹配 DeviceStatusTabs 组件的 statusData 格式)
  805. * keys: signalMachineStatus, detectorStatus, trafficLightStatus
  806. */
  807. export async function apiGetDeviceFaultStatus() {
  808. await delay(200)
  809. const sm = DB.deviceStatus.signalMachine
  810. const dt = DB.deviceStatus.detector
  811. const cam = DB.deviceStatus.camera
  812. // 从在线数据推算故障数,每次波动
  813. const smTotal = sm.chartData[0].value + sm.chartData[1].value
  814. const smFault = _fluctuate(sm.chartData[1].value, 3)
  815. const dtTotal = dt.chartData[0].value + dt.chartData[1].value
  816. const dtFault = _fluctuate(dt.chartData[1].value, 5)
  817. const camTotal = cam.chartData[0].value + cam.chartData[1].value
  818. const camFault = _fluctuate(cam.chartData[1].value, 2)
  819. return ok({
  820. signalMachineStatus: {
  821. centerTitle: Math.max(0, smFault) + '',
  822. centerSubTitle: `${Math.max(0, smFault)}/${smTotal}`,
  823. chartData: [
  824. { name: '正常', value: Math.max(0, smTotal - smFault), color: '#A0E551' },
  825. { name: '故障', value: Math.max(0, smFault), color: '#D03030' },
  826. ]
  827. },
  828. detectorStatus: {
  829. centerTitle: Math.max(0, dtFault) + '',
  830. centerSubTitle: `${Math.max(0, dtFault)}/${dtTotal}`,
  831. chartData: [
  832. { name: '通信故障', value: Math.max(0, Math.floor(dtFault * 0.6)), color: '#C6302B' },
  833. { name: '数据异常', value: Math.max(0, dtFault - Math.floor(dtFault * 0.6)), color: '#faad14' },
  834. ]
  835. },
  836. trafficLightStatus: {
  837. centerTitle: Math.max(0, camFault) + '',
  838. centerSubTitle: `${Math.max(0, camFault)}/${camTotal}`,
  839. chartData: [
  840. { name: '红绿冲突', value: Math.max(0, Math.floor(camFault * 0.5)), color: '#C6302B' },
  841. { name: '红灯故障', value: Math.max(0, camFault - Math.floor(camFault * 0.5)), color: '#8F1E1E' },
  842. ]
  843. },
  844. })
  845. }