guojy
/
qzw_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683
							<!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;
		padding-top: 0.85rem;;
      }
      .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 {
			 overflow : hidden;
			 text-overflow: ellipsis;
			 display: -webkit-box;
			 -webkit-line-clamp: 2;
			 -webkit-box-orient: vertical;
			 height: 0.6rem; 
        }
        .search-item img {
            position: absolute;
            left: 0.12rem;
            top: 0.12rem;
        }
        #keyword {
            font-size: 0.3rem;
            padding-left: 0.2rem;
            width: 100%;
        }
		.border-none{
		  text-align:center;font-size: 0.28rem;
		}
		.border-none p{
		  color:#999999;
		}
		.border-none-img {
		    margin-top: 2.5rem;
		    width: 1.73rem;
		    height: auto;
		}
    </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 class="flex-box flex-v-ce">
				<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="hotel-goods">
			<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 class="border-none">
				<img src="../../image/notfound.png" class="border-none-img" />
				<p>抱歉，没有搜到相关内容</p>
			</section>
		</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()
			});
		};

		function getData() {
			$(".goods-list").empty();
			_keyword = $("#keyword").val();
			_cateid = '';
			_sort = "id";
			_minsort = '';
			_desc = "desc";
			$(".goods-list").attr("page", '1');
			if (_keyword) {
				getRouteGoodsData();
			} else {
			   $(".border-none").show();
			}
		}
		$(".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;
		})

		$(".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() {
			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() {
			$(".border-none").hide();
			_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");
			}
			$.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) {
								$(".border-none").show();
							} 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;
		})
	</script>

</html>