guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							<!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?v=1.2" />
    <style>
        body {
            background: #f2f2f2;
        }
        .bottom-line{
           border-bottom:1px solid #e8e8e8;
        }
        .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;
        }
        .order-list-right p {
            font-size: 0.22rem;
            color: #999;
            height: 1.04rem;
        }
        p.font-size-18 {
            color: #666;
            height: auto;
            padding-bottom: 0.4rem;
        }
        .h5 {
            background: #f2f2f2;
            margin: 0 0 0 -0.32rem;
            width: 7.5rem;
            margin-top: 0.5em;
        }
        .weui-navbar__item {
          padding: 0.1rem 0;
          font-size: 0.28rem;
        }
        .weui-tab__panel {
            padding: 0 0.32rem;
        }
        .weui-bar__item_on span {
          color: #d9251c;
          border-bottom: 0.1em solid;
        }
        .order-list-right {
            width: 4.7rem;
        }
    </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 = (e/7.5) + "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">我的收藏</li>
            <li class="more-btn"></li>
        </ul>
    </header>
    <div class="weui-tab" style="padding-top: 0.87rem;">
        <div class="weui-navbar">
            <div class="weui-navbar__item weui-bar__item_on" href="#tab1">
                <span>酒店</span>
            </div>
            <div class="weui-navbar__item" href="#tab2">
                <span>商品</span>
            </div>
        </div>
        <div class="weui-tab__panel order-list white-back">
            <div id="tab1" page="1" class="weui_tab_bd_item weui_tab_bd_item_active"></div>
            <div id="tab2" page="1" class="weui_tab_bd_item"></div>
        </div>
    </div>
    <!-- <div style="padding-top: 1.15rem;"></div>
    <section class="order-list white-back">
    </section>
    <section class="border-none">
        <img src="../../image/goods_buy_favorite.png" class="border-none-img" /><p>收藏为空</p>
    </section>
    <div class="h10"></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 _type = "store";
var _page = "1";
var _data_toggle = '#tab1';
apiready = function() {
    setFixStatusBar();
    getRouteData();
    api.addEventListener({
        name: 'viewappear'
    }, function(ret, err) {
        getRouteData();
    });
};

$(function() {
    $('.weui-navbar__item').on('click', function() {
        $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        $(".weui-tab__panel .weui_tab_bd_item_active").removeClass('weui_tab_bd_item_active');
        _data_toggle = jQuery(this).attr("href");
        $(_data_toggle).addClass("weui_tab_bd_item_active");
        _type = _data_toggle == "#tab2" ? "goods" : "store";
        getRouteData();
    });
});

function getRouteData() {
    _page = $(_data_toggle).attr('page');
    if (_page == 0) {
        return false;
    }
    $.ajax({
        url: siteurl + 'v1/favorites/get',
        data: {
            type: _type,
            page: _page
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var list = datas.data;
                if (list[_type + '_list'].length > 0) {
                    var _html = '';
                    if (_data_toggle == "#tab1") {
                        $.each(list[_type + '_list'], function(index, item) {
                            _html += '<div class="order-list-title"><img src="' + siteurl + "uploads/home/store/" + item.store_id + "/" + item.store_avatar + '"/> ' + item.store_name + '</div>';
                            _html += '<div class="order-list-goods" goodsid="' + item.store_id + '"><ul><li><img src="' + siteurl + "uploads/home/store/" + item.store_id + "/" + item.store_avatar + '"/></li>';
                            _html += '<li class="order-list-right"><span class="font-rem11">' + item.store_name + '</span><p style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 1.2rem;line-height: 0.4rem;">' + item.store_summary + '</p>';
                            // _html += '<p class="font-size-18"></p></li>';
                            _html += '</ul></div><div class="h5"></div>';
                        })
                    } else {
                        $.each(list[_type + '_list'], function(index, item) {
                            _html += '<div class="order-list-title" keyid="' + item.fav_id + '"><img src="' + siteurl + "uploads/home/store/" + item.store_id + "/" + item.store_avatar + '"/> ' + item.store_name + '</div>';
                            var arr = item.goods_name.split(" ");
                            var name_arr = arr[0];
                            var size_arr = item.goods_name.replace(name_arr, "");
                            _html += '<div class="order-list-goods" goodsid="' + item.fav_id + '"><ul><li><img src="' + siteurl + "uploads/home/store/goods/" + item.goods_image.substr(0, item.goods_image.indexOf("\_")) + "/" + item.goods_image + '"/></li>';
                            _html += '<li class="order-list-right"><span class="font-rem11">' + name_arr + '</span><p style="height: 0.6rem;">' + size_arr + '</p>';
                            _html += '<p class="font-size-18">￥' + item.favlog_price + '</p></li>';
                            _html += '</ul></div><div class="h5"></div>';
                        })
                    }
                    if (_page == 1) {
                        $(_data_toggle).html(_html);
                    } else {
                        $(_data_toggle).append(_html);
                    }
                    _page++;
                    $(_data_toggle).attr('page', _page);
                } else {
                    if (_page == 1) {
                        $(_data_toggle).html('<div class="border-none"><img src="../../image/goods_buy_favorite.png" class="border-none-img" /><p>收藏为空</p></div>');
                    }
                    $(_data_toggle).attr('page', '0');
                }
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}
///
$(".order-list").on("tap", ".order-list-goods", function() {
    var _keyid = $(this).attr("goodsid");
    $.ajax({
        url: rooturl + '?do=chkfavoritemy',
        data: {
            goods_id: _keyid,
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (_type == 'store') {
                api.openWin({
                    name: 'hoteldtl',
                    url: '../home/hoteldtl.html',
                    bounces: false,
                    pageParam: {
                        keyid: _keyid
                    }
                })
            } else {
                if (datas.result) {
                    api.openWin({
                        name: 'showgoods',
                        url: '../home/showgoods.html',
                        bounces: false,
                        pageParam: {
                            keyid: _keyid,
                            storeid: datas.msg
                        }
                    });
                } else {
                    api.toast({ msg: datas.msg });
                }
            }
        }
    });
    return false;
})
</script>

</html>