guojy
/
qzw_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css?v=1.2" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        #keyword {
            font-size: 0.3rem;
            padding-left: 0.2rem;
            width: 100%;
        }
        .back-header li.more-btn {
            font-size: 0.3rem;
        }
        .home-hotel-title {
            font-size: 0.33rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
			margin-bottom: 0.15rem;
        }
        .border-none{
          text-align:center;font-size: 0.28rem;
        }
        .border-none p{
          color:#999999;
        }
        .border-none-img {
            margin-top: 3rem;
            width: 1.73rem;
            height: auto;
        }
        .search-item img {
            position: absolute;
            left: 0.12rem;
            top: 0.12rem;
        }
        .home-nearby .weui-cell {
            padding: 16px 3px;
        }
/*        .home-nearby  p {
            font-size: 0.35rem;
        } */
        .home-top-left {
            width: 4.9rem;
        }
        .local-name {
            width: 4.2rem;
        }
        .weui-cell__ft {
            font-size: 0.25rem;
        }
        .home-hotel-left img {
            height: auto;
        }
        .home-hotel-dsc {
            -webkit-line-clamp: 1;
			padding-top: 0.15rem;
        }
        .home-hotel-title {
            font-size: 0.27rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #000;
            font-weight: 700;
        }
        .home-hotel-list {
            margin-bottom: 0.2rem;
        }
        .hotel_credit {
            font-size: 0.47rem;
            position: absolute;
            margin-top: -0.2rem;
            color: #000000;
            font-family: Medium;
            font-weight: 500;
        }
        .hotel_credit:after {
            position: absolute;
            top: 0.45rem;
            width: 100%;
            height: 0.13rem;
            content: "";
            /*background: #ffdb26;*/
            margin-left: -100%;
            z-index: -1;
        }
    </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = h + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body>
    <div class="topbar"></div>
    <!-- <section> -->
        <header class="back-header  back-header-bottom">
            <ul class="flex-box flex-v-ce">
                <!-- <li class="padding-20 back-btn" style="width: 0.42rem;"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li> -->
                <li class="back-header-title flex-1">
                    <div class="search-item">
                        <input id="keyword" type="text" oninput="getData()" placeholder="关键词搜索" />
                        <img src="../../image/search.png" /> 
                    </div>
                </li>
                <li class="back-btn" style="width:1rem;white-space: nowrap;margin-left: 0.32rem;">取消</li>
            </ul>
        </header>
        <!-- <div class="h50"></div> -->
        <section class="new-list">
        </section>
        <section class="border-none">
			<img src="../../image/notfound.png" class="border-none-img" />
			<p>抱歉，没有搜到相关内容</p>
		</section>
    <!-- </section> -->
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
<script type="text/javascript">
var _keyword = 'null';
var _lon = '1';
var _lat = '1';
var _page = '1';
apiready = function() {
    _lon = api.pageParam.lon;
    _lat = api.pageParam.lat;
    setFixStatusBar();
};

function getRouteData() {
	$(".border-none").hide();
    $.ajax({
        url: siteurl + 'v2/entry/storeList',//'?do=gethomehotel',
        data: {
            keyword: _keyword,
            page: _page,
            lon: _lon,
            lat: _lat
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var html = '';
                $(".new-list").empty();
                var i = 0;
                if (datas.data.store_list.length > 0) {
                    var html;
                    $.each(datas.data.store_list, function(index, item) {
                        html += '<div class="home-hotel-list" keyid="' + item.store_id + '"><div class="home-hotel-left"><img src="' + siteurl + 'uploads/home/store/' + item.store_id + '/' + item.store_banner + '"/></div>';
                        html += '<div class="home-hotel-right"><div class="home-hotel-title">' + item.store_name + '</div>';
                        html += '<div class="home-hotel-dtl"><ul><li style="width:40%"><div class="hotel_credit my-rating' + i + '">'+intToFloat(item.store_servicecredit)+'</div></li>';
                        html += '<li style="text-align:center;"> 月访客' + item.store_visitor + '</li><li style="float:right;"> ' + item.distance + '</li>';
                        html += '</ul></div>';
                        html += '<div class="home-hotel-dsc">' + item.store_summary + '</div></div></div>';
                        i++;
                    });
                    $(".new-list").html(html); 
                } else {
					$(".border-none").show();
                }
                if (datas.length < 10) {
                    _isload = true;
                }
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}
function getData(){
	 $(".new-list").empty();
	 _keyword = $("#keyword").val();
	 if(_keyword){
		 getRouteData();
	 }else{
		 $(".border-none").show();
	 }
}

$(".more-btn").on("tap", function() {
    $(".new-list").empty();
    if ($("#keyword").val() == '') {
        api.toast({
            msg: '关键词不能为空！'
        });
        return false;
    }
    _keyword = $("#keyword").val();
    getRouteData();
    return false;
})


function intToFloat(val) {
    return new Number(val).toFixed(1);
}

$(".new-list").on("tap", ".home-hotel-list", function() {
    var _keyid = $(this).attr("keyid");
    api.openWin({
        name: 'hoteldtl',
        url: '../home/hoteldtl.html',
        bounces: false,
        pageParam: {
            keyid: _keyid
        }
    });
    return false;
})
</script>

</html>