analysis1.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>居民分析</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css">
  14. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
  15. <link rel="stylesheet" type="text/css" href="../css/manager.css">
  16. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  17. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  18. </head>
  19. <body style="height: auto;">
  20. <div class="main pb100">
  21. <div class="h45">
  22. <div class="demo-comtop">
  23. <a class="mui-action-back"></a>
  24. <h1 style="font-size: 20px; line-height: 36px;">居民分析
  25. <img src="../images/yiwen_icon.png" class="info-icon" width="20">
  26. </h1>
  27. <!--<i class="iconfont icon-refresh"></i>-->
  28. <a class="header-link">
  29. <img src="../images/hanbaobao_icon.png" width="25" class="mt10">
  30. </a>
  31. </div>
  32. </div>
  33. <div id='timeSel' class="time-sel-input c-hide" >
  34. <span class="l-liri">
  35. <img src="../images/rili.png" style="width: 30px; height: 30px;">
  36. </span>
  37. <span class="l-arrow-left fl"></span>
  38. <span id="dateVal" class="fl" style="margin: 0px 0px; color: #888888;"></span>
  39. <span class="l-arrow-right fl"></span>
  40. <span id="jzVal" class="fl" style="margin-left: 10px; color: #888888; font-size: 0.8rem; margin-top: 2px;">截止前10分钟</span>
  41. </div>
  42. </div>
  43. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  44. <link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  45. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  46. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  47. <script>
  48. var self,userRole,userRole;
  49. mui.plusReady(function() {
  50. self = plus.webview.currentWebview();
  51. // userRole = JSON.parse(plus.storage.getItem("userRole"))[0] ;
  52. userRole = JSON.parse(plus.storage.getItem("selectedRole"));
  53. roleLevel = userRole.code == '350200' ? 4 : userRole.code.length==6 ? 3 : 2;
  54. var startDate = self.startDate || "";//开始时间
  55. var endDate = GetDateStr(0);//结束时间,截止今天为止的数据
  56. var area = self.area || userRole.code;//区域或机构代码
  57. var level = self.level || roleLevel;//级别(4:市 3:区 2:社区医院 1:团队)
  58. var title = self.title || userRole.name;
  59. var checked = self.checked || true;
  60. if(startDate)
  61. $('#dateVal').html(startDate.substring(5)+ " ~ " + endDate.substring(5));
  62. else
  63. $('#dateVal').html('全部');
  64. mui.init({
  65. subpages:[{
  66. url: "analysis2.html",
  67. id: "analysis2",
  68. styles:{
  69. top: "45px",
  70. bottom: "0px"
  71. },
  72. extras:{
  73. startDate:startDate,
  74. endDate:endDate, //截止时间
  75. area:area,//
  76. level:level,
  77. title:title,
  78. checked: checked
  79. },
  80. }],
  81. });
  82. shaixuanInit(self);
  83. });
  84. mui.back = function(){
  85. if(plus.webview.getWebviewById('shaixuan.html')){
  86. plus.webview.getWebviewById('shaixuan.html').close("none");
  87. }
  88. var mainPage =plus.webview.getWebviewById("admin.html");
  89. mui.fire(mainPage, "refreshData");
  90. self.close();
  91. };
  92. $('.header-link').on("tap", function(){
  93. mui.fire(self, "showShaiXuan");
  94. })
  95. //绑定问号图片的点击事件
  96. $(".info-icon").on("tap", function(){
  97. var analysys2Web = plus.webview.getWebviewById("analysis2");
  98. mui.fire(analysys2Web, "showInformation");
  99. })
  100. /**
  101. * 初始化筛选事件
  102. */
  103. function shaixuanInit(main){
  104. if(plus.webview.getWebviewById('shaixuan.html')){
  105. return;
  106. }
  107. var shaixuan = mui.createWindow({
  108. id: 'shaixuan.html',
  109. url: 'shaixuan.html',
  110. styles: {
  111. top: 0,
  112. bottom: 0,
  113. left: '20%',
  114. width: '80%',
  115. scorllIndicator: "none"
  116. },
  117. show:{
  118. aniShow: "slide-in-right",
  119. duration: "400"
  120. }
  121. });
  122. main.addEventListener("maskClick",function(){
  123. main.setStyle({mask:"none"});
  124. shaixuan.hide();
  125. }, false);
  126. window.addEventListener("hideShaiXuan",function(){
  127. main.setStyle({mask:"none"});
  128. shaixuan.hide();
  129. }, false);
  130. window.addEventListener("showShaiXuan", function() {
  131. shaixuan.show();
  132. main.setStyle({mask:"rgba(0,0,0,0.5)"});
  133. });
  134. }
  135. function GetDateStr(AddDayCount) {
  136. var dd = new Date();
  137. dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期
  138. var y = dd.getFullYear();
  139. var m = dd.getMonth()+1;//获取当前月份的日期
  140. var d = dd.getDate();
  141. d=d>=10?d:"0"+d;
  142. m=m>=10?m:"0"+m;
  143. return y+"-"+m+"-"+d;
  144. }
  145. function getDay(m){
  146. if(m<10)
  147. return "0" + m.toString();
  148. return m.toString();
  149. }
  150. function getPreDate(pre){
  151. var c = new Date();
  152. c.setDate(c.getDate() - pre);
  153. return formatDate(c);
  154. }
  155. function formatDate(d){
  156. return d.getFullYear() + "-" + getMonth(d.getMonth()) + "-" + getDay(d.getDate());
  157. }
  158. function getMonth(m){
  159. m++;
  160. if(m<10)
  161. return "0" + m.toString();
  162. return m.toString();
  163. }
  164. $('#timeSel').on("tap", function(){
  165. var child = plus.webview.getWebviewById("analysis2");
  166. mui.fire(child, "showMask");
  167. })
  168. window.addEventListener("setDateVal", function(e) {
  169. if(e.detail.from=="")
  170. $('#dateVal').html("全部");
  171. else
  172. $('#dateVal').html(e.detail.from.substring(5)+ " ~ " + e.detail.to.substring(5));
  173. $('#jzVal').toggle(getPreDate(0) == e.detail.to);
  174. });
  175. </script>
  176. </body>
  177. </html>