sys-home-zhzf.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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 href="../css/mui.min.css" rel="stylesheet" />
  10. <!-- 挂接app样式 -->
  11. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  12. <!-- 引入App补充样式 -->
  13. <link rel="stylesheet" href="../css/app.new.css">
  14. <!-- 引入字体 -->
  15. <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
  16. <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
  17. <link rel="stylesheet" href="../fonts/font-jt.css">
  18. <!-- 本页独有样式 -->
  19. <style type="text/css">
  20. /* 案件统计词条容器样式 */
  21. .cr-casecount-panel {
  22. height: 40px;
  23. /* background-color: rgb(42, 62, 133); */
  24. /* background-color: red; */
  25. background-color: #243f6d;
  26. display: flex;
  27. flex-direction: column;
  28. justify-content: center;
  29. }
  30. /* 统计容器 */
  31. .cr-casecount-panel * {
  32. color: rgb(232, 183, 99);
  33. font-size: 13px !important;
  34. }
  35. /* 案件统计词条行样式 */
  36. .cr-casecount-row {
  37. flex: 1;
  38. display: flex;
  39. flex-direction: row;
  40. }
  41. /* 给统计词条行内所有的div加入边框线 */
  42. .cr-casecount-row div {
  43. border-right: solid 0px rgb(203, 203, 203);
  44. }
  45. /* 去掉统计词条行内最有一个div的边框线 */
  46. .cr-casecount-row div:last-child {
  47. border-right: solid 0px black;
  48. }
  49. /* 案件统计词条列样式 */
  50. .cr-casecount-column {
  51. flex: 1;
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. font-size: 14px;
  56. font-family: 'TTTGB-Medium', sans-serif !important;
  57. }
  58. /* 案件统计词条值样式 */
  59. .cr-casecount-value {
  60. font-family: 'UnidreamLED', sans-serif !important;
  61. font-size: 15px;
  62. }
  63. /* 为了修正底部统计此条 需改iframe的高度 */
  64. iframe {
  65. height: calc(100% - 40px);
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <!-- 具备侧滑功能 根容器 -->
  71. <div id="offCanvasWrapper" class="mui-off-canvas-wrap">
  72. <aside class="mui-off-canvas-right">
  73. <div class="jt-menu-group">
  74. </div>
  75. </aside>
  76. <!-- 主要内容 -->
  77. <div class="mui-inner-wrap">
  78. <div class="cr-casecount-panel"></div>
  79. <iframe id="mapPanel" src="map.esri.html?type=zf"></iframe>
  80. <!-- 蒙版 -->
  81. <div class="mui-off-canvas-backdrop"></div>
  82. </div>
  83. </div>
  84. </body>
  85. </html>
  86. <!-- 引入mui脚本 -->
  87. <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
  88. <!-- 引入jQuery脚本 -->
  89. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  90. <!-- 引入存储脚本 -->
  91. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  92. <!-- 引入ajax脚本 -->
  93. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  94. <!-- 引入webview脚本 -->
  95. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  96. <!-- 引入通用脚本 -->
  97. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  98. <!-- 引入enum脚本 -->
  99. <script src="../js/case.js" type="text/javascript" charset="utf-8"></script>
  100. <!-- 打开应用版本 -->
  101. <script src="../js/yyzx.open.js" type="text/javascript" charset="utf-8"></script>
  102. <!-- 专用标本 -->
  103. <script src="../js/sys.home.zhzf.js" type="text/javascript" charset="utf-8"></script>