Home Explore Help
Sign In
hexiugang
/
iamberry-common-parent
Watch 3
Star 3
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Browse Source

新添加的质保卡页面和实体类

liuzhiwei 7 years ago
parent
d3a18accd7
commit
0906821e71
3 changed files with 577 additions and 0 deletions
Unified View Show Diff Stats
  1. 92 0
      wateroPF-common-core/src/main/java/com/iamberry/wechat/core/entity/machineNumber/WarrantyCard.java
  2. 355 0
      wateroPF-wechat-web/src/main/webapp/view/add_machine.html
  3. 130 0
      wateroPF-wechat-web/src/main/webapp/view/warranty_card.html

+ 92 - 0
wateroPF-common-core/src/main/java/com/iamberry/wechat/core/entity/machineNumber/WarrantyCard.java
View File 

@@ -0,0 +1,92 @@
 
+package com.iamberry.wechat.core.entity.machineNumber;
 
+
 
+import java.io.Serializable;
 
+import java.util.Date;
 
+
 
+/**
 
+ * 质保卡实体类
 
+ * Created by liuzhiwei on 2017/9/12.
 
+ */
 
+public class WarrantyCard implements Serializable {
 
+
 
+    private static final long serialVersionUID = -1282484163952785913L;
 
+    private Integer cardId;     //id
 
+
 
+    private String cardBarcode; //质保卡条形码
 
+
 
+    private String cardName;    //质保卡名称
 
+
 
+    private Date cardSaleTime;  //购买时间
 
+
 
+    private Date cardRenewTime; //换新截止时间
 
+
 
+    private Date cardEndTime;   //质保截止时间
 
+
 
+    private String cardTel;     //手机号码
 
+
 
+    private String cardDes;     //备注
 
+
 
+    public String getCardBarcode() {
 
+        return cardBarcode;
 
+    }
 
+
 
+    public void setCardBarcode(String cardBarcode) {
 
+        this.cardBarcode = cardBarcode;
 
+    }
 
+
 
+    public Integer getCardId() {
 
+        return cardId;
 
+    }
 
+
 
+    public void setCardId(Integer cardId) {
 
+        this.cardId = cardId;
 
+    }
 
+
 
+    public String getCardName() {
 
+        return cardName;
 
+    }
 
+
 
+    public void setCardName(String cardName) {
 
+        this.cardName = cardName;
 
+    }
 
+
 
+    public Date getCardSaleTime() {
 
+        return cardSaleTime;
 
+    }
 
+
 
+    public void setCardSaleTime(Date cardSaleTime) {
 
+        this.cardSaleTime = cardSaleTime;
 
+    }
 
+
 
+    public Date getCardRenewTime() {
 
+        return cardRenewTime;
 
+    }
 
+
 
+    public void setCardRenewTime(Date cardRenewTime) {
 
+        this.cardRenewTime = cardRenewTime;
 
+    }
 
+
 
+    public Date getCardEndTime() {
 
+        return cardEndTime;
 
+    }
 
+
 
+    public void setCardEndTime(Date cardEndTime) {
 
+        this.cardEndTime = cardEndTime;
 
+    }
 
+
 
+    public String getCardTel() {
 
+        return cardTel;
 
+    }
 
+
 
+    public void setCardTel(String cardTel) {
 
+        this.cardTel = cardTel;
 
+    }
 
+
 
+    public String getCardDes() {
 
+        return cardDes;
 
+    }
 
+
 
+    public void setCardDes(String cardDes) {
 
+        this.cardDes = cardDes;
 
+    }
 
+}

+ 355 - 0
wateroPF-wechat-web/src/main/webapp/view/add_machine.html
View File 

@@ -0,0 +1,355 @@
 
+<!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="//s.iamberry.com/wateroPF/css/mui.min.css?v=2017072401" />
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/mui.picker.min.css?v=2017072401" />
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/new/css/iconfont.css?v=2017072401" />
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/style.css?v=2017072401" />
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/new/css/personal_information.css?v=2017072401" />
 
+		<style>
 
+			h4{margin-top:5px;margin-bottom: 5px;font-size: 20px;}
 
+			.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;}
 
+			.icon-fuxuankuang a{color: #24cae9;}
 
+			.icon-yanse,.icon-youhui,.icon-fuxuankuang,.icon-jiage,.icon-songhuo{font-size: 15px;padding-left: 22px;}
 
+			.icon-yanse:before,.icon-fuxuankuang:before,.icon-youhui:before,.icon-jiage:before,.icon-songhuo:before{font-size: 18px;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;}
 
+
 
+			.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){color: #666;margin: -15px -15px;}
 
+			.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
 
+			#btn_submit{color: #fff;padding: 10px 0;font-size: 18px;background: #24cae9;width: 70%;margin:40px auto 0 auto;}
 
+			.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;}
 
+			.tips{padding: 25px 10px;background: #36a4c6;text-align: center;color: #fff;}
 
+			.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;}
 
+			.icon-saoma{position: absolute;right: 0;top:0;padding: 12px;color: #55c0dc;}
 
+			.mui-icon-arrowdown{position: absolute;right: 0;top:0;padding: 12px;color: #999;pointer-events: none;}
 
+		</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="tips more">
 
+					<h4>现在完善机器信息！</h4>
 
+					<span>尊享WaterO全面服务保障</span>
 
+					<div></div>
 
+				</div>
 
+				<div class="mui-content-padded">
 
+				<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="text" maxlength="32" class="mui-input-clear" placeholder="请填写您的邮箱" id="ipt-email">
 
+					</div>
 
+					<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>验&nbsp;&nbsp;证&nbsp;&nbsp;码</label>
 
+						<input type="text" maxlength="4" placeholder="请输入验证码" id="ipt-code">
 
+						<span class="btn-pull-code" id="pull-code">获取验证码</span>
 
+					</div>
 
+					<div class="">
 
+						<label style="color: red;"><b>*注意：</b><label>请填写与您物流信息相符的联系电话，否则将会无法识别您的产品信息</label></label>
 
+					</div>
 
+
 
+				</form>
 
+				</div>
 
+				<div class="mui-content-padded">
 
+					<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>
 
+			</div>
 
+
 
+	<script src="//s.iamberry.com/wateroPF/js/mui.min.js?v=2016101701"></script>
 
+	<script src="//s.iamberry.com/wateroPF/js/mui.picker.min.js"></script>
 
+	<script src="//s.iamberry.com/wateroPF/js/jquery-2.1.1.min.js"></script>
 
+	<script src="//s.iamberry.com/wateroPF/js/shop/main.js?v=2016101701"></script>
 
+	<script src="//s.iamberry.com/wateroPF/js/shop/wechat-utils-1.0.js"></script>
 
+<script type="text/javascript">
 
+
 
+	var check = false,alert_msg='';
 
+	var mobile=/^(13|14|15|18)[0-9]{9}$/; //手机号码
 
+	var uname = /^[\u4e00-\u9fa5]{1,12}$/; //中文英文
 
+    var email=/^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,18}$/;
 
+	var code = /^[0-9]{4}$/; //数字
 
+	mui.ready(function(){
 
+		console.log("页面加载完毕")
 
+		document.querySelector('.loading-bg').style.display='none';
 
+	});
 
+
 
+	mui('body').on('tap', '#btn_submit', function() {
 
+		change_input();
 
+		if(check){
 
+			console.log("提交");
 
+			mui(this).button('loading');
 
+			setTimeout(function() {
 
+        mui(this).button('reset');
 
+    }.bind(this), 2000);
 
+			//mui.alert("本批watero试用机为新机，请您在试用过程中足够爱惜，切勿刮划机身及损坏包装，感谢您的配合！");
 
+			var data_array = {
 
+				"userTel":$('#ipt-phone').val()
 
+			};
 
+            $.ajax({
 
+                type: 'post',
 
+                url: base_path + '/qrcode/select_efast_order_num',
 
+                data:data_array,
 
+                dataType: 'json',
 
+                timeout: 15000,
 
+                success: function(dt) {
 
+                    if (dt.status) {
 
+                        console.log(dt);
 
+                        var num = dt.data.num;
 
+                        var txtTime = dt.data.txtTime;
 
+                        var text = '您有'+ dt.data.num + '个订单，是否确认领取质保卡？';
 
+                        var btnArray = ['否', '是'];
 
+                        mui.confirm(text, '提示', btnArray, function(e) {
 
+                            var data_all = {
 
+                                "phoneCode":$('#ipt-code').val(),
 
+                                "userName":$('#ipt-name').val(),
 
+                                "userTel":$('#ipt-phone').val(),
 
+                                "userEmail":$('#ipt-email').val(),
 
+								"txtTime":txtTime
 
+                            };
 
+                            $.ajax({
 
+                                type: 'post',
 
+                                url: base_path + '/qrcode/add_warranty_card',
 
+                                data:data_all,
 
+                                dataType: 'json',
 
+                                timeout: 15000,
 
+                                success: function(dt) {
 
+                                    if (dt.status) {
 
+                                        mui.openWindow({
 
+                                            url: '/wateroPF/view/warranty_card.html'
 
+                                        })
 
+                                    } else {
 
+                                        mui.alert(dt.message);
 
+                                    }
 
+                                },
 
+                                error: function(xhr, type, errorThrown) {
 
+                                    mui.alert("请检查网络或刷新页面重试！");
 
+                                }
 
+                            });
 
+                        });
 
+                    } else {
 
+                        mui.alert(dt.message);
 
+                    }
 
+                },
 
+                error: function(xhr, type, errorThrown) {
 
+                    mui.alert("请检查网络或刷新页面重试！");
 
+                }
 
+            });
 
+		}else{
 
+			console.log("未通过");
 
+			mui.alert(alert_msg);
 
+		}
 
+	});
 
+	mui('body').on('tap', '#xieyi-dalog', function() {
 
+		mui.openWindow({
 
+			url: 'try_xieyi.html'
 
+		});
 
+	});
 
+$(".ul_radio li").each(function() {
 
+	$(this).on("click", function() {
 
+		$(this).addClass("active");
 
+		$(this).siblings().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");
 
+	}
 
+});
 
+$(document).on('tap', '#pull-code', function() {
 
+	if($("#ipt-phone").val().trim()=="" &&(!$("#pull-code").hasClass("mui-active"))){
 
+		mui.alert("请填写手机号码");
 
+		return;
 
+	}else{
 
+		if(!mobile.test($("#ipt-phone").val().trim())){
 
+			mui.alert("手机号码不正确，请重新填写");
 
+			return;
 
+		}else{
 
+			if($(this).hasClass("mui-active")){
 
+				mui.alert();
 
+				return;
 
+			}else{
 
+				$(this).addClass("mui-active");
 
+                $('#btn_submit').removeClass("mui-active");
 
+                $('#btn_submit').removeAttr("disabled");
 
+				settime("pull-code");
 
+                $.ajax({
 
+                    type: 'post',
 
+                    url: base_path + '/qrcode/send_phone_code',
 
+					data:{
 
+                        "phone" : $("#ipt-phone").val()
 
+                    },
 
+                    dataType: 'json',
 
+                    timeout: 15000,
 
+                    success: function(dt) {
 
+                    },
 
+                    error: function(xhr, type, errorThrown) {
 
+                        mui.alert("请检查网络或刷新页面重试！");
 
+                    }
 
+                });
 
+			}
 
+		}
 
+	}
 
+});
 
+var countdown=60; 
+function settime(val) { 
+pullid=dc(val);
 
+if (countdown == 0) { 
+pullid.removeAttribute("disabled");
 
+pullid.className='btn-pull-code';
 
+pullid.innerText="获取验证码"; 
+countdown = 60; 
+return false;
 
+} else { 
+pullid.setAttribute("disabled", true); 
+pullid.className='btn-pull-code mui-active';
 
+pullid.innerText="重新发送(" + countdown + ")"; 
+countdown--; 
+} 
+setTimeout(function() { 
+settime(val) 
+},1000) 
+} 
+function change_input() {
 
+    //活动暂时结束   下次开启时注释这段代码就好了
 
+    /*alert_msg="活动已暂停，开始时间请联系客服";
 
+    check=false;
 
+    return false;*/
 
+
 
+
 
+	$(".mui-input-group input").each(function(index) {
 
+		switch ($(this).attr("id")){
 
+			case "ipt-name":
 
+			if($(this).val().trim()==""){
 
+				alert_msg="请填写姓名";
 
+				check=false;
 
+				return false;
 
+			}else{
 
+				if(uname.test($(this).val())) {
 
+					check=true;
 
+				}else{
 
+					alert_msg="姓名格式不正确，请重新填写";
 
+					check=false;
 
+					return false;
 
+				}
 
+			}
 
+				break;
 
+            case "ipt-email":
 
+                if($(this).val().trim()==""){
 
+                    alert_msg="请填写您的邮箱";
 
+                    check=false;
 
+                    return false;
 
+                }else{
 
+                    if(email.test($(this).val())) {
 
+                        check=true;
 
+                    }else{
 
+                        alert_msg="邮箱格式不正确，请重新填写";
 
+                        check=false;
 
+                        return false;
 
+                    }
 
+                }
 
+                break;
 
+			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-code":
 
+			if($(this).val().trim()==""){
 
+				alert_msg="请填写验证码";
 
+				check=false;
 
+				return false;
 
+			}else{
 
+				if(code.test($(this).val().trim())) {
 
+					check=true;
 
+				}else{
 
+					alert_msg="验证码格式不正确，请重新填写";
 
+					check=false;
 
+					return false;
 
+				}
 
+			}
 
+				break;
 
+			default:
 
+				break;
 
+		}
 
+	});
 
+	var btn_submit = dc('btn_submit');
 
+	if(check) {
 
+		console.log("通过")
 
+	} else {
 
+		console.log(alert_msg);
 
+	}
 
+}
 
+
 
+
 
+var flag = false;
 
+var mask = mui.createMask(function() {
 
+	return flag;
 
+	}); //callback为用户点击蒙版时自动执行的回调；
 
+	 mui('body').on('tap', '#ipt-date', function() {
 
+        var th = this;
 
+        var picker = new mui.DtPicker({
 
+            type: "date", //设置日历初始视图模式
 
+            beginDate: new Date(2016, 7, 1), //设置开始日期
 
+            endDate: new Date() //设置结束日期
 
+        });
 
+        console.log(picker)
 
+        picker.show(function(rs) {
 
+            th.value = rs.text;
 
+            picker.dispose();
 
+        });
 
+    });
 
+	</script>
 
+	</body>
 
+</html>

+ 130 - 0
wateroPF-wechat-web/src/main/webapp/view/warranty_card.html
View File 

@@ -0,0 +1,130 @@
 
+<!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="//s.iamberry.com/wateroPF/css/mui.min.css">
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/new/css/iconfont.css" />
 
+		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/style.css" />
 
+		<style type="text/css">
 
+			.warranty-box{margin: 10px;position: relative;}
 
+			.warranty-box>img{width: 100%;}
 
+			.warranty-name{position: absolute;color: #fff;top: 22px;left: 85px;font-size: 18px;}
 
+			.warranty-tips{color: #fff;position: absolute;top: 48px;left: 85px;}
 
+			.icon-chanpintiyan{color: #fff;font-size: 50px;}
 
+			.jiqi{position: absolute;left: 20px;top: 20px;line-height: 1;border-radius: 50%;
 
+			box-shadow:-3px 0 3px #73c7e0, /*左边阴影*/  
+			3px 0 3px #73c7e0, /*右边阴影*/  
+			 0 -4px 3px #73c7e0, /*顶部阴影*/  
+			 0 1px 3px #73c7e0; /*底边阴影*/ }
 
+			 .date-list{display: table;width: 100%;position: absolute;top: 50%;text-align: center;}
 
+			 .date-list>div{display: table-cell;color: #fff;position: relative;}
 
+			 .date-list>div:after{content: '';width: 1px;top: 25%;height: 50%;background-color: #fff;-webkit-transform: scaleX(.5);position: absolute;right: 0;}
 
+			 .warranty-number{position: absolute;left: 20px;bottom: 15px;color: #fff;}
 
+		</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="data-cards" id="data-cards">
 
+		<!--<div class="mui-content" style="background: #fff;">
 
+			<div class="warranty-box">
 
+				<img src="//s.iamberry.com/wateroPF/new/images/shop/warranty_card.png"/>
 
+				<span class="jiqi" style=""><span class="iconfont icon-chanpintiyan"></span></span>
 
+				<span class="warranty-name">美国watero净饮水一体机</span>
 
+				<span class="warranty-tips">一年换新、十年质保</span>
 
+				<div class="date-list">
 
+					<div>购买日期<br/>2017-01-02</div>
 
+					<div>换新截止<br/>2017-01-02</div>
 
+					<div>质保截止<br/>2017-01-02</div>
 
+				</div>
 
+				<div class="warranty-number">NO.  1599  9999  999</div>
 
+			</div>
 
+		</div>-->
 
+	</div>
 
+	<script src="//s.iamberry.com/wateroPF/js/mui.min.js?v=2016101701"></script>
 
+	<script src="//s.iamberry.com/wateroPF/js/jquery-2.1.1.min.js"></script>
 
+	<script src="//s.iamberry.com/wateroPF/new/js/page/main.js?v=2016101701"></script>
 
+	<script type="text/javascript">
 
+	mui.ready(function(){
 
+
 
+        mui.ajax(base_path + '/qrcode/select_warranty_card_list?dates=' + new Date().getTime(), {
 
+            dataType: 'json',
 
+            type: 'post',
 
+            timeout: 15000,
 
+            success: function(dt) {
 
+                if(dt.isRedirect) {
 
+                    location.href = dt.redirectURL;
 
+                } else {
 
+                    if(dt.status) {
 
+                        var data_cards = dt.data;
 
+                        var table = $('#data-cards');
 
+                        var li = '';
 
+                        mui(data_cards).each(function(index) {
 
+                            li += '<div class="mui-content" style="background: #fff;">'
 
+                                +'<div class="warranty-box">'
 
+                                +'<img src="//s.iamberry.com/wateroPF/new/images/shop/warranty_card.png"/>'
 
+                                +'<span class="jiqi" style=""><span class="iconfont icon-chanpintiyan"></span></span>'
 
+                                +'<span class="warranty-name">美国watero净饮水一体机</span>'
 
+                                +'<span class="warranty-tips">一年换新、十年质保</span>'
 
+								+'<div class="date-list">'
 
+                                +'<div>购买日期<br/>' + dateFormat(this.cardSaleTime) + '</div>'
 
+                                +'<div>换新截止<br/>' + dateFormat(this.cardRenewTime) + '</div>'
 
+                                +'<div>质保截止<br/>' + dateFormat(this.cardEndTime) + '</div>'
 
+                                +'</div>'
 
+                                +'<div class="warranty-number">NO.&nbsp;&nbsp;'+ datePhone(this.cardBarcode) +'</div>'
 
+                            	+'</div>'
 
+                            	+'</div>'
 
+                        });
 
+                        table.html(li);
 
+                    } else {
 
+                        mui.alert(dt.message);
 
+                    }
 
+                }
 
+            },
 
+            error: function(xhr, type, errorThrown) {
 
+                //异常处理；
 
+                console.log(xhr);
 
+            }
 
+        });
 
+        document.querySelector('.loading-bg').style.display='none';
 
+	});
 
+
 
+	function datePhone(phone) {
 
+	    if (phone != null && phone.length >= 12) {
 
+			var phone1 = phone.substring(0,4);
 
+            var phone2 = phone.substring(4,8);
 
+            var phone3 = phone.substring(8,12);
 
+            var phone4 = phone.substring(12,phone.length);
 
+            return phone1 + "&nbsp;&nbsp;" + phone2 + "&nbsp;&nbsp;" + phone3 + "&nbsp;&nbsp;" + phone4;
 
+		}
 
+	}
 
+
 
+    function dateFormat(now) {
 
+        if (now == null || now == '') {
 
+            return '暂无';
 
+        } else {
 
+            now = new Date(now);
 
+            var year = now.getFullYear();
 
+            var month = now.getMonth() + 1;
 
+            var date = now.getDate();
 
+            if (month < 10) {
 
+                month = "0" + month;
 
+			}
 
+			if (date < 10) {
 
+                date = "0" + date;
 
+			}
 
+            return year + "-" + month + "-" + date
 
+        }
 
+    };
 
+	</script>
 
+	</body>
 
+</html>