guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!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/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .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;
        }
        #keyword {
            font-size: 0.3rem;
            padding-left: 0.2rem;
            width: 100%;
        }
    </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>
        <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">
var _keyword = 'null';
var _page = 1;
var _type = 'customer';
apiready = function() {
    _type = api.pageParam.keyid;
    setFixStatusBar();
};
function getData(){
	 $(".new-list").empty();
	 _page = 1;
	 _keyword = $("#keyword").val();
	 if(_keyword){
		 getRouteData();
	 }else{
		 $(".border-none").show();
	 }
}

function getRouteData() {
    if (_page) {
        console.log(_page)
    }else{
        return false;
    }
    toast_loding_show();
    $.ajax({
        url: siteurl + 'v1/entry/news',
        data: {
            keyword: _keyword,
            page: _page,
            type: _type,
            page_size: 10
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            toast_loding_hide();
            if (datas.result) {
                if ( datas.data.new_list.length <= 0) {
                    if (_page == 1) {
                        $(".border-none").show();
                    }
                    _page = false;
                    return false;
                }else{
                    _page++;
                }
                var _html = '';
                $.each(datas.data.new_list, function(index, item) {
                    _html += '<div class="h10"></div>';
                    _html += '<div class="home-hotel-list" keyid="' + item.article_id + '"><div class="home-hotel-left"><img src="' + siteurl + "/" + item.article_thumb + '"/></div>';
                    _html += '<div class="home-hotel-right"><div class="h2"></div>';
                    _html += '<div class="find-list-dsc">' + item.article_title + '</div>';
                    _html += '<div class="find-list-time">' + item.article_time + '</div></div> </div>';
                });
                if ( _page == 1 ) {
                    $(".new-list").html(_html);
                } else {
                    $(".new-list").append(_html);
                }
                $(".border-none").hide();
            }else{
                errcode(datas, datas.code)
            }
            return false;
        }
    });
}
$(".more-btn").on("tap", function() {
    $(".new-list").empty();
    if ($("#keyword").val() == '') {
        api.toast({
            msg: '关键词不能为空！'
        });
        return false;
    }
    _page = 1;
    _keyword = $("#keyword").val();
    getRouteData();
    return false;
})
$(".new-list").on("tap", ".home-hotel-list", function() {
    var _keyid = $(this).attr("keyid");
    api.openWin({
        name: 'finddetails',
        url: './finddetails.html',
        bounces: false,
        pageParam: {
            keyid: _keyid
        }
    });
    return false;
})
</script>

</html>