raolu
/
iHealth-app-demo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!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" type="text/css" href="../../../common/iconfont/iconfont.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../css/search-bar.css" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css"/>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>医生演示-选择医生</h1>
            </div>
        </div>
        <div class="lin-search">
            <div class="c-f12 search-input c-t-center">
                <img src="../../../images/sousuo_icon.png" width="28"/>搜索医生
            </div>
        </div>
        <div id="wrapper" class="mui-scroll-wrapper" style="top:90px;">
            <div class="mui-scroll">
                <ul class="c-list" id="district_list">
                </ul>
            </div>
        </div>
        <script type="text/html" id="area_li_tmpl">
            {{each list as it}}
            <li class="c-list-function" data-code="{{it.code}}">
                <div class="c-list-key ptb10">
                    <img src="{{it.photo | setHosPhoto}}" width="60" height="50" class="mr10"></img>
                </div>
                <div class="c-list-info c-f16 c-333 c-border-t">
                    {{it.name}}
                </div>
            </li>
            {{/each}}
        </script>
        <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script type="text/javascript" src="../../../js/mui.min.js"></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/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
        <script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            mui.init();
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();
                var code = self.code;
                getDistrictList(code);
                //阻尼系数
                var deceleration = mui.os.ios?0.003:0.0009;
                mui('.mui-scroll-wrapper').scroll({
                    bounce: false,
                    indicators: true, //是否显示滚动条
                    deceleration:deceleration
                });
                
                mui(".mui-scroll").pullToRefresh({
                    down: {
                        callback: function() {
                            var self = this;
                            setTimeout(function() {
                                getDistrictList();
                                self.endPullDownToRefresh();
                            }, 1000);
                        }
                    }
                });
                bindEvents();
            });
            
            function getDistrictList(code){
                plus.nativeUI.showWaiting();
                var url = "area/"+code+"/towns";
                sendGet(url,{},null, function(res){
                    if(res.status == 200){
                        $("#district_list").empty().append(template('area_li_tmpl', {list: res.data}));
                    }else{
                        mui.toast("获取数据失败，请下拉刷新！");
                    }
                    plus.nativeUI.closeWaiting();
                },true);
            }
            
            function bindEvents(){
                $("#district_list").on('tap', 'li', function(){
                    var districtCode = $(this).attr("data-code");
                    openWebview('hospital.html',{code: districtCode});
                });
                $(".lin-search").on('tap', function(){
                    openWebview("search_doctor.html");
                });
            }
            
            template.helper("setHosPhoto", function(p) {		
					if(!p || p == ""){
						return '../../../images/hospital_default.png';
					}
					return getImgUrl(p);
			});
        </script>
    </body>
</html>