liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!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>
		.my-btn-blue{border: 0 !important;background-color: #1cc9f4 !important;color: #fff;width:150px;}
		.cl-blue{color: #1cc9f4;}
		.iconfont{font-size: 20px;}
		.mui-table-view:before,.mui-table-view:after,.mui-table-view .mui-table-view-cell:after,.mui-table-view .mui-table-view-cell:before{display: none;}
		.mui-backdrop {position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;background: url(//s.iamberry.com/images/shop/share.png) top center no-repeat rgba(0, 0, 0, .4);background-size: 100%;}
	</style>
	<script src="/js/mui.min.js"></script>
	<script src="/js/jquery-2.1.1.min.js"></script>
	<script src="/js/shop/main.js"></script>
	<script>
        var deviceId=getParam("deviceId");
        // 屏蔽分享
        // 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>
<div class="mui-content" style="background: #fff;">
	<ul class="mui-table-view mui-text-center my-table-noline">
		<li class="mui-table-view-cell">
			<div><a class="mui-btn mui-btn-link">快来围观吧，我家净水管家，本领强，颜值高！</a></div>
		</li>
		<li class="mui-table-view-cell">
			<img src="//s.iamberry.com/watero/images/shop/my_equipment.png" width="45%" />
		</li>

		<li class="mui-table-view-cell">
			总净饮水量：<span class="count_l">0</span>L
			<br/>
			<span class="mui-h6">相当于0桶传统18.9l的桶装水</span>
		</li>
		<li class="mui-table-view-cell">
			<span class="mui-h5 my_shuizhi">我家水质（tds）：未知</span>
		</li>
		<li class="mui-table-view-cell">
			<div>
				<button type="button" class="mui-btn my-btn-blue share_wechat">分享</button>
			</div>
		</li>
	</ul>
	<div class="mui-content-padded">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell" style="padding: 11px 0;">
				<span class="iconfont icon-lease cl-blue"></span>&nbsp;TIPS<span class="mui-h6">（仅您可见）</span>
			</li>
			<li class="mui-table-view-cell mui-h6">
				如果有朋友喜欢，成功租用，我们将赠送您押金提取券、现金、 服务费抵扣券哦！规则如下：<br />
				押金提取券：可提前提取押金（第一位朋友租用）<br />
				现金300元：直接发300元现金（第二位朋友租用）<br />
				现金300元：直接发300元现金（第三位朋友租用）<br />
				服务费抵扣券：400元（第四位朋友租用）
			</li>
			<li class="mui-table-view-cell">
				<span class="mui-pull-right mui-h6">（活动截止时间：20xx年-xx月-xx日）</span>
			</li>
		</ul>
	</div>
</div>
<script src="/js/shop/wechat-utils-1.0.js"></script>
<script type="text/javascript">
    mui.ready(function(){
        mui.ajax(base_path + '/machine/waterCompete', {
            data: {
                deviceId: deviceId
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
				/*console.log(dt)*/
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    console.log(dt);
                    if(dt.status) {
                        $(".count_l").text(dt.data.machineHaveWater);
                        $(".my_shuizhi").text("我家水质（tds）："+dt.data.machineTDS);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        });
        document.querySelector('.loading-bg').style.display='none';
    });
    var mask = mui.createMask(function() {});
    mui('body').on('tap', '.share_wechat', function() {
        mask.show();
        window.hiddenAllWechatMenu = false;

        mui.ajax(base_path + '/machine/addCompetingRecords', {
            data: {
                deviceId: deviceId
            },
            type: 'post',
            timeout: 15000,
            success: function(dt) {
				/*console.log(dt)*/
                if(dt.isRedirect) {
                    location.href = dt.redirectURL;
                }else{
                    console.log(dt);
                    if(dt.status) {
                        var url = 'https://'+document.domain+'/watero/view/water_competition.html?shareId='+dt.data;
                        window.wxData = {
                            "appId": "", // 服务号可以填写appId
                            "imgUrl":'//s.iamberry.com/watero/images/shop/share-lease.png',
                            "link":url,
                            "desc":"快来围观吧，美国watero一款可移动的净水机!",
                            "title":"净水机可以租啦！"
                        };
                        window.wxFriend = {
                            "appId": "", // 服务号可以填写appId
                            "imgUrl":'//s.iamberry.com/watero/images/shop/share-lease.png',
                            "link":url,
                            "desc":"快来围观吧，美国watero一款可移动的净水机！",
                            "title":"净水机可以租啦！"
                        };
                        window.wxReady = false;
                        getConfig();
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        });
    });
</script>
</body>
</html>