data.js 11 KB

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