data.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. let baseUrlRes = ''
  2. if (window.location.href.includes('http://')) {
  3. // 本地环境
  4. baseUrlRes = 'http://127.0.0.1:8081/staticData/'
  5. } else {
  6. // 正式环境
  7. baseUrlRes = '../staticData'
  8. }
  9. const dataAll = {
  10. modeList: [
  11. {
  12. name: 'stereoscopic',
  13. title: '立面图',
  14. mainBody: '1.png'
  15. },
  16. {
  17. name: 'plane',
  18. title: '平面图',
  19. mainBody: 'all.png',
  20. content: [
  21. {
  22. id: 1,
  23. name: '顶甲板',
  24. number: 'DECK8:',
  25. mainBody: 'detail.png',
  26. heilight: '1.png',
  27. sceneCode:'KJ-SjCkVMr1qvf',
  28. info: '主桅顶部布置了船舶航行雷达、天气雷达和自动气象站,用于周围船舶扫描和气象要素观测。',
  29. guideP: {
  30. top: '20%',
  31. left: '40%'
  32. },
  33. hotP: {
  34. top: '20px',
  35. left: '-83px',
  36. topMo:'-32px',
  37. leftMo:'-68px',
  38. },
  39. lineP: {
  40. width: '33vw',
  41. height: 'auto',
  42. left: '-21px'
  43. }
  44. },
  45. {
  46. id: 2,
  47. name: '罗经甲板',
  48. number: 'DECK7:',
  49. mainBody: 'detail.png',
  50. heilight: '2.png',
  51. sceneCode:'KJ-KHsnJLZm3cn',
  52. info: '本层包含观察室和多种天线集群,保障船舶在海上的通讯和安全航行。',
  53. guideP: {
  54. top: '20%',
  55. left: '40%'
  56. },
  57. hotP: {
  58. top: '5vh',
  59. left: '-36px',
  60. topMo:'-4vh',
  61. leftMo:'-36px',
  62. },
  63. lineP: {
  64. width: '20vw',
  65. height: '8vh',
  66. left: '30px'
  67. }
  68. },
  69. {
  70. id: 3,
  71. name: '驾驶甲板',
  72. number: 'DECK6:',
  73. mainBody: 'detail.png',
  74. heilight: '3.png',
  75. sceneCode:'KJ-DTMF9dkffbn',
  76. info: '本层是船舶驾驶台,用于船舶航行操控。',
  77. guideP: {
  78. top: '20%',
  79. left: '40%'
  80. },
  81. hotP: {
  82. top: '9vh',
  83. left: '-1vw',
  84. topMo:'-1vh',
  85. leftMo:'-6vw',
  86. },
  87. lineP: {
  88. width: '20vw',
  89. height: '14vh',
  90. left: '30px'
  91. }
  92. },
  93. {
  94. id: 4,
  95. name: '直升机甲板',
  96. number: 'DECK5:',
  97. mainBody: 'detail.png',
  98. heilight: '4.png',
  99. sceneCode:'KJ-4fYUsjIDNBL',
  100. info: '本层包含直升机平台和无人机库等,用于直升机应急救援、科考无人机的存放和起落。',
  101. guideP: {
  102. top: '20%',
  103. left: '40%'
  104. },
  105. hotP: {
  106. top: '141px',
  107. left: '-7px',
  108. topMo:'48px',
  109. leftMo:'-7px',
  110. },
  111. lineP: {
  112. width: '20vw',
  113. height: '20vh',
  114. left: '30px'
  115. }
  116. },
  117. {
  118. id: 5,
  119. name: '艏楼甲板',
  120. number: 'DECK4:',
  121. mainBody: 'detail.png',
  122. heilight: '5.png',
  123. sceneCode:'KJ-3902aPaHp8O',
  124. info: '本层主要是船员住舱区域,同时配套了小型会议室;艏楼甲板主要用于伙食等生活物资吊运,其前部的科学桅上布置了部分气象观测设备。',
  125. guideP: {
  126. top: '20%',
  127. left: '40%'
  128. },
  129. hotP: {
  130. top: '19vh',
  131. left: '0px',
  132. topMo:'19vh',
  133. leftMo:'0px',
  134. },
  135. lineP: {
  136. width: '20vw',
  137. height: '25vh',
  138. left: '30px'
  139. }
  140. },
  141. {
  142. id: 6,
  143. name: '登艇甲板',
  144. number: 'DECK3:',
  145. mainBody: 'detail.png',
  146. heilight: '6.png',
  147. sceneCode:'KJ-wZetq7LLSnK',
  148. info: '本层主要是科考人员的住舱区域,同时配套了图书阅览室;登艇甲板主要用于紧急逃生集合及救生艇、工作艇布放。',
  149. guideP: {
  150. top: '20%',
  151. left: '40%'
  152. },
  153. hotP: {
  154. top: '24vh',
  155. left: '-1vh',
  156. topMo:'24vh',
  157. leftMo:'-1vh',
  158. },
  159. lineP: {
  160. width: '20vw',
  161. height: '28vh',
  162. left: '30px'
  163. }
  164. },
  165. {
  166. id: 7,
  167. name: '登船甲板',
  168. number: 'DECK2:',
  169. mainBody: 'detail.png',
  170. heilight: '7.png',
  171. sceneCode:'KJ-5NGVgP2oO5G',
  172. info: '本层是参航队员饮食休闲的生活区域,包含厨房餐厅、影音娱乐、健身区、多功能厅、科教展示区以及登船大堂等。',
  173. guideP: {
  174. top: '20%',
  175. height: '20vh',
  176. left: '40%'
  177. },
  178. hotP: {
  179. top: '28vh',
  180. left: '0px',
  181. topMo:'28vh',
  182. leftMo:'0px',
  183. },
  184. lineP: {
  185. width: '20vw',
  186. height: '35vh',
  187. left: '30px'
  188. }
  189. },
  190. {
  191. id: 8,
  192. name: '主甲板',
  193. number: 'DECK1:',
  194. mainBody: 'detail.png',
  195. heilight: '8.png',
  196. sceneCode:'KJ-1G9iEXB7ohx',
  197. info: '本层是科考作业和室内实验的主要工作区域,包含CTD采水间、通用湿实验室、通用干实验室、仪器运维室等多个实验室及610㎡的大型甲板作业区;同时也是全船科考设备集中操控和显示的区域。',
  198. guideP: {
  199. top: '20%',
  200. left: '40%'
  201. },
  202. hotP: {
  203. top: '33vh',
  204. left: '0px',
  205. topMo:'33vh',
  206. leftMo:'0px',
  207. },
  208. lineP: {
  209. width: '20vw',
  210. height: '40vh',
  211. left: '30px'
  212. }
  213. },
  214. {
  215. id: 9,
  216. name: '下甲板',
  217. number: 'DECKB1:',
  218. mainBody: 'detail.png',
  219. heilight: '9.png',
  220. sceneCode:'KJ-4XeLjELZjSh_02',
  221. info: '本层包含多个科考人员的住舱、科考操控支撑设备,同时也是船舶动力系统的集中控制区。',
  222. guideP: {
  223. top: '20%',
  224. left: '40%'
  225. },
  226. hotP: {
  227. top: '37vh',
  228. left: '0px',
  229. topMo:'37vh',
  230. leftMo:'0px',
  231. },
  232. lineP: {
  233. width: '20vw',
  234. height: '44vh',
  235. left: '30px'
  236. }
  237. },
  238. {
  239. id: 10,
  240. name: '救生艇',
  241. number: '-:',
  242. sceneCode:'KJ-VfABdXXAzvy',
  243. mainBody: 'detail.png',
  244. },
  245. ]
  246. },
  247. ]
  248. }