liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>拼单详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			.share-dalog {
				background: rgba(0, 0, 0, .7);
				position: fixed;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				z-index: 99;
				display: none;
			}
			
			.share-dalog img {
				width: 100%;
			}
			
			.ping-h1 {
				text-align: center;
				font-size: 18px;
				padding: 10px 0 15px 0;
			}
			
			.ping-h1 .red {
				color: #ff5673;
			}
			
			.mui-content .btn-ping {
				border-radius: 50px;
				display: block;
				width: 70%;
				margin: 15px auto;
				font-size: 16px;
				background: #ff5673;
				color: #fff;
				border: 0;
				padding: 12px 12px;
			}
			
			.mui-content .btn-ping:active {
				background: #fc4e67 !important;
			}
			
			.btn-details {
				border-radius: 50px;
				display: block;
				width: 70%;
				margin: 15px auto;
				font-size: 16px;
				padding: 12px 12px;
			}
			
			.btn-details:active {
				background: #f0f0f0;
			}
			
			.userHeader {
				border-radius: 50%;
			}
			
			.myicon-pin {
				background: #eba85e;
				color: #fff;
				border-radius: 25px;
				font-size: 12px;
				position: absolute;
				left: 0;
				top: 2px;
				line-height: 1.2;
				display: block;
				padding: 2px 5px;
			}
		</style>
		<script>
			// 屏蔽分享
			//window.hiddenAllWechatMenu = true;
		</script>
	</head>

	<body style="background: #fff;">
		<div class="loading-bg">
			<div class="mui-loading">
				<div class="mui-spinner">
				</div>
				&nbsp;&nbsp;加载中...
			</div>
		</div>
		<!--<nav class="mui-bar mui-bar-tab" id="footer-bar">
	<a class="mui-tab-item" >
		<div class="iconfont icon-shouye"></div>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
		<span class="mui-tab-label">购物车</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-dingdan"></div>
		<span class="mui-tab-label">订单</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-wode"></div>
		<span class="mui-tab-label">我的</span>
	</a>
</nav>-->
		<!--<header class="mui-bar mui-bar-nav header">
	<div class="go-index go_index">
		<img src="images/logo.png" />
	</div>
</header>-->
		<div class="mui-content" style="background: #fff;">
			<div style="padding: 30px 0 10px 0;">
				<div class="mui-table">
					<div class="mui-table-cell mui-col-xs-3 table-middle">
					</div>
					<div class="mui-table-cell mui-col-xs-3 mui-text-left">
						<img class="userHeader" width="80%" src="images/2019072918.jpg" />
						<span class="myicon-pin">拼主</span>
					</div>
					<div class="mui-table-cell mui-col-xs-3 mui-text-right">
						<img width="80%" src="images/2019072918.jpg" />
					</div>
					<div class="mui-table-cell mui-col-xs-3 table-middle">
					</div>
				</div>
			</div>
			<div class="ping-h1">还差<span class="red" id="count">0</span>人，快邀请好友来拼单吧</div>
			<div>
				<button type="button" class="mui-btn btn-ping">邀请好友拼单</button>
			</div>
			<div>
				<button type="button" class="mui-btn btn-details">查看订单详情</button>
			</div>
			<br />
			<p class="mui-text-center">注：分享给越多好友，越容易成团哟！</p>
		</div>
		<div class="share-dalog">
			<img src="images/share.png" />
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/main.js"></script>
		<script src="js/page/wechat-utils-1.0.js"></script>
	</body>
	<script>
		var isSpell = getParam('isSpell'),
			isSpellstr = '',
			openid = '',
			orderid = getParam('orderId'),
			productId = '',
			colorId = '',
			shareTit = '',
			shareDesc = '';
		if(isSpell == 1) {
			isSpellstr = '&isSpell=1';
		}
		var str = location.href; //取得整个地址栏
		var num = str.indexOf("?")
		str = str.substr(num + 1); //取得所有参数
		$(document).ready(function() {
			$.ajax(base_path + '/user/member?dates=' + new Date().getTime(), {
				dataType: 'json',
				type: 'post',
				timeout: 15000,
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				success: function(dt) {
					if(dt.isRedirect) {
						location.href = dt.redirectURL;
					} else {
						var data = dt.data;
						if(dt.status) {
							if(typeof(data.userHead) != "undefined") {
								if(data.userHead != null && data.userHead != '') {
									$(".userHeader").attr('src', data.userHead)
								}
							}
							openid = data.userOpenid;
							getOrderId();
						} else {

						}
					}
				},
				error: function(xhr, type, errorThrown) {
					console.log(xhr)
				}
			});

			document.querySelector('.loading-bg').style.display = 'none'
		});

		function getOrderId() {
			$.ajax(base_path + '/cart/getShopOrderByOrderId', {
				data: {
					orderId: orderid
				},
				dataType: 'json',
				type: 'get',
				timeout: 15000,
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				success: function(dt) {
					if(dt.isRedirect) {
						location.href = dt.redirectURL;
					} else {

						if(dt.status) {
							if(typeof(dt.data.salesSpellOrderId) != "undefined") {
								$("#count").text('0');
							} else {
								$("#count").text('1');
							}
							$.each(dt.data.orderItemList, function(index) {
								if(index == 0) {
									productId = this.itemProductId;
									colorId = this.itemColorId;
									shareTit = '【在线等】我拼了' + this.itemProductName + '(' + this.productColor + ')';
									fenxiang();
								}
							});
						}
					}
				},
				error: function(xhr, type, errorThrown) {
					console.log(xhr)
				}
			});
		};
		$(document).on('tap', '.btn-details', function() {
			location.href = 'order_details.html?' + str
		});
		//分享弹窗
		$(document).on('tap', '.btn-ping', function() {
			$(".share-dalog").show();
		});
		//关闭分享弹窗
		$(document).on('tap', '.share-dalog', function() {
			$(this).hide();
		});
		//分享			
		function fenxiang() {
			var url = 'https://' + location.host + '/watero/wechat/pay_join_group.html?' + str + '&openid=' + openid;
			window.repleFlag = false;
			window.wxFriend = {
				"appId": "",
				"imgUrl": 'https://s.iamberry.com/watero/wechat/images/2019080701.jpg',
				"link": url,
				"desc": "快来和我一起拼团！",
				"title": shareTit,
				"netError": "您的网络异常，请刷新重试!如多次刷新无效，请向我们反应 ~",
				"shareTimeSuccess": "分享成功",
				"shareTimeCancel": "已取消分享",
				"shareAppSuccess": "分享成功!",
				"shareAppCancel": "已取消分享"
			};
			getConfig();
		}
	</script>

</html>