liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!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>
		.mui-table-view:after{display: none;}
		.mui-table-view.mui-grid-view .mui-table-view-cell {padding: 10px 0 0 12px;}
		.abs-left{position: absolute;left: 20px;top: 20px;color: #fff;}
		.abs-left h6{color: #f0f0f0;margin-top: 0;}
		.center-middle{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);color: #fff;font-size: 24px;}
		.abs-right{position: absolute;right: 15px;bottom: 12px;color: #f0f0f0;font-size: 14px;}
		article, section, time, aside {display: block;}
		.point-time {content: "";position: absolute;width: 13px;height: 13px;top: 12px;left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;box-shadow: 0 0 0 4px #fff;}
		.point-blue {background-color: #33c8ff;border: 2px solid rgba(193,238,255,.9);}
		.point-green {background-color: #23d8b1;border: 2px solid rgba(189,243,231,.9);}
		.point-yellow {background-color: #ff9c72;border: 2px solid rgba(255,214,197,.9);}
		.point-purple {background-color: #678dfc;border: 2px solid rgba(209,221,254,.9);}
		.point-purple1 {background-color: #96acfb;border: 2px solid rgba(209,221,254,.9);}
		.content {width: 100%;margin: 0 auto;}
		.content article {position: relative;}
		.content article section {padding:5px 0;height: 60px;position: relative;}
		.content article section:before {content: "";width: 3px;top: 17px;bottom: -17px;left: 21px;background: #e6e6e6;position: absolute;}
		.content article section:last-child:before {display: none;}
		.content article section aside {color: #3a3a38;padding-bottom: 15px;margin-right: 10px;}
		.content article section .brief {color: #9f9f9f;}
		.left-bottom{position: absolute;left:20px;bottom:12px;font-size:14px;color:#fff;}
		a{color: #57c1dc;}
		.bgcolor-1{height:45vw;background:url(//s.iamberry.com/watero/images/shop/gift-card-detail-1.jpg) top center no-repeat;background-size: 100% 100%;}
		.bgcolor-2{height:45vw;background:url(//s.iamberry.com/watero/images/shop/gift-card-detail-2.jpg) top center no-repeat;background-size: 100% 100%;}
		/*.mui-card-footer:after{content: '';position: absolute;left: 50%;top: 25%;width: 1px;height: 50%;background: #70D8EB;-webkit-transform: scaleX(.5);}*/
		.mui-card-footer {padding: 0 15%;}
		.my-btn-blue{background-color: #70d8ec;border:0;color:#fff;}
	</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-grid-view">
		<li class="mui-table-view-cell mui-media mui-col-xs-12">
			<div class="mui-card">
				<div class="mui-card-header mui-card-media bgcolor-1">
					<span class="center-middle" id="pwd">*******</span>
					<span class="left-bottom" id="add-time"></span>
					<span class="abs-right" id="status"></span>
				</div>
			</div>
		</li>
	</ul>
	<div class="content">
		<article id="time-list">
			<!-- <section>
                <span class="point-time point-yellow"></span>
                <aside>
                    <p class="things">
                        获取时间：2017-12-01 18:50:03
                    </p>
                </aside>
            </section>
            <section>
                <span class="point-time point-blue"></span>
                <aside>
                    <p class="things">
                        售出时间：2017-12-12 16:30:02
                    </p>
                </aside>
            </section>
            <section>
                <span class="point-time point-green"></span>
                <aside>
                    <p class="things">
                        兑换时间：2017-12-16 09:30:02
                    </p>
                </aside>
            </section>
            <section>
                <span class="point-time point-purple"></span>
                <aside>
                    <p class="things">
                        <div style="display:inline-block;width: auto; height: 40px;line-height: 40px;float: left;">兑换产品：</div><img style="border: 1px solid rgba(0,0,0,.1);padding: 2px;float: left;border-radius: 5px;" width="30px" src="//s.iamberry.com/watero/images/cp-1.jpg" /><div style="display:inline-block;width:auto;height: 40px;float: left;margin-left:10px ;">美国watero<br/>净饮水一体机</div>
                    </p>
                </aside>
            </section>
            <section>
                <span class="point-time point-purple1"></span>
                <aside>
                    <p class="things">
                        兑换状态：已发货
                    </p>
                </aside>
            </section> -->
		</article>
	</div>
	<div class="mui-content-padded mui-text-center">
		<button type="button" class="mui-btn my-btn-blue" id="btn-back">返回代理中心</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 type="text/javascript">
    var name=getParam('name'),psw=getParam('psw');
    mui.ready(function(){
        mui.ajax(base_path + '/giftCard/card/exchangDetails?dates=' + new Date().getTime(), {
            data: {"cardPwd":psw},
            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"){
                        $("#add-time").text(formatDate(dt.returnMsg.card.cardCreateDate));
                        $("#pwd").text(psw);
                        var status='';
                        if(typeof(dt.returnMsg.card.cardPassword)!="undefined"){
                            if (dt.returnMsg.card.cardStatus == 2) {
                                status='已提货';
                                $(".mui-card-header").removeClass("bgcolor-1").addClass("bgcolor-2");
                            } else if (dt.returnMsg.card.cardStatus == 1) {
                                status='待提货';
                                $(".mui-card").append('<div class="mui-card-footer"><a class="myactive" style="width: 100%;"  name="'+dt.returnMsg.card.cardPassword+'" id="'+dt.returnMsg.card.cardId+'">申请提货</a><!--<a class="mui-card-link btn-tixian" id="'+dt.returnMsg.card.cardId+'">申请兑现</a> --></div>');
                            } else if (dt.returnMsg.card.cardStatus == 3){
                                status='已兑现';
                                $(".mui-card-header").removeClass("bgcolor-1").addClass("bgcolor-2");
                            }
                            $("#status").text(status);
                        }
                        var table = $('#time-list'),str='';
                        var cl='';
                        switch (dt.returnMsg.card.machineColor){
                            case "品蓝":
                                cl='cp-1.jpg'
                                break;
                            case "西瓜红":
                                cl='cp-4.jpg'
                                break;
                            case "苹果绿":
                                cl='cp-3.jpg'
                                break;
                            case "品黑":
                                cl='cp-2.jpg'
                                break;
                            default:
                                break;
                        }
                        if(typeof(dt.returnMsg.card.cardCreateDate)!="undefined"){
                            str+='<section><span class="point-time point-yellow"></span><aside><p class="things">获取时间：'+formatDate(dt.returnMsg.card.cardCreateDate)+'</p></aside></section>';
                        }
                        if(typeof(dt.returnMsg.card.cardSalesDate)!="undefined"){
                            str+='<section><span class="point-time point-blue"></span><aside><p class="things">提货时间：'+formatDate(dt.returnMsg.card.cardSalesDate)+'</p></aside></section>'
                        }
                        var u_str='';
                        if(typeof(dt.returnMsg.card.cardUseDate)!="undefined"){
                            var postName = dt.returnMsg.card.userMachinePostName == "sto"? "申通快递" : "其它快递";
                            u_str='<section><span class="point-time point-purple1"></span><aside><p class="things">收货信息：'+dt.returnMsg.card.userMachineAddressName+dt.returnMsg.card.userMachineAddressTel+'<br/>'+dt.returnMsg.card.userMachineAddressInfo+'</p><a class="mui-pull-right show_post_info" style="margin-top:-20px;" postfirm="' + dt.returnMsg.card.userMachinePostName + '" postnum="' + dt.returnMsg.card.userMachinePostNum + '" gourl="/watero/view/gift_card_exchange_details.html?psw=' + getParam("psw")+'">查看物流</a><p>' + postName + '&nbsp;&nbsp;&nbsp;'+dt.returnMsg.card.userMachinePostNum+'</p></aside></section>';
                            var m_Status='',sdata='';
                            if(dt.returnMsg.card.machineStatus==1){
                                m_Status='待发货';
                            }else{
                                m_Status='已发货';
                            }
                            if (dt.returnMsg.card.cardSalesStatus == 2 && dt.returnMsg.card.cardStatus == 3){
                                sdata='兑现';
                            }else{
                                sdata='提货';
                            }
                            str+='<section><span class="point-time point-green"></span><aside><p class="things">'+sdata+'时间：'+formatDate(dt.returnMsg.card.cardUseDate)+'</p></aside></section><section><span class="point-time point-purple"></span><aside><p class="things"><img style="border: 1px solid rgba(0,0,0,.1);padding: 3px;float: left;border-radius: 5px;" width="35px" src="//s.iamberry.com/watero/images/'+cl+'" />美国watero<br/>净饮水一体机</p></aside></section>'+u_str+'<section><span class="point-time point-purple1"></span><aside><p class="things">提货状态：'+m_Status+'</p></aside></section>';
                        }
                        table.append(str);
                        $(document).on('tap', '.btn-tixian', function() {
                            var th=$(this).attr('id');
                            if(typeof(th)!="undefined"){
                                mui.ajax(base_path + '/giftCard/card/applyCash?dates=' + new Date().getTime(), {
                                    data: {
                                        cardId: th
                                    },
                                    dataType: 'json',
                                    type: 'post',
                                    timeout: 15000,
                                    success: function(dt) {
                                        mui.alert(dt.message);
                                    },
                                    error: function(xhr, type, errorThrown) {
                                        console.log(xhr)
                                    }
                                });
                            }
                        });
                        $(document).on('tap', '.myactive', function() {
                            mui.openWindow({
                                url: '/watero/view/gift_card_user_exchange.html?cardPwd='+psw
                            });
                        });
                    }else{
                        mui.alert(dt.resultMsg);
                    }
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        });
        document.querySelector('.loading-bg').style.display='none';
    });
    mui('body').on('tap', '#btn-back', function() {
        mui.openWindow({url:base_path+'/giftCard/card/agencyUI'})
    });
</script>
</body>
</html>