index.html 89 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link href="css/BigData.css" rel="stylesheet" type="text/css" />
  5. <link href="css/index.css" rel="stylesheet" type="text/css" />
  6. <link href="css/index01.css" rel="stylesheet" type="text/css" />
  7. <script src="js/jquery.js"></script>
  8. <link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  9. <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
  10. <link href="css/Security_operation.css" rel="stylesheet" type="text/css" />
  11. <link rel="stylesheet" href="js/artDialog/skins/default.css" type="text/css"/>
  12. <script src="js/laydate.js"></script>
  13. <script src="js/Home_page.js"></script>
  14. <meta charset="UTF-8">
  15. <title>大数据管理平台</title>
  16. </head>
  17. <body >
  18. <div class="data_bodey">
  19. <div class="index_nav" >
  20. <ul style="height: 30px; margin-bottom: 0px;">
  21. <li class="l_left total_chose_fr nav_active">实时监测</li>
  22. <li class="l_left total_chose_pl" >统计分析一</li>
  23. <li class="l_left total_chose_pl">统计分析二</li>
  24. <li class="r_right total_chose_pl">统计分析三</li>
  25. <li class="r_right total_chose_pl">统计分析四</li>
  26. <li class="r_right total_chose_pl">统计分析五</li>
  27. </ul>
  28. <div class="total_chose_box" style="display: none;">
  29. <div style="height: 32px;"></div>
  30. <span class="chose_tltle">请选择年份:</span>
  31. <select class="year_chose">
  32. <option>2017</option>
  33. <option>2016</option>
  34. <option>2015</option>
  35. <option>2014</option>
  36. <option>2013</option>
  37. <option>2012</option>
  38. </select>
  39. <span class="chose_tltle">请输入月份:</span>
  40. <input class="chose_text_in">
  41. <span class="chose_tltle">请选择区域:</span>
  42. <select class="year_chose">
  43. <option> 北京市</option>
  44. <option>自贡市</option>
  45. <option>攀枝花市</option>
  46. <option>泸州市</option>
  47. <option>德阳市</option>
  48. <option>绵阳市</option>
  49. <option>广元市</option>
  50. <option>遂宁市</option>
  51. <option>内江市</option>
  52. <option>乐山市</option>
  53. <option>南充市</option>
  54. <option>宜宾市</option>
  55. <option>广安市</option>
  56. <option>达州市</option>
  57. <option>巴中市</option>
  58. <option>雅安市</option>
  59. <option>眉山市</option>
  60. <option>资阳市</option>
  61. <option>阿坝州</option>
  62. <option>甘孜州</option>
  63. <option>凉山州</option>
  64. </select>
  65. <button class="chose_enter">确定</button>
  66. </div>
  67. <div class="clear"></div>
  68. </div>
  69. <div class="index_tabs" >
  70. <!--安防运作-->
  71. <div class="inner" style="height: 109%;">
  72. <div class="left_cage">
  73. <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%;">
  74. <video autoplay="autoplay" loop="loop" class="dataAllBorder02 video_cage">
  75. <source class="video" title="主监控位" src="video/test_mv02.mov"/>
  76. </video>
  77. </div>
  78. <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
  79. <div class="dataAllBorder02 video_cage">
  80. <img class="video_around video_around_chose" src="video/video.jpg">
  81. <img class="video_around" src="video/video.jpg">
  82. <img class="video_around" src="video/video.jpg">
  83. <img class="video_around" src="video/video.jpg">
  84. <!--<video autoplay="autoplay" loop="loop" class="video_around video_around_chose" title="循环监控01" style="margin-right: 1%; margin-bottom: 1%">-->
  85. <!--<source class="video" title="主监控位" src="video/video.jpg"/>-->
  86. <!--</video>-->
  87. <!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控02" style="margin-bottom: 1%">-->
  88. <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
  89. <!--</video>-->
  90. <!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控03" style="margin-right: 1%">-->
  91. <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
  92. <!--</video>-->
  93. <!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控04">-->
  94. <!--<source class="video" title="主监控位" src="video/test_mv05.mov"/>-->
  95. <!--</video>-->
  96. </div>
  97. </div>
  98. <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;">
  99. <div class="dataAllBorder02" style="padding: 1.2%; overflow: hidden">
  100. <div class="message_scroll_box">
  101. <div class="message_scroll">
  102. <div class="scroll_top">
  103. <span class="scroll_title">数据流量警示</span>
  104. <span class="scroll_level scroll_level01">一级</span>
  105. <a class="localize"></a>
  106. <span class="scroll_timer">17-09-13/9:52</span>
  107. </div>
  108. <div class="msg_cage">
  109. <a class="localize_title">下载大量视频</a>
  110. </div>
  111. <div class="msg_cage">
  112. <a class="localize_msg">xxx视频网站</a>
  113. </div>
  114. </div>
  115. <div class="message_scroll">
  116. <div class="scroll_top">
  117. <span class="scroll_title">数据流量警示</span>
  118. <span class="scroll_level scroll_level03">三级</span>
  119. <a class="localize"></a>
  120. <span class="scroll_timer">17-09-13/9:52</span>
  121. </div>
  122. <div class="msg_cage">
  123. <a class="localize_title">下载大量视频</a>
  124. </div>
  125. <div class="msg_cage">
  126. <a class="localize_msg">xxx视频网站</a>
  127. </div>
  128. </div>
  129. <div class="message_scroll">
  130. <div class="scroll_top">
  131. <span class="scroll_title">数据流量警示</span>
  132. <span class="scroll_level scroll_level02">二级</span>
  133. <a class="localize"></a>
  134. <span class="scroll_timer">17-09-13/9:52</span>
  135. </div>
  136. <div class="msg_cage">
  137. <a class="localize_title">下载大量视频</a>
  138. </div>
  139. <div class="msg_cage">
  140. <a class="localize_msg">xxx视频网站</a>
  141. </div>
  142. </div>
  143. <div class="message_scroll">
  144. <div class="scroll_top">
  145. <span class="scroll_title">数据流量警示</span>
  146. <span class="scroll_level scroll_level01">一级</span>
  147. <a class="localize"></a>
  148. <span class="scroll_timer">17-09-13/9:52</span>
  149. </div>
  150. <div class="msg_cage">
  151. <a class="localize_title">下载大量视频</a>
  152. </div>
  153. <div class="msg_cage">
  154. <a class="localize_msg">xxx视频网站</a>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="scroll_tool_outbox">
  160. <div class="scroll_tool_box">
  161. <a class="scroll_tool" href="#">查看历史推送</a>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="center_cage">
  167. <div class="dataAllBorder01 cage_cl" style="margin-top: 3.5% !important; height: 62.7%; position: relative;">
  168. <div class="dataAllBorder02" style="position: relative; overflow: hidden;">
  169. <!--标题栏-->
  170. <div class="map_title_box" style="height: 6%">
  171. <div class="map_title_innerbox">
  172. <div class="map_title">实时地图</div>
  173. </div>
  174. </div>
  175. <div class="map" id="map" ></div>
  176. <!--地图显示信息选择-->
  177. <div class="display_type_box display_box" style="display: none;overflow:auto">
  178. <div class="display_type_center_box">
  179. <ul class="display_type_inner_box" id="layerList">
  180. <li class="display_type_msg"><input id="zt_4" type="checkbox" class="display_type_chose"/> 危化品企业</li>
  181. <li class="display_type_msg"><input id="zt_1" type="checkbox" class="display_type_chose"/>仓库</li>
  182. <li class="display_type_msg"><input id="zt_5" type="checkbox" class="display_type_chose"/>学校</li>
  183. <li class="display_type_msg"><input id="zt_6" type="checkbox" class="display_type_chose"/>医疗卫生</li>
  184. <li class="display_type_msg"><input id="zt_2" type="checkbox" class="display_type_chose"/>加油站</li>
  185. <li class="display_type_msg"><input id="zt_0" type="checkbox" class="display_type_chose"/>停车场</li>
  186. <li class="display_type_msg"><input id="zt_3" type="checkbox" class="display_type_chose"/>派出所</li>
  187. <li class="display_type_msg"><input id="zt_7" type="checkbox" class="display_type_chose"/>应急避难场所</li>
  188. <li class="display_type_msg">----------------------------------</li>
  189. <li class="display_type_msg"><input id="zt_14" type="checkbox" class="display_type_chose" />危化品运输车辆</li>
  190. <li class="display_type_msg"><input id="zt_11" type="checkbox" class="display_type_chose" />监控设备</li>
  191. <li class="display_type_msg"><input id="zt_13" type="checkbox" class="display_type_chose" />巡逻警员</li>
  192. <li class="display_type_msg"><input id="zt_12" type="checkbox" class="display_type_chose" />巡逻警车</li>
  193. </ul>
  194. </div>
  195. <div class="display_type_funct_box">
  196. <span class="display_type_funct display_type_funct_sure">确定</span>
  197. </div>
  198. </div>
  199. <!--城市选择-->
  200. <div class="city_chose_box display_box" style="display: none">
  201. <div class="display_type_center_box">
  202. <ul class="display_type_inner_box" id="ulCity">
  203. <li class="display_type_msg"> 北京市</li>
  204. <li class="display_type_msg">自贡市</li>
  205. <li class="display_type_msg">攀枝花市</li>
  206. <li class="display_type_msg">泸州市</li>
  207. <li class="display_type_msg">德阳市</li>
  208. <li class="display_type_msg">绵阳市</li>
  209. <li class="display_type_msg">广元市</li>
  210. <li class="display_type_msg">遂宁市</li>
  211. <li class="display_type_msg">内江市</li>
  212. <li class="display_type_msg">乐山市</li>
  213. <li class="display_type_msg">南充市</li>
  214. <li class="display_type_msg">宜宾市</li>
  215. <li class="display_type_msg">广安市</li>
  216. <li class="display_type_msg">达州市</li>
  217. <li class="display_type_msg">巴中市</li>
  218. <li class="display_type_msg">雅安市</li>
  219. <li class="display_type_msg">眉山市</li>
  220. <li class="display_type_msg">资阳市</li>
  221. <li class="display_type_msg">阿坝州</li>
  222. <li class="display_type_msg">甘孜州</li>
  223. <li class="display_type_msg">凉山州</li>
  224. </ul>
  225. </div>
  226. <div class="display_type_funct_box">
  227. <span class="display_type_funct display_type_funct_sure">确定</span>
  228. </div>
  229. </div>
  230. <!--轨迹回放-->
  231. <div class="trajectory_box" style="display: none" id="divRouteReview">
  232. <input class="trajectory" id="start" placeholder="开始时间">
  233. <input class="trajectory" id="end" placeholder="结束时间">
  234. <select class="ratio">
  235. <option>1倍</option>
  236. <option>2倍</option>
  237. <option>3倍</option>
  238. </select>
  239. <button class="playback" onclick="showRoute()">回放</button>
  240. <button class="playback close_playback">关闭</button>
  241. </div>
  242. <!--缓冲区设置-->
  243. <div class="trajectory_box" style="display: none" id="divBufferSetting">
  244. <button class="playback" style="width:60px" onclick="setBufferCenter()">设置点</button>
  245. <input class="trajectory" id="txtBufferX" placeholder="坐标X">
  246. <input class="trajectory" id="txtBufferY" placeholder="坐标Y">
  247. <input value="10" class="trajectory" id="txtBufferDis" placeholder="缓冲距离">
  248. <select class="ratio">
  249. <option>米</option>
  250. <option>千米</option>
  251. </select>
  252. <button class="playback" onclick="executeBuffer();edit()" style="width:60px">分析</button>
  253. <button class="playback close_playback">关闭</button>
  254. </div>
  255. <!--地图工具栏-->
  256. <div class="map_tool_outbox">
  257. <span class="map_tool" onclick="zoomFull()">
  258. <a class="map_tool_inner" title="全图" ></a>
  259. </span>
  260. <span class="map_tool" onclick="zoomOut()">
  261. <a class="map_tool_inner" title="放大" style="background-position-x:-36px"></a>
  262. </span>
  263. <span class="map_tool" onclick="zoomIn()">
  264. <a class="map_tool_inner" title="缩小" style="background-position-x:-72px"></a>
  265. </span>
  266. <span class="map_tool" onclick="showHeatMap()">
  267. <a class="map_tool_inner" title="倒退视图" style="background-position-x:-108px"></a>
  268. </span>
  269. <span class="map_tool">
  270. <a class="map_tool_inner" title="前进视图" style="background-position-x:-144px"></a>
  271. </span>
  272. <span class="map_tool">
  273. <a class="map_tool_inner display_type_btn" title="专题地图" style="background-position-x:-180px"></a>
  274. </span>
  275. <span class="map_tool">
  276. <a class="map_tool_inner city_chose_btn" title="城市定位" style="background-position-x:-432px"></a>
  277. </span>
  278. <span class="map_tool" id="btnBuffer">
  279. <a class="map_tool_inner" title="缓冲区分析" style="background-position-x:-216px"></a>
  280. </span>
  281. <span class="map_tool">
  282. <a class="map_tool_inner addition_check_btn check_btn" title="地址检索" style="background-position-x:-252px"></a>
  283. </span>
  284. <span class="map_tool">
  285. <a class="map_tool_inner chemistry_check_btn check_btn" onclick="chemistryCheck()" title="危化品检索" style="background-position-x:-288px"></a>
  286. </span>
  287. <span class="map_tool">
  288. <a class="map_tool_inner enterprise_check_btn check_btn" onclick="enterpriseCheck()" title="企业检索" style="background-position-x:-324px"></a>
  289. </span>
  290. <span class="map_tool">
  291. <a class="map_tool_inner car_check_btn check_btn" onclick="carCheck()" title="车辆检索" style="background-position-x:-360px"></a>
  292. </span>
  293. <span class="map_tool">
  294. <a class="map_tool_inner" onclick="Search()" title="搜索" style="background-position-x:-468px"></a>
  295. </span>
  296. <span class="map_tool">
  297. <a class="map_tool_inner" onclick="cancel()" id="fresh_tool" title="清空" style="background-position-x:-396px"></a>
  298. </span>
  299. <span class="map_tool">
  300. <input type="text" id="txtCoord" style="width:150px;visibility:hidden" />
  301. </span>
  302. </div>
  303. </div>
  304. </div>
  305. <div class="dataAllBorder01 cage_cl" style="margin-top: 0.6% !important; height: 32.1%;">
  306. <div class="dataAllBorder02" id="map_title_innerbox">
  307. <div class="map_title_box">
  308. <div class="map_title_innerbox">
  309. <div class="map_title" style="background-image: url(img/second_title.png);">分析数据一</div>
  310. </div>
  311. <div >
  312. <select id="selLayer" style="width:100px;">
  313. <option value="">车辆</option>
  314. <option value="">企业</option>
  315. </select>
  316. </div>
  317. </div>
  318. <table id="table" style="width: 100%"></table>
  319. </div>
  320. <div class="dataAllBorder02" id="map_title_innerbox1" style="display: none; position: relative;">
  321. <div class="map_title_box">
  322. <div class="map_title_innerbox">
  323. <div class="map_title" style="background-image: url(img/second_title.png);">xxxxx条件扫描</div>
  324. </div>
  325. </div>
  326. <ul class="tab_msg_box">
  327. <li class="tab_msg tab_msg01 tab_msg_current">xxxxx</li>
  328. <li class="tab_msg tab_msg02">xxx</li>
  329. </ul>
  330. <div class="table1">
  331. <table id="table1" style="width: 100%"></table>
  332. </div>
  333. <div class="table2" style=" display: none;">
  334. <table id="table2" style="width: 100%;"></table>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. <div class="right_cage">
  340. <!--顶部切换位置-->
  341. <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%">
  342. <div class="dataAllBorder02" id="cage_cl" >
  343. <div class="analysis">一天流量:</div>
  344. <ul class="data_show_box">
  345. <li class="data_cage">0</li>
  346. <li class="data_cage">0</li>
  347. <li class="data_cage" style="background-image: none;">,</li>
  348. <li class="data_cage">0</li>
  349. <li class="data_cage">0</li>
  350. <li class="data_cage">2</li>
  351. </ul>
  352. <div class="depart_number_box">
  353. <ul class="depart_number_cage">
  354. <li class="depart_name">流量一:</li>
  355. <li class="depart_number">3,238</li>
  356. </ul>
  357. <ul class="depart_number_cage">
  358. <li class="depart_name">流量二:</li>
  359. <li class="depart_number">1,630</li>
  360. </ul>
  361. <ul class="depart_number_cage" style="margin-bottom: 0px;">
  362. <li class="depart_name">流量三:</li>
  363. <li class="depart_number">4,251</li>
  364. </ul>
  365. <ul class="depart_number_cage" style="margin-bottom: 0px;">
  366. <li class="depart_name">流量四:</li>
  367. <li class="depart_number">24</li>
  368. </ul>
  369. </div>
  370. </div>
  371. <div class="dataAllBorder02 over_hide" id="cage_cl1" style="display: none" >
  372. <div class="analysis">点位基础信息:</div>
  373. <ul class="location_msg_box">
  374. <li class="location_msg01 location_single">事件级别:<a href="#" style="color: #dc0000;">一级</a></li>
  375. <li class="location_msg02 location_single">事件级别:化学气体泄漏</a></li>
  376. <li class="location_msg02 location_double">案发时间:<a href="#" style="color: #cdd6db;">2017-09-10<br>11:40</a></li>
  377. <li class="location_msg01 location_double">地址:北京市成华区一环路南三段45#</a></li>
  378. <li class="location_msg01 location_single" style="width: 100%; height: 40%">案件关联:“131”抢劫、2014-05-13火灾、2013-12-08毒气 泄漏。</a></li>
  379. </ul>
  380. </div>
  381. </div>
  382. <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1.5% !important;">
  383. <!--切换01-->
  384. <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide">
  385. <table class="table table-bordered">
  386. <thead>
  387. <tr>
  388. <th style="width: 18%">名称</th>
  389. <th>归属</th>
  390. <th>程度</th>
  391. <th>范围)</th>
  392. </tr>
  393. </thead>
  394. <tbody>
  395. <tr>
  396. <td>xxxxxxx</td>
  397. <td>xxxxxxx</td>
  398. <td>xxxxxxx</td>
  399. <td>200m-5km</td>
  400. </tr>
  401. <tr>
  402. <td>xxxxxxx</td>
  403. <td>xxxxxxx</td>
  404. <td>xxxxxxx</td>
  405. <td>4km-80km</td>
  406. </tr>
  407. <tr>
  408. <td>xxxxxxx</td>
  409. <td>xxxxxxx</td>
  410. <td>xxxxxxx</td>
  411. <td>400m-2km</td>
  412. </tr>
  413. <tr>
  414. <td>xxxxxxx</td>
  415. <td>xxxxxxx</td>
  416. <td>xxxxxxx</td>
  417. <td>1km</td>
  418. </tr>
  419. <tr>
  420. <td>xxxxxxx</td>
  421. <td>xxxxxxx</td>
  422. <td>xxxxxxx</td>
  423. <td>2km</td>
  424. </tr>
  425. <tr>
  426. <td>xxxxxxx</td>
  427. <td>xxxxxxx</td>
  428. <td>xxxxxxx</td>
  429. <td>500m-2km</td>
  430. </tr>
  431. <tr>
  432. <td>xxxxxxx</td>
  433. <td>xxxxxxx</td>
  434. <td>xxxxxxx</td>
  435. <td>500m-10km</td>
  436. </tr>
  437. </tbody>
  438. </table>
  439. <table class="table table-bordered">
  440. <thead>
  441. <tr>
  442. <th style="width: 18%">名称</th>
  443. <th>归属</th>
  444. <th>程度</th>
  445. <th>范围(r=?)</th>
  446. </tr>
  447. </thead>
  448. <tbody>
  449. <tr>
  450. <td>xxxxxxx</td>
  451. <td>xxxxxxx</td>
  452. <td>xxxxxxx</td>
  453. <td>全城</td>
  454. </tr>
  455. <tr>
  456. <td>xxxxxxx</td>
  457. <td>xxxxxxx</td>
  458. <td>xxxxxxx</td>
  459. <td>车站</td>
  460. </tr>
  461. <tr>
  462. <td>xxxxxxx</td>
  463. <td>xxxxxxx</td>
  464. <td>xxxxxxx</td>
  465. <td>-</td>
  466. </tr>
  467. </tbody>
  468. </table>
  469. </div>
  470. <!--切换02-->
  471. <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide1" style="display: none">
  472. <table class="table table-bordered">
  473. <thead>
  474. <tr>
  475. <th style="width: 18%">名称</th>
  476. <th>级别</th>
  477. <th>流量</th>
  478. <th>范围(r=?)</th>
  479. </tr>
  480. </thead>
  481. <tbody>
  482. <tr>
  483. <td>下载文本</td>
  484. <td>三级</td>
  485. <td>5t</td>
  486. <td>200m-5km</td>
  487. </tr>
  488. <tr>
  489. <td>浏览图片</td>
  490. <td>三级...</td>
  491. <td>3t</td>
  492. <td>4km-80km</td>
  493. </tr>
  494. <tr>
  495. <td>浏览视频</td>
  496. <td>一级</td>
  497. <td>20t</td>
  498. <td>400m-2km</td>
  499. </tr>
  500. <tr>
  501. <td>下载图片</td>
  502. <td>一级</td>
  503. <td>10t</td>
  504. <td>1km</td>
  505. </tr>
  506. <tr>
  507. <td>下载视频</td>
  508. <td>一级</td>
  509. <td>4t</td>
  510. <td>2km</td>
  511. </tr>
  512. <tr>
  513. <td>在线处理</td>
  514. <td>一级</td>
  515. <td>3t</td>
  516. <td>500m-2km</td>
  517. </tr>
  518. <tr>
  519. <td>在线查询</td>
  520. <td>一级</td>
  521. <td>10M2</td>
  522. <td>500m-10km</td>
  523. </tr>
  524. <tr>
  525. <td>xxx</td>
  526. <td>一级</td>
  527. <td>5t</td>
  528. <td>200m-5km</td>
  529. </tr>
  530. <tr>
  531. <td>xxxxx</td>
  532. <td>一级</td>
  533. <td>6t</td>
  534. <td>4km-80km</td>
  535. </tr>
  536. <tr>
  537. <td>xxxx</td>
  538. <td>一级</td>
  539. <td>11t</td>
  540. <td>400m-2km</td>
  541. </tr>
  542. </tbody>
  543. </table>
  544. </div>
  545. <!--地址检索切换03-->
  546. <div class="dataAllBorder02 addition_check_in" style="display: none;position: relative" >
  547. <div class="analysis" style="height: 34px;%">地址检索:</div>
  548. <div class="search_plate_box">
  549. <ul class="search_separate">
  550. <li class="search_title">地址类型:</li>
  551. <select class="search_input_box search_chose_box">
  552. <option>全部</option>
  553. <option>居民区</option>
  554. <option>街道</option>
  555. <option>建筑物</option>
  556. <option>园区</option>
  557. </select>
  558. </ul>
  559. <ul class="search_separate">
  560. <li class="search_title">地址名称:</li>
  561. <li class="search_input_box"><input class="search_input" type="text"></li>
  562. </ul>
  563. <button class="search_btn">开始检索</button>
  564. </div>
  565. <!--检索结果板块-->
  566. <div class="search_sesult_box">
  567. <ul class="search_result">
  568. <li class="search_result_add">资阳汽车客运中心</li>
  569. <li class="search_location" title="定位"></li>
  570. <li class="search_eddit" title="操作"></li>
  571. <li class="search_result_road">资阳市>雁江区>书台路与骏兴路交叉口西侧</li>
  572. </ul>
  573. <ul class="search_result">
  574. <li class="search_result_add">成都大学金牛校区</li>
  575. <li class="search_location" title="定位"></li>
  576. <li class="search_eddit" title="操作"></li>
  577. <li class="search_result_road">北京市>朝阳>东六巷</li>
  578. </ul>
  579. <ul class="search_result">
  580. <li class="search_result_add">二十二中</li>
  581. <li class="search_location" title="定位"></li>
  582. <li class="search_eddit" title="操作"></li>
  583. <li class="search_result_road">北京市>朝阳>育苗路</li>
  584. </ul>
  585. <ul class="search_result">
  586. <li class="search_result_add">红盛生态园</li>
  587. <li class="search_location" title="定位"></li>
  588. <li class="search_eddit" title="操作"></li>
  589. <li class="search_result_road">北京市>xxx>惠王陵东路</li>
  590. </ul>
  591. <ul class="search_result">
  592. <li class="search_result_add">资阳汽车客运中心</li>
  593. <li class="search_location" title="定位"></li>
  594. <li class="search_eddit" title="操作"></li>
  595. <li class="search_result_road">资阳市>雁江区>书台路与骏兴路交叉口西侧</li>
  596. </ul>
  597. <ul class="search_result">
  598. <li class="search_result_add">黄忠公园</li>
  599. <li class="search_location" title="定位"></li>
  600. <li class="search_eddit" title="操作"></li>
  601. <li class="search_result_road">北京市>朝阳>同德街</li>
  602. </ul>
  603. </div>
  604. <!--翻页模块-->
  605. <div class="tcdPageCode"></div>
  606. </div>
  607. <!--危化品检索切换04-->
  608. <div class="dataAllBorder02 chemistry_check_in" id="chemistry_check_in" style="display: none;position: relative" >
  609. <div class="analysis" style="height: 34px;">检索:</div>
  610. <div class="search_plate_box">
  611. <ul class="search_separate">
  612. <li class="search_title">编码类型:</li>
  613. <select class="search_input_box search_chose_box">
  614. <option>全部</option>
  615. <option>商品码</option>
  616. <option>企业码</option>
  617. </select>
  618. </ul>
  619. <ul class="search_separate">
  620. <li class="search_title">输入编码:</li>
  621. <li class="search_input_box"><input class="search_input" type="text"></li>
  622. </ul>
  623. <button class="search_btn">开始检索</button>
  624. </div>
  625. <!--检索结果板块-->
  626. <div class="search_sesult_box">
  627. <ul class="search_result">
  628. <li class="search_result_add danger_result">xxxxxx</li>
  629. <li class="danger_level level03">三级</li>
  630. <li class="search_location" title="定位"></li>
  631. <li class="search_eddit" title="生命周期" onclick="showLife()"></li>
  632. <li class="search_result_car car_personal">xxxxxxx</li>
  633. <li class="search_result_car car_time">xxxxxxx</li>
  634. </ul>
  635. <ul class="search_result">
  636. <li class="search_result_add danger_result">xxxxxx</li>
  637. <li class="danger_level level03">三级</li>
  638. <li class="search_location" title="定位"></li>
  639. <li class="search_eddit" title="生命周期"></li>
  640. <li class="search_result_car car_personal">xxxxxx</li>
  641. <li class="search_result_car car_time">xxxxxxx</li>
  642. </ul>
  643. <ul class="search_result">
  644. <li class="search_result_add danger_result">xxxxxx</li>
  645. <li class="danger_level level02">二级</li>
  646. <li class="search_location" title="定位"></li>
  647. <li class="search_eddit" title="生命周期"></li>
  648. <li class="search_result_car car_personal">xxxxxx</li>
  649. <li class="search_result_car car_time">xxxxxx制造厂</li>
  650. </ul>
  651. <ul class="search_result">
  652. <li class="search_result_add danger_result">烟花爆竹</li>
  653. <li class="danger_level level02">二级</li>
  654. <li class="search_location" title="定位"></li>
  655. <li class="search_eddit" title="生命周期"></li>
  656. <li class="search_result_car car_personal">xxxxxx)</li>
  657. <li class="search_result_car car_time">xxxxxx建地化工厂</li>
  658. </ul>
  659. <ul class="search_result">
  660. <li class="search_result_add danger_result">xxxxxx</li>
  661. <li class="danger_level level03">三级</li>
  662. <li class="search_location" title="定位"></li>
  663. <li class="search_eddit" title="生命周期"></li>
  664. <li class="search_result_car car_personal">xxxxxxx</li>
  665. <li class="search_result_car car_time">xxxxxxx</li>
  666. </ul>
  667. <ul class="search_result">
  668. <li class="search_result_add danger_result">xxxxxx</li>
  669. <li class="danger_level level01">一级</li>
  670. <li class="search_location" title="定位"></li>
  671. <li class="search_eddit" title="生命周期"></li>
  672. <li class="search_result_car car_personal">xxxxxxx</li>
  673. <li class="search_result_car car_time">xxxxxxx</li>
  674. </ul>
  675. </div>
  676. <!--翻页模块-->
  677. <div class="chemistry_tcdPageCode"></div>
  678. </div>
  679. <!--企业检索切换05-->
  680. <div class="dataAllBorder02 enterprise_check_in" id="enterprise_check_in" style="display: none;position: relative" >
  681. <div class="analysis" style="height: 34px;">企业检索:</div>
  682. <div class="search_plate_box">
  683. <ul class="search_separate">
  684. <li class="search_title">行业选择:</li>
  685. <select class="search_input_box search_chose_box">
  686. <option>物流企业</option>
  687. <option>食品生产制造</option>
  688. <option>服务行业</option>
  689. <option>工业生产</option>
  690. <option>电子产品制造</option>
  691. <option>科技服务</option>
  692. </select>
  693. </ul>
  694. <ul class="search_separate">
  695. <li class="search_title">企业名字:</li>
  696. <li class="search_input_box"><input class="search_input" type="text"></li>
  697. </ul>
  698. <ul class="search_separate">
  699. <li class="search_title">登记号:</li>
  700. <li class="search_input_box"><input class="search_input" type="text"></li>
  701. </ul>
  702. <button class="search_btn">开始检索</button>
  703. </div>
  704. <!--检索结果板块-->
  705. <div class="search_sesult_box">
  706. <ul class="search_result">
  707. <li class="search_result_add">便利店总部(350298100000405)</li>
  708. <li class="search_location" title="定位"></li>
  709. <li class="search_eddit" onclick="people()" title="操作"></li>
  710. <li class="search_result_road">北京市>武侯区>新希望路223号4楼</li>
  711. </ul>
  712. <ul class="search_result">
  713. <li class="search_result_add">红旗连锁(260220100003523)</li>
  714. <li class="search_location" title="定位"></li>
  715. <li class="search_eddit" onclick="people()" title="操作"></li>
  716. <li class="search_result_road">北京市>朝阳>建业路244号</li>
  717. </ul>
  718. <ul class="search_result">
  719. <li class="search_result_add">蓝海旅行社(260220100003523)</li>
  720. <li class="search_location" title="定位"></li>
  721. <li class="search_eddit" onclick="people()" title="操作"></li>
  722. <li class="search_result_road">北京市>朝阳>育苗路</li>
  723. </ul>
  724. <ul class="search_result">
  725. <li class="search_result_add">吴铭火锅(350298100000405)</li>
  726. <li class="search_location" title="定位"></li>
  727. <li class="search_eddit" onclick="people()" title="操作"></li>
  728. <li class="search_result_road">北京市>xxx>惠王陵东路</li>
  729. </ul>
  730. <ul class="search_result">
  731. <li class="search_result_add">阿杰发艺连锁(260220100003523)</li>
  732. <li class="search_location" title="定位"></li>
  733. <li class="search_eddit" onclick="people()" title="操作"></li>
  734. <li class="search_result_road">书台路与骏兴路交叉口西侧</li>
  735. </ul>
  736. <ul class="search_result">
  737. <li class="search_result_add">黄忠公园(350298100000405)</li>
  738. <li class="search_location" title="定位"></li>
  739. <li class="search_eddit" onclick="people()" title="操作"></li>
  740. <li class="search_result_road">北京市>朝阳>同德街</li>
  741. </ul>
  742. </div>
  743. <!--翻页模块-->
  744. <div class="enterprise_tcdPageCode"></div>
  745. </div>
  746. <!--车辆检索切换06-->
  747. <div class="dataAllBorder02" id="car_check_in" style="display: none;position: relative" >
  748. <div class="analysis" style="height: 34px;">车辆检索:</div>
  749. <div class="search_plate_box">
  750. <ul class="search_separate">
  751. <li class="search_title">车牌号码:</li>
  752. <li class="search_input_box"><input class="search_input" type="text"></li>
  753. </ul>
  754. <ul class="search_separate">
  755. <li class="search_title">车主姓名:</li>
  756. <li class="search_input_box"><input class="search_input" type="text"></li>
  757. </ul>
  758. <button class="search_btn">检索</button>
  759. </div>
  760. <!--检索结果板块-->
  761. <div class="search_sesult_box">
  762. <ul class="search_result">
  763. <li class="search_result_add">川A·K5H12(陈浩)</li>
  764. <li class="search_location" title="定位"></li>
  765. <li class="search_guiji" title="轨迹回放"></li>
  766. <li class="search_result_car car_personal">福特(福克斯两厢)</li>
  767. <li class="search_result_car car_time">乘用车(5座)</li>
  768. </ul>
  769. <ul class="search_result">
  770. <li class="search_result_add">川A·14AG2(张正涛)</li>
  771. <li class="search_location" title="定位"></li>
  772. <li class="search_guiji" title="轨迹回放"></li>
  773. <li class="search_result_car car_personal">福特(金牛座)</li>
  774. <li class="search_result_car car_time">乘用车(5座)</li>
  775. </ul>
  776. <ul class="search_result">
  777. <li class="search_result_add">川B·2563K(李雪)</li>
  778. <li class="search_location" title="定位"></li>
  779. <li class="search_guiji" title="轨迹回放"></li>
  780. <li class="search_result_car car_personal">上海大众(迈腾)</li>
  781. <li class="search_result_car car_time">乘用车(5座)</li>
  782. </ul>
  783. <ul class="search_result">
  784. <li class="search_result_add">川A·SH273(刘红)</li>
  785. <li class="search_location" title="定位"></li>
  786. <li class="search_guiji" title="轨迹回放"></li>
  787. <li class="search_result_car car_personal">菲亚特(菲翔)</li>
  788. <li class="search_result_car car_time">乘用车(5座)</li>
  789. </ul>
  790. <ul class="search_result">
  791. <li class="search_result_add">川A·K5H12(陈浩)</li>
  792. <li class="search_location" title="定位"></li>
  793. <li class="search_guiji" title="轨迹回放"></li>
  794. <li class="search_result_car car_personal">奔驰(C200)</li>
  795. <li class="search_result_car car_time">乘用车(5座)</li>
  796. </ul>
  797. <ul class="search_result">
  798. <li class="search_result_add">川A·K5H12(张起国)</li>
  799. <li class="search_location" title="定位"></li>
  800. <li class="search_guiji" title="轨迹回放"></li>
  801. <li class="search_result_car car_personal">东风商用车(天龙)</li>
  802. <li class="search_result_car car_time">载货卡车(100t)</li>
  803. </ul>
  804. </div>
  805. <!--翻页模块-->
  806. <div class="car_tcdPageCode"></div>
  807. </div>
  808. </div>
  809. <div class="dataAllBorder01 cage_cl check_decrease" style="margin-top: 1.5% !important; height: 32%; position: relative;">
  810. <div class="dataAllBorder02 over_hide" style="padding: 1.2%;">
  811. <div class="analysis">xxxxx构成因素占比:</div>
  812. <div class="danger_contain_box">
  813. <div id="container_huan" style="height: 90%;width: 100%"></div>
  814. </div>
  815. <div class="danger_depart_box">
  816. <ul class="danger_depart">
  817. <li class="danger_ico" style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px"></li>
  818. <li class="data_name">xxxxx综合</li>
  819. <li class="data data01">652</li>
  820. <li class="data data02">↑&nbsp&nbsp1.2%</li>
  821. </ul>
  822. <ul class="danger_depart">
  823. <li class="danger_ico" style="background-image: url(img/images/pic_ico_02.png); background-position-x: 0px"></li>
  824. <li class="data_name">统计一</li>
  825. <li class="data data01">97</li>
  826. <li class="data data02" style="color: #ff2865;">↓&nbsp&nbsp0.3%</li>
  827. </ul>
  828. <ul class="danger_depart danger_depart01">
  829. <li class="danger_ico" style="background-image: url(img/images/pic_ico_03.png); background-position-x: 0px"></li>
  830. <li class="data_name">统计二</li>
  831. <li class="data data01">423</li>
  832. <li class="data data02">↑&nbsp&nbsp1%</li>
  833. </ul>
  834. <ul class="danger_depart danger_depart01">
  835. <li class="danger_ico" style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px"></li>
  836. <li class="data_name">统计三</li>
  837. <li class="data data01">218</li>
  838. <li class="data data02">↑&nbsp&nbsp0.3%</li>
  839. </ul>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. <div class="inner" style="display: none;" >
  846. <div class="data_left01">
  847. <div class="dataAll maginS">
  848. <div class="dataAllBorder01">
  849. <div class="dataAllBorder02">
  850. <div class="data_tit1">xxxxx分析</div>
  851. <div class="data_chart" id="buyTime"></div>
  852. </div>
  853. </div>
  854. </div>
  855. <div class="dataAll">
  856. <div class="dataAllBorder01">
  857. <div class="dataAllBorder02">
  858. <div class="data_tit1">xxxxx类型分析</div>
  859. <p class="data_chart" id="Package01"></p>
  860. </div>
  861. </div>
  862. </div>
  863. <div class="dataAll">
  864. <div class="dataAllBorder01">
  865. <div class="dataAllBorder02">
  866. <div class="data_tit1">xxxxx分析</div>
  867. <p class="data_chart" id="rode01"></p>
  868. </div>
  869. </div>
  870. </div>
  871. </div>
  872. <div class="data_left01">
  873. <div class="dataAll maginS">
  874. <div class="dataAllBorder01">
  875. <div class="dataAllBorder02">
  876. <div class="data_tit1">xxxxxx分析</div>
  877. <p class="data_chart" id="bookAret"></p>
  878. </div>
  879. </div>
  880. </div>
  881. <div class="dataAll">
  882. <div class="dataAllBorder01">
  883. <div class="dataAllBorder02">
  884. <div class="data_tit1">xxxxxxx分析</div>
  885. <p class="data_chart" id="bookBmonth"></p>
  886. </div>
  887. </div>
  888. </div>
  889. <div class="dataAll">
  890. <div class="dataAllBorder01">
  891. <div class="dataAllBorder02">
  892. <div class="data_tit1">xxxxxxx分析</div>
  893. <p class="data_chart" id="whearAbook"></p>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. <div class="data_left02">
  899. <div class="dataAll01">
  900. <div class="dataAllBorder01">
  901. <div class="dataAllBorder02">
  902. <div class="data_tit2">数据汇总</div>
  903. <table class="table_data01" >
  904. <tr><td>总数</td><td colspan="3" class="font01">56320</td></tr>
  905. <tr><td>xxxxxx数</td><td colspan="3" class="font02">56320</td></tr>
  906. <tr>
  907. <td>xxxxx数:</td>
  908. <td>10个</td>
  909. <td>类型数:</td>
  910. <td>6个</td>
  911. </tr>
  912. <tr>
  913. <td>xxxx最多数:</td>
  914. <td>16-20点</td>
  915. <td>xxxxx最多月:</td>
  916. <td>12月</td>
  917. </tr>
  918. <tr>
  919. <td>xxxxx最多季节:</td>
  920. <td>xxxx</td>
  921. <td>xxxxx天气:</td>
  922. <td>晴天</td>
  923. </tr>
  924. <tr>
  925. <td>xxxxxx:</td>
  926. <td>套餐A</td>
  927. <td>xxxxxx:</td>
  928. <td>活动</td>
  929. </tr>
  930. <tr>
  931. <td>xxxxxx:</td>
  932. <td>交通畅通</td>
  933. <td>xxxxx特殊时间:</td>
  934. <td>国庆节</td>
  935. </tr>
  936. <tr>
  937. <td>xxxxx:</td>
  938. <td colspan="3" style="color: red">xxxxxB</td>
  939. </tr>
  940. <tr>
  941. <td>xxxxx多季节:</td>
  942. <td colspan="3" style="color: red">冬季</td>
  943. </tr>
  944. </table>
  945. </div>
  946. </div>
  947. </div>
  948. <div class="dataAll02">
  949. <div class="dataAllBorder01">
  950. <div class="dataAllBorder02">
  951. <div class="data_tit1">xxxxx分析</div>
  952. <p class="data_chart" id="rodeAbook"></p>
  953. </div>
  954. </div>
  955. </div>
  956. </div>
  957. <div class="data_left01">
  958. <div class="dataAll maginS">
  959. <div class="dataAllBorder01">
  960. <div class="dataAllBorder02">
  961. <div class="data_tit1">xxxxx分析</div>
  962. <p class="data_chart" id="seaAbook01"></p>
  963. </div>
  964. </div>
  965. </div>
  966. <div class="dataAll">
  967. <div class="dataAllBorder01">
  968. <div class="dataAllBorder02">
  969. <div class="data_tit1">xxxxx订单分析</div>
  970. <p class="data_chart" id="actionBook"></p>
  971. </div>
  972. </div>
  973. </div>
  974. <div class="dataAll">
  975. <div class="dataAllBorder01">
  976. <div class="dataAllBorder02">
  977. <div class="data_tit1">xxxxxx分析</div>
  978. <p class="data_chart" id="sperceBook01"></p>
  979. </div>
  980. </div>
  981. </div>
  982. </div>
  983. </div>
  984. <div class="inner" style="display:none" >
  985. <div class="data_left03">
  986. <div class="dataAllNo01 maginS01">
  987. <div class="dataAllBorder01">
  988. <div class="dataAllBorder02">
  989. <div class="data_tit3">收入渠道分析</div>
  990. <table class="table_data01">
  991. <tr>
  992. <td>总收入:</td><td colspan="3" class="font01">123653元</td>
  993. </tr>
  994. <tr>
  995. <td>收入渠道数:</td><td colspan="3" class="font03">5个</td>
  996. </tr>
  997. <tr><td>收入最多渠道</td><td class="font04">渠道A(56%)</td><td>收入最少渠道</td><td class="font05">渠道C(2.8%)</td></tr>
  998. <tr><td>渠道A收入</td><td class="font6">53602元</td><td>渠道A收入占比</td><td class="font6">4.8%</td></tr>
  999. <tr><td>渠道B收入</td><td class="font6">53602元</td><td>渠道B收入占比</td><td class="font6">4.8%</td></tr>
  1000. <tr><td>渠道C收入</td><td class="font6">53602元</td><td>渠道D收入占比</td><td class="font6">4.8%</td></tr>
  1001. </table>
  1002. <p class="data_chart01" id="zhanbi02"></p>
  1003. </div>
  1004. </div>
  1005. </div>
  1006. </div>
  1007. <div class="data_left04">
  1008. <!--style="margin-top: 6.3%"-->
  1009. <div class="dataAllNo01">
  1010. <div class="dataAllBorder01">
  1011. <div class="dataAllBorder02">
  1012. <div class="data_tit3">营销投入与销售量分析</div>
  1013. <table class="table_data02">
  1014. <tr><td class="font07">销量总量</td><td class="font03">1560万元</td><td class="font07">营销投入量</td><td class="font02">560万</td></tr>
  1015. <tr><td class="font07">总利润</td><td class="font01">1000万元</td><td class="font07">利润率</td><td class="font01">464.15%</td></tr>
  1016. </table>
  1017. <p>
  1018. <div class="zhanleft01" id="allAly01"></div>
  1019. <div class="zhanleft01" id="allAly02"></div>
  1020. </p>
  1021. <p class="zhanleft02" id="allAly03"></p>
  1022. </div>
  1023. </div>
  1024. </div>
  1025. </div>
  1026. <div class="data_left03">
  1027. <div class="dataAllNo01 maginS01">
  1028. <div class="dataAllBorder01">
  1029. <div class="dataAllBorder02">
  1030. <div class="data_tit3">支出渠道分析</div>
  1031. <table class="table_data01">
  1032. <tr>
  1033. <td>总支出:</td><td colspan="3" class="font02">123653元</td>
  1034. </tr>
  1035. <tr>
  1036. <td>支出渠道数:</td><td colspan="3" class="font02">5个</td>
  1037. </tr>
  1038. <tr><td>支出最多渠道</td><td class="font05">渠道A(56%)</td><td>支出最少渠道</td><td class="font04">渠道C(2.8%)</td></tr>
  1039. <tr><td>渠道A支出</td><td class="font6">53602元</td><td>渠道A支出占比</td><td class="font6">4.8%</td></tr>
  1040. <tr><td>渠道B支出</td><td class="font6">53602元</td><td>渠道B支出占比</td><td class="font6">4.8%</td></tr>
  1041. <tr><td>渠道C支出</td><td class="font6">53602元</td><td>渠道D支出占比</td><td class="font6">4.8%</td></tr>
  1042. </table>
  1043. <p class="data_chart01" id="zhanbi03"></p>
  1044. </div>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. <div class="inner" style="display: none">
  1050. <div class="clear"></div>
  1051. <div class="data_left05">
  1052. <div class="dataAllNo02 ">
  1053. <div class="dataAllBorder01">
  1054. <div class="dataAllBorder02">
  1055. <div class="data_tit">xxxxxxx分析</div>
  1056. <p class="data_chart02" id="shijian01"></p>
  1057. </div>
  1058. </div>
  1059. </div>
  1060. </div>
  1061. <div class="data_left05">
  1062. <div class="dataAllNo02 ">
  1063. <div class="dataAllBorder01">
  1064. <div class="dataAllBorder02">
  1065. <div class="data_tit">xxxxx分析</div>
  1066. <table class="table_data02">
  1067. <tr><td class="font07">事件类型</td><td class="font03">5个</td><td class="font07">xxxx</td><td class="font02">560万</td></tr>
  1068. <tr><td class="font07">最多发生事件</td><td class="font01">xxxx</td><td class="font07">最少发生事件</td><td class="font01">xxxxx</td></tr>
  1069. </table>
  1070. <p class="data_chart02" id="shijian03"></p>
  1071. </div>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. <div class="clear"></div>
  1076. <div class="data_left05">
  1077. <div class="dataAllNo02">
  1078. <div class="dataAllBorder01">
  1079. <div class="dataAllBorder02">
  1080. <div class="data_tit">xxxx分析</div>
  1081. <p class="data_chart02" id="shijian02"></p>
  1082. </div>
  1083. </div>
  1084. </div>
  1085. </div>
  1086. <div class="data_left05">
  1087. <div class="dataAllNo02">
  1088. <div class="dataAllBorder01">
  1089. <div class="dataAllBorder02">
  1090. <div class="data_tit">xxxxxx分析</div>
  1091. <p class="data_chart03" id="shijian04"></p>
  1092. </div>
  1093. </div>
  1094. </div>
  1095. </div>
  1096. </div>
  1097. <div class="inner" style="display: none">
  1098. <div class="manage_left l_left">
  1099. <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
  1100. <div class="manage_line1">
  1101. <div class="manage_line2">
  1102. <div class="manage_top_middle">
  1103. <table class="table table-bordered">
  1104. <tbody>
  1105. <tr>
  1106. <td>xxxx总数</td>
  1107. <td colspan="3">25414人</td>
  1108. </tr>
  1109. <tr>
  1110. <td>xxxxx</td>
  1111. <td colspan="3">省内游客</td>
  1112. </tr>
  1113. <tr>
  1114. <td>xxxxx</td>
  1115. <td colspan="3">青年</td>
  1116. </tr>
  1117. <tr>
  1118. <td>男性游客</td>
  1119. <td>5424人</td>
  1120. <td>女性游客</td>
  1121. <td>5457人</td>
  1122. </tr>
  1123. <tr>
  1124. <td>团队游客</td>
  1125. <td>5424人</td>
  1126. <td>散客</td>
  1127. <td>5457人</td>
  1128. </tr>
  1129. <tr>
  1130. <td>同比</td>
  1131. <td>下降5%</td>
  1132. <td>环比</td>
  1133. <td>上升5.6%</td>
  1134. </tr>
  1135. </tbody>
  1136. </table>
  1137. <p>xxxxx数据汇总</p>
  1138. </div>
  1139. <div class="manage_left_top">
  1140. <div class="manage_top_left l_left">
  1141. <div id="container2" style="height: 90%"></div>
  1142. <p>xxxxx分析</p>
  1143. </div>
  1144. <div class="manage_top_left l_left">
  1145. <div id="container1" style="height: 90%"></div>
  1146. <p>xxxx分析</p>
  1147. </div>
  1148. <div class="manage_top_left l_left">
  1149. <div id="container3" style="height:90%"></div>
  1150. <p>xxxx分析</p>
  1151. </div>
  1152. </div>
  1153. <div class="manage_top_middle">
  1154. <div id="container4" style="height: 90%"></div>
  1155. <p>xxxx数据分析</p>
  1156. </div>
  1157. <!--<div class="manage_top_middle l_left">-->
  1158. <!--<div id="container5" style="height: 90%"></div>-->
  1159. <!--<p>天气——游客数据分析</p>-->
  1160. <!--</div>-->
  1161. </div>
  1162. </div>
  1163. </div>
  1164. <div class="manage_left l_left">
  1165. <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
  1166. <div class="manage_line1">
  1167. <div class="manage_line2">
  1168. <div class="manage_top_middle l_left">
  1169. <div id="container9" style="height: 90%"></div>
  1170. <p>xxxx情况</p>
  1171. </div>
  1172. <div class="manage_top_middle l_left">
  1173. <div id="container10" style="height: 90%"></div>
  1174. <p>xxxx分析</p>
  1175. </div>
  1176. <div class="manage_top_middle l_left">
  1177. <div id="container11" style="height: 90%"></div>
  1178. <p>xxxx分析</p>
  1179. </div>
  1180. </div>
  1181. </div>
  1182. </div>
  1183. <div class="manage_left l_left">
  1184. <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
  1185. <div class="manage_line1">
  1186. <div class="manage_line2">
  1187. <div class="manage_top_middle">
  1188. <div id="container12" style="height: 90%"></div>
  1189. <p>xxxxx排行</p>
  1190. </div>
  1191. <div class="manage_top_middle">
  1192. <div id="container6" style="height: 90%"></div>
  1193. <p>xxxx数据分析</p>
  1194. </div>
  1195. <div class="manage_top_middle l_left">
  1196. <div id="container5" style="height: 90%"></div>
  1197. <p>xxxxx数据分析</p>
  1198. </div>
  1199. </div>
  1200. </div>
  1201. </div>
  1202. </div>
  1203. <div class="inner" style="display: none;">
  1204. <div class="user_left l_left" style=" margin-left: 0.6%">
  1205. <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->
  1206. <div class="user_line1">
  1207. <div class="user_line2">
  1208. <div class="user_top_middle">
  1209. <table class="table table-bordered">
  1210. <tbody>
  1211. <tr>
  1212. <td>xxxx总数</td>
  1213. <td colspan="3">965人</td>
  1214. </tr>
  1215. <tr>
  1216. <td>xxxx工作人员</td>
  1217. <td>625人</td>
  1218. <td>xxxx工作人员</td>
  1219. <td>340人</td>
  1220. </tr>
  1221. <tr>
  1222. <td>xxxx</td>
  1223. <td>急救部</td>
  1224. <td>xxxx工作人员</td>
  1225. <td>xxx(99%)</td>
  1226. </tr>
  1227. <tr>
  1228. <td>xxx</td>
  1229. <td>售票部</td>
  1230. <td>xxxx</td>
  1231. <td>安保部</td>
  1232. </tr>
  1233. <tr>
  1234. <td>xxx</td>
  1235. <td>李焕</td>
  1236. <td>xxx</td>
  1237. <td>周伟</td>
  1238. </tr>
  1239. <tr>
  1240. <td>xxxx主要原因</td>
  1241. <td>人为损坏</td>
  1242. <td>xxx处理情况</td>
  1243. <td>均及时进行设备处理</td>
  1244. </tr>
  1245. <!--<tr>-->
  1246. <!--<td>年度最佳员工</td>-->
  1247. <!--<td>李进</td>-->
  1248. <!--<td>重点观察员工</td>-->
  1249. <!--<td>周伟</td>-->
  1250. <!--</tr>-->
  1251. </tbody>
  1252. </table>
  1253. <p>xxx管理汇总</p>
  1254. </div>
  1255. <div class="user_left_top">
  1256. <div class="user_top_left l_left">
  1257. <div id="userContainerSex" style="height: 90%"></div>
  1258. <p>工作人员性别占比</p>
  1259. </div>
  1260. <div class="user_top_left l_left">
  1261. <div id="userContainerManage" style="height: 90%"></div>
  1262. <p>各部门人员占比</p>
  1263. </div>
  1264. <div class="user_top_left l_left">
  1265. <div id="userContainerAge" style="height:90%"></div>
  1266. <p>工作人员年龄段占比</p>
  1267. </div>
  1268. </div>
  1269. <div class="user_top_middle">
  1270. <div id="userContainerAttendance" style="height: 90%"></div>
  1271. <p>景区各部门出勤情况</p>
  1272. </div>
  1273. </div>
  1274. </div>
  1275. </div>
  1276. <div class="user_left l_left" style=" margin-left: 0.6%">
  1277. <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
  1278. <div class="user_line1">
  1279. <div class="user_line2">
  1280. <div class="user_top_middle l_left">
  1281. <div id="userContainerPersonal" style="height: 90%"></div>
  1282. <p>xxx排行</p>
  1283. </div>
  1284. <div class="user_top_middle l_left">
  1285. <div id="userContainerFlow" style="height: 90%"></div>
  1286. <p>xxx分析</p>
  1287. </div>
  1288. <div class="user_top_middle l_left">
  1289. <div id="userContainerIllegal" style="height: 90%"></div>
  1290. <p>xxxx分析</p>
  1291. </div>
  1292. </div>
  1293. </div>
  1294. </div>
  1295. <div class="user_left l_left" style=" margin-left: 0.6%">
  1296. <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
  1297. <div class="user_line1">
  1298. <div class="user_line2">
  1299. <div class="user_top_middle">
  1300. <div id="userContainerComplaint" style="height: 90%"></div>
  1301. <p>xxxx情况</p>
  1302. </div>
  1303. <div class="user_top_middle">
  1304. <div id="userContainerPrize" style="height: 90%"></div>
  1305. <p>xxx分析</p>
  1306. </div>
  1307. <div class="user_top_middle l_left">
  1308. <div class="user_right_left l_left">
  1309. <div id="userContainerReason" style="height: 90%"></div>
  1310. <p>xxx原因分析</p>
  1311. </div>
  1312. <div class="user_right_left l_left">
  1313. <div id="userContainerHandle" style="height: 90%"></div>
  1314. <p>故障处理情况</p>
  1315. </div>
  1316. </div>
  1317. </div>
  1318. </div>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. </div>
  1323. <script src="js/echarts-all.js"></script>
  1324. <script src="js/index.js"></script>
  1325. <script src="js/bstable/js/bootstrap.min.js"></script>
  1326. <script src="js/bstable/js/bootstrap-table.js"></script>
  1327. <script type="text/javascript" src="js/jquery.pagination.js"></script>
  1328. <script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
  1329. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
  1330. <!--<script src="js/MainMap.js"></script>-->
  1331. <script src="js/Home_page.js"></script>
  1332. <script src="js/artDialog/artDialog.js"></script>
  1333. <script src="js/artDialog/plugins/iframeTools.source.js"></script>
  1334. <script>
  1335. var number;
  1336. $(function() {
  1337. if (window.screen.height <= 768) {
  1338. number = 4;
  1339. } else if (window.screen.height > 768 && window.screen.height <= 900) {
  1340. number = 6
  1341. } else if (window.screen.height > 1080) {
  1342. number = 8
  1343. }
  1344. });
  1345. // 翻页模块
  1346. $(".tcdPageCode").createPage({
  1347. pageCount:5,
  1348. current:1,
  1349. backFn:function(p){}
  1350. });
  1351. $(".chemistry_tcdPageCode").createPage({
  1352. pageCount:4,
  1353. current:1,
  1354. backFn:function(p){}
  1355. });
  1356. $(".enterprise_tcdPageCode").createPage({
  1357. pageCount:4,
  1358. current:1,
  1359. backFn:function(p){}
  1360. });
  1361. $(".car_tcdPageCode").createPage({
  1362. pageCount:4,
  1363. current:1,
  1364. backFn:function(p){}
  1365. });
  1366. $(function () {
  1367. $(".tit02Diva a").each(function (index) {
  1368. $(this).on("click",function () {
  1369. $(".data_map").eq(index).fadeIn().siblings(".data_map").stop().hide();
  1370. $(this).prev('i').removeClass('i_crlieAction');
  1371. $(this).siblings('a').prev('i').addClass('i_crlieAction');
  1372. })
  1373. });
  1374. BootstrapTable();
  1375. Echarts();
  1376. $("#fresh_tool").click(function(event){
  1377. event.stopPropagation();
  1378. cancel();
  1379. })
  1380. });
  1381. function EventClick(){
  1382. $(".check_increase").removeClass("check_increase_act");
  1383. $("#over_hide1").show().siblings().hide();
  1384. $(".check_decrease").show();
  1385. $("#cage_cl").hide();
  1386. $("#map_title_innerbox").hide();
  1387. $("#cage_cl1").show();
  1388. // $("#over_hide").show();
  1389. $("#map_title_innerbox1").show();
  1390. $(".addition_check_in").hide();
  1391. $("#car_check_in").hide();
  1392. BootstrapTable();
  1393. }
  1394. function cancel(e){
  1395. $(".check_increase").removeClass("check_increase_act");
  1396. $("#over_hide").show().siblings().hide();
  1397. $(".check_decrease").show();
  1398. $("#cage_cl").show();
  1399. $("#cage_cl1").hide();
  1400. // $("#cage_cl").show();
  1401. // $("#over_hide1").show();
  1402. // $("#map_title_innerbox").show();
  1403. BootstrapTable();
  1404. }
  1405. // 地址检索
  1406. $(".addition_check_btn").click(function () {
  1407. $(".check_increase").addClass("check_increase_act");
  1408. $(".check_decrease").hide()
  1409. $(".addition_check_in").show().siblings().hide()
  1410. });
  1411. // 危化品检索
  1412. function chemistryCheck() {
  1413. $(".check_increase").addClass("check_increase_act");
  1414. $(".check_decrease").hide()
  1415. $("#chemistry_check_in").show().siblings().hide()
  1416. }
  1417. // 企业检索
  1418. function enterpriseCheck() {
  1419. $(".check_increase").addClass("check_increase_act");
  1420. $(".check_decrease").hide()
  1421. $("#enterprise_check_in").show().siblings().hide()
  1422. }
  1423. // 车辆检索
  1424. function carCheck() {
  1425. $(".check_increase").addClass("check_increase_act");
  1426. $(".check_decrease").hide()
  1427. $("#car_check_in").show().siblings().hide()
  1428. }
  1429. function BootstrapTable() {
  1430. $('#table').bootstrapTable({
  1431. method: "get",
  1432. striped: true,
  1433. singleSelect: false,
  1434. url: "json/DGCar.json",
  1435. dataType: "json",
  1436. pagination: true, //分页
  1437. pageSize: number,
  1438. pageNumber: 1,
  1439. search: false, //显示搜索框
  1440. contentType: "application/x-www-form-urlencoded",
  1441. queryParams: null,
  1442. columns: [
  1443. // {
  1444. // title: "车辆编号",
  1445. // field: 'id',
  1446. // width:80,
  1447. // align: 'center',
  1448. // valign: 'middle'
  1449. // },
  1450. {
  1451. title: '车牌号',
  1452. field: 'carno',
  1453. width:80,
  1454. align: 'center',
  1455. valign: 'middle'
  1456. },
  1457. {
  1458. title: '所属企业',
  1459. field: 'company',
  1460. align: 'center',
  1461. valign: 'middle'
  1462. },
  1463. {
  1464. title: '运输内容',
  1465. field: 'content',
  1466. align: 'center'
  1467. },
  1468. {
  1469. title: '行驶速度',
  1470. field: 'speed',
  1471. width:80,
  1472. align: 'center'
  1473. },
  1474. {
  1475. title: '车辆载重',
  1476. field: 'load',
  1477. width:80,
  1478. align: 'center'
  1479. },
  1480. {
  1481. title: '操作',
  1482. field: 'load',
  1483. align: 'center',
  1484. formatter: function (value, row) {
  1485. var e = '<a href="javascript:void(0)" title="" onclick="showCarDetai()">查看详情</a> ';
  1486. var d = '<a href="javascript:void(0)" title="" onclick="analiysis(\'' + row.id + '\')">车辆定位</a> ';
  1487. return e + d;
  1488. }
  1489. }
  1490. ]
  1491. });
  1492. $('#table1').bootstrapTable({
  1493. method: "get",
  1494. striped: true,
  1495. singleSelect: false,
  1496. url: "json/note1.json",
  1497. dataType: "json",
  1498. pagination: true, //分页
  1499. pageSize: number,
  1500. pageNumber: 1,
  1501. search: false, //显示搜索框
  1502. contentType: "application/x-www-form-urlencoded",
  1503. queryParams: null,
  1504. columns: [
  1505. {
  1506. title: "威胁源",
  1507. field: 'id',
  1508. align: 'center',
  1509. valign: 'middle'
  1510. },
  1511. {
  1512. title: '辐射距离',
  1513. field: 'title',
  1514. align: 'center',
  1515. valign: 'middle'
  1516. },
  1517. {
  1518. title: '威胁范围',
  1519. field: 'type',
  1520. align: 'center',
  1521. valign: 'middle'
  1522. },
  1523. {
  1524. title: '危害类型',
  1525. field: 'person',
  1526. align: 'center'
  1527. }
  1528. ]
  1529. });
  1530. $('#table2').bootstrapTable({
  1531. method: "get",
  1532. striped: true,
  1533. singleSelect: false,
  1534. url: "json/note2.json",
  1535. dataType: "json",
  1536. pagination: true, //分页
  1537. pageSize: number,
  1538. pageNumber: 1,
  1539. search: false, //显示搜索框
  1540. contentType: "application/x-www-form-urlencoded",
  1541. queryParams: null,
  1542. columns: [
  1543. {
  1544. title: "威胁源",
  1545. field: 'id',
  1546. align: 'center',
  1547. valign: 'middle'
  1548. },
  1549. {
  1550. title: '辐射距离',
  1551. field: 'title',
  1552. align: 'center',
  1553. valign: 'middle'
  1554. },
  1555. {
  1556. title: '威胁范围',
  1557. field: 'type',
  1558. align: 'center',
  1559. valign: 'middle'
  1560. },
  1561. {
  1562. title: '危害类型',
  1563. field: 'person',
  1564. align: 'center'
  1565. }
  1566. ]
  1567. });
  1568. }
  1569. function Echarts() {
  1570. var myChart = echarts.init($("#container_huan")[0]);
  1571. var option = {
  1572. tooltip: {
  1573. trigger: 'item',
  1574. formatter: "{a} <br/>{b}: {c} ({d}%)"
  1575. },
  1576. legend: {
  1577. orient: 'vertical',
  1578. x: 'left',
  1579. data:['民用爆炸','射钉器材','危化品','寄递物流','旅店'],
  1580. textStyle:{
  1581. color:"#e9ebee"
  1582. }
  1583. },
  1584. series: [
  1585. {
  1586. name:'行业数据',
  1587. type:'pie',
  1588. center:['80%','50%'],
  1589. radius: ['50%', '80%'],
  1590. avoidLabelOverlap: false,
  1591. label: {
  1592. normal: {
  1593. show: false,
  1594. position: 'center'
  1595. },
  1596. emphasis: {
  1597. show: true,
  1598. textStyle: {
  1599. fontSize: '30',
  1600. fontWeight: 'bold'
  1601. }
  1602. }
  1603. },
  1604. itemStyle: {
  1605. normal: {
  1606. label: {
  1607. show: false
  1608. },
  1609. labelLine: {
  1610. show: false
  1611. }
  1612. }
  1613. },
  1614. data:[
  1615. {value:335, name:'民用爆炸'},
  1616. {value:310, name:'射钉器材'},
  1617. {value:234, name:'危化品'},
  1618. {value:135, name:'寄递物流'},
  1619. {value:1548, name:'旅店'}
  1620. ]
  1621. }
  1622. ]
  1623. };
  1624. myChart.setOption(option);
  1625. }
  1626. function TimeControl(){
  1627. $(".message_scroll_box").animate({marginTop:96},800,
  1628. function(){
  1629. $(".message_scroll_box").css({marginTop:0}); //把顶部的边界清零
  1630. $(".message_scroll_box .message_scroll:first").before($(".message_scroll_box .message_scroll:last")); //在第一个新闻后面插入最后一个新闻
  1631. });
  1632. }
  1633. var T=setInterval(TimeControl,2300); //开始定时
  1634. $(".message_scroll_box").mouseenter(function(){
  1635. clearInterval(T); //停止定时
  1636. })
  1637. .mouseleave(function(){
  1638. T=setInterval(TimeControl,2500); //再次定时
  1639. })
  1640. </script>
  1641. <!--轨迹回放时间日期选择-->
  1642. <script>
  1643. !function(){
  1644. laydate.skin('danlan');//切换皮肤,请查看skins下面皮肤库
  1645. laydate({elem: '#demo'});
  1646. laydate({elem: '#demo1'});//绑定元素
  1647. }();
  1648. //日期范围限制
  1649. var start = {
  1650. elem: '#start',
  1651. format: 'YYYY-MM-DD',
  1652. min: laydate.now(), //设定最小日期为当前日期
  1653. max: '2099-06-16', //最大日期
  1654. istime: true,
  1655. istoday: false,
  1656. choose: function(datas){
  1657. end.min = datas; //开始日选好后,重置结束日的最小日期
  1658. end.start = datas //将结束日的初始值设定为开始日
  1659. }
  1660. };
  1661. var end = {
  1662. elem: '#end',
  1663. format: 'YYYY-MM-DD',
  1664. min: laydate.now(),
  1665. max: '2099-06-16',
  1666. istime: true,
  1667. istoday: false,
  1668. choose: function(datas){
  1669. start.max = datas; //结束日选好后,充值开始日的最大日期
  1670. }
  1671. };
  1672. laydate(start);
  1673. laydate(end);
  1674. function edit() {
  1675. layer.open({
  1676. type: 2,
  1677. title: '存储详情',
  1678. shade: 0.5,
  1679. skin: 'layui-layer-rim',
  1680. area: ['700px', '400px'],
  1681. shadeClose: true,
  1682. closeBtn: 1,
  1683. content: 'saveFindTail.html'
  1684. });
  1685. }
  1686. </script>
  1687. <script>
  1688. // 百度地图API功能
  1689. var map = new BMap.Map("map"); // 创建Map实例
  1690. map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
  1691. //添加地图类型控件
  1692. map.addControl(new BMap.MapTypeControl({
  1693. mapTypes:[
  1694. BMAP_NORMAL_MAP,
  1695. BMAP_HYBRID_MAP
  1696. ]}));
  1697. var mapStyle={
  1698. style:"dark"
  1699. };
  1700. map.setMapStyle(mapStyle);
  1701. map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
  1702. map.enableScrollWheelZoom(true);
  1703. </script>
  1704. </body>
  1705. </html>