chenyue
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!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/iconfont/iconfont.css">
        <link rel="stylesheet" href="../../../common/cross/css/cross.css" />
        <style>
            .c-323232{color: #323232;}
            #footer {  position: absolute; bottom: 0;width: 100%;}
            .cb-17B3EC {background:#17B3EC;}
            .cb-ffffff {background:#ffffff;}
            .c-border-top{border-top:1px solid #DCDCDC;}
            .height-50 { height: 50px; }
            .lheight-50 { line-height: 50px; }
            .c-50{width: 50% !important;margin-left: 0 !important;float: left;}
            .c-000{color:#000}
            .c-tac { text-align: center; }
            .line{
                height:1px;
                background-color: #e1e1e1;
            }
            .tag{
                float: left;
                border: 1px solid #e1e1e1;
                padding: 0 10px;
                border-radius: 5px;
                height: 34px;
                line-height: 34px;
                margin: 3px 10px 3px 0;
                color: #909090;
                font-size: 14px;
            }
            .tag.active{
                color:#fff;
                border:1px solid #17B3EC;
                background: #17B3EC;
            }
        </style>
    </head>
    <body>
        <div class="mlr10 mt20">
            <div class="div-content type-panel">
                <div class="c-f16 c-333 mt20">统计维度</div>
                <div class="c-row mt10 mb20">
                    <div class="tag c-t-center active" data-tag="type" data-lowCode=""><span>所有居民</span></div>
                    <div class="tag c-t-center" data-tag="type" data-lowCode="3"><span>65岁以上签约</span></div>
                    <div class="tag c-t-center" data-tag="type" data-lowCode="1"><span>高血压</span></div>
                    <div class="tag c-t-center" data-tag="type" data-lowCode="2"><span>糖尿病</span></div>
                </div>
            </div>
        </div>
        
        <div id="footer">
            <div class="c-row btn-wrap c-border-top">
                <div class="c-50 c-tac height-50 lheight-50 cb-ffffff div-chongzhi-btn">
                    <a href="#" class="c-000 f-fs16">重置</a>
                </div>
                 <div class="c-50 c-tac height-50 lheight-50 cb-17B3EC div-confirm-btn">
                     <a href="#" class="c-fff f-fs16">确定</a>
                 </div>
            </div>
        </div>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var showType, selectedType;
            mui.init();
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();
                selectedType = self.selectedType;
                if(selectedType){
                    $(".type-panel .tag").removeClass("active");
                    $(".type-panel .tag[data-lowCode="+selectedType+"]").addClass("active");
                }
                bindEvents();
            });
            
            function bindEvents(){
                $(".tag").on("tap", function(){
                    var $this = $(this);
                    if($this.hasClass("active")){
                        return;
                    }else{
                        var tag = $this.attr("data-tag");
                        $(".tag[data-tag="+tag+"]").removeClass("active");
                        $this.addClass("active");
                    }
                });
                
                $(".div-confirm-btn").on('tap', function(){
                    var opener = plus.webview.currentWebview().opener();
                    var $type = $(".tag.active[data-tag=type]"),
                        lowCode = $type.attr("data-lowCode"),
                        name = $type.find("span").text();
                    mui.fire(opener, "refresh", {lowCode: lowCode, name: name});
                    mui.fire(opener, "hideShaiXuan");
                });
                
                $(".div-chongzhi-btn").on("click",function(){
                    $(".tag.active[data-tag=type]").removeClass("active");
                    $(".tag[data-tag=type]").eq(0).addClass("active");
                })
            }
            
            mui.back = function(){
                var self = plus.webview.currentWebview(),
                    opener = self.opener();
                mui.fire(opener, "hideShaiXuan");
            }
        </script>
    </body>
</html>