sys-home-forest.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>林地模块首页</title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 引入mui样式 -->
  9. <link rel="stylesheet" type="text/css" href="../css/mui.css" />
  10. <!-- 引入app样式 -->
  11. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  12. <link rel="stylesheet" href="../css/app.new.css">
  13. <!-- 引入字体 -->
  14. <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
  15. <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
  16. <link rel="stylesheet" href="../fonts/font-jt.css">
  17. <!-- 引入首页模版样式 -->
  18. <link rel="stylesheet" href="../css/module.css">
  19. </head>
  20. <body>
  21. <!-- 具备侧滑功能 根容器 -->
  22. <div id="offCanvasWrapper" class="mui-off-canvas-wrap">
  23. <aside class="mui-off-canvas-right">
  24. <div class="jt-menu-group">
  25. <div class="jt-menu-row" onclick="ld_open_queryPage()">
  26. <span class="app-icon app-icon-menu-query"></span>
  27. <span>林地图斑查询</span>
  28. </div>
  29. <div class="jt-menu-row" onclick="ld_open_analysisPage()">
  30. <span class="app-icon app-icon-menu-bar"></span>
  31. <span>地类占比分析</span>
  32. </div>
  33. <div class="jt-menu-row" onclick="ld_open_monitorPage()">
  34. <span class="app-icon app-icon-menu-monitor"></span>
  35. <span>森里防火监控</span>
  36. </div>
  37. </div>
  38. </aside>
  39. <!-- 主要内容 -->
  40. <div class="mui-inner-wrap">
  41. <iframe id="mapPanel" src="map.esri.html?type=ld"></iframe>
  42. <!-- 蒙版 -->
  43. <div class="mui-off-canvas-backdrop"></div>
  44. </div>
  45. </div>
  46. </body>
  47. </html>
  48. <!-- 引入mui脚本 -->
  49. <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
  50. <!-- 引入jQuery脚本 -->
  51. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  52. <!-- 引入通用脚本 -->
  53. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  54. <!-- 进入webview脚本 -->
  55. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  56. <!-- 引入存储脚本 -->
  57. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  58. <!-- 引入ajax脚本 -->
  59. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  60. <!-- 引入应用中心 -->
  61. <script src="../js/yyzx.open.js"></script>
  62. <!-- 本页独有脚本 -->
  63. <script type="text/javascript">
  64. mui.init();
  65. /* 修改标题 */
  66. plusInit(function() {
  67. /* 增加右侧菜单 */
  68. var wv = plus.webview.currentWebview();
  69. wv.setStyle({
  70. titleNView: {
  71. buttons: [{
  72. type: 'menu',
  73. onclick: openMenu,
  74. }]
  75. }
  76. });
  77. });
  78. /* 打开右侧侧滑菜单 */
  79. function openMenu() {
  80. mui('.mui-off-canvas-wrap').offCanvas('show');
  81. }
  82. </script>