guojy
/
qzw_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620
							<!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/style.css?v=1.2" />
    <style>
        .hotel-top{
       width:100%;
       height: 4.03rem;
       background: url('https://qdd.h.c638m.cn/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-bottom:1px solid #e8e8e8;
        position:relative;
      }
      .hotel-goods li{
        width: 33.33%;
        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: #d9251c;
      }
      .goods-tag span{
          margin-right: 0.17rem;
          /*padding: 0.08rem;*/
      }
      .goods-price, .goods-tag {
            margin-top: 0.1rem;
      }
      .category-item{
        width:100%;
        min-height: 0rem;
        height:auto;
        background:#ffffff;
        position:absolute;
        top: 2.01rem;
        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;
       }
       .tag-item{
            float: left;
            max-width: 0.83rem;
            height: 0.33rem;
            line-height: 0.33rem;
            overflow: hidden;
            border: 1px solid #993333;
            font-size: 0.18rem;
            padding-left: 5px;
            padding-right: 5px;
            background: #ffffff;
            color: #993333;
            border-radius: 2px;
            text-align: center;
       }
        .goods-title {
            white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
        }
        .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>
    <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">
                  <input id="keyword" type="text" placeholder="关键词搜索" />
                  <img src="../../image/search.png" /> 
                </div>
            </li>
            <li class="more-btn">搜索</li>
        </ul>
    </header>
    <div class="hotel-goods padding-top">
        <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" class="mask-hidden">分类<img class="sort-img2" src="../../image/sort_down2.png" /></li>
        </ul>
        <div id="category-item" class="category-item mask-hidden">
        </div>
    </div>
    <section>
        <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>
</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/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 _keyword = 'NULL';
apiready = function() {
    _storeid = api.pageParam.storeid;
    setFixStatusBar();
    api.addEventListener({
        name: 'swipeup'
    }, 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");
    api.openWin({
        name: 'showgoods',
        url: './showgoods.html',
        bounces: false,
        pageParam: {
            keyid: _goodsid,
            storeid: _storeid
        }
    });
    return false;
})
//////////

function getRouteGoodsData() {
  // body...
    _page = $(".goods-list").attr("page");
    if (_page == 0) {
        return false;
    }
    var _xdata = { store_id: _storeid, page: _page, praise: _desc, keyword: _keyword };
    var _data_type = $(".hotel-goods-active").attr("tag");
    if (_data_type == 'praise') {
        _xdata = { store_id: _storeid, page: _page, praise: _desc, keyword: _keyword };
    } else if (_data_type == 'goods_commonid') {
        _xdata = { store_id: _storeid, page: _page, goods_commonid: _desc, keyword: _keyword };
    } else if (_data_type == 'goods_price') {
        _xdata = { store_id: _storeid, page: _page, goods_price: _desc, keyword: _keyword };
    } else {
        var catid = $("#category-item .cate-active").parent(".category-list").attr("catid");
        console.log(catid)
    }
    $.ajax({
        url: siteurl + 'v2/entry/storeGoods',
        data: _xdata,
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            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', '#d9251c', '#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 + '" 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">' + _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 getCategoryData() {
    $.ajax({
        url: siteurl + 'v1/entry/storeCategory',
        data: {
            store_id: _storeid
        },
        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="all"><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;
})

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

function shorNewGoods() {
    _minsort = '';
    $(".goods-list").empty();
    $(".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;
})
///
$(".share-item-friend").on("tap", function() {
    api.download({
        url: _shareimg,
        report: false,
        savePath: 'widget://share' + _storeid + '.png',
        cache: true,
        allowResume: true
    }, function(ret, err) {
        var wx = api.require('wx');
        wx.shareWebpage({
            scene: 'session',
            title: _title,
            description: _description,
            thumb: 'widget://share' + _storeid + '.png',
            contentUrl: _shareurl
        }, function(ret, err) {
            if (ret.status) {
                //alert("分享成功！");
                setPoint();
            } else {
                alert(err.code);
            }
        });
    });
    $(".share-item").slideUp(500, function() {});
    _show = false;
    return false;
})
$(".share-item-cale").on("tap", function() {
    api.download({
        url: _shareimg,
        report: false,
        savePath: 'widget://share' + _storeid + '.png',
        cache: true,
        allowResume: true
    }, function(ret, err) {
        var wx = api.require('wx');
        wx.shareWebpage({
            scene: 'timeline',
            title: _title,
            description: _description,
            thumb: 'widget://share' + _storeid + '.png',
            contentUrl: _shareurl
        }, function(ret, err) {
            if (ret.status) {
                //alert("分享成功！");
                setPoint();
            } else {
                alert(err.code);
            }
        });
    });
    $(".share-item").slideUp(500, function() {});
    _show = false;
    return false;
})
$(".share-item-qq").on("tap", function() {
    var qq = api.require('QQPlus');
    qq.shareNews({
        url: _shareurl,
        title: _title,
        description: _description,
        imgUrl: _shareimg
    }, function(ret, err) {
        if (ret.status) {
            //alert("分享成功！");
            setPoint();
        } else {
            api.alert({ msg: JSON.stringify(err) });
        }
    });
    $(".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;
})


$(".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";
    $(".goods-list").attr("page", '1');
    getRouteGoodsData();
    return false;
})
</script>

</html>