station.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434
  1. const STATION_CONFIG = [
  2. {
  3. code: 'TKT',
  4. name: '呼和浩特',
  5. departmentId: '684067705434677248',
  6. departmentName: '托克托作业区',
  7. level: 3,
  8. maskImgPath: '内蒙古/map_mask_tkt@2x.png',
  9. mapImgPath: '内蒙古/托克托作业区/map_bg_tkt.png',
  10. lineImgPath: '内蒙古/托克托作业区/map_line_tkt.png',
  11. imgStyle: {
  12. width: 1964,
  13. height: 1182,
  14. offsetY: -20,
  15. },
  16. maskStyle: {
  17. width: 390,
  18. height: 332,
  19. left: 816,
  20. top: 270,
  21. },
  22. titleStyle: {
  23. top: -40,
  24. left: 0,
  25. },
  26. anchors: ['Top', 'Right'],
  27. data: [
  28. { name: '当前有一级报警', value: '0', unit: '个,' },
  29. { name: '二级报警', value: '0', unit: '个' },
  30. { name: '三级报警', value: '0', unit: '个' },
  31. ],
  32. stations: [
  33. {
  34. id: 'point_1',
  35. name: '托克托压气站',
  36. type: 'station',
  37. left: 942,
  38. top: 470,
  39. offsetX: -300,
  40. offsetY: -280,
  41. height: 140,
  42. anchors: ['Top', 'Right'],
  43. departmentId: '784131093203787776',
  44. buildId: '784102618438836224',
  45. picPath: '/imgs/yx_tkt.JPG',
  46. preTag: '',
  47. data: [
  48. { name: '进站压力', value: '0', unit: 'Mpa', tag: '' },
  49. { name: '出站压力', value: '0', unit: 'Mpa', tag: '' },
  50. { name: '进站温度', value: '0', unit: '℃', tag: '' },
  51. { name: '出站温度', value: '0', unit: '℃', tag: '' },
  52. ],
  53. },
  54. {
  55. id: 'point_2',
  56. name: '呼和浩特分输站',
  57. type: 'station',
  58. left: 1060,
  59. top: 468,
  60. offsetX: 120,
  61. offsetY: -220,
  62. height: 140,
  63. anchors: ['Top', 'Left'],
  64. departmentId: '784131392517709824',
  65. buildId: '581056806831267840',
  66. picPath: '/imgs/yx_hhht.JPG',
  67. preTag: '',
  68. data: [
  69. { name: '进站压力', value: '0', unit: 'Mpa', tag: '' },
  70. { name: '出站压力', value: '0', unit: 'Mpa', tag: '' },
  71. { name: '进站温度', value: '0', unit: '℃', tag: '' },
  72. { name: '出站温度', value: '0', unit: '℃', tag: '' },
  73. ],
  74. },
  75. {
  76. id: 'point_3',
  77. name: '17#阀室',
  78. type: 'valve',
  79. left: 828,
  80. top: 463,
  81. offsetX: -320,
  82. offsetY: -80,
  83. height: 140,
  84. anchors: ['Top', 'Right'],
  85. departmentId: '784131445336580093',
  86. buildId: '524944733819117568',
  87. picPath: '/imgs/yx_17.JPG',
  88. preTag: '',
  89. data: [],
  90. },
  91. {
  92. id: 'point_4',
  93. name: '18#阀室',
  94. type: 'valve',
  95. left: 870,
  96. top: 471,
  97. offsetX: -320,
  98. offsetY: 100,
  99. height: 140,
  100. anchors: ['Bottom', 'Right'],
  101. departmentId: '784131445336580094',
  102. buildId: '524944733819117568',
  103. picPath: '/imgs/yx_18.JPG',
  104. preTag: '',
  105. data: [],
  106. },
  107. {
  108. id: 'point_5',
  109. name: '19#阀室',
  110. type: 'valve',
  111. left: 914,
  112. top: 465,
  113. offsetX: -220,
  114. offsetY: 280,
  115. height: 140,
  116. anchors: ['Bottom', 'Top'],
  117. departmentId: '784131445336580095',
  118. buildId: '524944733819117568',
  119. picPath: '/imgs/yx_19.JPG',
  120. preTag: '',
  121. data: [],
  122. },
  123. {
  124. id: 'point_6',
  125. name: '20#阀室',
  126. type: 'valve',
  127. left: 983,
  128. top: 465,
  129. offsetX: -80,
  130. offsetY: -280,
  131. height: 140,
  132. anchors: ['Top', 'Bottom'],
  133. departmentId: '784131445336580096',
  134. buildId: '524944733819117568',
  135. picPath: '/imgs/yx_20.JPG',
  136. preTag: '',
  137. data: [],
  138. },
  139. {
  140. id: 'point_7',
  141. name: '21#阀室',
  142. type: 'valve',
  143. left: 1030,
  144. top: 463,
  145. offsetX: -60,
  146. offsetY: 300,
  147. height: 140,
  148. anchors: ['Bottom', 'Top'],
  149. departmentId: '784131445336580097',
  150. buildId: '524944733819117568',
  151. picPath: '/imgs/yx_21.JPG',
  152. preTag: '',
  153. data: [],
  154. },
  155. {
  156. id: 'point_8',
  157. name: '22#阀室',
  158. type: 'valve',
  159. left: 1094,
  160. top: 473,
  161. offsetX: 100,
  162. offsetY: 220,
  163. height: 140,
  164. anchors: ['Bottom', 'Top'],
  165. departmentId: '784131445336580098',
  166. buildId: '524944733819117568',
  167. picPath: '/imgs/yx_22.JPG',
  168. preTag: '',
  169. data: [],
  170. },
  171. {
  172. id: 'point_9',
  173. name: '23#阀室',
  174. type: 'valve',
  175. left: 1128,
  176. top: 484,
  177. offsetX: 100,
  178. offsetY: 0,
  179. height: 140,
  180. anchors: ['Right', 'Left'],
  181. departmentId: '784131445336580099',
  182. buildId: '524944733819117568',
  183. picPath: '/imgs/yx_23.JPG',
  184. preTag: '',
  185. data: [],
  186. },
  187. ],
  188. entries: [],
  189. },
  190. ]
  191. /**
  192. * x,y : 切换时整个地图的偏移量
  193. * s : 整个地图的缩放比例
  194. * l,t : 区域地图的定位
  195. */
  196. const STATION_CONFIG_2 = [
  197. {
  198. code: 'TKT',
  199. name: '呼和浩特',
  200. departmentId: '684067705434677248',
  201. departmentName: '托克托作业区',
  202. level: 3,
  203. maskImgPath: '内蒙古/map_mask_tkt@2x.png',
  204. mapImgPath: '内蒙古/托克托作业区/map_bg_tkt2.png',
  205. lineImgPath: '内蒙古/托克托作业区/map_line_tkt2.png',
  206. // imgStyle: {
  207. // width: 2651,
  208. // height: 1595,
  209. // offsetY: -20,
  210. // },
  211. imgStyle: {
  212. width: 1964,
  213. height: 1182,
  214. offsetY: -20,
  215. },
  216. maskStyle: {
  217. width: 390,
  218. height: 332,
  219. left: 816,
  220. top: 270,
  221. },
  222. titleStyle: {
  223. top: -40,
  224. left: 0,
  225. },
  226. anchors: ['Top', 'Right'],
  227. data: [
  228. { name: '当前有一级报警', value: '0', unit: '个,' },
  229. { name: '二级报警', value: '0', unit: '个' },
  230. { name: '三级报警', value: '0', unit: '个' },
  231. ],
  232. stations: [
  233. {
  234. id: 'point_1',
  235. name: '托克托压气站',
  236. type: 'station',
  237. left: 942,
  238. top: 470,
  239. offsetX: -300,
  240. offsetY: -280,
  241. height: 140,
  242. anchors: ['Top', 'Right'],
  243. departmentId: '784131093203787776',
  244. buildId: '784102618438836224',
  245. picPath: '/imgs/yx_tkt.JPG',
  246. preTag: '',
  247. data: [
  248. { name: '管道里程', value: '518240.2', unit: 'm', tag: '' },
  249. { name: '经度', value: '111.260470840', unit: '', tag: '' },
  250. { name: '纬度', value: '40.380258539', unit: '', tag: '' },
  251. { name: '高程', value: '996.178', unit: 'm', tag: '' },
  252. ],
  253. },
  254. {
  255. id: 'point_2',
  256. name: '呼和浩特分输站',
  257. type: 'stationFS',
  258. left: 1060,
  259. top: 468,
  260. offsetX: 120,
  261. offsetY: -220,
  262. height: 140,
  263. anchors: ['Top', 'Left'],
  264. departmentId: '784131392517709824',
  265. buildId: '581056806831267840',
  266. picPath: '/imgs/yx_hhht.JPG',
  267. preTag: '',
  268. data: [
  269. { name: '管道里程', value: '531237.0', unit: '', tmag: '' },
  270. { name: '经度', value: '111.641454172,', unit: '', tag: '' },
  271. { name: '纬度', value: '40.620619066', unit: '', tag: '' },
  272. { name: '高程', value: '1025.135', unit: '', tmag: '' },
  273. ],
  274. },
  275. {
  276. id: 'point_3',
  277. name: '17#阀室',
  278. type: 'valve',
  279. left: 828,
  280. top: 463,
  281. offsetX: -380,
  282. offsetY: -80,
  283. height: 140,
  284. anchors: ['Top', 'Right'],
  285. departmentId: '784131445336580093',
  286. buildId: '524944733819117568',
  287. picPath: '/imgs/yx_17.JPG',
  288. preTag: '',
  289. data: [
  290. { name: '管道里程', value: '380840.4', unit: 'm', tag: '' },
  291. { name: '经度', value: '110.789238923', unit: '', tag: '' },
  292. { name: '纬度', value: '40.170114812', unit: '', tag: '' },
  293. { name: '高程', value: '1075.633', unit: 'm', tag: '' },
  294. ],
  295. },
  296. {
  297. id: 'point_4',
  298. name: '18#阀室',
  299. type: 'valve',
  300. left: 870,
  301. top: 471,
  302. offsetX: -320,
  303. offsetY: 100,
  304. height: 140,
  305. anchors: ['Bottom', 'Right'],
  306. departmentId: '784131445336580094',
  307. buildId: '524944733819117568',
  308. picPath: '/imgs/yx_18.JPG',
  309. preTag: '',
  310. data: [
  311. { name: '管道里程', value: '431736.2', unit: 'm', tag: '' },
  312. { name: '经度', value: '111.050644990', unit: '', tag: '' },
  313. { name: '纬度', value: '40.237420999', unit: '', tag: '' },
  314. { name: '高程', value: '1020.847', unit: 'm', tag: '' },
  315. ],
  316. },
  317. {
  318. id: 'point_5',
  319. name: '19#阀室',
  320. type: 'valve',
  321. left: 914,
  322. top: 465,
  323. offsetX: -220,
  324. offsetY: 280,
  325. height: 140,
  326. anchors: ['Bottom', 'Top'],
  327. departmentId: '784131445336580095',
  328. buildId: '524944733819117568',
  329. picPath: '/imgs/yx_19.JPG',
  330. preTag: '',
  331. data: [
  332. { name: '管道里程', value: '452140.6', unit: 'm', tag: '' },
  333. { name: '经度', value: '111.112902993', unit: '', tag: '' },
  334. { name: '纬度', value: '40.274858858', unit: '', tag: '' },
  335. { name: '高程', value: '988.3670', unit: 'm', tag: '' },
  336. ],
  337. },
  338. {
  339. id: 'point_6',
  340. name: '20#阀室',
  341. type: 'valve',
  342. left: 983,
  343. top: 465,
  344. offsetX: -80,
  345. offsetY: -280,
  346. height: 140,
  347. anchors: ['Top', 'Bottom'],
  348. departmentId: '784131445336580096',
  349. buildId: '524944733819117568',
  350. picPath: '/imgs/yx_20.JPG',
  351. preTag: '',
  352. data: [
  353. { name: '管道里程', value: '531108.2', unit: 'm', tag: '' },
  354. { name: '经度', value: '111.436153642', unit: '', tag: '' },
  355. { name: '纬度', value: '40.489591328', unit: '', tag: '' },
  356. { name: '高程', value: '1007.164', unit: 'm', tag: '' },
  357. ],
  358. },
  359. {
  360. id: 'point_7',
  361. name: '21#阀室',
  362. type: 'valve',
  363. left: 1030,
  364. top: 463,
  365. offsetX: -60,
  366. offsetY: 300,
  367. height: 140,
  368. anchors: ['Bottom', 'Top'],
  369. departmentId: '784131445336580097',
  370. buildId: '524944733819117568',
  371. picPath: '/imgs/yx_21.JPG',
  372. preTag: '',
  373. data: [
  374. { name: '管道里程', value: '539723.4', unit: 'm', tag: '' },
  375. { name: '经度', value: '111.639092670', unit: '', tag: '' },
  376. { name: '纬度', value: '40.619999597', unit: '', tag: '' },
  377. { name: '高程', value: '1025.127', unit: 'm', tag: '' },
  378. ],
  379. },
  380. {
  381. id: 'point_8',
  382. name: '22#阀室',
  383. type: 'valve',
  384. left: 1094,
  385. top: 473,
  386. offsetX: 100,
  387. offsetY: 220,
  388. height: 140,
  389. anchors: ['Bottom', 'Top'],
  390. departmentId: '784131445336580098',
  391. buildId: '524944733819117568',
  392. picPath: '/imgs/yx_22.JPG',
  393. preTag: '',
  394. data: [
  395. { name: '管道里程', value: '555860.5', unit: 'm', tag: '' },
  396. { name: '经度', value: '111.861633940', unit: '', tag: '' },
  397. { name: '纬度', value: '40.662374382', unit: '', tag: '' },
  398. { name: '高程', value: '1065.356', unit: 'm', tag: '' },
  399. ],
  400. },
  401. {
  402. id: 'point_9',
  403. name: '23#阀室',
  404. type: 'valve',
  405. left: 1128,
  406. top: 484,
  407. offsetX: 100,
  408. offsetY: 0,
  409. height: 140,
  410. anchors: ['Right', 'Left'],
  411. departmentId: '784131445336580099',
  412. buildId: '524944733819117568',
  413. picPath: '/imgs/yx_23.JPG',
  414. preTag: '',
  415. data: [
  416. { name: '管道里程', value: '567902.1', unit: 'm', tag: '' },
  417. { name: '经度', value: '112.045375766', unit: '', tag: '' },
  418. { name: '纬度', value: '40.701167418', unit: '', tag: '' },
  419. { name: '高程', value: '1129.733', unit: 'm', tag: '' },
  420. ],
  421. },
  422. ],
  423. entries: [],
  424. },
  425. ]
  426. const DEFAULT_AREA = {
  427. id: "all",
  428. name: "全部",
  429. x: 223,
  430. y: 160,
  431. s: 1,
  432. imgUrl: "all.png",
  433. };