guojy
/
qzw_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676
							<!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/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
    <style>
        .hotel-top{
       width:100%;
       height: 4.03rem;
       background: url('https://www.qzaiwang.com/uploads/home/store/goods/1/1_2019012314140410834_1280.jpg') ;
       background-repeat:no-repeat; 
       background-size:100% 100%;
     }
     .hotel-top-line{
       width:100%
     }
     .hotel-top-line li{
       float:left;
     }
     .hotel-title{
       font-size: 0.33rem;
       height: 1rem;
       line-height: 1rem;
       font-weight: 500;
     }
     .hotel-title span{
        float:right;
         font-size: 0.2rem;
      }
      .hotel-goods{
        width:100%;
        /*height: 1rem;*/
        border-top:1px solid #e8e8e8;
        position:relative;
      }
      .hotel-goods li{
        width:25%;
        float:left;
        height: 1rem;
        line-height: 1rem;
        text-align:center;
      }
      #store_description{
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-all;
        font-size: 0.26rem;
        color: #606266;
      }
      .hotel-goods-active{
        color:#A13532;
      }
      .goods-tag span{
          margin-right: 0.17rem;
          /*padding: 0.08rem;*/
          margin-top: 0.2rem;
      }
      .goods-price, .goods-tag {
            margin-top: 0.1rem;
      }
      .category-item{
        width:100%;
        min-height: 0rem;
        height:auto;
        background:#ffffff;
        position:absolute;
        top: 1rem;
        z-index:999;
        border-bottom:1px solid #e8e8e8;
        padding: 0.1em;
        box-sizing:border-box;
      }
      .category-list{
        padding:3px;
        width:25%;
        float:left;
        box-sizing:border-box;
      }
      .sort-img,.sort-img2{
        width:18px;
        vertical-align:middle;
      }
       .category-list-span{
          border:1px solid #e8e8e8;
          width:90%;
          border-radius:3px;
          text-align:center;
          padding-top:6px;
          padding-bottom:6px;
          padding-left:3px;
          padding-right:3px;
       }
       .cate-active{
         color:#D9251C;
         border:1px solid #D9251C;
       }
       .share-item{
         position:fixed;
         left:0px;right:0px;
         bottom:0px;
         height: 3.9rem;
         background:#f2f2f2;
         border-top:1px solid #E8E8E8;
         z-index:9999;
       }
       .share-item-tips{
          height: 0.28rem;
          line-height: 0.28rem;
          width:100%;
          text-align:center;
          font-size: 0.28rem;
          padding: 0.38rem 0;
       }
       .share-item-cent{
          height: 1.8rem;
          width: 100%;
       }
       .share-item-cent li{
          width:33.3%;
          text-align:center;
          float:left;
          font-size: 0.28rem;
       }
       .share-item-cent img{
          width: 0.9rem;
       }
       .share-item-cancel{
          height: 0.98rem;
          line-height: 0.98rem;
          width:100%;
          text-align:center;
          background:#ffffff;
          font-size: 0.28rem;
       }
       .business-time{
        width:100%;
        padding: 0 0.32rem;
         box-sizing:border-box;
       }
      .goods-title {
         overflow : hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
		 height: 0.6rem;
      }
       .tag-item{
            float: left;
            max-width: 0.83rem;
            height: 0.33rem;
            line-height: 0.33rem;
            overflow: hidden;
            border: 1px solid #D9251C;
            font-size: 0.18rem;
            padding-left: 5px;
            padding-right: 5px;
            background: #ffffff;
            color: #D9251C;
            border-radius: 2px;
            text-align: center;
       }
       .search-item {
          text-align: center;
          background: #ffffff;
       }
        .swiper-container {
        width: 100%;
        height: 100%;
      }
       .swiper-container{
            width: 100%;
            height: 0.5rem;
        }
        .swiper-slide{
            text-align: center;
            line-height: 0.5rem;
            font-size: 0.28rem;
        }
        .active, .active span{
            color: #d9251c;
        }
        .active span {
          border-bottom: 0.1em solid;
        }
        .back-header-bottom {
          border-bottom: none;
        }
        .back-header li {
            font-size: 0.28rem;
        }
        .search-item {
          font-size: 0.32rem;
        }
    </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>
    <header class="back-header  back-header-bottom">
        <ul>
            <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
            <li class="back-header-title">
                <div class="search-item"></div>
            </li>
            <li class="more-btn"></li>
        </ul>
        <div class="hotel-goods" style="margin-top: 0.8rem;">
            <!-- <div class="swiper-container" style="padding-bottom: 0.1em;">
                <div class="swiper-wrapper"></div>
            </div>
            <div id="category-item" class="category-item mask-hidden">
            </div> --> 
            <ul>
                <li class="gsort hotel-goods-active goods-all" tag="praise">综合</li>
                <li class="gsort goods-new" tag="goods_commonid">上新<img class="sort-img" src="../../image/sort.png" /></li>
                <li class="gsort goods-sprice" tag="goods_price">价格<img class="sort-img" src="../../image/sort.png" /></li>
                <li id="category-btn" tag="gc_id_1">分类<img class="sort-img2" src="../../image/sort_down2.png" /></li>
            </ul>
            <div id="category-item" class="category-item mask-hidden">
            </div>
        </div>
    </header>
    <section style="padding-top: 1.6rem;">
        <div class="h10"></div>
        <div class="goods-list" page="1">
        </div>
    </section>
</body>
<div class="h50"></div>
<div class="share-item mask-hidden">
    <div class="share-item-tips">分享至</div>
    <div class="h10"></div>
    <div class="share-item-cent">
        <ul>
            <li class="share-item-friend"><img src="../../image/share_friend.png" />
                <p>微信好友</p>
            </li>
            <li class="share-item-cale"><img src="../../image/share_cale.png" />
                <p>微信朋友圈</p>
            </li>
            <li class="share-item-qq"><img src="../../image/share_qq.png" />
                <p>QQ</p>
            </li>
        </ul>
    </div>
    <div class="share-item-cancel">取消</div>
</div>
<div class="back-top mask-hidden" id="fix1"></div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/swiper.min.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/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript">
var _storeid = '';
var _cateid = '';
var _sort = "id";
var _minsort = '';
var _desc = "desc";
var _shareimg = '';
var _description = '';
var _title = '';
var _page = '1';
var _shareurl = '';
var _gc_id = '';
var _keyword = 'NULL';
var _catid = '0';
apiready = function() {
    _storeid = api.pageParam.storeid;
    _gc_id = api.pageParam.keyid;
    _categoryname = api.pageParam.categoryname;
    $(".search-item").html(_categoryname);
    setFixStatusBar();
    getRouteGoodsData();
    // getCatogoryData();
    api.addEventListener({
        name: 'scrolltobottom',
        extra: {
            threshold: 200
        }
    }, function(ret, err) {
        getRouteGoodsData();
    });
};

$(".hotel-top-search").on("tap", function() {
    api.openWin({
        name: 'goodssearch',
        url: './goodssearch.html',
        bounces: false,
        pageParam: {
            storeid: _storeid
        }
    });
    return false;
})
$(".hotel-item").on("tap", function() {
    //var _storeid=$(this).attr("keyid");
    api.openWin({
        name: 'showhotel',
        url: './showhotel.html',
        bounces: false,
        pageParam: {
            keyid: _storeid
        }
    });
    return false;
})
$(".goods-list").on("tap", ".goods-list-item", function() {
    var _goodsid = $(this).attr("keyid");
    var _spot = $(this).attr("spot");
    api.openWin({
        name: 'showgoods',
        url: './showgoods.html',
        bounces: false,
        pageParam: {
            keyid: _goodsid,
            storeid: _storeid,
            spot: _spot
        }
    });
    return false;
})
//////////

function getRouteGoodsData() {
    _page = $(".goods-list").attr("page");
    if (_page == 0) {
        return false;
    }
    var _xdata = { store_id: _storeid, page: _page, praise: _desc, gc_id_1: _gc_id };
    var _data_type = $(".hotel-goods-active").attr("tag");
    var _catid = $("#category-item .cate-active").parent(".category-list").attr("catid");
    if (_data_type == 'praise') {
      if ( _catid && _catid > 0 ) {
        _xdata = { store_id: _storeid, page: _page, praise: _desc, gc_id_2: _catid };
      } else {
        _xdata = { store_id: _storeid, page: _page, praise: _desc, gc_id_1: _gc_id };
      }
    } else if (_data_type == 'goods_commonid') {
      if ( _catid && _catid > 0 ) {
        _xdata = { store_id: _storeid, page: _page, goods_commonid: _desc, gc_id_2: _catid };
      } else {
        _xdata = { store_id: _storeid, page: _page, goods_commonid: _desc, gc_id_1: _gc_id };
      }
    } else if (_data_type == 'goods_price') {
      if ( _catid && _catid > 0 ) {
        _xdata = { store_id: _storeid, page: _page, goods_price: _desc, gc_id_2: _catid };
      } else {
        _xdata = { store_id: _storeid, page: _page, goods_price: _desc, gc_id_1: _gc_id };
      }
    } else {
        if ( _catid && _catid > 0 ) {
            _xdata = { store_id: _storeid, page: _page, gc_id_2: _catid };
        } else {
            _xdata = { store_id: _storeid, page: _page, gc_id_1: _gc_id };
        }
    }
    // toast_loding_show();
    $(".goods-list").attr("page", "0");
    $.ajax({
        url: siteurl + 'v2/entry/storeGoods',
        data: _xdata,
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
          // toast_loding_hide();
            if (datas.result) {
                var html = '';
                if (datas.data.goods_list.length > 0) {
                    var j = 0;
                    $.each(datas.data.goods_list, function(index, item) {
                        var _advarr = item.goods_advword.split("\n");
                        var _taghtml = '';
                        var _tagcolor = ['#006699', '#A13532', '#e8e8e8'];
                        if (_advarr.length > 0) {
                            for (var i = 0; i < _advarr.length; i++) {
                                if (_advarr[i]) {
                                    _taghtml += '<span class="tag-item" style="">' + _advarr[i] + '</span>';
                                }
                            }
                        }
                        j++;
                        html = '';
                        if (j % 2 == 0) {
                            html += '<div class="goods-list-item padl" ';
                        } else {
                            html += '<div class="goods-list-item" ';
                        }
                        html += 'keyid="' + item.goods_commonid + '" spot="'+item.spot+'" goods_li="' + j + '"><ul>';
                        html += '<li><img src="' + siteurl + "uploads/home/store/goods/" + item.goods_image.substr(0, item.goods_image.indexOf("\_")) + "/" + item.goods_image + '" class="goods-image"/></li>';
                        html += '<li class="goods-title font-rem11">' + item.goods_name + '</li>';
                        html += '<li class="goods-price">￥' + item.goods_price + ' <span class="line-through">' + item.goods_marketprice + '</span></li>';
                        html += '<li class="goods-tag" style="margin-top:0">' + _taghtml + '</li>';
                        html += '</ul></div>';
                        if (j % 2 == 0) {
                            html += '<div class="h10"></div>';
                        }
                        if (_page == 1 && index == 0) {
                            $(".goods-list").html(html);
                        } else {
                            $(".goods-list").append(html);
                        }
                        function_name();
                    });
                    _page++;
                    $(".goods-list").attr("page", _page);
                } else {
                    html = '<div class="data-null">暂时没有更多商品</div>';
                    $(".goods-list").attr("page", '0');
                    if (_page == 1) {
                        $(".goods-list").html(html);
                    } else {
                        $(".goods-list").append(html);
                    }
                }
            } else {
                errcode(datas, datas.code)
            }
        }
    });
}

function getCatogoryDataxx() {
    $.ajax({
        url: siteurl + 'v1/entry/storeCategory2',
        data: {
            store_id: _storeid,
            gc_id: _gc_id
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            // console.log(datas)
            if (datas.result) {
                var _html = '<div class="swiper-slide active" keyid="0"><span>全部</span></div>';
                $.each(datas.data.category_list, function(index, item) {
                    _html += '<div class="swiper-slide" keyid="' + item.gc_id + '"><span>' + item.gc_name + '</span></div>';
                });
                $(".swiper-wrapper").html(_html);
                var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 4,
                    spaceBetween: 10,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
                });
            } else {
                errcode(datas, datas.code)
            }
            return false;
        }
    });
}
/////
function getCategoryData() {
    $.ajax({
        url: siteurl + 'v1/entry/storeCategory2',
        data: {
            store_id: _storeid,
            gc_id: _gc_id
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var html = '';
                $("#category-item").empty();
                $("#category-item").append('<div class="category-list" catid="0"><span class="category-list-span">全部</span></div>');
                $.each(datas.data.category_list, function(index, item) {
                    html = '<div class="category-list" catid="' + item.gc_id + '"><span class="category-list-span">' + item.gc_name + '</span></div>';
                    $("#category-item").append(html);
                });
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}
$("#category-btn").on("tap", function() {
    $(".gsort").removeClass("hotel-goods-active");
    $(".gsort").find("img").attr("src", "../../image/sort.png");
    getCategoryData();
    if (!$(".category-item").hasClass("mask-hidden")) {
        $(".category-item").addClass("mask-hidden");
        $("#category-btn").removeClass("hotel-goods-active");
        $(this).find("img").attr("src", "../../image/sort.png");
        $("#category-btn img").attr("src", "../../image/sort_down2.png");
    } else {
        $(".category-item").removeClass("mask-hidden");
        $("#category-btn").addClass("hotel-goods-active");
        $(this).find("img").attr("src", "../../image/sort_up.png");
        $("#category-btn img").attr("src", "../../image/sort_down2_up.png");
    }
    return false;
})

$(".swiper-wrapper").on("tap", ".swiper-slide", function() {
    _catid = $(this).attr("keyid");
    _minid = 1;
    $(".goods-list").attr("page", '1');
    getRouteGoodsData()
    return false;
});


$(".swiper-wrapper").on("tap", ".swiper-slide", function() {
    $(".swiper-slide").removeClass("active");
    $(this).addClass("active");
    return false;
});

function hiddenCate() {
    $(".category-item").addClass("mask-hidden");
    $("#category-btn").removeClass("hotel-goods-active");
    $("#category-btn").find("img").attr("src", "../../image/sort_down2_up.png");
}

function shorNewGoods() {
    _minsort = '';
    // console.log('shorNewGoods');
    _catid = $(this).attr("keyid");
    $(".goods-list").attr("page", '1');
    getRouteGoodsData();
}
///
$(".category-item").on("tap", ".category-list", function() {
    $(this).find("span").addClass("cate-active");
    hiddenCate();
    _cateid = $(this).attr("catid");
    _minsort = '';
    shorNewGoods();
    setTimeout(function() { $(".category-item").addClass("mask-hidden"); }, 300);
    return false;
})
///
$(".goods-all").on("tap", function() {
    hiddenCate();
    _sort = $(this).attr("tag");
    $(".gsort").removeClass("hotel-goods-active");
    $(this).addClass("hotel-goods-active");
    $(".gsort").find("img").attr("src", "../../image/sort.png");
    $("#category-btn img").attr("src", "../../image/sort_down2.png");
    _desc = "desc";
    shorNewGoods();
    return false;
})
////
$(".goods-new").on("tap", function() {
    hiddenCate();
    _sort = $(this).attr("tag");
    $(".gsort").removeClass("hotel-goods-active");
    $(this).addClass("hotel-goods-active");
    $(".goods-sprice").find("img").attr("src", "../../image/sort.png");
    $(this).find("img").attr("src", $(this).find("img").attr("src") == "../../image/sort_up.png" ? "../../image/sort_down.png" : "../../image/sort_up.png");
    if ($(this).find("img").attr("src") == "../../image/sort_up.png") {
        _desc = "asc";
    } else {
        _desc = "desc";
    }
    $("#category-btn img").attr("src", "../../image/sort_down2.png");
    shorNewGoods();
    return false;
})
////
$(".goods-sprice").on("tap", function() {
    hiddenCate();
    _sort = $(this).attr("tag");
    $(".gsort").removeClass("hotel-goods-active");
    $(this).addClass("hotel-goods-active");
    $(".goods-new").find("img").attr("src", "../../image/sort.png");
    $(this).find("img").attr("src", $(this).find("img").attr("src") == "../../image/sort_up.png" ? "../../image/sort_down.png" : "../../image/sort_up.png");
    if ($(this).find("img").attr("src") == "../../image/sort_up.png") {
        _desc = "asc";
    } else {
        _desc = "desc";
    }
    $("#category-btn img").attr("src", "../../image/sort_down2.png");
    shorNewGoods();
    return false;
})
$(".share-item-cancel").on("tap", function() {
    $(".share-item").slideUp(500, function() {});
    _show = false;
    return false;
})

var _show = false;
$("#share-btn").on("tap", function() {
    if (_show == false) {
        $(".share-item").slideDown(500, function() {});
        _show = true;
    } else {
        $(".share-item").slideUp(500, function() {});
        _show = false;
    }
    return false;
})

$(".back-top").on("tap", function() {
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
});
$.fn.fixedDiv = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.removeClass(actCls);
        } else {
            that.addClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}
$('#fix1').fixedDiv('mask-hidden');

$(".more-btn").on("tap", function() {
    $(".goods-list").empty();
    if ($("#keyword").val() == '') {
        api.toast({
            msg: '关键词不能为空！'
        });
        return false;
    }
    _keyword = $("#keyword").val();
    _cateid = '';
    _sort = "id";
    _minsort = '';
    _desc = "desc";
    getRouteGoodsData();
    return false;
})
</script>

</html>