浏览代码

watero改版

wangxiaoming 6 年之前
父节点
当前提交
beb2652b5e

+ 6 - 6
watero/faq.html

@@ -6,9 +6,9 @@
 	<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="//s.iamberry.com/watero/css/mui.min.css?v=2016111701">
-	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/icons-extra.css" />
-	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/style.css?v=2016111701" />
+	<link rel="stylesheet" type="text/css" href="/css/mui.min.css?v=2016111701">
+	<link rel="stylesheet" type="text/css" href="/css/icons-extra.css" />
+	<link rel="stylesheet" type="text/css" href="/css/style.css?v=2016111701" />
 	<style>
 		.mui-content-padded{margin: 10px 13px;}
 		.tips{padding: 20px 10px;background: #24cae9;text-align: center;color: #fff;}
@@ -497,9 +497,9 @@
 
 </div>
 <div onclick="gotoTop();return false;" class="back_top"><span class="mui-icon-extra mui-icon-extra-top"></span></div>
-<script src="//s.iamberry.com/watero/js/mui.min.js"></script>
-<script src="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
-<script src="//s.iamberry.com/watero/js/shop/wechat-utils-1.0.js"></script>
+<script src="/js/mui.min.js"></script>
+<script src="/js/jquery-2.1.1.min.js"></script>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
 <script type="text/javascript">
     mui.ready(function(){
         console.log("页面加载完毕")

+ 251 - 0
watero/gift_card_get_give.html

@@ -0,0 +1,251 @@
+<!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>
+		.head {height: 60px;}
+		#head {line-height: 60px;}
+		h3 {margin-top: 5px;margin-bottom: 0;}
+		.icon-fuxuankuang a {color: #24cae9;text-decoration: underline;}
+		.icon-daifahuo, .icon-lease2, .icon-jiage, .icon-lipin {font-size: 15px;padding-left: 22px;}
+		.icon-fuxuankuang {font-size: 12px;padding: 5px 5px 5px 22px;}
+		.icon-fuxuankuang:before {font-size: 14px;margin-top: 5px;margin-right: 3px;}
+		.icon-daifahuo:before, .icon-lease2:before, .icon-jiage:before,
+		.icon-lipin:before {font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.try_price {color: #f1436c;}
+		.ul_radio {width: 100%;}
+		.ul_radio li {width: 21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;display: inline-block;position: relative;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after {position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1 {background: url(//s.iamberry.com/watero/images/cp-1.jpg)center center/auto 85% no-repeat;}
+		.radio2 {background: url(//s.iamberry.com/watero/images/cp-2.jpg)center center/auto 85% no-repeat;}
+		.radio3 {background: url(//s.iamberry.com/watero/images/cp-3.jpg)center center/auto 85% no-repeat;}
+		.radio4 {background: url(//s.iamberry.com/watero/images/cp-4.jpg)center center/auto 85% no-repeat;}
+		.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
+		.mui-table-view .mui-media .mui-media-body {height: 41px;line-height: 41px;color: #333;}
+		.mui-table-view .mui-media .mui-media-body>span {color: #f1436c;}
+		.my-table-view-try {border-top: .6em solid #f0f0f0;border-bottom: .6em solid #f0f0f0;padding-bottom: 10px;}
+		.my-table-view-try .mui-table-view-cell {padding: 10px 13px 10px 30px !important;font-size: 12px;}
+		.mui-table-view-cell:after, .mui-table-view:before, .mui-table-view:after,
+		.mui-input-group .mui-input-row:after, .mui-input-group:before,
+		.mui-input-group:after {display: none;}
+		.mui-table-view-cell>a:not (.mui-btn ){margin: -15px -15px;}
+		.mui-table-view-cell>a .mui-pull-right {color: #999;font-size: 14px;}
+		#btn_submit {color: #fff;font-size: 18px;background: #24cae9;margin-bottom: 0;border: 0;}
+		.mui-btn-block.mui-active, .btn-pull-code.mui-active {background-color: #c8c8c8 !important;}
+		.icon-fuxuankuang.mui-active:before {color: #c8c8c8;}
+		.mui-content-padded {margin: 10px 13px;}
+		.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;border: 1px solid rgba(0, 0, 0, .1);margin: 10px 0;}
+		.mui-input-row label {color: #666;width: 27%;font-size: 15px;}
+		.mui-input-row label ~input{width: 73%;}
+		.mui-input-row label ~input::-webkit-input-placeholder {font-size: 15px;}
+		.triangle-down {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ccc;}
+		.my-arrowright {position: absolute;right: 18px;top: 28px;color: #666;pointer-events: none;}
+		.mui-btn-red {background-color: #e9004c;}
+		.tips {padding-bottom: 65px;}
+		.gift-card-title {padding-top: 70px;background: url(//s.iamberry.com/watero/images/shop/gift-card-tit-bg2.png) top center/100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active {background: transparent;}
+		.gift-card-title .mui-table-view-cell>a:not (.mui-btn ){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not (.mui-btn ).mui-active {background: transparent;}
+		.gift-card-title .mui-navigate-right:after {color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell {color: #fff;}
+		.mui-table-view-cell.mui-collapse .mui-collapse-content {background: #71d8ec;}
+		.accordion {float: right;margin: 2px 15px 0 0;font-size: 12px;color: #fff;}
+		.my-btn-hand {display: block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active {background-color: #1cc9f4;}
+		.my-div {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 5px;}
+		.mui-h5, h5 { margin-left: 30px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">您已成功推荐一位代理商,获赠价值¥3680水机一台</li>
+			<li class="mui-table-view-cell mui-text-left mui-collapse"></li>
+		</ul>
+		<div class="mui-content-padded">
+			<div class="my-div">
+				<span class="iconfont icon-lipin">选择赠品</span>
+			</div>
+			<div class="mui-h6">产品名称:美国watero净饮水一体机</div>
+			<div class="mui-h6">产品数量:1台</div>
+			<form class="mui-input-group">
+				<div style="display: table; width: 100%; padding: 10px 0;">
+					<div
+							style="display: table-cell; width: 20%; vertical-align: middle;">
+						选择颜色:</span>
+					</div>
+					<div style="display: table-cell; width: 70%; text-align: right;">
+						<ul class="ul_radio">
+							<!-- <li class="radio1 active"></li>
+                            <li class="radio2"></li>
+                            <li class="radio3"></li>
+                            <li class="radio4"></li> -->
+						</ul>
+					</div>
+				</div>
+			</form>
+		</div>
+		<div class="my-div">
+			<span class="iconfont icon-lease2">收货信息</span>
+		</div>
+		<ul class="mui-table-view">
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right" id="open-wechat-addres-a">
+					收货地址<span class="mui-h5">请选择收货地址</span>
+					<!-- <ul class="ft-12" style="color: #333;">
+                        <li>收  货  人:林林</li>
+                        <li>手 机 号:15999999999</li>
+                        <li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+                    </ul> -->
+				</a>
+			</li>
+		</ul>
+	</div>
+</div>
+<div class="buy-footer">
+	<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined mui-active" id="btn_submit" disabled="disabled">确认领取</button>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js?v=201706001"></script>
+<script type="text/javascript">
+    var check = false, alert_msg = '';
+    var agentMachineId =getParam("agentMachineId");
+    mui.ready(function(){
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {"agentMachineId":agentMachineId},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.returnCode=="200" && dt.resultCode=="200"){
+                        if (typeof(dt.returnMsg.msg) != "undefined"){
+                            if(dt.returnMsg.msg==2){
+                                mui.alert("已经领取过,请在赠品订单列表查看",'',function(){
+                                    mui.openWindow({url: '/watero/view/gift_card_give_order_list.html'})
+                                });
+                            }
+                        }
+                        var table = document.body.querySelector('.ul_radio');
+                        mui(dt.returnMsg.colors).each(function(index) {
+                            var li = document.createElement('li');
+                            if(index==0){
+                                li.className ='radio'+this.colorId+' active';
+                            }else{
+                                li.className ='radio'+this.colorId;
+                            }
+                            li.setAttribute("id",this.colorId);
+                            table.appendChild(li);
+                        });
+                        $(".ul_radio li").each(function() {
+                            $(this).on("click", function() {
+                                $(this).addClass("active");
+                                $(this).siblings().removeClass("active");
+                            });
+                        });
+                        document.querySelector('.loading-bg').style.display='none';
+                    }else{
+                        mui.alert(dt.resultMsg);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+    });
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                    $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                    mui.alert("您没有选择收货地址!");
+                }
+            }
+        );
+
+    });
+    mui('body').on('tap','#btn_submit',function() {
+        if(wechatAddr.status){
+            mui(this).button('loading');
+            var param = {
+                "agentMachineColorId":$(".ul_radio .active").attr("id"),
+                "agentMachineId": agentMachineId,
+                "agentMachineAddressInfo": address,
+                "agentMachineAddressName":nickname,
+                "agentMachineAddressTel":ads_tel ,
+            };
+            $.ajax({
+                type: 'post',
+                url: base_path+'/giftCard/card/updateAgentMachine?dates=' + new Date().getTime(),
+                data:param,
+                dataType: 'json',
+                timeout: 15000,
+                success: function(dt) {
+                    //console.log(dt);
+                    if(dt.resultCode=="200" && dt.returnCode=="200") {
+                        mui.openWindow({url: '/watero/view/gift_card_give_order_list.html'})
+                    } else {
+                        mui(th).button('reset');
+                        mui.alert(dt.returnMsg);
+                    }
+                },
+                error: function(xhr, type, errorThrown) {
+                    //异常处理;
+                    console.log(xhr);
+                    mui.alert("请检查网络或刷新页面重试!");
+                    mui(th).button('reset');
+                }
+            });
+        }else{
+            mui.alert("请选择收货信息");
+        }
+    });
+</script>
+</body>
+</html>

+ 1 - 1
watero/js/page/fenxiao_2wm.js

@@ -32,7 +32,7 @@ function shareProxyMemberUrl() {
             window.repleFlag = false;
             window.wxFriend = {
                 "appId": "",
-                "imgUrl": '//s.iamberry.com/watero/js/images/shop/default_qrcode.png',
+                "imgUrl": '/js/images/shop/default_qrcode.png',
                 "link": dt.data.shareUrl,
                 "desc": "秉承“关爱、极致、乐观”的企业精神,打造“中国最大的母婴平台”,通过“硬件+软件+平台”的业务模式,重构母婴人群、母婴店铺、品牌厂商三者之间的连接关系。爱贝源是母婴实体店“抱团转型O2O的助推器”;是母婴品牌商“营销渠道扁平化的最优解”;是母婴消费者“专属化购物方案的提供者”。",
                 "title": "深圳爱贝源科技,是一家互联网+“母婴平台”的科技公司,2014年成立于深圳。",

+ 4 - 4
watero/js/page/vip_center.js

@@ -153,22 +153,22 @@ mui.ready(function() {
 });
 mui('body').on('tap', '#rent_wait_deliver', function() {
 	mui.openWindow({
-		url: '/watero/view/rent/lease_order_details.html?rentStatus=-1'
+		url: 'lease_order_details.html?rentStatus=-1'
 	})
 });
 mui('body').on('tap', '#rent_already_deliver', function() {
 	mui.openWindow({
-		url: '/watero/view/rent/lease_order_details.html?rentStatus=5'
+		url: 'lease_order_details.html?rentStatus=5'
 	})
 });
 mui('body').on('tap', '.icon-shebeiliebiao', function() {
 	mui.openWindow({
-		url: '/watero/view/rent/my_equipment.html'
+		url: 'my_equipment.html'
 	})
 });
 mui('body').on('tap', '#xieyi-dalog', function() {
 	mui.openWindow({
-		url: '/watero/view/rent/try_xieyi.html'
+		url: 'try_xieyi.html'
 	});
 });
 mui('body').on('tap', '.go_try_order', function() {

+ 75 - 0
watero/view/gift_card_agent_explain.html

@@ -0,0 +1,75 @@
+<!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>
+		.icon-quanyizhanshi,.icon-shouquan,.icon-pinleiyouhui{font-size: 15px;padding-left:30px;}
+		.icon-quanyizhanshi:before,.icon-shouquan:before,.icon-pinleiyouhui:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.my-div{padding: 5px 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 5px;}
+		.ul-desc{padding:10px 10px 10px 15px;background: #fff;color: #666;font-size: 12px;}
+	</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>
+<div class="mui-content">
+
+	<ul class="mui-table-view">
+		<li class="mui-table-view-cell">
+			<span class="iconfont icon-quanyizhanshi">尊享权益</span>
+		</li>
+	</ul>
+	<ul class="ul-desc">
+		<li>1.将获赠价值3680元的美国watero净饮水一体机一台。</li>
+		<li>2.将获得8张礼品兑换卡(每张可兑换一台美国watero净饮水一体机)</li>
+		<li>3.成功推荐其他人成为代理商,可获赠一台美国watero桌面净饮水一 体机)</li>
+		<li>4.一年后,未使用的礼品卡每张可兑换成1250元现金。</li>
+		<li>5.如果您销售完8张提货卡,系统即将赠送一台水机。</li>
+	</ul>
+	<ul class="mui-table-view">
+		<li class="mui-table-view-cell">
+			<span class="iconfont icon-shouquan">产品代理权</span>
+		</li>
+	</ul>
+	<ul class="ul-desc">
+		<li>当您成为尊贵的代理以后,即可享受美国watero净饮水一体机及礼品卡的产品代理权,在您代理的范围内,我们(深圳爱贝源科技有限公司)保证只有您一人可以代理我们的礼品卡。</li>
+		<li><br/>公司郑重承诺!</li>
+	</ul>
+	<ul class="mui-table-view">
+		<li class="mui-table-view-cell">
+			<span class="iconfont icon-pinleiyouhui">低价拿货权</span>
+		</li>
+	</ul>
+	<ul class="ul-desc">
+		<li>当您成为尊贵的代理以后,即可享受美国watero净饮水一体机及礼品卡的产品代理权,并且享受我们(深圳爱贝源科技有限公司)的最低价拿货权益!</li>
+		<li><br/>我们保证让您享受我们最低价的拿货权!</li>
+	</ul>
+</div>
+<script type="text/javascript" src="/js/mui.min.js"></script>
+<script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
+<script type="text/javascript" src="/js/shop/main.js"></script>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        //console.log("页面加载完毕");
+        document.querySelector('.loading-bg').style.display='none';
+    });
+</script>
+</body>
+</html>

+ 115 - 0
watero/view/gift_card_agent_xiaxian_list.html

@@ -0,0 +1,115 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/style.css" />
+	<style>
+		.mui-table-view-chevron .mui-table-view-cell{padding-right:10px;}
+		.my-tab-view-pull{padding: 10px 0;}
+		.my-table-view-cell{margin: 0 15px 10px 15px;background: #61cfe7;padding: 10px;border-radius: 5px;position: relative;}
+		.my-table-view-cell p,.my-table-view-cell a{color: #fff !important;}
+		.my-right-center{position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);}
+		.yuan{border-radius: 50%;border: 3px solid #8ddbed;}
+		.mui-media-object{width: 60px !important;height: 60px !important;max-width: 60px !important;}
+		.mui-media-body{padding-top: 10px;}
+	</style>
+	<script>
+        // 屏蔽分享
+        window.hiddenAllWechatMenu = true;
+	</script>
+</head>
+<body>
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<!--下拉刷新容器开始-->
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
+	<div class="mui-scroll">
+		<!--数据列表-->
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
+
+		</ul>
+	</div>
+</div>
+<!--下拉刷新容器结束-->
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.init({
+        pullRefresh: {
+            container: '#pullrefresh',
+            down: {
+                //callback: pulldownRefresh
+            },
+            up: {
+                contentrefresh: '正在加载...',
+                callback: pullupRefresh
+            }
+        }
+    });
+    var pageNumber = 0,pagesize = 10;
+    /**
+     * 上拉加载具体业务实现
+     */
+    function pullupRefresh() {
+        ++pageNumber;
+        mui.ajax(base_path + '/giftCard/card/beRefereesList?dates=' + new Date().getTime(), {
+            data: {
+                "pageSize": pagesize,
+                "pageNO": pageNumber
+            },
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);						
+                if(dt.status) {
+                    var xiaxian_data = [];
+                    xiaxian_data = dt.data;
+                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(xiaxian_data.length < pagesize);
+                    var table = document.body.querySelector('.my-tab-view-pull');
+                    mui(xiaxian_data).each(function(index) {
+                        var li = document.createElement('li');
+                        var status='未付款';
+                        li.className = 'my-table-view-cell';
+                        if(typeof(this.payStatus) == "undefined"){
+                            status='未付款';
+                        }else{
+                            if(this.payStatus==2){
+                                status='已付款';
+                            }else{
+                                status='未付款';
+                            }
+                        }
+                        li.innerHTML = '<a><img class="mui-media-object yuan mui-pull-left" src="'+this.agentHead+'"><div class="mui-media-body">'+decodeURI(this.agentNickname)+'<p class="mui-ellipsis">'+formatDate(this.agentCreateTime)+'</p></div><span class="my-right-center">'+status+'</span></a>';
+                        table.appendChild(li)
+                    })
+                } else {
+                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        })
+    }
+    mui.ready(function(){
+        document.querySelector('.loading-bg').style.display='none';
+        //页面首次加载时拉取一次数据
+        mui('#pullrefresh').pullRefresh().pullupLoading();
+    });
+</script>
+</body>
+</html>

文件差异内容过多而无法显示
+ 230 - 0
watero/view/gift_card_exchange_details.html


+ 80 - 0
watero/view/gift_card_exchange_win.html

@@ -0,0 +1,80 @@
+<!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>
+		.tips{padding-bottom: 65px;}
+		.gift-card-title{padding:25px 0;background:url(//s.iamberry.com/watero/images/shop/gift-card-tit-bg3.png) top center /100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
+		.gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell{color: #fff;}
+		.mui-table-view-cell:after,.mui-table-view:after{display:none;}
+		.mui-icon-checkmarkempty{font-size:50px;border:2px solid #fff;border-radius: 50%;}
+		.my-btn-line{border: 1px solid #71d8ec; background: transparent;color: #71d8ec;padding: 5px 10px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">
+				<span class="mui-icon mui-icon-checkmarkempty"></span>
+			</li>
+			<li class="mui-table-view-cell mui-text-center">兑换成功</li>
+		</ul>
+		<ul class="mui-table-view mui-text-center">
+			<li class="mui-table-view-cell">
+				兑换时间:<span class="new-time">1900-01-01  00:00:00</span><br/><h6>(可再次扫描礼品卡上二维码,查询兑换信息)</h6>
+			</li>
+			<li class="mui-table-view-cell">
+				<button type="button" class="my-btn-line" id="go-exchange-details">查看兑换详情</button>
+			</li>
+			<li class="mui-table-view-cell">
+				<image width="50%" src="//s.iamberry.com/watero/images/shop/gift-card-2wm.png" />
+			</li>
+			<li class="mui-table-view-cell mui-text-left">
+				<div style="margin-left:5%;font-size:12px;color:#8f8f94;">1.长按识别二维码关注watero水时代<br/>
+					2.公众号回复“礼品卡”,即可查看兑换物流信息<br/>
+					3.享受watero水时代完善的产品售后服务</div>
+			</li>
+		</ul>
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        $(".new-time").text(formatDate(new Date()));
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    mui('body').on('tap', '#go-exchange-details', function() {
+        mui.openWindow({
+            url: base_path + '/giftCard/card/exchangeUI'
+        });
+    });
+</script>
+</body>
+</html>

+ 251 - 0
watero/view/gift_card_get_give.html

@@ -0,0 +1,251 @@
+<!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>
+		.head {height: 60px;}
+		#head {line-height: 60px;}
+		h3 {margin-top: 5px;margin-bottom: 0;}
+		.icon-fuxuankuang a {color: #24cae9;text-decoration: underline;}
+		.icon-daifahuo, .icon-lease2, .icon-jiage, .icon-lipin {font-size: 15px;padding-left: 22px;}
+		.icon-fuxuankuang {font-size: 12px;padding: 5px 5px 5px 22px;}
+		.icon-fuxuankuang:before {font-size: 14px;margin-top: 5px;margin-right: 3px;}
+		.icon-daifahuo:before, .icon-lease2:before, .icon-jiage:before,
+		.icon-lipin:before {font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.try_price {color: #f1436c;}
+		.ul_radio {width: 100%;}
+		.ul_radio li {width: 21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;display: inline-block;position: relative;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after {position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1 {background: url(//s.iamberry.com/watero/images/cp-1.jpg)center center/auto 85% no-repeat;}
+		.radio2 {background: url(//s.iamberry.com/watero/images/cp-2.jpg)center center/auto 85% no-repeat;}
+		.radio3 {background: url(//s.iamberry.com/watero/images/cp-3.jpg)center center/auto 85% no-repeat;}
+		.radio4 {background: url(//s.iamberry.com/watero/images/cp-4.jpg)center center/auto 85% no-repeat;}
+		.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
+		.mui-table-view .mui-media .mui-media-body {height: 41px;line-height: 41px;color: #333;}
+		.mui-table-view .mui-media .mui-media-body>span {color: #f1436c;}
+		.my-table-view-try {border-top: .6em solid #f0f0f0;border-bottom: .6em solid #f0f0f0;padding-bottom: 10px;}
+		.my-table-view-try .mui-table-view-cell {padding: 10px 13px 10px 30px !important;font-size: 12px;}
+		.mui-table-view-cell:after, .mui-table-view:before, .mui-table-view:after,
+		.mui-input-group .mui-input-row:after, .mui-input-group:before,
+		.mui-input-group:after {display: none;}
+		.mui-table-view-cell>a:not (.mui-btn ){margin: -15px -15px;}
+		.mui-table-view-cell>a .mui-pull-right {color: #999;font-size: 14px;}
+		#btn_submit {color: #fff;font-size: 18px;background: #24cae9;margin-bottom: 0;border: 0;}
+		.mui-btn-block.mui-active, .btn-pull-code.mui-active {background-color: #c8c8c8 !important;}
+		.icon-fuxuankuang.mui-active:before {color: #c8c8c8;}
+		.mui-content-padded {margin: 10px 13px;}
+		.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;border: 1px solid rgba(0, 0, 0, .1);margin: 10px 0;}
+		.mui-input-row label {color: #666;width: 27%;font-size: 15px;}
+		.mui-input-row label ~input{width: 73%;}
+		.mui-input-row label ~input::-webkit-input-placeholder {font-size: 15px;}
+		.triangle-down {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ccc;}
+		.my-arrowright {position: absolute;right: 18px;top: 28px;color: #666;pointer-events: none;}
+		.mui-btn-red {background-color: #e9004c;}
+		.tips {padding-bottom: 65px;}
+		.gift-card-title {padding-top: 70px;background: url(//s.iamberry.com/watero/images/shop/gift-card-tit-bg2.png) top center/100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active {background: transparent;}
+		.gift-card-title .mui-table-view-cell>a:not (.mui-btn ){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not (.mui-btn ).mui-active {background: transparent;}
+		.gift-card-title .mui-navigate-right:after {color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell {color: #fff;}
+		.mui-table-view-cell.mui-collapse .mui-collapse-content {background: #71d8ec;}
+		.accordion {float: right;margin: 2px 15px 0 0;font-size: 12px;color: #fff;}
+		.my-btn-hand {display: block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active {background-color: #1cc9f4;}
+		.my-div {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 5px;}
+		.mui-h5, h5 { margin-left: 30px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">您已成功推荐一位代理商,获赠价值¥3680水机一台</li>
+			<li class="mui-table-view-cell mui-text-left mui-collapse"></li>
+		</ul>
+		<div class="mui-content-padded">
+			<div class="my-div">
+				<span class="iconfont icon-lipin">选择赠品</span>
+			</div>
+			<div class="mui-h6">产品名称:美国watero净饮水一体机</div>
+			<div class="mui-h6">产品数量:1台</div>
+			<form class="mui-input-group">
+				<div style="display: table; width: 100%; padding: 10px 0;">
+					<div
+							style="display: table-cell; width: 20%; vertical-align: middle;">
+						选择颜色:</span>
+					</div>
+					<div style="display: table-cell; width: 70%; text-align: right;">
+						<ul class="ul_radio">
+							<!-- <li class="radio1 active"></li>
+                            <li class="radio2"></li>
+                            <li class="radio3"></li>
+                            <li class="radio4"></li> -->
+						</ul>
+					</div>
+				</div>
+			</form>
+		</div>
+		<div class="my-div">
+			<span class="iconfont icon-lease2">收货信息</span>
+		</div>
+		<ul class="mui-table-view">
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right" id="open-wechat-addres-a">
+					收货地址<span class="mui-h5">请选择收货地址</span>
+					<!-- <ul class="ft-12" style="color: #333;">
+                        <li>收  货  人:林林</li>
+                        <li>手 机 号:15999999999</li>
+                        <li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+                    </ul> -->
+				</a>
+			</li>
+		</ul>
+	</div>
+</div>
+<div class="buy-footer">
+	<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined mui-active" id="btn_submit" disabled="disabled">确认领取</button>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js?v=201706001"></script>
+<script type="text/javascript">
+    var check = false, alert_msg = '';
+    var agentMachineId =getParam("agentMachineId");
+    mui.ready(function(){
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {"agentMachineId":agentMachineId},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.returnCode=="200" && dt.resultCode=="200"){
+                        if (typeof(dt.returnMsg.msg) != "undefined"){
+                            if(dt.returnMsg.msg==2){
+                                mui.alert("已经领取过,请在赠品订单列表查看",'',function(){
+                                    mui.openWindow({url: '/watero/view/gift_card_give_order_list.html'})
+                                });
+                            }
+                        }
+                        var table = document.body.querySelector('.ul_radio');
+                        mui(dt.returnMsg.colors).each(function(index) {
+                            var li = document.createElement('li');
+                            if(index==0){
+                                li.className ='radio'+this.colorId+' active';
+                            }else{
+                                li.className ='radio'+this.colorId;
+                            }
+                            li.setAttribute("id",this.colorId);
+                            table.appendChild(li);
+                        });
+                        $(".ul_radio li").each(function() {
+                            $(this).on("click", function() {
+                                $(this).addClass("active");
+                                $(this).siblings().removeClass("active");
+                            });
+                        });
+                        document.querySelector('.loading-bg').style.display='none';
+                    }else{
+                        mui.alert(dt.resultMsg);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+    });
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                    $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                    mui.alert("您没有选择收货地址!");
+                }
+            }
+        );
+
+    });
+    mui('body').on('tap','#btn_submit',function() {
+        if(wechatAddr.status){
+            mui(this).button('loading');
+            var param = {
+                "agentMachineColorId":$(".ul_radio .active").attr("id"),
+                "agentMachineId": agentMachineId,
+                "agentMachineAddressInfo": address,
+                "agentMachineAddressName":nickname,
+                "agentMachineAddressTel":ads_tel ,
+            };
+            $.ajax({
+                type: 'post',
+                url: base_path+'/giftCard/card/updateAgentMachine?dates=' + new Date().getTime(),
+                data:param,
+                dataType: 'json',
+                timeout: 15000,
+                success: function(dt) {
+                    //console.log(dt);
+                    if(dt.resultCode=="200" && dt.returnCode=="200") {
+                        mui.openWindow({url: '/watero/view/gift_card_give_order_list.html'})
+                    } else {
+                        mui(th).button('reset');
+                        mui.alert(dt.returnMsg);
+                    }
+                },
+                error: function(xhr, type, errorThrown) {
+                    //异常处理;
+                    console.log(xhr);
+                    mui.alert("请检查网络或刷新页面重试!");
+                    mui(th).button('reset');
+                }
+            });
+        }else{
+            mui.alert("请选择收货信息");
+        }
+    });
+</script>
+</body>
+</html>

文件差异内容过多而无法显示
+ 172 - 0
watero/view/gift_card_give_order_list.html


+ 89 - 0
watero/view/gift_card_go_agent.html

@@ -0,0 +1,89 @@
+<!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>
+		.tips {padding-bottom: 65px;}
+		.gift-card-title {padding:55px 0;background: url(//s.iamberry.com/watero/images/shop/gift-card-tit3-bg.jpg) top center /100% auto no-repeat #71d8ec;}
+		.my-btn-exchange{border: 1px solid rgba(66,199,244,.5)  !important;text-align: center;height: 48px !important;width:90% !important;margin-left:5%;}
+		#btn_submit{padding:7px 0 !important;background: #e3ecee;border: 0;color: #fff;}
+		.my-footer{position: fixed;text-align: center;width: 100%;left: 0; bottom: 0;padding: 10px 0;font-size:12px;color:#c5c5c5;}
+		#btn_submit.my-active{background:#6fd7eb;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-left mui-collapse"></li>
+		</ul>
+		<div style="margin: 90px 13% 80px 13%;">
+			<input type="tel" value="" placeholder="请输入暗号" maxlength="6" class="mui-input-clear my-btn-exchange" id="ipt-exchange"/>
+			<br/><br/>
+			<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined" id="btn_submit" disabled="disabled">确认</button>
+		</div>
+	</div>
+</div>
+<div class="my-footer">
+	深圳爱贝源科技有限公司<br/>400-8006692
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    var code='031552';
+    mui.ready(function(){
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    mui.os.ios ? listener_ipt() : keyup_fn();
+
+    function keyup_fn() {
+        $('body').on('keyup', '#ipt-exchange', function(e) {
+            //传参数并加载数据
+            var str = $.trim($('#ipt-exchange').val());
+            if(str==code){
+                $("#btn_submit").addClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").removeClass("my-active").prop("disabled","disabled");
+            }
+        });
+    }
+
+    function listener_ipt() {
+        document.getElementById('ipt-exchange').onblur = function() {
+            //传参数并加载数据
+            var str = $.trim($('#ipt-exchange').val());
+            if(str==code){
+                $("#btn_submit").addClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").removeClass("my-active").prop("disabled","disabled");
+            }
+        }
+    }
+    mui('body').on('tap','#btn_submit',function() {
+        if($.trim($('#ipt-exchange').val())==code){
+            mui.openWindow({url: '/watero/view/gift_card_to_agent.html'})
+        }
+    });
+</script>
+</body>
+</html>

+ 495 - 0
watero/view/gift_card_renew_agent.html

@@ -0,0 +1,495 @@
+<!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>
+		.head {height: 60px;}
+		#head {line-height: 60px;}
+		h3{margin-top:5px;margin-bottom: 0;}
+		.icon-fuxuankuang a{color: #24cae9;text-decoration:underline;font-size: 12px;}
+		.icon-daifahuo,.icon-lease2,.icon-jiage,.icon-lipin,.icon-lease1,.icon-jiage{font-size: 15px;padding-left: 22px;}
+		.icon-fuxuankuang{font-size: 14px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 15px;margin-top: 5px;margin-right: 3px;color:#e4004d;}
+		.icon-daifahuo:before,.icon-lease2:before,.icon-jiage:before,.icon-lipin:before,.icon-lease1:before,.icon-jiage:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.try_price{color: #f1436c;}
+		.ul_radio{width: 100%;text-align: left;}
+		.ul_radio li{width:21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0,0,0,.1);border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1{background: url(//s.iamberry.com/watero/images/cp-1.jpg) center center /auto 85% no-repeat;}
+		.radio2{background: url(//s.iamberry.com/watero/images/cp-2.jpg) center center /auto 85% no-repeat;}
+		.radio3{background: url(//s.iamberry.com/watero/images/cp-3.jpg) center center /auto 85% no-repeat;}
+		.radio4{background: url(//s.iamberry.com/watero/images/cp-4.jpg) center center /auto 85% no-repeat;}
+		.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
+		.mui-table-view .mui-media .mui-media-body{height: 41px;line-height: 41px;color: #333;}
+		.mui-table-view .mui-media .mui-media-body>span{color: #f1436c;}
+		.my-table-view-try{border-top: .6em solid #f0f0f0;border-bottom: .6em solid #f0f0f0;padding-bottom: 10px;}
+		.my-table-view-try .mui-table-view-cell{padding:10px 13px 10px 30px !important;font-size: 12px;}
+		.mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after,.mui-input-group .mui-input-row:after,.mui-input-group:before,.mui-input-group:after{display: none;}
+		#open-wechat-addres-a{margin: -15px -15px -15px -28px !important;}
+		.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
+		#btn_submit{color: #fff;font-size: 18px;background: #24cae9;margin-bottom: 0;border: 0;}
+		.mui-btn-block.mui-active,.btn-pull-code.mui-active{background-color: #c8c8c8 !important;}
+		.icon-fuxuankuang.mui-active:before{color: #c8c8c8;}
+		.mui-content-padded{margin: 10px 13px;}
+		.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;border: 1px solid rgba(0,0,0,.1); margin:10px 0;}
+		.mui-input-row label{color: #666;width:27%;font-size: 15px;}
+		.mui-input-row label~input{width:73%;}
+		.mui-input-row label~input::-webkit-input-placeholder{font-size: 15px;}
+		.triangle-down {width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;}
+		.my-arrowright{position: absolute;right: 18px;top: 28px;color: #666;pointer-events:none;}
+		.mui-btn-red{background-color: #e9004c;}
+		.tips{padding-bottom: 85px;}
+
+		.gift-card-title{padding-top:70px;background:url(//s.iamberry.com/watero/images/shop/gift-card-tit2-bg.jpg) top center /100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
+		.gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell{color: #fff;}
+		.mui-table-view-cell.mui-collapse .mui-collapse-content{background: #71d8ec;}
+		.accordion{float: right;margin:2px 15px 0 0;font-size: 12px;color: #fff;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #1cc9f4;}
+		.my-div{padding: 5px 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 5px;}
+		.mui-h5, h5 {margin-left: 30px;font-size: 12px;}
+		.mui-h6, h6 {padding: 5px 0;}
+		.my-btn-exchange{background: #ddf2f8 !important;text-align: center;border: 0 !important;font-size: 14px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">代理费用:10000元</li>
+			<li class="mui-table-view-cell mui-text-left mui-collapse">
+				<a class="mui-navigate-right" id="mui-navigate-right"><span class="iconfont icon-quanyizhanshi"></span> 尊享权益<span class="accordion">详情</span></a>
+				<div class="mui-collapse-content">
+					<ul class="ft-12">
+						<li>1.将获赠价值3680元的美国watero净水机一台。</li>
+						<li>2.将获得8张提货卡(每张可兑换一台美国watero净水机)</li>
+						<li>3.成功推荐其他人成为代理商,可获赠一台美国watero净水机</li>
+						<li>4.一年后,未使用的礼品卡每张可兑换成1250元现金。</li>
+					</ul>
+				</div>
+			</li>
+		</ul>
+		<div class="mui-content-padded">
+			<div>
+				<span class="iconfont icon-lease1">代理商信息</span>
+			</div>
+			<form class="mui-input-group">
+				<div class="mui-input-row">
+					<label>您的姓名</label>
+					<input type="text" maxlength="10" class="mui-input-clear" placeholder="请输入您的姓名" id="ipt-name">
+				</div>
+				<div class="mui-input-row">
+					<label>手机号码</label>
+					<input type="tel" maxlength="11" class="mui-input-clear" placeholder="请输入您的手机号" id="ipt-phone">
+				</div>
+			</form>
+			<div class="my-div">
+				<span class="iconfont icon-lipin">选择赠品</span>
+			</div>
+			<div class="mui-h6">
+				产品名称:美国watero净饮水一体机
+			</div>
+			<div class="mui-h6">
+				产品数量:1台
+			</div>
+			<form class="mui-input-group">
+				<div style="display: table;width: 100%;padding: 10px 0;">
+					<div style="display: table-cell;width: 20%;vertical-align: middle;font-size: 12px;font-weight: 400;color: #8f8f94;">选择颜色:</span></div><div style="display:table-cell;width:70%;text-align: right;">
+					<ul class="ul_radio">
+						<!-- <li class="radio1 active"></li>
+                        <li class="radio2"></li>
+                        <li class="radio3"></li>
+                        <li class="radio4"></li> -->
+					</ul>
+				</div>
+				</div>
+				<div class="my-div">
+					<span class="iconfont icon-daifahuo">提货卡</span>
+				</div>
+				<div class="mui-h6">
+					美国watero净饮水一体机提货卡<span class="mui-pull-right cl-red">X8张</span>
+				</div>
+			</form>
+			<!-- 				<div class="my-div">
+                                <span class="iconfont icon-lease2">收货信息</span>
+                            </div> -->
+			<ul class="mui-table-view" style="padding-top: 15px;">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" id="open-wechat-addres-a">
+						<span class="iconfont icon-lease2">收货信息</span><span class="mui-h5">请选择收货地址</span>
+						<!-- <ul class="ft-12" style="color: #333;">
+							<li>收  货  人:林林</li>
+							<li>手 机 号:15999999999</li>
+							<li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+						</ul> -->
+					</a>
+				</li>
+			</ul>
+			<div style="padding:8px 0;margin-top:4px;border-top: 1px solid rgba(0,0,0,.1);">
+				<span class="iconfont icon-jiage">抵扣密码</span>
+			</div>
+			<div>
+				<input type="text" value="" placeholder="请输入抵扣密码" maxlength="12" class="mui-input-clear my-btn-exchange" id="ipt-exchange"/>
+				<br/>
+				<span class="mui-h5">说明:如你已经线下支付并已获得抵扣密码,输入即可!</span>
+			</div>
+			<ul class="mui-table-view">
+				<li style="padding:20px 10px 0px 10px;text-align: center;">
+					<span class="iconfont icon-fuxuankuang mui-active" id="btn-tongyi">我已经阅读并同意<a id="xieyi-dalog">《美国watero代理说明》</a></span>
+				</li>
+			</ul>
+		</div>
+
+		<div class="mui-text-center">
+			支付金额:<span class="cl-red" id="pay_price">¥10000</span>
+		</div>
+	</div>
+</div>
+<div class="buy-footer">
+	<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="支付中" class="mui-btn mui-btn-block mui-btn-outlined mui-active" id="btn_submit" disabled="disabled">立即支付</button>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    //wechatAddr.status=true;
+    var check = false,alert_msg='';
+    var uname = /^[A-Za-z\-\u4e00-\u9fa5]{1,10}$/;//简体中文英文
+    var mobile=/^(13|14|15|18|17)[0-9]{9}$/; //11位手机号码
+    var dcode=/^[A-Z]{1}[0-9]{11}$/; //12位抵扣密码
+    var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
+    mui.ready(function(){
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.returnCode=="200" && dt.resultCode=="200"){
+                        if (dt.returnMsg.agentInfo == null){
+                            mui.openWindow({url:'/watero/view/gift_card_to_agent.html'})
+                        }
+                        $("#ipt-name").val(decodeURI(dt.returnMsg.agentInfo.agentNickname));
+                        $("#ipt-phone").val(dt.returnMsg.agentInfo.agentTel);
+                        var table = document.body.querySelector('.ul_radio');
+                        mui(dt.returnMsg.colors).each(function(index) {
+                            var li = document.createElement('li');
+                            if(index==0){
+                                li.className ='radio'+this.colorId+' active';
+                            }else{
+                                li.className ='radio'+this.colorId;
+                            }
+                            li.setAttribute("id",this.colorId);
+                            li.setAttribute("name",this.colorProductId);
+                            table.appendChild(li);
+                        });
+                        $(".ul_radio li").each(function() {
+                            $(this).on("tap", function() {
+                                $(this).addClass("active");
+                                $(this).siblings().removeClass("active");
+                            });
+                        });
+                        document.querySelector('.loading-bg').style.display='none';
+                    }else{
+                        mui.alert(dt.resultMsg);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+    });
+    mui('body').on('tap', '#btn_submit', function() {
+        change_input();
+        var th=this;
+        if(check){
+            if(isPay) {
+                isPay = false; // 锁定请求按钮
+                mui(this).button('loading');
+                var param = {
+                    "agentMachineColorId":$(".ul_radio .active").attr("id"),
+                    "agentMachineProductId": $(".ul_radio .active").attr("name"),
+                    "agentMachineAddressInfo": address,
+                    "agentMachineAddressName": nickname,
+                    "agentMachineAddressTel":ads_tel,
+                    "agentNickname":encodeURI($("#ipt-name").val().trim()),
+                    "agentTel":$("#ipt-phone").val().trim(),
+                    "payPassword":$("#ipt-exchange").val().trim(),
+                };
+                $.ajax({
+                    type: 'post',
+                    url: '/watero/pay/pay_agent_renewal?dates=' + new Date().getTime(),
+                    data: param,
+                    dataType: 'json',
+                    timeout: 15000,
+                    success: function(dt) {
+                        //console.log(dt);
+                        if($("#ipt-exchange").val().trim()!=''){
+                            if(dt.status && dt.data.success) {
+                                mui.openWindow({url:base_path+ '/giftCard/card/agencyUI'});
+                            }else{
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert(dt.data.info);
+                            }
+                        }else{
+                            if(dt.status) {
+                                var obj = JSON.parse("{" + dt.data.info + "}");
+                                WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
+                                    if(res.err_msg == 'get_brand_wcpay_request:ok') {
+                                        $.ajax({
+                                            type: 'post',
+                                            url: base_path+'/agent_pay/check_agent_pay_success',
+                                            data: {"orderId":dt.data.orderId},
+                                            dataType: 'json',
+                                            timeout: 15000,
+                                            success: function(data) {
+                                                //console.log(data);
+                                                if(data.status) {
+                                                    if(data.data==2){
+                                                        mui.openWindow({url:base_path+ '/giftCard/card/agencyUI'});
+                                                    }else{
+                                                        mui.alert('如果已支付,请等待同步支付状态!', '', function() {
+                                                            mui(th).button('reset');
+                                                        });
+                                                    }
+                                                } else {
+                                                    mui(th).button('reset');
+                                                    mui.alert(data.message);
+                                                }
+                                            },
+                                            error: function(xhr, type, errorThrown) {
+                                                //异常处理;
+                                                console.log(xhr);
+                                                mui(th).button('reset');
+                                                isPay = true;
+                                                mui.alert("请检查网络或刷新页面重试!");
+                                            }
+                                        });
+                                    } else {
+                                        isPay = true;
+                                        mui(th).button('reset');
+                                        mui.alert("对不起,支付失败!请稍后重试!");
+                                    }
+                                });
+                            } else {
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert(dt.returnMsg);
+                            }
+                        }
+                    },
+                    error: function(xhr, type, errorThrown) {
+                        //异常处理;
+                        console.log(xhr);
+                        mui.alert("请检查网络或刷新页面重试!");
+                        mui(th).button('reset');
+                        isPay = true;
+                    }
+                });
+            }else{
+                mui.alert("正在请求支付中~~请稍后!");
+                return;
+            }
+        }else{
+            mui.alert(alert_msg);
+        }
+    });
+    mui('body').on('tap', '#xieyi-dalog', function() {
+        mui.openWindow({
+            url: '/watero/view/gift_card_agent_explain.html'
+        });
+    });
+    mui('body').on('tap', '#mui-navigate-right', function() {
+        if(this.parentNode.classList.contains('mui-active')){
+            this.lastChild.innerHTML='详情'
+        }else{
+            this.lastChild.innerHTML='收起'
+        }
+    });
+    $(document).on('tap', '#btn-tongyi', function() {
+        var btn_submit=$("#btn_submit");
+        if($(this).hasClass("mui-active")){
+            $(this).removeClass("mui-active");
+            check=true;
+            if(wechatAddr.status){
+                btn_submit.removeClass("mui-active").removeAttr("disabled");
+            }else{
+                btn_submit.addClass("mui-active").prop("disabled","disabled");
+            }
+        }else{
+            check=false;
+            $(this).addClass("mui-active");
+            btn_submit.addClass("mui-active").prop("disabled","disabled");
+        }
+    });
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址 
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                if(check){
+                    $(this).removeClass("mui-active");
+                    $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+                }
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                }
+            }
+        );
+
+    });
+    function change_input() {
+        if($("#btn-tongyi").hasClass("mui-active")){
+            alert_msg="请勾选同意《美国watero代理说明》";
+            check=false;
+            return false;
+        }else{
+            check=true;
+        }
+        if(dcode.test($("#ipt-exchange").val().trim()) || $("#ipt-exchange").val().trim()==''){
+            check=true;
+            $("#pay_price").text("¥0");
+        }else{
+            alert_msg="抵扣密码不正确,请重新填写";
+            check=false;
+            $("#pay_price").text("¥10000");
+            return false;
+        }
+        if(wechatAddr.status){
+            check=true;
+        }else{
+            alert_msg="请选择收货地址";
+            check=false;
+            return false;
+        }
+        $(".mui-input-group input").each(function(index) {
+            switch ($(this).attr("id")){
+                case "ipt-phone":
+                    if($(this).val().trim()==""){
+                        alert_msg="请填写手机号";
+                        check=false;
+                        return false;
+                    }else{
+                        if(mobile.test($(this).val().trim())) {
+                            check=true;
+                        }else{
+                            alert_msg="手机号码不正确,请重新填写";
+                            check=false;
+                            return false;
+                        }
+                    }
+                    break;
+                case "ipt-name":
+                    if($(this).val().trim()==""){
+                        alert_msg="请填写姓名";
+                        check=false;
+                        return false;
+                    }else{
+                        if(uname.test($(this).val().trim())) {
+                            check=true;
+                        }else{
+                            alert_msg="姓名格式不正确,请重新填写";
+                            check=false;
+                            return false;
+                        }
+                    }
+                    break;
+                default:
+                    break;
+            }
+        });
+        if(check) {
+            $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+        }else{
+            $("#btn_submit").addClass("mui-active").prop("disabled","disabled");
+        }
+    }
+    mui.os.ios ? listener_ipt() : keyup_fn();
+
+    function keyup_fn() {
+        $(document).on('keyup', '#ipt-name', function(e) {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        });
+        $(document).on('keyup', '#ipt-phone', function(e) {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        });
+    }
+
+    function listener_ipt() {
+        document.getElementById('ipt-name').onblur = function() {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        }
+        document.getElementById('ipt-phone').onblur = function() {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        }
+    }
+</script>
+</body>
+</html>

+ 494 - 0
watero/view/gift_card_to_agent.html

@@ -0,0 +1,494 @@
+<!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>
+		.head {height: 60px;}
+		#head {line-height: 60px;}
+		h3{margin-top:5px;margin-bottom: 0;}
+		.icon-fuxuankuang a{color: #24cae9;text-decoration:underline;font-size: 12px;}
+		.icon-daifahuo,.icon-lease2,.icon-jiage,.icon-lipin,.icon-lease1{font-size: 15px;padding-left: 22px;}
+		.icon-fuxuankuang{font-size: 14px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 15px;margin-top: 5px;margin-right: 3px;color:#e4004d;}
+		.icon-daifahuo:before,.icon-lease2:before,.icon-jiage:before,.icon-lipin:before,.icon-lease1:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.try_price{color: #f1436c;}
+		.ul_radio{width: 100%;text-align: left;}
+		.ul_radio li{width:21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0,0,0,.1);border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1{background: url(//s.iamberry.com/watero/images/cp-1.jpg) center center /auto 85% no-repeat;}
+		.radio2{background: url(//s.iamberry.com/watero/images/cp-2.jpg) center center /auto 85% no-repeat;}
+		.radio3{background: url(//s.iamberry.com/watero/images/cp-3.jpg) center center /auto 85% no-repeat;}
+		.radio4{background: url(//s.iamberry.com/watero/images/cp-4.jpg) center center /auto 85% no-repeat;}
+		.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
+		.mui-table-view .mui-media .mui-media-body{height: 41px;line-height: 41px;color: #333;}
+		.mui-table-view .mui-media .mui-media-body>span{color: #f1436c;}
+		.my-table-view-try{border-top: .6em solid #f0f0f0;border-bottom: .6em solid #f0f0f0;padding-bottom: 10px;}
+		.my-table-view-try .mui-table-view-cell{padding:10px 13px 10px 30px !important;font-size: 12px;}
+		.mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after,.mui-input-group .mui-input-row:after,.mui-input-group:before,.mui-input-group:after{display: none;}
+		#open-wechat-addres-a{margin: -15px -15px -15px -28px !important;}
+		.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
+		#btn_submit{color: #fff;font-size: 18px;background: #24cae9;margin-bottom: 0;border: 0;}
+		.mui-btn-block.mui-active,.btn-pull-code.mui-active{background-color: #c8c8c8 !important;}
+		.icon-fuxuankuang.mui-active:before{color: #c8c8c8;}
+		.mui-content-padded{margin: 10px 13px;}
+		.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;border: 1px solid rgba(0,0,0,.1); margin:10px 0;}
+		.mui-input-row label{color: #666;width:27%;font-size: 15px;}
+		.mui-input-row label~input{width:73%;}
+		.mui-input-row label~input::-webkit-input-placeholder{font-size: 15px;}
+		.triangle-down {width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;}
+		.my-arrowright{position: absolute;right: 18px;top: 28px;color: #666;pointer-events:none;}
+		.mui-btn-red{background-color: #e9004c;}
+		.tips{padding-bottom: 85px;}
+
+		.gift-card-title{padding-top:60px;background:url(//s.iamberry.com/watero/images/shop/gift-card-tit-bg.jpg) top center /100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
+		.gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell{color: #fff;}
+		.mui-table-view-cell.mui-collapse .mui-collapse-content{background: #71d8ec;}
+		.accordion{float: right;margin:2px 15px 0 0;font-size: 12px;color: #fff;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #1cc9f4;}
+		.my-div{padding: 5px 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 5px;}
+		.mui-h5, h5 {margin-left: 30px;font-size: 12px;}
+		.mui-h6, h6 {padding: 5px 0;}
+		.my-btn-exchange{background: #ddf2f8 !important;text-align: center;border: 0 !important;font-size: 14px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">代理费用:10000元</li>
+			<li class="mui-table-view-cell mui-text-left mui-collapse">
+				<a class="mui-navigate-right" id="mui-navigate-right"><span class="iconfont icon-quanyizhanshi"></span> 尊享权益<span class="accordion">详情</span></a>
+				<div class="mui-collapse-content">
+					<ul class="ft-12">
+						<li>1.将获赠价值3680元的美国watero净水机一台。</li>
+						<li>2.将获得8张提货卡(每张可兑换一台美国watero净水机)</li>
+						<li>3.成功推荐其他人成为代理商,可获赠一台美国watero净水机</li>
+						<li>4.一年后,未使用的礼品卡每张可兑换成1250元现金。</li>
+					</ul>
+				</div>
+			</li>
+		</ul>
+		<div class="mui-content-padded">
+			<div>
+				<span class="iconfont icon-lease1">代理商信息</span>
+			</div>
+			<form class="mui-input-group">
+				<div class="mui-input-row">
+					<label>您的姓名</label>
+					<input type="text" maxlength="12" class="mui-input-clear" placeholder="请输入您的姓名" id="ipt-name">
+				</div>
+				<div class="mui-input-row">
+					<label>手机号码</label>
+					<input type="tel" maxlength="11" class="mui-input-clear" placeholder="请输入您的手机号" id="ipt-phone">
+				</div>
+			</form>
+			<div class="my-div">
+				<span class="iconfont icon-lipin">选择赠品</span>
+			</div>
+			<div class="mui-h6">
+				产品名称:美国watero净饮水一体机
+			</div>
+			<div class="mui-h6">
+				产品数量:1台
+			</div>
+			<form class="mui-input-group">
+				<div style="display: table;width: 100%;padding: 10px 0;">
+					<div style="display: table-cell;width: 20%;vertical-align: middle;font-size: 12px;font-weight: 400;color: #8f8f94;">选择颜色:</span></div><div style="display:table-cell;width:70%;text-align: right;">
+					<ul class="ul_radio">
+						<!-- <li class="radio1 active"></li>
+                        <li class="radio2"></li>
+                        <li class="radio3"></li>
+                        <li class="radio4"></li> -->
+					</ul>
+				</div>
+				</div>
+				<div class="my-div">
+					<span class="iconfont icon-daifahuo">提货卡</span>
+				</div>
+				<div class="mui-h6">
+					美国watero净饮水一体机提货卡<span class="mui-pull-right cl-red">X8张</span>
+				</div>
+			</form>
+			<!-- 				<div class="my-div">
+                                <span class="iconfont icon-lease2">收货信息</span>
+                            </div> -->
+			<ul class="mui-table-view" style="padding-top: 15px;">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" id="open-wechat-addres-a">
+						<span class="iconfont icon-lease2">收货信息</span><span class="mui-h5">请选择收货地址</span>
+						<!-- <ul class="ft-12" style="color: #333;">
+							<li>收  货  人:林林</li>
+							<li>手 机 号:15999999999</li>
+							<li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+						</ul> -->
+					</a>
+				</li>
+			</ul>
+			<div style="padding:8px 0;margin-top:4px;border-top: 1px solid rgba(0,0,0,.1);">
+				<span class="iconfont icon-jiage">抵扣密码</span>
+			</div>
+			<div>
+				<input type="text" value="" placeholder="请输入抵扣密码" maxlength="12" class="mui-input-clear my-btn-exchange" id="ipt-exchange"/>
+				<br/>
+				<span class="mui-h5">说明:如你已经线下支付并已获得抵扣密码,输入即可!</span>
+			</div>
+			<ul class="mui-table-view">
+				<li style="padding:20px 10px 0px 10px;text-align: center;">
+					<span class="iconfont icon-fuxuankuang mui-active" id="btn-tongyi">我已经阅读并同意<a id="xieyi-dalog">《美国watero代理说明》</a></span>
+				</li>
+			</ul>
+		</div>
+
+		<div class="mui-text-center">
+			支付金额:<span class="cl-red" id="pay_price">¥10000</span>
+		</div>
+	</div>
+</div>
+<div class="buy-footer">
+	<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined mui-active" id="btn_submit" disabled="disabled">确认支付</button>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    //wechatAddr.status=true;
+    var check = false,alert_msg='';
+    var uname = /^[A-Za-z\-\u4e00-\u9fa5]{1,10}$/;//简体中文英文
+    var mobile=/^(13|14|15|18|17)[0-9]{9}$/; //11位手机号码
+    var dcode=/^[A-Z]{1}[0-9]{11}$/; //12位抵扣密码
+    var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
+    mui.ready(function(){
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.returnCode=="200" && dt.resultCode=="200"){
+                        var table = document.body.querySelector('.ul_radio');
+                        mui(dt.returnMsg.colors).each(function(index) {
+                            var li = document.createElement('li');
+                            if(index==0){
+                                li.className ='radio'+this.colorId+' active';
+                            }else{
+                                li.className ='radio'+this.colorId;
+                            }
+                            li.setAttribute("id",this.colorId);
+                            li.setAttribute("name",this.colorProductId);
+                            table.appendChild(li);
+                        });
+                        $(".ul_radio li").each(function() {
+                            $(this).on("tap", function() {
+                                $(this).addClass("active");
+                                $(this).siblings().removeClass("active");
+                            });
+                        });
+                        document.querySelector('.loading-bg').style.display='none';
+                    }else{
+                        mui.alert(dt.resultMsg);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+    });
+    mui('body').on('tap', '#btn_submit', function() {
+        change_input();
+        var th=this;
+        if(check){
+            if(isPay) {
+                isPay = false; // 锁定请求按钮
+                mui(this).button('loading');
+                var param = {
+                    "agentMachineColorId":$(".ul_radio .active").attr("id"),
+                    "agentMachineProductId": $(".ul_radio .active").attr("name"),
+                    "agentMachineAddressInfo": address,
+                    "agentMachineAddressName": nickname,
+                    "agentMachineAddressTel":ads_tel,
+                    "userName":encodeURI($("#ipt-name").val().trim()),
+                    "userTel":$("#ipt-phone").val().trim(),
+                    "payPassword":$("#ipt-exchange").val().trim(),
+                };
+                $.ajax({
+                    type: 'post',
+                    url: '/watero/pay/pay_agent?dates=' + new Date().getTime(),
+                    data: param,
+                    dataType: 'json',
+                    timeout: 15000,
+                    success: function(dt) {
+                        //console.log(dt);
+                        if($("#ipt-exchange").val().trim()!=''){
+                            if(dt.status && dt.data.success) {
+                                mui.openWindow({url:base_path+ '/giftCard/card/agencyUI'});
+                            }else{
+                                mui(th).button('reset');
+                                mui.alert(dt.data.info,'',function(){
+                                    if(dt.data.info=='您已经是代理商,无须再次申请!'){
+                                        mui.openWindow({url:base_path+ '/giftCard/card/agencyUI'});
+                                    }
+                                });
+                                isPay = true;
+                            }
+                        }else{
+                            if(dt.status) {
+                                var obj = JSON.parse("{" + dt.data.info + "}");
+                                WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
+                                    if(res.err_msg == 'get_brand_wcpay_request:ok') {
+                                        $.ajax({
+                                            type: 'post',
+                                            url: base_path+'/agent_pay/check_agent_pay_success',
+                                            data: {"orderId":dt.data.orderId},
+                                            dataType: 'json',
+                                            timeout: 15000,
+                                            success: function(data) {
+                                                //console.log(data);
+                                                if(data.status) {
+                                                    if(data.data==2){
+                                                        mui.openWindow({url:base_path+ '/giftCard/card/agencyUI'});
+                                                    }else{
+                                                        mui.alert('如果已支付,请等待同步支付状态!', '', function() {
+                                                            mui(th).button('reset');
+                                                        });
+                                                    }
+                                                } else {
+                                                    mui(th).button('reset');
+                                                    mui.alert(data.message);
+                                                }
+                                            },
+                                            error: function(xhr, type, errorThrown) {
+                                                //异常处理;
+                                                console.log(xhr);
+                                                mui(th).button('reset');
+                                                isPay = true;
+                                                mui.alert("请检查网络或刷新页面重试!");
+                                            }
+                                        });
+                                    } else {
+                                        isPay = true;
+                                        mui(th).button('reset');
+                                        mui.alert("对不起,支付失败!请稍后重试!");
+                                    }
+                                });
+                            } else {
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert(dt.returnMsg);
+                            }
+                        }
+                    },
+                    error: function(xhr, type, errorThrown) {
+                        //异常处理;
+                        console.log(xhr);
+                        isPay = true;
+                        mui.alert("请检查网络或刷新页面重试!");
+                        mui(th).button('reset');
+                    }
+                });
+            }else{
+                mui.alert("正在请求支付中~~请稍后!");
+                return;
+            }
+        }else{
+            mui.alert(alert_msg);
+        }
+    });
+    mui('body').on('tap', '#xieyi-dalog', function() {
+        mui.openWindow({
+            url: '/watero/view/gift_card_agent_explain.html'
+        });
+    });
+    mui('body').on('tap', '#mui-navigate-right', function() {
+        if(this.parentNode.classList.contains('mui-active')){
+            this.lastChild.innerHTML='详情'
+        }else{
+            this.lastChild.innerHTML='收起'
+        }
+    });
+    $(document).on('tap', '#btn-tongyi', function() {
+        var btn_submit=$("#btn_submit");
+        if($(this).hasClass("mui-active")){
+            $(this).removeClass("mui-active");
+            check=true;
+            if(wechatAddr.status){
+                btn_submit.removeClass("mui-active").removeAttr("disabled");
+            }else{
+                btn_submit.addClass("mui-active").prop("disabled","disabled");
+            }
+        }else{
+            check=false;
+            $(this).addClass("mui-active");
+            btn_submit.addClass("mui-active").prop("disabled","disabled");
+        }
+    });
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址 
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                if(check){
+                    $(this).removeClass("mui-active");
+                    $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+                }
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                }
+            }
+        );
+
+    });
+    function change_input() {
+        if($("#btn-tongyi").hasClass("mui-active")){
+            alert_msg="请勾选同意《美国watero代理说明》";
+            check=false;
+            return false;
+        }else{
+            check=true;
+        }
+        if(dcode.test($("#ipt-exchange").val().trim()) || $("#ipt-exchange").val().trim()==''){
+            check=true;
+            $("#pay_price").text("¥0");
+        }else{
+            alert_msg="抵扣密码不正确,请重新填写";
+            check=false;
+            $("#pay_price").text("¥10000");
+            return false;
+        }
+        if(wechatAddr.status){
+            check=true;
+        }else{
+            alert_msg="请选择收货地址";
+            check=false;
+            return false;
+        }
+        $(".mui-input-group input").each(function(index) {
+            switch ($(this).attr("id")){
+                case "ipt-phone":
+                    if($(this).val().trim()==""){
+                        alert_msg="请填写手机号";
+                        check=false;
+                        return false;
+                    }else{
+                        if(mobile.test($(this).val().trim())) {
+                            check=true;
+                        }else{
+                            alert_msg="手机号码不正确,请重新填写";
+                            check=false;
+                            return false;
+                        }
+                    }
+                    break;
+                case "ipt-name":
+                    if($(this).val().trim()==""){
+                        alert_msg="请填写姓名";
+                        check=false;
+                        return false;
+                    }else{
+                        if(uname.test($(this).val().trim())) {
+                            check=true;
+                        }else{
+                            alert_msg="姓名格式不正确,请重新填写";
+                            check=false;
+                            return false;
+                        }
+                    }
+                    break;
+                default:
+                    break;
+            }
+        });
+        if(check) {
+            $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+        }else{
+            $("#btn_submit").addClass("mui-active").prop("disabled","disabled");
+        }
+    }
+    mui.os.ios ? listener_ipt() : keyup_fn();
+
+    function keyup_fn() {
+        $(document).on('keyup', '#ipt-name', function(e) {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        });
+        $(document).on('keyup', '#ipt-phone', function(e) {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        });
+    }
+
+    function listener_ipt() {
+        document.getElementById('ipt-name').onblur = function() {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        }
+        document.getElementById('ipt-phone').onblur = function() {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("my-active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("my-active").prop("disabled","disabled");
+            }
+        }
+    }
+</script>
+</body>
+</html>

+ 281 - 0
watero/view/gift_card_user_exchange.html

@@ -0,0 +1,281 @@
+<!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>
+		.head {height: 60px;}
+		#head {line-height: 60px;}
+		h3{margin-top:5px;margin-bottom: 0;}
+		.icon-fuxuankuang a{color: #24cae9;text-decoration:underline;}
+		.icon-daifahuo,.icon-lease2,.icon-jiage,.icon-lipin{font-size: 15px;padding-left: 25px;}
+		.icon-fuxuankuang{font-size: 12px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 14px;margin-top: 5px;margin-right: 3px;}
+		.icon-daifahuo:before,.icon-lease2:before,.icon-jiage:before,.icon-lipin:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		.try_price{color: #f1436c;}
+		.ul_radio{width: 100%;text-align: left;}
+		.ul_radio li{width:21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0,0,0,.1);border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1{background: url(//s.iamberry.com/watero/images/cp-1.jpg) center center /auto 85% no-repeat;}
+		.radio2{background: url(//s.iamberry.com/watero/images/cp-2.jpg) center center /auto 85% no-repeat;}
+		.radio3{background: url(//s.iamberry.com/watero/images/cp-3.jpg) center center /auto 85% no-repeat;}
+		.radio4{background: url(//s.iamberry.com/watero/images/cp-4.jpg) center center /auto 85% no-repeat;}
+		.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
+		.mui-table-view .mui-media .mui-media-body{height: 41px;line-height: 41px;color: #333;}
+		.mui-table-view .mui-media .mui-media-body>span{color: #f1436c;}
+		.my-table-view-try{border-top: .6em solid #f0f0f0;border-bottom: .6em solid #f0f0f0;padding-bottom: 10px;}
+		.my-table-view-try .mui-table-view-cell{padding:10px 13px 10px 30px !important;font-size: 12px;}
+		.mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after,.mui-input-group .mui-input-row:after,.mui-input-group:before,.mui-input-group:after{display: none;}
+		.mui-table-view-cell>a:not(.mui-btn){margin: -15px -25px;}
+		.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
+		#btn_submit{color: #fff;font-size: 18px;background: #24cae9;margin-bottom: 0;border: 0;}
+		.mui-btn-block.mui-active,.btn-pull-code.mui-active{background-color: #c8c8c8 !important;}
+		.icon-fuxuankuang.mui-active:before{color: #c8c8c8;}
+		.mui-content-padded{margin: 10px 13px;}
+		.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;border: 1px solid rgba(0,0,0,.1);margin:10px 0;}
+		.mui-input-row label{color: #666;width:27%;font-size: 15px;}
+		.mui-input-row label~input{width:73%;}
+		.mui-input-row label~input::-webkit-input-placeholder{font-size: 15px;}
+		.triangle-down {width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;}
+		.my-arrowright{position: absolute;right: 18px;top: 28px;color: #666;pointer-events:none;}
+		.mui-btn-red{background-color: #e9004c;}
+		.tips{padding-bottom: 65px;}
+
+		.gift-card-title{padding-top:60px;background:url(//s.iamberry.com/watero/images/gift-card-tit-bg.jpg) top center /100% no-repeat #71d8ec;}
+		.gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
+		.gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell{color: #fff;}
+		.mui-table-view-cell.mui-collapse .mui-collapse-content{background: #71d8ec;}
+		.accordion{float: right;margin:2px 15px 0 0;font-size: 12px;color: #fff;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #1cc9f4;}
+		.my-div{padding:10px 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom:10px;}
+		.my-div.noline{padding: 5px 0;border-bottom:0;margin-bottom: 5px;}
+		.my-btn-exchange{background: #ddf2f8 !important;text-align: center;border: 0 !important;margin-bottom:0 !important;}
+		.btn-pull-code{position: absolute;right: 10px;top:7px;height:34px;padding:0 6px;border-radius: 5px; line-height: 34px;font-size: 12px; color: #fff; background: #24cae9;}
+		.btn-pull-code .active{background: #c8c8c8;}
+		.mui-btn-block.mui-active,.btn-pull-code.mui-active{background-color: #e3ecee !important;}
+		.mui-h5, h5 {margin-left: 30px;}
+		.mui-h6{font-size:14px;}
+	</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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="tips">
+		<div class="mui-content-padded">
+			<div class="my-div">
+				<span class="iconfont icon-lipin">提货信息</span>
+			</div>
+			<div class="mui-h6">
+				提货产品:美国watero净饮水一体机
+			</div>
+			<form class="mui-input-group">
+				<div style="display: table;width: 100%;padding: 10px 0;">
+					<div style="display: table-cell;width: 20%;vertical-align: middle;color: #8f8f94;">选择颜色:</span></div><div style="display:table-cell;width:70%;text-align: right;">
+					<ul class="ul_radio">
+						<!-- <li class="radio1 active"></li>
+                        <li class="radio2"></li>
+                        <li class="radio3"></li>
+                        <li class="radio4"></li> -->
+					</ul>
+				</div>
+				</div>
+			</form>
+			<ul class="mui-table-view" style="border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin:10px 0;">
+				<li class="mui-table-view-cell" style="padding: 15px 15px;">
+					<a class="mui-navigate-right" id="go-gift-details" href="//w.iamberry.com/watero/wechat/product/desc?productId=34&colorId=2">
+						查看产品详情
+					</a>
+				</li>
+			</ul>
+			<div class="my-div">
+				<span class="iconfont icon-lease2">收货信息</span>
+			</div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" id="open-wechat-addres-a">
+						收货地址<span class="mui-h5">请选择收货地址</span>
+						<!-- <ul class="ft-12" style="color: #333;">
+							<li>收  货  人:林林</li>
+							<li>手 机 号:15999999999</li>
+							<li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+						</ul> -->
+					</a>
+				</li>
+			</ul>
+			<!-- <div style="padding:8px 0;margin-top:4px;border-top: 1px solid rgba(0,0,0,.1);">
+                <span class="iconfont icon-daifahuo">礼品卡兑换码</span>
+            </div>
+            <div>
+                <input type="text" value="" placeholder="请输入兑换密码" class="my-btn-exchange" id="ipt-exchange"/>
+            </div> -->
+			<!-- 				<form class="mui-input-group">
+                                <div class="mui-input-row">
+                                    <label>手机号</label>
+                                    <input type="tel" maxlength="11" class="mui-input-clear" placeholder="请输入手机号" id="ipt-phone">
+                                </div>
+                                <div class="mui-input-row">
+                                    <label>验证码</label>
+                                    <input type="text" maxlength="4" placeholder="请输入验证码" id="ipt-code">
+                                    <span class="btn-pull-code" id="pull-code">获取验证码</span>
+                                </div>
+                            </form> -->
+			<!-- 				<div class="mui-h6">
+                                说明:成功兑换后,可再次扫描提货卡上二维码查看兑换记录!
+                            </div> -->
+		</div>
+	</div>
+</div>
+<div class="buy-footer">
+	<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined mui-active" id="btn_submit" disabled="disabled">确认提货</button>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js?v=201706001"></script>
+<script type="text/javascript">
+    var check = false,alert_msg='';
+    var mobile=/^(13|14|15|18)[0-9]{9}$/; //11位手机号码
+    var code = /^[0-9]{4}$/; //4位数字
+    var en_num=/^[A-Za-z0-9]{7}$/;//简体中文英文数字
+    mui.ready(function(){
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.returnCode=="200" && dt.resultCode=="200"){
+                        var table = document.body.querySelector('.ul_radio');
+                        mui(dt.returnMsg.colors).each(function(index) {
+                            var li = document.createElement('li');
+                            if(index==0){
+                                li.className ='radio'+this.colorId+' active';
+                            }else{
+                                li.className ='radio'+this.colorId;
+                            }
+                            li.setAttribute("id",this.colorId);
+                            table.appendChild(li);
+                        });
+                        //遍历产品颜色单选
+                        $(".ul_radio li").each(function() {
+                            $(this).on("tap", function() {
+                                $(this).addClass("active");
+                                $(this).siblings().removeClass("active");
+                            });
+                        });
+
+                    }else{
+                        mui.alert(dt.resultMsg);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址 
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                $("#btn_submit").removeClass("mui-active").removeAttr('disabled');
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                    mui.alert("您取消了选择收货地址!");
+                }
+            }
+        );
+
+    });
+    mui('body').on('tap', '#btn_submit', function() {
+        var th=this;
+        if(wechatAddr.status){
+            //开始提交,改变按钮样式并锁定
+            mui(this).button('loading');
+            var param = {
+                "cardPwd": getParam('cardPwd'),
+                "userMachineColorId":$(".ul_radio .active").attr("id") ,
+                "userMachineAddressInfo": address,
+                "userMachineAddressName": nickname,
+                "userMachineAddressTel":ads_tel,
+            };
+            $.ajax({
+                type: 'post',
+                url: base_path+'/giftCard/card/exchange?dates=' + new Date().getTime(),
+                data: param,
+                dataType: 'json',
+                timeout: 15000,
+                success: function(dt) {
+                    //console.log(dt);
+                    if(dt.resultCode=="200" && dt.returnCode=="200") {
+                        //成功后跳转页面
+                        mui.openWindow({url: '/watero/view/gift_card_exchange_details.html?psw='+getParam('cardPwd')})
+                    } else {
+                        //失败后还原按钮,并弹出警告
+                        mui.alert(dt.returnMsg.returnMsg);
+                        mui(th).button('reset');
+                    }
+                },
+                error: function(xhr, type, errorThrown) {
+                    //异常处理;还原提交按钮,并弹出警告
+                    console.log(xhr);
+                    mui.alert("请检查网络或刷新页面重试!");
+                    mui(th).button('reset');
+                }
+            });
+        }else{
+            //文本框值校验未通过,并弹出警告
+            mui.alert('请选择地址');
+        }
+    });
+    mui('body').on('tap', '#go-gift-details', function() {
+        var th=this;
+        mui.openWindow({url: th.getAttribute("href")})
+    });
+</script>
+</body>
+</html>

+ 421 - 0
watero/view/i_want_lease_pay.html

@@ -0,0 +1,421 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/icons-extra.css"/>
+	<link rel="stylesheet" href="/css/style.css" />
+	<style type="text/css">
+		.cart_fixed{position: fixed;right: 30px;bottom:135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;}
+		.cart_fixed .mui-badge{position: absolute;right:-7px;top:-5px;font-size: 12px;}
+		.return{position: fixed;right: 30px;bottom: 80px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .9;color: #333;display: none;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #1cc9f4;}
+		.cl-blue{color: #1cc9f4;}
+		.iconfont{font-size: 20px;}
+		.mui-content-madded{background: #fff;padding: 10px;}
+		.lease-ul{font-size: 14px;color: #999;}
+		.lease-ul li{padding: 5px 0;}
+		.lease-left{display: inline-block;width: 25%;}
+		.ul_radio{width: 73%;display: inline-block;}
+		.ul_radio li{width:100%;height: 55px;margin: 0 1%;border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.radio-cell .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.lease-r-center{position: absolute;left: 70px;top: 20px;}
+		.lease-color{padding: 10px 0;float: left;}
+		.lease-select-box{padding: 12px 0;position: relative;}
+		.lease-select{position: absolute;left: 0;top: 10px;}
+		.mui-input-row{font-size: 13px;}
+		.mui-input-row input{font-size: 13px;}
+		.mui-input-group:before{display: none;}
+		.btn-pull-code{position: absolute;right: 10px;top:3px;height:34px;padding:0 6px;border-radius: 5px; line-height: 34px;font-size: 12px; color: #fff; background: #24cae9;}
+		.btn-pull-code .active{background: #c8c8c8;}
+		.icon-fuxuankuang a {color: #24cae9;}
+		.icon-fuxuankuang{font-size: 13px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 18px;color:#e4004d;position: absolute;left: 0;width: 20px;height: 18px;top:1px;}
+		.icon-fuxuankuang.mui-active:before {color: #c8c8c8;}
+		#xieyi-dalog{text-decoration:underline}
+		.ul_noline{padding-bottom: 60px;}
+		.ul_noline:before{display: none;}
+		.ul_noline li:after{display: none;}
+		.address_ul{color: #999;font-size: 12px;}
+		.address_ul li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
+		.my-select {border:0!important;color: #999;background-color: #f5f5f5;margin-bottom: 0;padding: 3px 14px;text-align: center;-webkit-appearance: none;height:36px;}
+		.my-view1:after,.my-view1 li:after{display: none;}
+		.color{position:absolute; left:100px;top:25px;-webkit-transform: translateY(-50%);}
+		.after{position: relative;}
+		.after:before{content:'';width: 0;
+			height: 0;
+			border-left: 4px solid transparent;
+			border-right: 4px solid transparent;
+			border-top: 8px solid #666;position: absolute;
+			right: 15px;
+			top: 15px;}
+	</style>
+	<script>
+        // 屏蔽分享
+        window.hiddenAllWechatMenu = true;
+	</script>
+</head>
+<body>
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<div style="padding: 0 10px;background: #fff;">
+		<ul class="mui-table-view">
+			<li class="mui-table-view-cell" style="padding: 11px 0;">
+				<span class="iconfont icon-lease cl-blue"></span>&nbsp;租用产品信息
+			</li>
+		</ul>
+		<ul class="lease-ul">
+			<li>产品名称:<span id="productName"></span></li>
+			<li style="position: relative;"><span class="lease-color">产品颜色:</span><img src="//s.iamberry.com/watero/images/cp-1.jpg" width="30px" /> <span class="color" id="productColor"></span></li>
+			<li>租用时长:<span id="rentTime"></span><span class="mui-pull-right">年服务费:<span id="serviceMoney" class="cl-red"></span></span></li>
+			<li>设备押金:<span id="pledgeMoney" class="cl-red"></span><span class="mui-pull-right">费用合计:<span id="rentMoney" class="cl-red"></span></span></li>
+		</ul>
+		<ul class="mui-table-view my-view1">
+			<li class="mui-table-view-cell" style="padding: 11px 0;">
+				<span class="mui-h6">使用抵扣券</span>
+			</li>
+			<li class="after">
+				<select class="my-select" id="couponSelect">
+
+				</select>
+			</li>
+			<li style="padding: 10px 0;display:none;" class="for_money">
+				<div><span class="mui-h6">抵扣金额:</span><span id="couponMoney" class="cl-red mui-pull-right">¥0</span></div>
+			</li>
+		</ul>
+
+		<ul class="mui-table-view ul_noline">
+			<li class="mui-table-view-cell" style="padding: 11px 0 5px 0;border-bottom: 1px solid rgba(0,0,0,.1);">
+				<span class="iconfont icon-lease2 cl-blue"></span>&nbsp;收货信息
+			</li>
+			<li class="mui-table-view-cell"  style="padding: 11px 10px;">
+				<a class="mui-navigate-right" id="open-wechat-addres-a">
+					<span class="mui-h6">选择收货地址</span>
+					<!-- <ul class="address_ul">
+                        <li>收  货  人:林林</li>
+                        <li>手 机 号:15999999999</li>
+                        <li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+                    </ul>  -->
+				</a>
+			</li>
+			<li>
+				<span class="mui-h6">说明:因滤芯为一次性耗材,不可回收,故充值金额概不退返</span>
+			</li>
+			<li class="mui-text-center" style="padding: 10px;">
+				<span class="iconfont icon-fuxuankuang mui-active" id="btn-tongyi">我已阅,并同意<a id="xieyi-dalog">《美国watero租用协议》</a></span>
+			</li>
+			<li class="mui-text-center" style="padding:10px 15px 15px 15px;">
+				支付金额:<span class="cl-red" id="rentPayMoney"></span>
+			</li>
+		</ul>
+	</div>
+	<div class="buy-footer">
+		<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="支付中" class="mui-btn my-btn-hand" id="btn_submit">立即支付</button>
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script src="/js/shop/layer.js"></script>
+<script>
+    var pledgeMoney=getParam('pledgeMoney');
+    var serviceMoney=getParam('serviceMoney');
+    var radio1=getParam('radio1');
+    var rentProduct=getParam('rentProduct');
+    var giftId=getParam('giftId');
+    var productName = decodeURI(escape(getParam('productName')));
+    var rentMoney = getParam('rentMoney');
+    var productColor = decodeURI(escape(getParam('productColor')));
+    var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
+
+    mui.ready(function() {
+        document.querySelector('.loading-bg').style.display = 'none';
+        $('#productName').html(productName);
+        $('#productColor').html(productColor + ' x1');
+        $('#btn_submit').addClass("mui-active").prop("disabled","disabled");
+        $('#rentPayMoney').html('¥ ' + accDiv(rentMoney, 100));
+        switch (radio1) {
+            case '1':
+                $('#rentTime').html('1年');
+                $('#pledgeMoney').html('¥' + accDiv(pledgeMoney, 100));
+                $('#serviceMoney').html('¥' + accDiv(serviceMoney, 100));
+                $('#rentMoney').html('¥' + accDiv(rentMoney, 100));
+                break;
+            case '2':
+                $('#rentTime').html('2年');
+                $('#pledgeMoney').html('¥' + 0);
+                $('#serviceMoney').html('¥' + accDiv(rentMoney, 100));
+                $('#rentMoney').html('¥' + accDiv(rentMoney, 100));
+                break;
+            default:
+                $('#rentTime').html('3年');
+                $('#pledgeMoney').html('¥' + 0);
+                $('#serviceMoney').html('¥' + accDiv(rentMoney, 100));
+                $('#rentMoney').html('¥' + accDiv(rentMoney, 100));
+                break;
+        }
+
+        mui.ajax(base_path + '/rent_order/selectServiceCoupon?dates=' + new Date().getTime(), {
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                }else{
+                    if(dt.status) {
+                        var coupon_data = dt.data[0];
+                        //循环显示租用类型
+                        if (coupon_data != null) {
+                            mui(coupon_data).each(function(index) {
+                                if (index == 0) {
+                                    $("#couponSelect").append( '<option serviceid="" value="0" selected>不使用抵扣券</option><option serviceId="' + this.serviceId + '"  value="' + this.serviceMoney + '">' + this.serviceName + '</option>');
+                                } else {
+                                    $("#couponSelect").append( '<option serviceId="' + this.serviceId + '" value="' + this.serviceMoney + '">' + this.serviceName + '</option>');
+                                }
+                            });
+							/* console.log($('#couponSelect option:first').val())
+							 $('#couponMoney').html('-¥' + accDiv($('#couponSelect option:first').val(),100)); */
+                        }else{
+                            $("#couponSelect").append( '<option serviceid="" value="" selected="selected">没有可用的抵扣券</option>');
+                        }
+                    } else {
+                        //mui('#pullrefresh_chanpin_list').pullRefresh().endPullupToRefresh(true);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        })
+    });
+
+    //支付方法
+    mui('body').on('tap', '#btn_submit', function() {
+        var th=this;
+        var check = true;
+        if(!wechatAddr.status){
+            mui.alert("请选择收货地址");
+            check = false;
+        }
+        if (radio1 == null) {
+            mui.alert("请选择租用类型");
+            check = false;
+        }
+        if (rentProduct == null) {
+            mui.alert("请选择租用商品信息");
+            check = false;
+        }
+        if (giftId == null) {
+            mui.alert("请选择租用赠品信息");
+            check = false;
+        }
+        if(check){
+            if(isPay) {
+                isPay = false; // 锁定请求按钮
+                layer.open({
+                    type: 2,
+                    shadeClose: false,
+                    content: "正在请求加载订单信息..."
+                }); // 调用加载弹出层
+                mui(this).button('loading');
+
+                var param = {
+                    "rentAddressInfo": address,
+                    "rentAddressName": nickname,
+                    "rentAddressTel": ads_tel,
+                    "rentTypeId": radio1,
+                    "rentServiceId":$("#couponSelect").find("option:selected").attr("serviceId"),
+                    "productId":rentProduct,
+                    "giftId":giftId
+                }
+                $.ajax({
+                    type: 'post',
+                    url: '/watero/wechat/rent_order/rentOrderPay?dates=' + new Date().getTime(),
+                    data: param,
+                    dataType: 'json',
+                    timeout: 15000,
+                    success: function(dt) {
+                        //console.log(dt);
+                        layer.closeAll();
+                        if(dt.isRedirect) {
+                            location.href = dt.redirectURL;
+                        }else{
+                            if(dt.resultCode== '200') {
+                                var obj = JSON.parse("{" + dt.data.info + "}");
+                                WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
+                                    if(res.err_msg == 'get_brand_wcpay_request:ok') {
+                                        layer.open({
+                                            type: 2,
+                                            shadeClose: false,
+                                            content: "正在请求加载订单信息..."
+                                        }); // 调用加载弹出层
+                                        $.ajax({
+                                            type: 'post',
+                                            url: base_path +'/rent_order/check_rent_order_status',
+                                            data: {"orderId":dt.data.orderId},
+                                            dataType: 'json',
+                                            timeout: 15000,
+                                            success: function(data) {
+                                                //console.log(data);
+                                                if(data.status) {
+                                                    if(data.data.rentStatus == 2){
+                                                        isPay = true;
+                                                        mui.openWindow({url:'/watero/view/lease_order_win.html'});
+                                                    }else{
+                                                        mui.alert('如果已支付,请等待同步支付状态!', '', function() {
+                                                            isPay = true;
+                                                        });
+                                                    }
+                                                } else {
+                                                    isPay = true;
+                                                    mui.alert(data.message);
+                                                }
+                                            },
+                                            error: function(xhr, type, errorThrown) {
+                                                //异常处理;
+                                                console.log(xhr);
+                                                isPay = true;
+                                                mui.alert("请检查网络或刷新页面重试!");
+                                            }
+                                        });
+                                    } else {
+                                        isPay = true;
+                                        mui(th).button('reset');
+                                        mui.alert("对不起,支付失败!请稍后重试!");
+                                    }
+                                });
+                            } else {
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert(dt.message);
+                            }
+                        }
+                    },
+                    error: function(xhr, type, errorThrown) {
+                        //异常处理;
+                        console.log(xhr);
+                        isPay = true;
+                        layer.closeAll();
+                        mui.alert("请检查网络或刷新页面重试!");
+                        mui(th).button('reset');
+                    }
+                });
+            }else{
+                mui.alert("正在请求支付中~~请稍后!");
+                return;
+            }
+        }
+    });
+
+    var address='',nickname='',ads_tel='';
+    // 获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址 
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                var btn_submit=$("#btn_submit");
+                if ($('#btn-tongyi').hasClass("mui-active")) {
+                    btn_submit.addClass("mui-active").prop("disabled","disabled");
+                    btn_submit.removeClass("active");
+                } else {
+                    btn_submit.removeClass("mui-active").removeAttr("disabled");
+                    btn_submit.addClass("active");
+                }
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                    mui.alert("您没有选择收货地址!");
+                }
+            }
+        );
+
+    });
+
+    $(".ul_radio li").each(function() {
+        $(this).on("click", function() {
+            $(this).addClass("active");
+            $(this).siblings().removeClass("active");
+        });
+    });
+
+    $('#couponSelect').change(function(){
+        var serMoney = $('#couponSelect').val();
+        var money = rentMoney - serMoney;
+        $('#couponMoney').html('-¥' + accDiv(serMoney,100));
+        if(serMoney!=0){
+            $(".for_money").show();
+        }else{
+            $(".for_money").hide();
+        }
+        $('#rentPayMoney').html('¥' + accDiv(money,100));
+    });
+
+    $(document).on('tap', '#btn-tongyi', function() {
+        var btn_submit=$("#btn_submit");
+        if($(this).hasClass("mui-active")){
+            $(this).removeClass("mui-active");
+            if(wechatAddr.status){
+                btn_submit.removeClass("mui-active").removeAttr("disabled");
+                btn_submit.addClass("active");
+            }else{
+                btn_submit.addClass("mui-active").prop("disabled","disabled");
+                btn_submit.removeClass("active");
+            }
+        }else{
+            $(this).addClass("mui-active");
+            btn_submit.addClass("mui-active").prop("disabled","disabled");
+            btn_submit.removeClass("active");
+        }
+    });
+	/*
+	 $(document).on('tap', '#btn-tongyi', function() {
+	 var btn_submit=$("#btn_submit");
+	 console.log($(this).hasClass("mui-active"));
+	 if($(this).hasClass("mui-active")){
+	 $(this).removeClass("mui-active");
+	 btn_submit.removeClass("mui-active");
+	 }else{
+	 $(this).addClass("mui-active");
+	 btn_submit.addClass("mui-active");
+	 }
+	 }); */
+    mui('body').on('tap', '#xieyi-dalog', function() {
+        mui.openWindow({
+            url: 'try_xieyi.html'
+        });
+    });
+</script>
+</body>
+
+</html>

+ 407 - 0
watero/view/i_want_lease_test.html

@@ -0,0 +1,407 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/icons-extra.css"/>
+	<link rel="stylesheet" href="/css/style.css" />
+	<style type="text/css">
+		.mui-backdrop {
+			position: fixed;
+			z-index: 998;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			background: url(//s.iamberry.com/watero/images/shop/share-lease.png) top center no-repeat rgba(0, 0, 0, .4);
+			background-size: 100%;
+		}
+		.cart_fixed{position: fixed;right: 30px;bottom:135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;}
+		.cart_fixed .mui-badge{position: absolute;right:-7px;top:-5px;font-size: 12px;}
+		.return{position: fixed;
+			right: 30px;
+			bottom: 80px;
+			background: rgba(0,0,0,.2);
+			padding: 12px;
+			border-radius: 50%;
+			text-align: center;
+			opacity: .9;color: #333;display: none;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #1cc9f4;color: #fff;border: 0;border-radius: 0;font-size: 20px;}
+		.my-btn-hand.active{background-color: #ccc;}
+		.cl-blue{color: #1cc9f4;}
+		.iconfont{font-size: 20px;}
+		.mui-content-madded{background: #fff;padding: 10px 10px 40px 10px;}
+		.lease-ul{font-size: 14px;color: #999;}
+		.lease-ul:after,.no-line:after,.no-line:before{display: none;}
+		.lease-left{display: inline-block;width: 20%;}
+		.ul_radio{width: 100%;}
+		.ul_radio li{width:21%;height: 55px;margin: 0 1%;border: 1px solid rgba(0,0,0,.1);border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.ul_radio .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.radio1{background: url(//s.iamberry.com/watero/images/cp-1.jpg) center center /auto 85% no-repeat;}
+		.radio2{background: url(//s.iamberry.com/watero/images/cp-2.jpg) center center /auto 85% no-repeat;}
+		.radio3{background: url(//s.iamberry.com/watero/images/cp-3.jpg) center center /auto 85% no-repeat;}
+		.radio4{background: url(//s.iamberry.com/watero/images/cp-4.jpg) center center /auto 85% no-repeat;}
+		.ul_radio .radio5,.ul_radio .radio6,.ul_radio .radio7,.ul_radio .radio8{border: 0;}
+		.radio5{background: url(//s.iamberry.com/watero/images/shop/lease-zeng1.jpg) center center /auto 85% no-repeat;}
+		.radio5:before,.radio6:before,.radio7:before,.radio8:before{content: 'watero水杯';position: absolute;bottom: -20px;font-size: 12px;text-align: center;width: 100%;color: #999;}
+		.radio6{background: url(//s.iamberry.com/watero/images/lease-zeng1.jpg) center center /auto 85% no-repeat;}
+		.radio7{background: url(//s.iamberry.com/watero/images/lease-zeng1.jpg) center center /auto 85% no-repeat;}
+		.radio8{background: url(//s.iamberry.com/watero/images/lease-zeng1.jpg) center center /auto 85% no-repeat;}
+		.lease-r-center{position: absolute;left: 70px;top: 20px;}
+		.lease-select-box{padding: 12px 0;position: relative;}
+		.lease-select{position: absolute;left: 0;top: 10px;}
+		.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #1cc9f4;}
+		.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{left: 0;}
+		.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-left: 35px;font-size: 12px;color: #999;}
+		.icon-lease2{font-size: 15px;padding-left: 22px;}
+		.icon-lease2:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
+		#open-wechat-addres-a{margin: -15px -15px -15px -28px !important;}
+		.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
+		.mui-h5, h5 {margin-left: 30px;font-size: 12px;}
+		.my-btn-exchange{background: #f5f5f5 !important;text-align: center;border: 0 !important;font-size: 14px;margin-bottom: 0 !important;}
+		.icon-fuxuankuang a{color: #24cae9;text-decoration:underline;font-size: 12px;}
+		.icon-fuxuankuang{font-size: 14px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 15px;margin-top: 5px;margin-right: 3px;color:#e4004d;}
+		.icon-fuxuankuang.mui-active:before{color: #c8c8c8;}
+	</style>
+	<script>
+        // 屏蔽分享
+        //window.hiddenAllWechatMenu = true;
+        var url = '//'+document.domain+'/watero/view/i_want_lease_test.html';
+        window.repleFlag = true;
+        window.repleWxData = {
+            "appId": "",
+            "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
+            "link": url,
+            "desc": "快来围观吧,美国watero一款可移动的净水机。",
+            "title": "净水机可以租啦!",
+            "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
+            "shareTimeSuccess": "分享成功",
+            "shareTimeCancel": "已取消分享",
+            "shareAppSuccess": "分享成功!",
+            "shareAppCancel": "已取消分享"
+        };
+        //getConfig();
+	</script>
+</head>
+
+<body>
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<div id="lease-slider" class="mui-slider">
+		<div class="mui-slider-group">
+			<div class="mui-slider-item">
+				<a>
+					<img src="//s.iamberry.com/watero/images/shop/banner-lease2.png">
+				</a>
+			</div>
+		</div>
+		<!-- <div class="mui-slider-indicator">
+            <div class="mui-indicator"></div>
+        </div> -->
+	</div>
+	<ul class="mui-table-view no-line">
+		<li class="mui-table-view-cell">
+			<span class="iconfont icon-lease3 cl-blue"></span>&nbsp;美国watero净饮水一体机
+		</li>
+	</ul>
+	<div class="mui-content-madded" style="padding-bottom: 80px;padding-top: 0;">
+		<div class="lease-select-box">
+			<div class="lease-left"><span class="lease-select">选择颜色:</span></div>
+			<div style="display:inline-block;width:73%;text-align: right;">
+				<ul class="ul_radio">
+					<li class="radio1 active" id="3"></li>
+					<li class="radio2" id="2"></li>
+					<li class="radio3" id="4"></li>
+					<li class="radio4" id="1"></li>
+				</ul>
+			</div>
+		</div>
+		<div style="padding:0 0 10px 0;"><span>选择租期:</span></div>
+		<form class="my-input-group">
+			<div class="mui-input-row mui-radio mui-left">
+				<label>租一年   <span class="cl-red">¥1599.00   (800元押金+799元服务费)</span></label>
+				<input name="radio1" type="radio" value="1" checked>
+			</div>
+			<div class="mui-input-row mui-radio mui-left">
+				<label>租两年(免押金) <span class="cl-red">¥1499.00(0元押金+1499元服务费)</span></label>
+				<input name="radio1" type="radio" value="2">
+			</div>
+		</form>
+		<ul class="mui-table-view" style="padding: 10px 0;margin: 10px 0 0 0;">
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right" id="open-wechat-addres-a">
+					<span class="iconfont icon-lease2">收货信息</span><span class="mui-h5">请选择收货地址</span>
+					<!-- <ul class="ft-12" style="color: #333;">
+                        <li>收  货  人:林林</li>
+                        <li>手 机 号:15999999999</li>
+                        <li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>
+                    </ul> -->
+				</a>
+			</li>
+		</ul>
+		<div style="padding:10px 0;"><span>推荐人</span><span class="mui-h6">(核实后,将会为推荐人免去半年服务费)</span></div>
+		<div>
+			<input type="tel" value="" placeholder="请填写推荐人手机号码" maxlength="11" class="mui-input-clear my-btn-exchange" id="ipt-exchange"/>
+		</div>
+		<ul class="mui-table-view no-line">
+			<li style="padding:20px 10px 20px 10px;text-align: center;">
+				<span class="iconfont icon-fuxuankuang mui-active" id="btn-tongyi">我已经阅读并同意<a id="xieyi-dalog">《美国watero租赁协议》</a></span>
+			</li>
+		</ul>
+		<div class="mui-text-center">
+			<span id="pay_text">支付定金:</span><span class="cl-red" id="pay_price">¥99.00</span>
+		</div>
+	</div>
+
+	<div class="buy-footer">
+		<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn my-btn-hand active" id="btn_submit" disabled="disabled">立即支付</button>
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script>
+    //wechatAddr.status=true;
+    var check = false,alert_msg='';
+    var uname = /^[A-Za-z\-\u4e00-\u9fa5]{1,10}$/;//简体中文英文
+    var mobile=/^(13|14|15|18|17)[0-9]{9}$/; //11位手机号码
+    var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
+    mui.ready(function() {
+        $(".ul_radio li").each(function() {
+            $(this).on("click", function() {
+                $(this).addClass("active");
+                $(this).siblings().removeClass("active");
+            });
+        });
+        $(".mui-radio input[name=radio1]").each(function() {
+            $(this).on("click", function() {
+                if(city=='深圳市' || wechatAddr.status==false){
+                    $("#pay_price").text('¥99.00');
+                    $("#pay_text").text('支付定金:');
+                }else{
+                    $("#pay_text").text('支付金额:');
+                    if($(this).val()=='1'){
+                        $("#pay_price").text('¥1599.00');
+                    }else{
+                        $("#pay_price").text('¥1499.00');
+                    }
+                }
+            });
+        });
+        mui.ajax(base_path + '/giftCard/card/product/details?dates=' + new Date().getTime(), {
+            data: {},
+            dataType: 'json',
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt);
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+
+        document.querySelector('.loading-bg').style.display = 'none';
+    });
+    mui('body').on('tap', '#btn_submit', function() {
+        change_input();
+        var th=this;
+        if(check){
+            if(isPay) {
+                isPay = false; // 锁定请求按钮
+                mui(this).button('loading');
+                var param = {
+                    "applyColor":$(".ul_radio .active").attr("id"),
+                    "applyTime": $("input[name=radio1]:checked").val(),
+                    "applyAddr": address,
+                    "applyName": nickname,
+                    "applyTel":ads_tel,
+                    "applyReTel":$("#ipt-exchange").val().trim(),
+                };
+                $.ajax({
+                    type: 'post',
+                    url: '/watero/wechat/leaseOrder/apply?dates=' + new Date().getTime(),
+                    data: param,
+                    dataType: 'json',
+                    timeout: 15000,
+                    success: function(dt) {
+                        //console.log(dt);
+                        if(dt.isRedirect) {
+                            location.href = dt.redirectURL;
+                        }else{
+                            if(dt.resultCode=='200' && dt.returnCode=='200') {
+                                var obj = JSON.parse("{" + dt.returnMsg.returnMsg + "}");
+                                WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
+                                    if(res.err_msg == 'get_brand_wcpay_request:ok') {
+                                        mui.openWindow({url:'/watero/view/lease_order_win.html'});
+                                    } else {
+                                        isPay = true;
+                                        mui(th).button('reset');
+                                        mui.alert("对不起,支付失败!请稍后重试!");
+                                    }
+                                });
+                            } else {
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert(dt.returnMsg);
+                            }
+                        }
+                    },
+                    error: function(xhr, type, errorThrown) {
+                        //异常处理;
+                        console.log(xhr);
+                        isPay = true;
+                        mui.alert("请检查网络或刷新页面重试!");
+                        mui(th).button('reset');
+                    }
+                });
+            }else{
+                mui.alert("正在请求支付中~~请稍后!");
+                return;
+            }
+        }else{
+            mui.alert(alert_msg);
+        }
+    });
+    mui('body').on('tap', '#xieyi-dalog', function() {
+        mui.openWindow({
+            url: '/watero/view/lease_test_xieyi.html'
+        });
+    });
+    $(document).on('tap', '#btn-tongyi', function() {
+        var btn_submit=$("#btn_submit");
+        if($(this).hasClass("mui-active")){
+            $(this).removeClass("mui-active");
+            check=true;
+            if(wechatAddr.status){
+                btn_submit.removeClass("active").removeAttr("disabled");
+            }else{
+                btn_submit.addClass("active").prop("disabled","disabled");
+            }
+        }else{
+            check=false;
+            $(this).addClass("mui-active");
+            btn_submit.addClass("active").prop("disabled","disabled");
+        }
+    });
+    var address='',nickname='',ads_tel='',city='';
+    //获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址 
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                city=res.cityName;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $("#open-wechat-addres-a").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+                if(city=='深圳市'){
+                    $("#pay_price").text('¥99.00');
+                    $("#pay_text").text('支付定金:');
+                }else{
+                    $("#pay_text").text('支付金额:');
+                    if($("input[name=radio1]:checked").val()=='1'){
+                        $("#pay_price").text('¥1599.00');
+                    }else{
+                        $("#pay_price").text('¥1499.00');
+                    }
+                }
+                if(check){
+                    $(this).removeClass("mui-active");
+                    $("#btn_submit").removeClass("active").removeAttr("disabled");
+                }
+            },
+            function() {
+                if($('#open-wechat-addres-a').html() != null && $('#open-wechat-addres-a').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('#open-wechat-addres-a').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                }
+            }
+        );
+
+    });
+    function change_input() {
+        if($("#btn-tongyi").hasClass("mui-active")){
+            alert_msg="请勾选同意《美国watero代理说明》";
+            check=false;
+            return false;
+        }else{
+            check=true;
+        }
+        if(mobile.test($("#ipt-exchange").val().trim()) || $("#ipt-exchange").val().trim()==''){
+            check=true;
+        }else{
+            alert_msg="手机号码不正确,请重新填写";
+            check=false;
+            return false;
+        }
+        if(wechatAddr.status){
+            check=true;
+        }else{
+            alert_msg="请选择收货地址";
+            check=false;
+            return false;
+        }
+        if(check) {
+            $("#btn_submit").removeClass("mui-active").removeAttr("disabled");
+        }else{
+            $("#btn_submit").addClass("mui-active").prop("disabled","disabled");
+        }
+    }
+    mui.os.ios ? listener_ipt() : keyup_fn();
+
+    function keyup_fn() {
+        $(document).on('keyup', '#ipt-exchange', function(e) {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("active").prop("disabled","disabled");
+            }
+        });
+    }
+
+    function listener_ipt() {
+        document.getElementById('ipt-exchange').onblur = function() {
+            change_input();
+            if(check){
+                $("#btn_submit").removeClass("active").removeAttr("disabled");
+            }else{
+                $("#btn_submit").addClass("active").prop("disabled","disabled");
+            }
+        }
+    }
+    mui('body').on('tap', '#btn-share-mask', function() {
+        mask.show();//显示遮罩
+    });
+    var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调;
+    //mask.close();//关闭遮罩
+</script>
+</body>
+
+</html>

+ 357 - 0
watero/view/i_want_to_renew.html

@@ -0,0 +1,357 @@
+<!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-bar-nav {top: 0;-webkit-box-shadow: 0 0 0 #ccc;box-shadow: 0 0 0 #ccc;background: #fff;}
+		.my-bar-nav  .mui-btn-link{color: #1cc9f4;font-size: 14px;}
+		.my-btn-bluetooth{color: #1cc9f4;padding:2px 18px;font-size: 15px;border-color: #1cc9f4;}
+		.my-table-noline:after,.my-table-noline:before,.my-table-noline li:after,.my-table-noline:before{display: none;}
+		.mui-btn-link{color: #1cc9f4;}
+		.my-btn-water-quality{padding:6px 38px;font-size: 15px;}
+		.my-btn-water-quality.active{border: 1px solid rgba(78,215,249,.5);color: #1cc9f4;}
+		.year-list{width: 100%;}
+		.year-list>li{float: left;width: 22%;text-align: center;color: #1cc9f4;}
+		.year-list>li:first-child{text-align: left;width: 17%;}
+		.year-list>li:last-child{text-align: right;width: 17%;}
+		.mui-input-row.mui-input-range{padding-right: 0;}
+		.my-select {border:0!important;color: #999;background-color: #f5f5f5;margin-bottom: 0;padding: 3px 14px;text-align: center;-webkit-appearance: none;height: 40px;}
+		.after{padding: 0 11px;position: relative;}
+		.after:before{content:'';position:absolute;right: 20px;top: 16px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 7px solid #666;}
+		.my-view1:after,.my-view1 li:after{display: none;}
+		.loading{position: fixed;display:none;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);color: #fff;text-align: center;padding-top: 50%;font-size: 18px;}
+		/* 设定WebKit浏览器下range */
+		/*拖动块的样式*/
+		.mui-input-range input[type=range]::-webkit-slider-thumb {
+			-webkit-appearance: none;/*清除系统默认样式*/
+			height: 26px;/*拖动块高度*/
+			width: 26px;/*拖动块宽度*/
+			background: #1cc9f4;/*拖动块背景*/
+			border-radius: 50%; /*外观设置为圆形*/
+			border: solid 1px #ddd; /*设置边框*/
+		}
+		/*横条样式*/
+		input[type=range] {
+			-webkit-appearance: none;/*清除系统默认样式*/
+			width: 100%;
+			background: -webkit-linear-gradient(#1cc9f4, #1cc9f4) no-repeat, #ddd;/*设置左边颜色为#61bd12,右边颜色为#ddd*/
+			background-size: 0% 100%;/*设置左右宽度比例*/
+			height: 3px;/*横条的高度*/
+		}
+	</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>
+<div class="mui-content" style="background: #fff;">
+	<ul class="mui-table-view mui-text-center my-table-noline">
+		<li class="mui-table-view-cell">
+			<span id="machineStopDate" class="mui-h6" ></span>
+		</li>
+		<li class="mui-table-view-cell">
+			<img src="//s.iamberry.com/watero/images/shop/my_equipment.png" width="50%" />
+			<span id="machineNO" style="position: absolute;color: #fff;left: 50%;top: 70%;-webkit-transform: translateX(-50%);"></span>
+		</li>
+		<li class="mui-table-view-cell">
+			<button type="button" id="machineConnectState" class="my-btn-bluetooth mui-btn-link">
+				未连接
+			</button>
+		</li>
+		<li class="mui-table-view-cell" style="padding: 0 35px;">
+			<div class="mui-input-row mui-input-range">
+				<input type="range" id='block-range' name="rechargeDuration" value="1" min="1" max="5" >
+			</div>
+			<ul class="year-list">
+				<li>1年</li>
+				<li>2年</li>
+				<li>3年</li>
+				<li>4年</li>
+				<li>5年</li>
+			</ul>
+		</li>
+		<li class="mui-table-view-cell mui-text-left">
+			<span class="mui-h5">服务费:</span><span class="cl-red" id="serviceCharge">¥799 元</span><span class="mui-h6 mui-pull-right">到期时间:<span id="rechargeStopDate"></span></span>
+		</li>
+		<li class="mui-table-view-cell" style="text-align: left;">
+			<span class="mui-h6">使用抵扣券</span>
+		</li>
+		<li class="after">
+			<select class="my-select" id="couponSelect" name="couponId">
+
+			</select>
+		</li>
+		<li class="mui-table-view-cell" style="text-align: left;">
+			<div><span class="mui-h6">抵扣金额:</span><span id="couponMoney" class="cl-red mui-pull-right">- ¥0 元</span></div>
+		</li>
+		<li class="mui-table-view-cell">
+			支付金额:<span class="cl-red" id="payCharge">¥799 元</span>
+		</li>
+		<li class="mui-table-view-cell">
+			<button id="sbumitRent" type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="支付中,请稍候"  class="" disabled>
+				确认续租
+			</button>
+		</li>
+		<li class="mui-table-view-cell">
+			<a id="toRechargeLog" style="text-decoration: underline;font-size: 13px;color: #999;">续租记录</a>
+		</li>
+	</ul>
+</div>
+<div class="loading">
+	支付中,请稍候<span class="dian">...</span>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script> -->
+<script src="/js/shop/layer.js"></script>
+<script src="/js/wechat_iot.js?v=6734343"></script>
+<script type="text/javascript">
+    var machineDeviceId = '',machineId = '',couponId = '',stopDate = '';
+    var rechargeOrderId = '', payUrl = '';
+    var payData = {};
+    var yearNum = 1;//最后要充值的年数
+    var isPay = true;
+    //每充一年需要多少钱			最后要充值的费用		优惠金额
+    var payMoneyOne = 799, payMoney = 799,couponMoney = 0;
+    mui.ready(function(){
+        machineId = getParam("machineId");
+        $('#block-range').val(1);
+        initMachine(machineId);
+        //判断机器是否在线
+        setTimeout("myInterval()",3000);//1000为1秒钟
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    function myInterval(){
+        sendMsgAndReceiveData(machineDeviceId,"*getData#",function(state,res){
+            if(200 == state){
+                //1.去掉遮罩
+                document.querySelector('.loading-bg').style.display='none';
+                //2.“确认续租”按钮亮起
+                $("#sbumitRent").addClass("my-btn-water-quality");
+                $("#sbumitRent").addClass("active");
+                $("#sbumitRent").removeAttr("disabled");
+            }
+            if(500 == state){
+                //1.去掉遮罩
+                document.querySelector('.loading-bg').style.display='none';
+                //2.弹框该机器不可续费
+                $("#sbumitRent").prop("disabled","disabled");
+                $("#machineConnectState").text('未连接');
+            }
+        });
+    }
+    /**
+     *	初始化服务费抵扣券下拉框和机器信息
+     */
+    function initMachine(machineId){
+        mui.ajax(base_path + '/machine/get_coupons_machine?dates=' + new Date().getTime(), {
+            data:{
+                "machineId":machineId
+            },
+            dataType:'json',
+            type:'post',
+            timeout:15000,
+            success: function(dt) {
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.resultCode == 200 && dt.returnCode == 200){
+                        var couponList = dt.returnMsg.couponList;
+                        var machine = dt.returnMsg.machine;
+                        machineDeviceId = machine.machineDeviceId;
+                        stopDate = machine.machineStopDate;
+                        $("#machineStopDate").text(stopDate + '  到期');
+                        $("#rechargeStopDate").text(addYears(stopDate,1));
+
+                        $("#machineNO").text("NO." + (10000 + parseInt(machineId)));
+                        if(machine.machineConnectState == 1){
+                            $("#machineConnectState").text('已连接');
+                        }else{
+                            $("#machineConnectState").text('未连接');
+                        }
+
+                        var couponSelect = $("#couponSelect");
+                        if(couponList.length == 0){
+                            $("#couponSelect").append('<option value="0">没有可用的抵扣券</option>');
+                        }else{
+                            couponSelect.append('<option serviceMoney="0" value="0">请选择抵扣券</option>');
+                            mui(couponList).each(function(index) {
+                                couponSelect.append('<option value="' + this.serviceId + '" serviceMoney="' + accDiv(this.serviceMoney,100) + '">' + this.serviceName + '</option>');
+                            });
+                        }
+                    }else{
+                        mui.alert("该机器不可以续费!请选择正确的机器!");
+                    }
+                }
+            },
+            error:function(xhr, type, errorThrown){
+                console.log(xhr);
+                mui.alert("该机器不可以续费!!");
+            }
+        });
+    }
+    /**
+     *	点击年数进度条点击事件
+     */
+    document.getElementById('block-range').addEventListener('input',function(){
+        document.getElementById('block-range').value = this.value;
+        //修改服务费、到期时间
+        yearNum = parseInt(this.value);
+        this.style.backgroundSize= (yearNum - 1) * 25 + "% 100%";
+        payMoney = yearNum * payMoneyOne;
+        //year_num = yearNum;
+        $("#serviceCharge").text('¥' + payMoney + ' 元');
+        $("#payCharge").text('¥' + (payMoney - couponMoney) + ' 元');
+        $("#rechargeStopDate").text(addYears(stopDate,yearNum));
+    });
+
+    /**
+     *	抵扣券下拉框change事件
+     */
+    $('#couponSelect').change(function(){
+        couponMoney = $($('#couponSelect option')[$(this)[0].selectedIndex]).attr("serviceMoney");
+        $('#couponMoney').text('-¥' + couponMoney + ' 元');
+        $("#payCharge").text('¥' + (payMoney - couponMoney) + ' 元');
+        couponId = this.value;
+    });
+
+    /**
+     * 立即续费
+     * 校验机器在线、获取预支付id、发起支付
+     */
+    mui('body').on('tap', '#sbumitRent', function() {
+        sendMsgAndReceiveData(machineDeviceId,"*getData#",function(state,res){
+            if(200 == state){
+                toPay();
+            }
+            if(500 == state){
+                mui.alert("请保持机器在线!");
+            }
+        });
+    });
+
+    function toPay(){
+        if(rechargeOrderId == ''){
+            payUrl = base_path + '/machine/machine_pay?dates=';
+            payData = {
+                "machineId":machineId,
+                "year_num":yearNum,
+                "couponId":couponId
+            };
+        }else{
+            payUrl = base_path + '/machine/recharge_pay?dates=';
+            payData = {"orderId":rechargeOrderId};
+        }
+        if(isPay) {
+            isPay = false;
+            layer.open({
+                type: 2,
+                shadeClose: false,
+                content: "正在请求加载订单信息..."
+            }); // 调用加载弹出层
+            mui.ajax(payUrl + new Date().getTime(), {
+                data:payData,
+                dataType:'json',
+                type:'post',
+                timeout:15000,
+                success: function(dt) {
+                    layer.closeAll();
+                    if(dt.resultCode == 200 && dt.returnCode == 200){
+                        $('#couponSelect').css("display","none");
+                        $("#block-range").prop("disabled","disabled");
+                        var dataObj = dt.returnMsg;
+                        rechargeOrderId = dataObj.returnMsg;
+                        var obj = JSON.parse("{" + dataObj.wechat_pay_id + "}");
+                        WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
+                            if(res.err_msg == 'get_brand_wcpay_request:ok') {
+                                layer.open({
+                                    type: 2,
+                                    shadeClose: false,
+                                    content: "正在请求加载订单信息..."
+                                }); // 调用加载弹出层
+                                $.ajax({
+                                    type: 'post',
+                                    url: base_path + '/machine/check_recharge_pay_status',
+                                    data: {"rechargeOrderId":rechargeOrderId},
+                                    dataType: 'json',
+                                    timeout: 15000,
+                                    success: function(data) {
+                                        //console.log(data);
+                                        if(data.status) {
+                                            if(data.data.rechargeState == 1){
+                                                isPay = true;
+                                                //mui.alert("支付成功!跳转到我的设备!");
+                                                mui.openWindow({url:'my_equipment.html'});
+                                            }else{
+                                                mui.alert('如果已支付,请等待同步支付状态!', '', function() {
+                                                    isPay = true;
+                                                });
+                                            }
+                                        } else {
+                                            isPay = true;
+                                            mui.alert(data.message);
+                                        }
+                                    },
+                                    error: function(xhr, type, errorThrown) {
+                                        //异常处理;
+                                        console.log(xhr);
+                                        isPay = true;
+                                        mui.alert("请检查网络或刷新页面重试!");
+                                    }
+                                });
+                            } else {
+                                isPay = true;
+                                mui.alert("对不起,支付失败!请稍后重试!");
+                            }
+                        });
+
+                    }else{
+                        //console.log(xhr);
+                        isPay = true;
+                        mui.alert("该机器不可以续费!请确保机器已经激活并连接!");
+                    }
+                },
+                error:function(xhr, type, errorThrown){
+                    console.log(xhr);
+                    layer.closeAll();
+                    isPay = true;
+                    mui.alert("支付失败!请检查网络或刷新页面重试!");
+                }
+            });
+        } else{
+            mui.alert("正在请求支付中~~请稍后!");
+            return;
+        }
+    }
+    mui('body').on('tap', '#toRechargeLog', function() {
+        window.location.href = 'renew_logs.html?machineId=' + machineId;
+    });
+
+    /**
+     * 给日期字符串增加年
+     */
+    function addYears(dateStr,years){
+        var date = new Date(Date.parse(stopDate.replace(/-/g, "/")));
+        var yearStr = date.getFullYear() + years;
+        var otherStr = dateStr.substring(4,dateStr.length);
+        return yearStr + otherStr;
+    }
+</script>
+</body>
+</html>

+ 225 - 0
watero/view/input_machine.html

@@ -0,0 +1,225 @@
+<!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">
+	<base href="//s.iamberry.com/watero/">
+	<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-select {-webkit-appearance: menulist;border:1px solid #ccc !important;}
+		.box{width:100%;text-align: center;}
+		.box .left_tab{display: inline-block;width:45%;margin-right: 4%;}
+		.box .right_tab{display: inline-block;width:45%;margin-left: 4%;}
+		.mui-btn-block{padding: 10px 0;}
+	</style>
+</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;">
+	<div class="mui-content-padded">
+		<input type="text" id="mac-input" class="mui-text-center" placeholder="请输入蓝牙MAC地址 :不需要" />
+		<br/>
+		<button type="button" id="confirm-mac-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="确认中...">确认蓝牙MAC</button>
+		<div class="box">
+			<div class="left_tab"><button type="button" id="conn-dev-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="连接中...">连接机器</button></div>
+			<div class="right_tab"><button type="button" id="dis-dev-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="断开中...">断开连接</button></div>
+		</div>
+		<div class="box">
+			<div class="left_tab"><select class="my-select" id="init-year-input"><option value="1">1年</option><option value="2">2年</option><option value="3">3年</option></select></div>
+			<div class="right_tab"><button type="button" id="init-dev-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="激活中...">激活机器</button></div>
+		</div>
+		<div class="box" style="display: none;">
+			<div class="left_tab"><select class="my-select"><option>1年</option><option>2年</option><option>3年</option></select></div>
+			<div class="right_tab"><button type="button" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="续费中...">续费</button></div>
+		</div>
+		<div class="box">
+			<div class="left_tab"><input type="text" id="tds-input" value="TDS" style="width: 45%;" readonly="readonly"/><input type="text" id="water-input" value="水量" style="width: 45%;float: right;" readonly="readonly"/></div>
+			<div class="right_tab"><button type="button" id="get-data-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="获取中...">获取水量、TDS</button></div>
+		</div>
+		<div class="box">
+			<div class="left_tab" id="state-div">
+				<span class="iconfont icon-lvxin_full"></span><span class="iconfont icon-lvxin_full"></span><span class="iconfont icon-lvxin_full"></span><span class="iconfont icon-lvxin_null"></span>
+			</div>
+			<div class="right_tab"><button type="button" id="get-state-btn" class="mui-btn mui-btn-block mui-btn-blue" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="获取中...">获取滤芯状态</button></div>
+		</div>
+	</div>
+</div>
+<script type="text/javascript" src="js/mui.min.js"></script>
+<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+<script type="text/javascript" src="/js/wechat_iot.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        console.log("页面加载完毕")
+        document.querySelector('.loading-bg').style.display='none';
+
+    });
+    // 全局flag:是否允许请求
+    var isRequest = false;
+    var deviceId = null;
+    // 确认MAC
+    $(function () {
+        // 确认MAC
+        $("#confirm-mac-btn").click(function () {
+            // 校验数据
+            var mac = $("#mac-input").val();
+            if (mac == null || mac == "") {
+                mui.alert("请检查MAC是否为空");
+                return;
+            }
+            // 处理 :
+            if (mac.indexOf(":") != -1) {
+                var replaceStr = ":";
+                mac = mac.replace(new RegExp(replaceStr,'gm'),'').toLowerCase();
+            }
+
+            // 发起请求
+            var url = "//w.iamberry.com/watero/wechat/factory/info_by_mac";
+            $.post(url,{"mac":mac},function(result){
+                if (result.resultCode != 200 || result.returnCode != 200) {
+                    mui.alert("没有查找到机器,请检查");
+                    return;
+                }
+                // 允许请求
+                isRequest = true;
+                // 保存deviceid
+                deviceId = result.returnMsg.info.machineDeviceId;
+                mui.alert("已检测到机器,请确认机器在线,然后开始测试...");
+            });
+        });
+
+        // 连接请求
+        $("#conn-dev-btn").click(function () {
+            if (!isRequest) {
+                mui.alert("请先输入mac地址 然后测试...");
+                return;
+            }
+            wx.invoke('getWXDeviceTicket', {'deviceId':deviceId,'type':'1', 'connType':'blue'}, function(res) {
+                if (res.err_msg == "getWXDeviceTicket:ok") {
+                    var ticket = res.ticket;
+                    var url = "//w.iamberry.com/watero/wechat/factory/bind";
+                    $.post(url,{"ticket":ticket, "device_id":deviceId},function(result){
+                        if (result.resultCode != 200 || result.returnCode != 200) {
+                            mui.alert("绑定失败,请检查");
+                            return;
+                        }
+
+                    });
+                }
+            });
+        });
+
+        // 断开连接
+        $("#dis-dev-btn").click(function () {
+            if (!isRequest) {
+                mui.alert("请先输入mac地址 然后测试...");
+                return;
+            }
+            wx.invoke('getWXDeviceTicket', {'deviceId':deviceId,'type':'2', 'connType':'blue'}, function(res) {
+                if (res.err_msg == "getWXDeviceTicket:ok") {
+                    var ticket = res.ticket;
+                    var url = "//w.iamberry.com/watero/wechat/factory/un_bind";
+                    $.post(url,{"ticket":ticket, "device_id":deviceId},function(result){
+                        if (result.resultCode != 200 || result.returnCode != 200) {
+                            mui.alert("解除绑定失败,请检查");
+                            return;
+                        }
+                    });
+                }
+            });
+        });
+
+        // 激活机器
+        $("#init-dev-btn").click(function () {
+            if (!isRequest) {
+                mui.alert("请先输入mac地址 然后测试...");
+                return;
+            }
+            // 发送
+            sendMsgToDevice(deviceId, base64encode("*setDir2#"), function(state, res){
+                if (state == 200) {
+                    var hour = parseInt($("#init-year-input").val()) * 365 * 24;
+                    hour = append(hour);
+                    var water = 2500  * parseInt($("#init-year-input").val());
+                    water = append(water);
+                    sendMsgToDevice(deviceId, base64encode("*setData" + hour + " " + water + "#"), function(code, data){
+                        receiveData(function(temp) {
+                            var t = base64decode(temp);
+                            if (t == "ok1") {
+                                mui.alert("激活成功...");
+                            } else {
+                                mui.alert("激活失败...");
+                            }
+                        });
+                        // 改变数据方向
+                        sendMsgToDevice(deviceId, base64encode("*setDir0#"), function(){});
+                    });
+                }
+            });
+
+        });
+
+        // 获取数据
+        $("#get-data-btn").click(function () {
+            if (!isRequest) {
+                mui.alert("请先输入mac地址 然后测试...");
+                return;
+            }
+            sendMsgAndReceiveData(deviceId, "*getData#", function(state, data){
+                if (state == 200) {
+                    var temp = data.split(" ");
+                    $("#tds-input").val(temp[0]);
+                    $("#water-input").val(temp[1]);
+                } else {
+                    mui.alert("获取失败,请重试!");
+                }
+            });
+        });
+
+        // 获取滤芯状态
+        $("#get-state-btn").click(function(){
+            if (!isRequest) {
+                mui.alert("请先输入mac地址 然后测试...");
+                return;
+            }
+            sendMsgAndReceiveData(deviceId, "*isUse#", function(state, data){
+                if (state == 200) {
+                    var t = data.split("");
+                    // 先清空
+                    $("#state-div").html("");
+                    for (var i = 0; i < t.length; i++) {
+                        if (t[i] == "0") {
+                            // 不可用
+                            $("#state-div").append("<span class='iconfont icon-lvxin_null'></span>");
+                        } else {
+                            $("#state-div").append("<span class='iconfont icon-lvxin_full'></span>");
+                        }
+                    }
+                } else {
+                    mui.alert("获取失败,请重试!");
+                }
+            });
+        });
+    });
+
+    // 填充参数
+    function append(hour) {
+        var temp = hour + "";
+        if (hour.length == 5) {
+            return temp;
+        }
+        return append("0" + hour);
+    }
+</script>
+</body>
+</html>

+ 98 - 0
watero/view/lease_desc.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>产品介绍</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=3, 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>
+		.table-box{display:table;width:100%;text-align: center;border:1px solid rgba(0,0,0,.1);border-radius: 7px;}
+		.table-box>div{display:table-cell;width: 50%;height: 100%;vertical-align: middle;}
+		.table-box>div:first-child{font-size: 0;line-height: 0;}
+		.table-box>div img{width:100%;}
+		h4{color:#666;padding-bottom:10px;}
+		.mui-table-view:after,.mui-table-view:before,.mui-table-view li:after,.mui-table-view:before{display:none;}
+	</style>
+	<script src="/js/mui.min.js"></script>
+	<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>
+<div class="mui-content" style="background: #fff;">
+	<ul class="mui-table-view" style="margin-top: 5px;">
+		<li class="mui-table-view-cell">
+			<div class="table-box">
+				<div><img src="//s.iamberry.com/watero/images/shop/desc_menu1.jpg" /></div><div><h4>产品资质</h4><h6>查看更多</h6></div>
+			</div>
+		</li>
+		<li class="mui-table-view-cell">
+			<div class="table-box">
+				<div><img src="//s.iamberry.com/watero/images/shop/desc_menu2.jpg" /></div><div><h4>产品H5</h4><h6>查看更多</h6></div>
+			</div>
+		</li>
+		<li class="mui-table-view-cell">
+			<div class="table-box">
+				<div><img src="//s.iamberry.com/watero/images/shop/desc_menu3.jpg" /></div><div><h4>功能介绍视频</h4><h6>查看更多</h6></div>
+			</div>
+		</li>
+		<li class="mui-table-view-cell">
+			<div class="table-box">
+				<div><img src="//s.iamberry.com/watero/images/shop/desc_menu4.jpg" /></div><div><h4>生活场景视频</h4><h6>查看更多</h6></div>
+			</div>
+		</li>
+	</ul>
+</div>
+<script src="/js/jquery-2.1.1.min.js"></script>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        mui.each(document.querySelectorAll('.mui-table-view .mui-table-view-cell'), function(index, el) {
+            el.addEventListener('tap', function() {
+                switch (index) {
+                    case 0:
+                        //产品资质
+                        mui.openWindow({
+                            url: '//w.iamberry.com/watero/view/product/certificate.html'
+                        });
+                        break;
+                    case 1:
+                        //产品H5
+                        mui.openWindow({
+                            url: '//www.watero.cn/watero_wap_app_1.2/index.html'
+                        });
+                        break;
+                    case 2:
+                        //功能介绍视频
+                        mui.openWindow({
+                            url: '//m.v.qq.com/x/page/y/1/k/y0348fng61k.html?ptag=v_qq_com%23v.play.adaptor%233'
+                        });
+                        break;
+                    case 3:
+                        //生活场景视频
+                        mui.openWindow({
+                            url: '//m.v.qq.com/x/page/o/p/s/o0344c2okps.html?ptag=v_qq_com%23v.play.adaptor%233'
+                        });
+                        break;
+                    default:
+                        break;
+                }
+            }, false);
+        });
+        document.querySelector('.loading-bg').style.display='none';
+    });
+</script>
+</body>
+</html>

+ 116 - 0
watero/view/lease_order_win.html

@@ -0,0 +1,116 @@
+<!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>
+		.tips{padding-bottom: 65px;}
+		.gift-card-title{padding:35px 0 0 0;}
+		.gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
+		.gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
+		.gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
+		.gift-card-title .mui-table-view-cell{color: #fff;}
+		.mui-table-view-cell:after,.mui-table-view:after,.mui-table-view:before{display:none;}
+		.mui-icon-checkmarkempty{font-size:90px;background: #1cc9f4;border-radius: 50%;}
+		.my-btn-line{border: 1px solid #71d8ec; background: transparent;color: #71d8ec;padding: 5px 10px;}
+		#go_lease_order_details{color:#1cc9f4;text-decoration: underline;}
+	</style>
+	<script>
+        // 屏蔽分享
+        //window.hiddenAllWechatMenu = true;
+        var url = '//'+document.domain+'/watero/view/i_want_lease_test.html';
+        window.repleFlag = true;
+        window.repleWxData = {
+            "appId": "",
+            "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
+            "link": url,
+            "desc": "快来围观吧,美国watero一款可移动的净水机。",
+            "title": "净水机可以租啦!",
+            "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
+            "shareTimeSuccess": "分享成功",
+            "shareTimeCancel": "已取消分享",
+            "shareAppSuccess": "分享成功!",
+            "shareAppCancel": "已取消分享"
+        };
+	</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;">
+	<div class="tips">
+		<ul class="mui-table-view gift-card-title">
+			<li class="mui-table-view-cell mui-text-center">
+				<span class="mui-icon mui-icon-checkmarkempty"></span>
+			</li>
+		</ul>
+		<ul class="mui-table-view mui-text-center">
+			<li style="color: #999;">
+				租用下单成功
+			</li>
+			<li style="color: #999;">
+				我们将尽快联系您发货
+			</li>
+			<li class="mui-table-view-cell">
+				<a id="go_lease_order_details" name="lease_order_details.html?rentStatus=-1">查看租用订单详情</a>
+			</li>
+			<li class="mui-text-center gzwx">
+				<img width="30%" style="padding-top:35px;" src="//s.iamberry.com/watero/images/shop/lease-2wm.png" />
+			<li>
+			<li class="mui-table-view-cell gzwx" style="color: #999;">
+				请长按识别二维码,关注公众号享受售后服务
+			<li>
+		</ul>
+	</div>
+</div>
+<div style="position: fixed;width: 100%;left: 0;bottom: 0;text-align: center;padding: 15px 0;color: #999;">
+	深圳爱贝源科技有限公司<br/>服务热线:<a href="tel:400-800-6692">400-800-6692</a>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function() {
+        mui.ajax(base_path + '/rent_order/isFocus', {
+            data: {},
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+				/*console.log(dt)*/
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                }else{
+                    if(dt.status) {
+                        $(".gzwx").hide();
+                    }else{
+                        $(".gzwx").show();
+                    }
+                    document.querySelector('.loading-bg').style.display = 'none';
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+                document.querySelector('.loading-bg').style.display = 'none';
+            }
+        });
+    });
+    mui('body').on('tap', '#go_lease_order_details', function() {
+        location.href=this.getAttribute("name");
+    });
+</script>
+</body>
+</html>

+ 40 - 0
watero/view/lease_test_xieyi.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>租赁协议</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=3, 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" />
+	<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>
+
+<div class="mui-content" style="background: #fff;">
+	<img width="100%" src="//s.iamberry.com/watero/images/shop/xieyi_lease1.jpg" />
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        //$(".new-time").text(formatDate(new Date()));
+        document.querySelector('.loading-bg').style.display='none';
+    });
+</script>
+</body>
+</html>

+ 74 - 0
watero/view/lease_xieyi.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>售后说明</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=3, 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
+			.mui-table-view>li{margin: 10px 0;}
+		.mui-table-view:before,.mui-table-view:after{display: none;}
+		.mui-table-view >li:before,.mui-table-view >li:after{display: none;}
+		</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>
+
+			<div class="mui-content" style="background: #fff;">
+				<div style="padding: 10px">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell">
+						一、邮寄前注意事项及邮寄地址
+					</li>
+					<li  class="mui-h6">
+						1、您好,机器邮寄前请将水箱、接水台中的水倒掉并擦干,机器
+						内置水箱中的水要通过排水管塞排干净,确保机器不会再出水,避
+						免运输途中水溅入机器内部造成不必要的损失;用原包装或泡沫等
+						材质包裹好机身。避免运输途中造成机器磕碰、损坏。
+					</li>
+					<li  class="mui-h6">
+						2、邮寄地址:东莞清溪三中金龙工业区徐福记对面优尼雅电子科技
+						陈舜杰,13168418770
+					</li>
+					<li class="mui-table-view-cell">
+						二、邮寄方式及运费
+					</li>
+					<li class="mui-h6">
+						1、请勿寄顺丰、EMS以及到付件快递,其他快递物流随意,寄回
+						时,麻烦您在产品箱里留下机器故障说明,并提供给客服快递单号
+						便于客服查询和及时跟进您的换货/维修进度
+					</li>
+					<li class="mui-h6">
+						2、寄回的运费需要您先垫付,待工厂检测之后,如果是产品问题
+						我公司会承担您寄回机器的运费,之后将通过支付宝等方式退还您!
+						如果检测结果是人为原因造成,则需您自行承担运费。
+					</li>
+				</ul>
+				</div>
+			</div>
+	<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+	mui.ready(function(){
+		//$(".new-time").text(formatDate(new Date()));
+		document.querySelector('.loading-bg').style.display='none';
+	});
+</script>
+</body>
+</html>

+ 43 - 0
watero/view/member_benefits.html

@@ -0,0 +1,43 @@
+<!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?v=2016111701">
+	<link rel="stylesheet" type="text/css" href="/css/icons-extra.css" />
+	<link rel="stylesheet" type="text/css" href="/css/style.css?v=2016111701" />
+	<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>
+
+<div class="mui-content" style="background: #fff;">
+	<div class="mui-text-center">
+		<h3 style="padding: 70px 0 30px 0;">WaterO会员权益</h3>
+		<img style="width:80%;display: block;margin: 0 auto;" src="//s.iamberry.com/watero/images/vip-4.jpg" />
+	</div>
+</div>
+
+<script src="/js/mui.min.js"></script>
+<script src="/js/jquery-2.1.1.min.js"></script>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        console.log("页面加载完毕")
+        document.querySelector('.loading-bg').style.display='none';
+    });
+</script>
+</body>
+</html>

+ 142 - 0
watero/view/order_service.html

@@ -0,0 +1,142 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/style.css" />
+	<style>
+		.huanhuo,.tuihuo,.tuikuan{position: relative;display: inline-block;width: 70px;height: 20px;color: #666;    text-align: center;}
+		.huanhuo:after{content: '申请换货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
+		.tuihuo:after{content: '申请退货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
+		.tuikuan:after{content: '申请退款';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
+		.iconfont{color: #22cbf5;font-size: 30px;}
+		.mui-table-view:after,.mui-table-view:before,.mui-table-view .mui-table-view-cell:after,.mui-table-view .mui-table-view-cell:before{display: none;}
+		.mui-table-view-cell{padding: 20px 15px;background: #eee;margin: 10px 0;border-radius: 5px;}
+		.mui-navigate-right:after, .mui-push-right:after {font-size: 25px;color: #666;}
+	</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>
+<div class="mui-content" style="background: #fff;">
+	<div class="mui-content-padded">
+		<ul class="mui-table-view" id="my_order_service">
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right my-navigate-right" href="/watero/view/apply_replacement.html">
+						<span class="iconfont icon-huanhuo"><span/><div class="huanhuo"></div>
+				</a>
+			</li>
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right my-navigate-right"  href="/watero/view/apply_returns.html">
+						<span class="iconfont icon-tuihuo"><span/><div class="tuihuo"></div><span class="mui-h6" style="-webkit-transform:translateY(-50%);">(退还押金)</span>
+				</a>
+			</li>
+			<li class="mui-table-view-cell">
+				<a class="mui-navigate-right my-navigate-right1"  href="#">
+						<span class="iconfont icon-tuikuan"><span/><div class="tuikuan"></div>
+				</a>
+			</li>
+		</ul>
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        var parm=getParam("orderId"),item=getParam("itemId"),postStatus=getParam("postStatus");
+        mui.each(document.querySelectorAll('#my_order_service .my-navigate-right'), function(index, el) {
+            var th=this;
+            el.addEventListener('tap', function() {
+                if(postStatus==5){
+                    mui.openWindow({
+                        url: th.getAttribute("href")+"?orderId="+parm+"&itemId="+item
+                    });
+                }else{
+                    mui.alert('此订单暂时不支持此操作');
+                }
+            }, false)
+        });
+        mui('body').on('tap', '.my-navigate-right1', function() {
+            if(postStatus==2) {
+                mui.ajax(base_path + '/rent_order/apply_return_money', {
+                    data: {
+                        orderId: parm,
+                        itemId: item
+                    },
+                    type: 'post',
+                    timeout: 15000,
+                    success: function (dt) {
+						/*console.log(dt)*/
+                        if (dt.isRedirect) {
+                            location.href = dt.redirectURL;
+                        } else {
+                            if (dt.status) {
+                                mui.alert("申请成功!", function () {
+                                    location.href = 'lease_order_details.html?rentStatus=-1';
+                                });
+                            } else {
+                                mui.alert(dt.message);
+                            }
+                        }
+                    },
+                    error: function (xhr, type, errorThrown) {
+                        console.log(xhr)
+                    }
+                });
+            }else if(postStatus==3){
+                mui.alert('正在退款中,请耐心等候');
+            }else{
+                mui.alert('此订单暂时不支持此操作');
+            }
+        });
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    function getOrderStatus(status){
+        switch (status){
+            case 0:
+                return '取消订单';
+            case 1:
+                return '待支付';
+            case 2:
+                return '待发货';
+            case 3:
+                return '退款申请中';
+            case 4:
+                return '已退款';
+            case 5:
+                return '已发货';
+            case 6:
+                return '申请退货中';
+            case 7:
+                return '退货中';
+            case 8:
+                return '退货成功';
+            case 9:
+                return '换货中';
+            case 10:
+                return '换货完成';
+            case 11:
+                return '申请换货中';
+            default:
+                break;
+        }
+    }
+</script>
+</body>
+</html>

+ 101 - 0
watero/view/push_jiangli.html

@@ -0,0 +1,101 @@
+<!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>
+		.desc-content{padding:30px 0 40px 0;background: #fff;}
+		.img_div>img{display: block;}
+		.my-btn-blue{border: 1px solid rgba(73,212,246,.5);background-color: transparent;color: rgb(73,212,246);}
+		.my-btn-box{text-align: center;padding: 20px;background: #fff;}
+		.my-btn-box>button{margin: 0 25px;}
+		.my-btn-blue:active{background-color:rgb(73,212,246) !important;color: #fff !important;}
+		.mui-backdrop {position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;background: url(//s.iamberry.com/watero/images/shop/share_tj.png) top center no-repeat rgba(0, 0, 0, .4);background-size: 100%;}
+	</style>
+</head>
+<body>
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<div class="img_div">
+		<img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-01.jpg" />
+		<img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-02.jpg" />
+		<img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-03.jpg" />
+	</div>
+	<div class="my-btn-box">
+		<button class="mui-btn my-btn-blue" id="i_want_lease">我要租用</button><button class="mui-btn my-btn-blue" id="my_btn_share">分享推荐</button>
+	</div>
+	<div class="mui-text-center mui-h6 desc-content">
+		注:本活动最终解释权归爱贝源科技有限公司所有
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        $.ajax({
+            type: 'post',
+            url: base_path + '/rent_order/select_rent_order_num',
+            data: {},
+            dataType: 'json',
+            timeout: 15000,
+            success: function(dt) {
+                console.log(dt)
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                } else {
+                    if(dt.status){
+                        if(dt.data>0){
+                            mui.openWindow({
+                                url: "i_want_lease.html?dates=" + new Date().getTime()
+                            })
+                        }
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr);
+            }
+        })
+        var url = "https:" + domanUrl+"/watero/view/push_jiangli.html";
+        window.repleFlag = false;
+        window.wxFriend = {
+            "appId": "",
+            "imgUrl": '//s.iamberry.com/watero/images/shop/share_lease_0.jpg',
+            "link": url,
+            "desc": "高端智能净水机不用买,可以直接拿回家用啦!这是一款可租赁的智能净水机!体验好了,分享出去,还可有千元现金可以拿!",
+            "title": "Watero智能净水机免费用!还可赢现金豪礼!",
+            "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
+            "shareTimeSuccess": "分享成功",
+            "shareTimeCancel": "已取消分享",
+            "shareAppSuccess": "分享成功!",
+            "shareAppCancel": "已取消分享"
+        };
+        getConfig();
+        document.querySelector('.loading-bg').style.display='none';
+    });
+    mui('body').on('tap', '#i_want_lease', function() {
+        mui.openWindow({
+            url: "i_want_lease.html?dates=" + new Date().getTime()
+        })
+    });
+    mui('body').on('tap', '#my_btn_share', function() {
+        mask.show();
+    });
+    var mask = mui.createMask(function() {});
+</script>
+</body>
+</html>

+ 229 - 0
watero/view/replace_free_filter.html

@@ -0,0 +1,229 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/icons-extra.css"/>
+	<link rel="stylesheet" href="/css/style.css" />
+	<style type="text/css">
+		.cart_fixed{position: fixed;right: 30px;bottom:135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;}
+		.cart_fixed .mui-badge{position: absolute;right:-7px;top:-5px;font-size: 12px;}
+		.return{position: fixed;right: 30px;bottom: 80px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .9;color: #333;display: none;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #1cc9f4;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #c5c5c5;}
+		.cl-blue{color: #1cc9f4;}
+		.iconfont{font-size: 20px;}
+		.mui-content-madded{background: #fff;padding: 10px;}
+		.lease-ul{font-size: 12px;color: #999;}
+		.lease-ul li{padding: 5px 0;}
+		.lease-left{display: inline-block;width: 25%;}
+		.ul_radio{width: 73%;display: inline-block;}
+		.ul_radio li{width:100%;height: 55px;margin: 0 1%;border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
+		.radio-cell .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
+		.lease-r-center{position: absolute;left: 70px;top: 20px;}
+		.lease-color{padding: 10px 0;float: left;}
+		.lease-select-box{padding: 12px 0;position: relative;}
+		.lease-select{position: absolute;left: 0;top: 10px;}
+		.mui-input-row{font-size: 13px;}
+		.mui-input-row input{font-size: 13px;}
+		.mui-input-group:before{display: none;}
+		.btn-pull-code{position: absolute;right: 10px;top:3px;height:34px;padding:0 6px;border-radius: 5px; line-height: 34px;font-size: 12px; color: #fff; background: #24cae9;}
+		.btn-pull-code .active{background: #c8c8c8;}
+		.icon-fuxuankuang a {color: #24cae9;}
+		.icon-fuxuankuang{font-size: 13px;padding:5px 5px 5px 22px;}
+		.icon-fuxuankuang:before{font-size: 13px;color:#e4004d;position: absolute;left: 0;width: 20px;height: 18px;}
+		.icon-fuxuankuang.mui-active:before {color: #c8c8c8;}
+		#xieyi-dalog{text-decoration:underline}
+		.ul_noline{padding-bottom: 60px;}
+		.ul_noline:before{display: none;}
+		.ul_noline li:after{display: none;}
+		.address_ul{color: #999;font-size: 12px;}
+		.address_ul li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
+		.my-select {border:0!important;color: #999;background-color: #f5f5f5;margin-bottom: 0;padding: 3px 14px;text-align: center;-webkit-appearance: menulist;height: 40px;}
+		.my-view1:after,.my-view1 li:after{display: none;}
+		.device_num{position: absolute;left: 0;top: 65%;width: 100%;color: #fff;text-align: center;}
+		.mui-table-view:after{display: none;}
+	</style>
+	<script>
+        // 屏蔽分享
+        window.hiddenAllWechatMenu = true;
+	</script>
+</head>
+
+<body style="background-color: #fff;">
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<div style="position: relative;">
+		<img src="//s.iamberry.com/watero/images/shop/renew_bg1.png" width="100%" style="display: block;"/>
+		<img src="//s.iamberry.com/watero/images/shop/my_equipment.png" style="width:25%;left: 38%;top: 15%;position: absolute;"/>
+		<div class="device_num">
+			<!--no.3456--><span class="my_num"></span>
+			<br />
+			提示:<span class="lvxin_status"></span>滤芯失效
+		</div>
+	</div>
+	<div style="padding: 0 10px;background: #fff;">
+		<ul class="mui-table-view">
+			<li class="mui-table-view-cell" style="padding: 11px 0;">
+				按机器反馈信息,将为您邮寄:   <span class="device_lvxin"></span>
+			</li>
+		</ul>
+		<ul class="lease-ul">
+			<li>感谢您的使用!</li>
+		</ul>
+
+		<ul class="mui-table-view ul_noline">
+			<li class="mui-table-view-cell" style="padding: 11px 0 0 0;">
+				<span class="iconfont icon-lease2 cl-blue"></span>&nbsp;选择邮寄信息
+			</li>
+			<li class="mui-table-view-cell"  style="padding: 11px 10px;">
+				<a class="mui-navigate-right"  id="open-wechat-addres-a">
+					<!--选择收货地址-->
+					<ul class="address_ul">
+						<li>
+							<span class="mui-h5">收货信息: 请选择收货地址</span>
+						</li>
+						<!--<li>收  货  人:林林</li>
+                        <li>手 机 号:15999999999</li>
+                        <li>详细地址:广东省深圳市福田区莲花街道特区报业大厦12B</li>-->
+					</ul>
+				</a>
+			</li>
+		</ul>
+	</div>
+	<div class="buy-footer">
+		<button type="button" class="mui-btn my-btn-hand active" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="申请中..." id="btn_submit" disabled="disabled">确认申请</button>
+	</div>
+</div>
+<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 src="/js/shop/wechat-utils-1.0.js"></script>
+<script>
+    var check = false;
+    var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
+    var t1=getParam("t1"),t2=getParam("t2"),t3=getParam("t3"),t4=getParam("t4"),deviceId=getParam("deviceId");
+    mui.ready(function() {
+        $(".my_num").text("设备编号:"+deviceId);
+        var str="";
+        var count=0;
+        if(t1!=1){str+="T1、";count++;}
+        if(t2!=1){str+="T2、";count++;}
+        if(t3!=1){str+="T3、";count++;}
+        if(t4!=1){str+="T4、";count++;}
+        console.log(str)
+        if(count>1){
+            $(".lvxin_status").text(str);
+            $(".device_lvxin").text(str+"滤芯各一个");
+        }else if(count==0){
+            $(".lvxin_status").text("暂无");
+            $(".device_lvxin").text("滤芯0个");
+        }else{
+            $(".lvxin_status").text(str);
+            $(".device_lvxin").text(str+"滤芯一个");
+        }
+        document.querySelector('.loading-bg').style.display = 'none';
+    });
+    var address='',nickname='',ads_tel='';
+    //获取微信共享地址
+    mui('body').on('tap', '#open-wechat-addres-a', function() {
+        editAddrV1(
+            function(res) {
+                // 用户成功拉出地址
+                address = res.provinceName + "-" + res.cityName + "-" + res.countryName + "-" + res.detailInfo;
+                nickname=res.userName;
+                ads_tel= res.telNumber;
+                wechatAddr.status = true;
+                wechatAddr.detailInfo = address;
+                wechatAddr.postalCode = res.postalCode;
+                wechatAddr.userName = res.userName;
+                wechatAddr.userTel = res.telNumber;
+                wechatAddr.nationalCode = res.nationalCode;
+                $(".address_ul").empty().append('<ul class="ft-12" style="color: #333;"><li>收  货  人:'+ wechatAddr.userName +'</li><li>手 机 号:' + wechatAddr.userTel + '</li><li>详细地址:'+ wechatAddr.detailInfo+'</li></ul>');
+
+                if(check){
+                    $("#btn_submit").removeClass("active").removeAttr("disabled");
+                }
+            },
+            function() {
+                if($('.address_ul').html() != null && $('.address_ul').html() != '') {
+                    wechatAddr.status = true;
+                } else {
+                    wechatAddr.status = false;
+                    // 用户取消拉出地址
+                    $('.address_ul').html('收货地址<span class="mui-h5">请选择收货地址</span>');
+                }
+            }
+        );
+
+    });
+
+    mui('body').on('tap', '#btn_submit', function() {
+        if(check){
+            if(isPay) {
+                isPay = false; // 锁定请求按钮
+                mui(this).button('loading');
+                var param = {
+                    filterT1:t1,
+                    filterT2:t2,
+                    filterT3:t3,
+                    filterT4:t4,
+                    logsMachineDeviceId:deviceId,
+                    logsAddressInfo:address,
+                    logsAddressTel:ads_tel,
+                    logsAddressName:nickname
+                };
+                $.ajax({
+                    type: 'post',
+                    url: '/watero/wechat/machine/save_change_filter?dates=' + new Date().getTime(),
+                    data: param,
+                    dataType: 'json',
+                    timeout: 15000,
+                    success: function(dt) {
+                        //console.log(dt);
+                        if(dt.isRedirect) {
+                            location.href = dt.redirectURL;
+                        }else{
+                            if(dt.status) {
+                                isPay = true;
+                                mui(th).button('reset');
+                                mui.alert("申请成功!");
+                            } else {
+                                mui(th).button('reset');
+                                isPay = true;
+                                mui.alert('申请失败,请稍后重试或联系客服!');
+                            }
+                        }
+                    },
+                    error: function(xhr, type, errorThrown) {
+                        //异常处理;
+                        console.log(xhr);
+                        isPay = true;
+                        mui.alert("请检查网络或刷新页面重试!");
+                        mui(th).button('reset');
+                    }
+                });
+            }else{
+                mui.alert("正在申请中~~请稍后!");
+                return;
+            }
+        }else{
+            mui.alert('请选择邮寄地址信息!');
+        }
+    });
+</script>
+</body>
+
+</html>

+ 282 - 0
watero/view/replace_free_filter_log.html

@@ -0,0 +1,282 @@
+<!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" href="/css/mui.min.css">
+	<link rel="stylesheet" href="/css/iconfont.css" />
+	<link rel="stylesheet" href="/css/icons-extra.css"/>
+	<link rel="stylesheet" href="/css/style.css" />
+	<style type="text/css">
+		.return{position: fixed;
+			right: 30px;
+			bottom: 80px;
+			background: rgba(0,0,0,.2);
+			padding: 12px;
+			border-radius: 50%;
+			text-align: center;
+			opacity: .9;color: #333;display: none;}
+		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
+		.my-btn-hand.active{background-color: #1cc9f4;}
+		.cl-blue{color: #1cc9f4;}
+		.iconfont{font-size: 20px;}
+		.mui-content-madded{background: #fff;padding: 10px 10px 40px 10px;}
+		.lease-ul{font-size: 12px;color: #999;}
+		.device_num{position: absolute;left: 0;top: 70%;width: 100%;color: #fff;text-align: center;}
+		article, section, time, aside {
+			display: block;
+		}
+		.point-time {
+			content: "";
+			position: absolute;
+			width: 12px;
+			height: 12px;
+			top: 5px;
+			left: 28%;
+			background: #1c87bf;
+			margin-left: -5px;
+			border-radius: 50%;
+		}
+
+		.text-red {
+			color: #f6393f;
+		}
+
+		.text-blue {
+			color: #1c87bf;
+		}
+		.point-blue {
+			background-color: #1cc9f4;
+		}
+		.content {
+			width: 100%;
+			margin: 0 auto;
+			padding: 10px 0;
+		}
+		.content article {
+			position: relative;
+		}
+		.content article > h3 {
+			width: 100%;
+			height: 20px;
+			line-height: 20px;
+			text-align: left;
+			text-indent: 3%;
+			font-size: 1.4em;
+			color: #fff;
+			padding: 10px 0 20px;
+			background-color: #dd6d01;
+		}
+		.content article section {
+			padding: 0 0 17px;
+			position: relative;
+		}
+		.content article section:before {
+			content: "";
+			width: 2px;
+			top: 5px;
+			bottom:-30px;
+			left: 28%;
+			background: #1cc9f4;
+			position: absolute;
+		}
+		.content article section:last-child:before {
+			display: none;
+		}
+		.content article section time {
+			width: 25%;
+			display: block;
+			position: absolute;
+		}
+		.content article section time > span {
+			display: block;
+			text-align: center;
+			margin-left: 0;
+			color: #999;
+		}
+		.content article section aside {
+			color: #3a3a38;
+			margin-left: 35%;
+			padding-bottom: 15px;
+		}
+		.content article section .brief {
+			color: #9f9f9f;
+		}
+		.content article section aside .things {
+			color: #999;margin-top: 5px;
+		}
+	</style>
+	<script>
+        // 屏蔽分享
+        window.hiddenAllWechatMenu = true;
+	</script>
+</head>
+
+<body style="background-color: #fff;">
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<div style="position: relative;">
+		<img src="//s.iamberry.com/watero/images/shop/renew_bg1.png" width="100%" style="display: block;"/>
+		<img src="//s.iamberry.com/watero/images/shop/my_equipment.png" style="width:25%;left: 38%;top:20%;position: absolute;"/>
+		<div class="device_num">
+			<!--no.3456-->
+		</div>
+	</div>
+
+
+	<div class="mui-content-madded">
+
+		<div class="content">
+			<article>
+				<!--					<section>
+                                        <span class="point-time point-blue"></span>
+                                        <time>
+                                            <span>2017-03-12</span>
+                                        </time>
+                                        <aside>
+                                            <p class="things">
+                                                产品:T1x1、T2x1
+                                            </p>
+                                            <p class="things">
+                                                状态:申请中<span class="mui-pull-right cl-blue">取消</span>
+                                            </p>
+                                        </aside>
+                                    </section>
+                                    <section>
+                                        <span class="point-time point-blue"></span>
+                                        <time>
+                                            <span>2017-03-12</span>
+                                        </time>
+                                        <aside>
+                                            <p class="things">
+                                                产品:T1x1、T2x1
+                                            </p>
+                                            <p class="things">
+                                                状态:申请中<span class="mui-pull-right cl-blue">查看物流</span>
+                                            </p>
+                                        </aside>
+                                    </section>
+                                    <section>
+                                        <span class="point-time point-blue"></span>
+                                        <time>
+                                            <span>2017-03-12</span>
+                                        </time>
+                                        <aside>
+                                            <p class="things">
+                                                产品:T1x1、T2x1
+                                            </p>
+                                            <p class="things">
+                                                状态:已完成
+                                            </p>
+                                        </aside>
+                                    </section>-->
+			</article>
+		</div>
+	</div>
+</div>
+<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");
+    mui.ready(function() {
+        mui.ajax('/watero/wechat/machine/select_change_filter_list', {
+            data: {
+                deviceId: deviceId
+            },
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+                //console.log(dt)
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                }else{
+                    if(dt.status) {
+                        $(".device_num").text("设备编号:"+dt.data[0].logsMachineDeviceId);
+                        var logs_data = [];
+                        logs_data = dt.data;
+                        var table = $('.content>article');
+                        var html_str='';
+                        var lvxin='';
+                        mui(logs_data).each(function(index) {
+                            // var section = document.createElement('section');
+
+                            var status='';
+                            var btn_str='<span class="mui-pull-right cl-blue">取消</span>';
+                            switch (this.logsStatus){
+                                case 0:
+                                    status='取消';
+                                    btn_str='';
+                                    break;
+                                case 1:
+                                    status='申请中';
+                                    break;
+                                case 2:
+                                    status='更换中';
+                                    break;
+                                case 3:
+                                    status='驳回';
+                                    btn_str='';
+                                    break;
+                                case 4:
+                                    status='已发货';
+                                    btn_str='<span class="mui-pull-right cl-blue show_post_info" postfirm="' + this.logsPostFirm + '" postnum="' + this.logsPostNum + '" gourl="/watero/view/replace_free_filter_log.html?deviceId="'+deviceId+'">查看物流</span>';
+                                    break;
+                                case 5:
+                                    status='已完成';
+                                    btn_str='';
+                                    break;
+                                default:
+                                    break;
+                            }
+                            if(index<(logs_data.length-1)){
+                                console.log(logs_data[index+1].logsCreateTime)
+
+                                console.log(formatDate(this.logsCreateTime)==formatDate(logs_data[index+1].logsCreateTime) && this.logsStatus==logs_data[index+1].logsStatus)
+                                if(formatDate(this.logsCreateTime)==formatDate(logs_data[index+1].logsCreateTime) && this.logsStatus==logs_data[index+1].logsStatus){
+                                    lvxin+='T'+this.logsFilterType+'滤芯 ';
+                                    console.log(lvxin)
+                                }else{
+                                    html_str='<section><span class="point-time point-blue"></span><time><span>'+formatDate(this.logsCreateTime)+'</span></time><aside><p class="things">产品:T'+this.logsFilterType+'滤芯 '+lvxin+'</p><p class="things">状态:'+status+btn_str+'</p></aside></section> ';
+                                    lvxin='';
+                                    // console.log(lvxin)
+                                    table.append(html_str);
+                                }
+                            }else{
+                                html_str='<section><span class="point-time point-blue"></span><time><span>'+formatDate(this.logsCreateTime)+'</span></time><aside><p class="things">产品:'+lvxin+'T'+this.logsFilterType+'滤芯 '+'</p><p class="things">状态:'+status+btn_str+'</p></aside></section> ';
+                                table.append(html_str);
+                            }
+							/*section.innerHTML='<section><span class="point-time point-blue"></span><time><span>'+formatDate(this.logsCreateTime)+'</span></time><aside><p class="things">产品:T1x1、T2x1</p><p class="things">状态:'+status+'<span class="mui-pull-right cl-blue">取消</span></p></aside></section>';
+							 table.appendChild(section);*/
+                        });
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+        document.querySelector('.loading-bg').style.display = 'none';
+    });
+
+    function formatDate(now) {
+        now = new Date(now);
+        var year = now.getFullYear();
+        var month = now.getMonth() + 1;
+        var date = now.getDate();
+        return year + "-" + month + "-" + date
+    };
+</script>
+</body>
+
+</html>

+ 116 - 0
watero/view/water_competition.html

@@ -0,0 +1,116 @@
+<!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-bar-nav {top: 0;-webkit-box-shadow: 0 0 0 #ccc;box-shadow: 0 0 0 #ccc;background: #fff;}
+		.my-bar-nav  .mui-btn-link{color: #1cc9f4;font-size: 14px;}
+
+		.my-btn-bluetooth{color: #1cc9f4;padding:2px 18px;font-size: 15px;border-color: #1cc9f4;}
+		.my-table-noline:after,.my-table-noline:before,.my-table-noline li:after,.my-table-noline:before{display: none;}
+		.mui-btn-link{color: #1cc9f4;}
+		.my-btn-water-quality{padding:6px 38px;font-size: 15px;}
+		.my-btn-water-quality.active{border: 1px solid rgba(78,215,249,.5);color: #1cc9f4;}
+	</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 shareId=getParam("shareId");
+        // 屏蔽分享
+        //window.hiddenAllWechatMenu = true;
+        var url = '//'+document.domain+'/watero/view/water_competition.html?shareId='+shareId;
+        window.repleFlag = true;
+        window.repleWxData = {
+            "appId": "",
+            "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
+            "link": url,
+            "desc": "快来围观吧,美国watero一款可移动的净水机。",
+            "title": "净水机可以租啦!",
+            "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
+            "shareTimeSuccess": "分享成功",
+            "shareTimeCancel": "已取消分享",
+            "shareAppSuccess": "分享成功!",
+            "shareAppCancel": "已取消分享"
+        };
+	</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">
+
+		</li>
+		<li class="mui-table-view-cell">
+			<img id="wechat_tx" src="//s.iamberry.com/watero/images/shop/image-12.jpg" width="60px"  style="border-radius: 50%;border: 3px solid #afedfc;"/><br/>
+			<span class="mui-h6 wechat_name"></span>
+			<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">相当于<span class="tong_l">0</span>桶传统18.9 L的桶装水</span>
+		</li>
+		<li class="mui-table-view-cell">
+			<span class="mui-h5 my_shuizhi">我家水质(tds):未知</span>
+		</li>
+		<li class="mui-table-view-cell">
+			<img src="//s.iamberry.com/watero/images/shop/szbp_2wm.png" width="30%" />
+		</li>
+		<li class="mui-table-view-cell mui-h6">
+			长按识别,马上租用<br/>甚至不要押金哦!
+		</li>
+	</ul>
+</div>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
+<script type="text/javascript">
+    mui.ready(function(){
+        mui.ajax(base_path + '/machine/selectCompeteWater', {
+            data: {
+                shareId: shareId
+            },
+            type: 'post',
+            timeout: 15000,
+            success: function(dt) {
+				/*console.log(dt)*/
+                if(dt.isRedirect) {
+                    location.href = dt.redirectURL;
+                }else{
+                    console.log(dt);
+                    if(dt.status) {
+                        $(".wechat_tx").attr("src",dt.competeWaterInfo.shareUserHead);
+                        $(".wechat_name").text(decodeURI(dt.competeWaterInfo.shareNickname));
+                        $(".count_l").text(dt.competeWaterInfo.machineAmountWater);
+                        console.log(accDiv(dt.competeWaterInfo.machineAmountWater,18.9))
+                        $(".tong_l").text(accDiv(dt.competeWaterInfo.machineAmountWater,18.9));
+                        $(".my_shuizhi").text("我家水质(tds):"+dt.competeWaterInfo.machineWaterTDS);
+                    }
+                }
+            },
+            error: function(xhr, type, errorThrown) {
+                console.log(xhr)
+            }
+        });
+        document.querySelector('.loading-bg').style.display='none';
+    });
+</script>
+</body>
+</html>

+ 149 - 0
watero/view/water_competition_for_me.html

@@ -0,0 +1,149 @@
+<!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>

+ 37 - 0
watero/view/wechat_sweep.html

@@ -0,0 +1,37 @@
+<!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" />
+	<script type="text/javascript">
+        // 屏蔽分享
+        window.hiddenAllWechatMenu = true;
+	</script>
+</head>
+<body>
+<div class="loading-bg">
+	<div class="mui-loading">
+		<div class="mui-spinner">
+		</div>
+		&nbsp;&nbsp;加载中...
+	</div>
+</div>
+<div class="mui-content">
+	<img width="100%" src="//s.iamberry.com/watero/images/hb-1.jpg" />
+</div>
+<script type="text/javascript" src="/js/mui.min.js"></script>
+<script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
+<script src="/js/shop/wechat-utils-1.0.js"></script>
+<script>
+    mui.ready(function() {
+        document.querySelector('.loading-bg').style.display = 'none';
+    });
+</script>
+</body>
+</html>