LandExpropriate-home.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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="zd_open_queryPage()">
  26. <span class="app-icon app-icon-menu-query"></span>
  27. <span>征收补偿安置项目查询</span>
  28. </div>
  29. <div class="jt-menu-row" onclick="zd_open_analysisPage()">
  30. <span class="app-icon app-icon-menu-bar"></span>
  31. <span>征收补偿安置项目面积分析</span>
  32. </div>
  33. <div class="jt-menu-row" onclick="zd_open_moneyAnalysisPage()">
  34. <span class="app-icon app-icon-menu-bar-money"></span>
  35. <span>征收补偿安置项目补偿金额分析</span>
  36. </div>
  37. <div class="jt-menu-row" onclick="zd_open_trendAnalysisPage()">
  38. <span class="app-icon app-icon-menu-line"></span>
  39. <span>征收补偿安置项目趋势分析</span>
  40. </div>
  41. </div>
  42. </aside>
  43. <!-- 主要内容 -->
  44. <div class="mui-inner-wrap">
  45. <iframe id="mapPanel" src="map.esri.html?type=zd"></iframe>
  46. <!-- 蒙版 -->
  47. <div class="mui-off-canvas-backdrop"></div>
  48. </div>
  49. </div>
  50. </body>
  51. </html>
  52. <!-- 引入mui脚本 -->
  53. <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
  54. <!-- 引入jQuery脚本 -->
  55. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  56. <!-- 引入通用脚本 -->
  57. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  58. <!-- 进入webview脚本 -->
  59. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  60. <!-- 引入存储脚本 -->
  61. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  62. <!-- 引入ajax脚本 -->
  63. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  64. <!-- 引入应用中心 -->
  65. <script src="../js/yyzx.open.js"></script>
  66. <!-- 本页独有脚本 -->
  67. <script type="text/javascript">
  68. mui.init();
  69. /* 修改标题 */
  70. plusInit(function() {
  71. /* 增加右侧菜单 */
  72. var wv = plus.webview.currentWebview();
  73. wv.setStyle({
  74. titleNView: {
  75. buttons: [{
  76. type: 'menu',
  77. onclick: openMenu,
  78. }]
  79. }
  80. });
  81. });
  82. /* 打开右侧侧滑菜单 */
  83. function openMenu() {
  84. mui('.mui-off-canvas-wrap').offCanvas('show');
  85. }
  86. /* 事件测试 */
  87. document.addEventListener("resume", function() {
  88. console.log("resume")
  89. }, false);
  90. </script>