chenyue
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!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" />
        <link rel="stylesheet" href="../../../common/cross/css/ui.all.min.css" />
        <link rel="stylesheet" href="../../../common/css/pull-up-down.css" type="text/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 id="wrapper1">
            <div class="scroll-wrapper" id="total_wrapper" style="bottom: 52px;">
                <div class="iScroller">
                    <div class="mlr10 mt20">
                        <div class="div-content">
                            <div class="c-f16 c-333">设备类型</div>
                            <div class="c-row mt10 mb20" id="signYear">
                                <div class="tag c-t-center active" data-tag="year" data-val=""><span>所有设备</span></div>
                                <div class="tag c-t-center" data-tag="year" data-val="1"><span>血压计</span></div>
                                <div class="tag c-t-center" data-tag="year" data-val="2"><span>血糖仪</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="footer">
            <div class="c-row btn-wrap c-border-top">
                 <div class="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 src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/iscroll-probe.js"></script>
        <script src="../../../js/iscroll-pull-up-down.js"></script>
        <script src="../../../js/pull-up-down.js"></script>
        <script type="text/javascript">
            var showType, noYear, deviceCode;
            mui.init();
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();
                showType = self.showType;
                noYear = self.noYear;
                deviceCode = self.deviceCode;
                
                if(showType == 1){
                    $(".type-panel").show();
                    if(deviceCode){
                        $(".type-panel .tag").removeClass("active");
                        $(".type-panel .tag[data-val="+deviceCode+"]").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 deviceCode = $(".tag.active[data-tag=year]").attr("data-val");
                    mui.fire(opener, "refresh", {deviceCode: deviceCode});
                    mui.fire(opener, "hideShaiXuan");
                });
            }
            
            mui.back = function(){
                var self = plus.webview.currentWebview(),
                    opener = self.opener();
                mui.fire(opener, "hideShaiXuan");
            }
        </script>
    </body>

</html>