page-yyzx.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  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. <link rel="stylesheet" href="../css/app.css">
  11. <link rel="stylesheet" href="../css/app.new.css">
  12. <!-- 引入字体 -->
  13. <link rel="stylesheet" href="../fonts/TTTGB-Medium.css">
  14. <link rel="stylesheet" href="../fonts/font-jt.css">
  15. <style type="text/css">
  16. /* 全部背景统一一致 */
  17. body,
  18. .mui-row,
  19. .mui-grid-9,
  20. .mui-grid-view {
  21. background-color: rgba(27, 38, 80, 1.0) !important;
  22. border: solid 0px rgba(150, 201, 239, 0) !important;
  23. }
  24. /* 分组标题栏 */
  25. .jt-yyzx-menu-title {
  26. display: flex;
  27. flex-direction: row;
  28. align-items: center;
  29. padding: 10px;
  30. background-color: rgb(32, 46, 96) !important;
  31. }
  32. /* 分组标题栏图标 */
  33. .jt-yyzx-menu-title>img {
  34. width: 24px;
  35. height: 24px;
  36. }
  37. /* 分组标题栏文字 */
  38. .jt-yyzx-menu-title>span {
  39. font-size: 16px;
  40. margin-left: 10px;
  41. color: rgb(203, 203, 203);
  42. }
  43. /* 菜单项 */
  44. .jt-yyzx-menu-item {
  45. height: 90px;
  46. display: flex;
  47. flex-direction: column;
  48. justify-content: center;
  49. border: solid 1px rgba(150, 201, 239, 0.3);
  50. margin: 5px;
  51. border-radius: 5px;
  52. }
  53. /* 菜单项点击 */
  54. .jt-yyzx-menu-item:active {
  55. border: solid 1px rgb(180, 0, 0);
  56. }
  57. /* 菜单项图标 */
  58. .jt-yyzx-menu-item>span:nth-child(1) {
  59. color: rgb(150, 201, 239);
  60. font-size: 30px;
  61. }
  62. /* 菜单项文字 */
  63. .jt-yyzx-menu-item>span:nth-child(2) {
  64. color: rgb(236, 182, 98);
  65. font-size: 15px;
  66. margin-top: 5px;
  67. }
  68. /* 去掉样式 */
  69. .mui-grid-view.mui-grid-9 .mui-table-view-cell {
  70. padding: 0px !important;
  71. border: solid 0px rgba(150, 201, 239, 1);
  72. }
  73. /* 去掉点击样式 */
  74. .mui-grid-view>li {
  75. background-color: rgba(27, 38, 80, 1.0) !important;
  76. border-radius: 5px;
  77. }
  78. </style>
  79. </head>
  80. <body>
  81. <div class="mui-content">
  82. <div class="mui-row jt-yyzx-menu-title">
  83. <img src="../img/menu/ico_gh.png">
  84. <span>规划</span>
  85. </div>
  86. <div class="mui-row">
  87. <ul class="mui-table-view mui-grid-view mui-grid-9"></ul>
  88. </div>
  89. </div>
  90. </body>
  91. </html>
  92. <!-- 引入mui脚本 -->
  93. <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
  94. <!-- 引入jQuery脚本 -->
  95. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  96. <!-- 引入webview脚本 -->
  97. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  98. <!-- 引入通用脚本 -->
  99. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  100. <!-- 引入存储脚本 -->
  101. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  102. <!-- 引入枚举 -->
  103. <script src="../js/case.js"></script>
  104. <!-- 引入应用中心点击事件 -->
  105. <script src="../js/yyzx.open.js" type="text/javascript" charset="utf-8"></script>
  106. <!-- 独有脚本 -->
  107. <script type="text/javascript">
  108. /* mui初始化 */
  109. mui.init();
  110. /* 必须加 否则将导致数据表无法滚动 */
  111. mui('.mui-scroll-wrapper').scroll({
  112. scrollY: true, //是否竖向滚动
  113. scrollX: true, //是否横向滚动
  114. startX: 0, //初始化时滚动至x
  115. startY: 0, //初始化时滚动至y
  116. indicators: false, //是否显示滚动条
  117. deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
  118. bounce: false, //是否启用回弹
  119. });
  120. /* 初始化完成 */
  121. plusInit(function() {
  122. /* 获取存储的本地账户*/
  123. getSaveUserInfo({
  124. success: function(saveUser) {
  125. var menuHtml = "";
  126. menuHtml += createZFMenu(saveUser);
  127. menuHtml += createZDMenu(saveUser);
  128. menuHtml += createGDMenu(saveUser);
  129. menuHtml += createGHMenu(saveUser);
  130. menuHtml += createLDMenu(saveUser);
  131. $(".mui-content").html(menuHtml);
  132. },
  133. error: function(err) {
  134. muiAlertError(err);
  135. }
  136. })
  137. });
  138. /**
  139. * 创建菜单分组标题
  140. * @param {string} title 标题
  141. * @param {string} imgName 图标名称
  142. */
  143. function createMenuGroupTitle(title, imgName) {
  144. var strHtml = "";
  145. strHtml += "<div class='mui-row jt-yyzx-menu-title'>";
  146. strHtml += "<img src='../img/home/" + imgName + ".png'>";
  147. strHtml += "<span>" + title + "</span>";
  148. strHtml += "</div>";
  149. return strHtml;
  150. }
  151. /**
  152. * 创建菜单项
  153. * @param {string} title 菜单项标题
  154. * @param {string} iconClassName 菜单项图标类名称
  155. * @param {function} clickFunction 点击函数
  156. */
  157. function createMenuItem(title, iconClassName, clickFunction) {
  158. var strHtml = "";
  159. strHtml += "<li class='mui-table-view-cell mui-col-xs-4 mui-col-sm-3'";
  160. strHtml += " onclick=\"" + clickFunction + "\">";
  161. strHtml += "<div class='jt-yyzx-menu-item'>";
  162. strHtml += "<span class='app-icon " + iconClassName + "'></span>";
  163. strHtml += "<span>" + title + "</span>";
  164. strHtml += "</div>";
  165. strHtml += "</li>";
  166. return strHtml;
  167. }
  168. /**
  169. * 创建执法菜单
  170. * @param {JSON} joinUser 关联用户
  171. */
  172. function createZFMenu(joinUser) {
  173. var strHtml = "";
  174. strHtml += createMenuGroupTitle("执法专题", "home_menu_zf_normal");
  175. strHtml += "<div class='mui-row'>";
  176. strHtml += "<ul class='mui-table-view mui-grid-view mui-grid-9'>";
  177. strHtml += createMenuItem("执法主页", "app-cion-menu-main", "EventClickSubject('zf')");
  178. strHtml += createMenuItem("处理中", "app-cion-menu-waitcheck", 'openWaitCheckCasePage()');
  179. strHtml += createMenuItem("复飞中", "app-cion-menu-waitrepeat", 'openWaitRepeatCasePage()');
  180. strHtml += createMenuItem("审核中", "app-cion-menu-waitverify", 'openWaitVerifyCasePage()');
  181. strHtml += createMenuItem("已结案", "app-cion-menu-close", 'openCaseClosePage()');
  182. if (permissionFind(joinUser.permissions, userPermission.perPF)) {
  183. strHtml += createMenuItem("派发中", "app-cion-menu-assign", 'openWaitAssignCasePage()');
  184. strHtml += createMenuItem("撤派中", "app-cion-menu-undoassign", 'openUndoAssignCasePage()');
  185. }
  186. if (joinUser.userType == userType.memberSH || joinUser.userType == userType.memberLD) {
  187. strHtml += createMenuItem("案件督办", "app-cion-menu-wait-supervise", 'openWaitSuperviseCasePage()');
  188. strHtml += createMenuItem("督办查询", "app-cion-menu-supervise", 'openYesSuperviseCasePage()');
  189. strHtml += createMenuItem("考核排名", "app-cion-menu-khpm", 'openCountAndRankingPage()');
  190. strHtml += createMenuItem("统计分析", "app-cion-menu-tjfx", 'showCountPage()');
  191. }
  192. strHtml += "</ul>";
  193. strHtml += "</div>";
  194. return strHtml;
  195. }
  196. /**
  197. * 创建征地菜单
  198. * @param {JSON} joinUser 关联用户
  199. */
  200. function createZDMenu(joinUser) {
  201. var strHtml = "";
  202. if (joinUser.userType == userType.memberSH || joinUser.userType == userType.memberLD) {
  203. strHtml += createMenuGroupTitle("征地专题", "home_menu_zd_normal");
  204. strHtml += "<div class='mui-row'>";
  205. strHtml += "<ul class='mui-table-view mui-grid-view mui-grid-9'>";
  206. strHtml += createMenuItem("征地主页", "app-cion-menu-main", "EventClickSubject('zd')");
  207. strHtml += createMenuItem("征地查询", "app-icon-menu-query", 'zd_open_queryPage()');
  208. strHtml += createMenuItem("面积分析", "app-icon-menu-bar", 'zd_open_analysisPage()');
  209. strHtml += createMenuItem("金额分析", "app-icon-menu-bar-money", 'zd_open_moneyAnalysisPage()');
  210. strHtml += createMenuItem("趋势分析", "app-icon-menu-line", 'zd_open_trendAnalysisPage()');
  211. strHtml += "</ul>";
  212. strHtml += "</div>";
  213. }
  214. return strHtml;
  215. }
  216. /**
  217. * 创建规划菜单
  218. * @param {JSON} joinUser 关联用户
  219. */
  220. function createGHMenu(joinUser) {
  221. var strHtml = "";
  222. if (joinUser.userType == userType.memberSH || joinUser.userType == userType.memberLD) {
  223. strHtml += createMenuGroupTitle("规划专题", "home_menu_gh_normal");
  224. strHtml += "<div class='mui-row'>";
  225. strHtml += "<ul class='mui-table-view mui-grid-view mui-grid-9'>";
  226. strHtml += createMenuItem("规划主页", "app-cion-menu-main", "EventClickSubject('gh')");
  227. strHtml += createMenuItem("地类查询", "app-icon-menu-query", 'gh_open_landQueryPage()');
  228. strHtml += createMenuItem("管制区查询", "app-icon-menu-query", 'gh_open_regulateAreaQueryPage()');
  229. strHtml += createMenuItem("汇总分析", "app-icon-menu-bar", 'gh_open_countPage()');
  230. strHtml += "</ul>";
  231. strHtml += "</div>";
  232. }
  233. return strHtml;
  234. }
  235. /**
  236. * 创建林地菜单
  237. * @param {JSON} joinUser 关联用户
  238. */
  239. function createLDMenu(joinUser) {
  240. var strHtml = "";
  241. if (joinUser.userType == userType.memberSH || joinUser.userType == userType.memberLD) {
  242. strHtml += createMenuGroupTitle("林地专题", "home_menu_ld_normal");
  243. strHtml += "<div class='mui-row'>";
  244. strHtml += "<ul class='mui-table-view mui-grid-view mui-grid-9'>";
  245. strHtml += createMenuItem("林地主页", "app-cion-menu-main", "EventClickSubject('ld')");
  246. strHtml += createMenuItem("林地查询", "app-icon-menu-query", 'ld_open_queryPage()');
  247. strHtml += createMenuItem("占比分析", "app-icon-menu-bar", 'ld_open_analysisPage()');
  248. strHtml += createMenuItem("防火监控", "app-icon-menu-monitor", 'ld_open_monitorPage()');
  249. strHtml += "</ul>";
  250. strHtml += "</div>";
  251. }
  252. return strHtml;
  253. }
  254. /**
  255. * 创建供地菜单
  256. * @param {JSON} joinUser 关联用户
  257. */
  258. function createGDMenu(joinUser) {
  259. var strHtml = "";
  260. if (joinUser.userType == userType.memberSH || joinUser.userType == userType.memberLD) {
  261. strHtml += createMenuGroupTitle("供地专题", "home_menu_gd_normal");
  262. strHtml += "<div class='mui-row'>";
  263. strHtml += "<ul class='mui-table-view mui-grid-view mui-grid-9'>";
  264. strHtml += createMenuItem("供地主页", "app-cion-menu-main", "EventClickSubject('gd')");
  265. strHtml += createMenuItem("出让合同查询", "app-icon-menu-query", 'gd_open_queryPage()');
  266. strHtml += createMenuItem("宗地占比分析", "app-icon-menu-bar", 'gd_open_analysisPage()');
  267. strHtml += createMenuItem("划拨供地查询", "app-icon-menu-query", 'gd_open_hb_queryPage()');
  268. strHtml += "</ul>";
  269. strHtml += "</div>";
  270. }
  271. return strHtml;
  272. }
  273. </script>