123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>居民分析</title>
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
- <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
- <link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css">
- <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
- <link rel="stylesheet" type="text/css" href="../css/manager.css">
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
-
- </head>
- <body style="height: auto;">
- <div class="main pb100">
- <div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1 style="font-size: 20px; line-height: 36px;">居民分析
- <img src="../images/yiwen_icon.png" class="info-icon" width="20">
- </h1>
- <!--<i class="iconfont icon-refresh"></i>-->
- <a class="header-link">
- <img src="../images/hanbaobao_icon.png" width="25" class="mt10">
- </a>
- </div>
- </div>
-
- <div id='timeSel' class="time-sel-input c-hide" >
- <span class="l-liri">
- <img src="../images/rili.png" style="width: 30px; height: 30px;">
- </span>
- <span class="l-arrow-left fl"></span>
- <span id="dateVal" class="fl" style="margin: 0px 0px; color: #888888;"></span>
- <span class="l-arrow-right fl"></span>
- <span id="jzVal" class="fl" style="margin-left: 10px; color: #888888; font-size: 0.8rem; margin-top: 2px;">截止前10分钟</span>
- </div>
-
-
- </div>
- <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- <link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
- <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
- <script>
- var self,userRole,userRole;
-
- mui.plusReady(function() {
- self = plus.webview.currentWebview();
- // userRole = JSON.parse(plus.storage.getItem("userRole"))[0] ;
- userRole = JSON.parse(plus.storage.getItem("selectedRole"));
- roleLevel = userRole.code == '350200' ? 4 : userRole.code.length==6 ? 3 : 2;
- var startDate = self.startDate || "";//开始时间
- var endDate = GetDateStr(0);//结束时间,截止今天为止的数据
- var area = self.area || userRole.code;//区域或机构代码
- var level = self.level || roleLevel;//级别(4:市 3:区 2:社区医院 1:团队)
- var title = self.title || userRole.name;
- var checked = self.checked || true;
-
- if(startDate)
- $('#dateVal').html(startDate.substring(5)+ " ~ " + endDate.substring(5));
- else
- $('#dateVal').html('全部');
-
- mui.init({
- subpages:[{
- url: "analysis2.html",
- id: "analysis2",
- styles:{
- top: "45px",
- bottom: "0px"
- },
- extras:{
- startDate:startDate,
- endDate:endDate, //截止时间
- area:area,//
- level:level,
- title:title,
- checked: checked
- },
- }],
- });
-
- shaixuanInit(self);
-
- });
-
- mui.back = function(){
- if(plus.webview.getWebviewById('shaixuan.html')){
- plus.webview.getWebviewById('shaixuan.html').close("none");
- }
-
- var mainPage =plus.webview.getWebviewById("admin.html");
- mui.fire(mainPage, "refreshData");
- self.close();
- };
-
- $('.header-link').on("tap", function(){
- mui.fire(self, "showShaiXuan");
- })
-
- //绑定问号图片的点击事件
- $(".info-icon").on("tap", function(){
- var analysys2Web = plus.webview.getWebviewById("analysis2");
- mui.fire(analysys2Web, "showInformation");
- })
-
- /**
- * 初始化筛选事件
- */
- function shaixuanInit(main){
- if(plus.webview.getWebviewById('shaixuan.html')){
- return;
- }
-
- var shaixuan = mui.createWindow({
- id: 'shaixuan.html',
- url: 'shaixuan.html',
- styles: {
- top: 0,
- bottom: 0,
- left: '20%',
- width: '80%',
- scorllIndicator: "none"
- },
- show:{
- aniShow: "slide-in-right",
- duration: "400"
- }
- });
-
- main.addEventListener("maskClick",function(){
- main.setStyle({mask:"none"});
- shaixuan.hide();
- }, false);
-
- window.addEventListener("hideShaiXuan",function(){
- main.setStyle({mask:"none"});
- shaixuan.hide();
- }, false);
-
- window.addEventListener("showShaiXuan", function() {
- shaixuan.show();
- main.setStyle({mask:"rgba(0,0,0,0.5)"});
- });
-
- }
-
-
- function GetDateStr(AddDayCount) {
- var dd = new Date();
- dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期
- var y = dd.getFullYear();
- var m = dd.getMonth()+1;//获取当前月份的日期
- var d = dd.getDate();
- d=d>=10?d:"0"+d;
- m=m>=10?m:"0"+m;
- return y+"-"+m+"-"+d;
- }
-
- function getDay(m){
- if(m<10)
- return "0" + m.toString();
- return m.toString();
- }
- function getPreDate(pre){
- var c = new Date();
- c.setDate(c.getDate() - pre);
- return formatDate(c);
- }
-
- function formatDate(d){
- return d.getFullYear() + "-" + getMonth(d.getMonth()) + "-" + getDay(d.getDate());
- }
- function getMonth(m){
- m++;
- if(m<10)
- return "0" + m.toString();
- return m.toString();
- }
-
- $('#timeSel').on("tap", function(){
- var child = plus.webview.getWebviewById("analysis2");
- mui.fire(child, "showMask");
- })
-
- window.addEventListener("setDateVal", function(e) {
-
- if(e.detail.from=="")
- $('#dateVal').html("全部");
- else
- $('#dateVal').html(e.detail.from.substring(5)+ " ~ " + e.detail.to.substring(5));
- $('#jzVal').toggle(getPreDate(0) == e.detail.to);
- });
-
- </script>
- </body>
- </html>
|