123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449 |
- <!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.iamberry.com/wateroPF/css/mui.min.css">
- <link rel="stylesheet" href="//css.iamberry.com/wateroPF/css/iconfont.css" />
- <link rel="stylesheet" href="//css.iamberry.com/wateroPF/css/icons-extra.css"/>
- <link rel="stylesheet" href="//css.iamberry.com/wateroPF/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;}
- .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-select-box{padding: 12px 0;position: relative;}
- .lease-select{position: absolute;left: 0;top: 10px;}
- .order-noline{font-size: 13px;color: #666;padding: 5px 0;background: #f8f8f8;}
- .order-noline>li{margin:7px 0;}
- .order-noline .mui-media{padding-left: 10px;padding-right: 10px;}
-
- .order-noline li:after{}
- .wh-60{width: 50px;margin-right:25px;}
- .btn-give,.btn-activation{padding: 3px 10px; border: 0;font-size: 14px;margin-right: 10px;color: #1cc9f4;width: 90px;background-color: transparent;}
- .btn-give:before,.btn-activation:before,.btn-tui:before,.btn-shouhou:before{font-size: 16px;}
- .btn-tui{padding: 3px 10px;border:0;font-size: 14px;color: #1CC9F4;}
- .btn-shouhou{padding: 3px 10px;border: 0;font-size: 14px;color: #1CC9F4;}
- .lease-order-list li:before,.lease-order-list li:after{display: none;}
- .lease-order-list>.mui-table-view-cell{margin:10px;background:#f8f8f8;padding: 10px;border-radius: 5px;}
- .lease-order-list:after,.lease-order-list:before,.order-noline:after{display: none;}
- .lease-titie{padding: 12px;font-size: 12px;color: #999;background: #fff;}
- .ui{padding:0 0 8px 0;}
- .line{width: 100%;height: 10px;position: relative;}
- .line:after{content: '';position: absolute;left: 0;top: 50%;height: 1px;background: #c8c7cc;width: 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
- .sp-details{border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 0px !important;}
- .mui-backdrop {
- position: fixed;
- z-index: 998;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background:url(//s.iamberry.com/wateroPF/images/shop/share.png) top center no-repeat rgba(0, 0, 0, .8);
- background-size: 80%;
- }
- .mui-backdrop:after{content:'点键右上角分享,将水机送给好友吧。';position: absolute;left:0;top:0;width:100%; text-align: center;color:#fff;padding-top:50%;font-size:18px;}
- </style>
- <script>
- // 屏蔽分享
- window.hiddenAllWechatMenu = true;
- </script>
- </head>
- <body>
- <div class="loading-bg">
- <div class="mui-loading">
- <div class="mui-spinner">
- </div>
- 加载中...
- </div>
- </div>
- <div class="mui-content">
- <!--下拉刷新容器-->
- <div id="pullrefresh_lease_orderlist" class="mui-content mui-scroll-wrapper">
- <div class="mui-scroll">
- <!--数据列表-->
- <div class="lease-titie" id="countOrderNum">
- 您共有0个订单
- </div>
- <ul class="mui-table-view lease-order-list" style="margin-top: -10px;">
- </ul>
- <!--<ul class="mui-table-view mui-grid-view my-tab-view-pull">
- </ul> -->
- </div>
- </div>
-
- <!--<ul class="mui-table-view lease-order-list">
- <li class="mui-table-view-cell">
- <span class="iconfont icon-lease3 cl-blue"></span> 订单编号:15646231654321
- <ul class="mui-table-view order-noline">
- <li>订单状态:已发货<span class="mui-pull-right">已支付金额:<span class="cl-red">¥1000.00</span></span></li>
- <li>下单时间: 2017年2月01日 10:00:12</li>
- <li>收货人信息:何小刚 1599999999</li>
- <li>广东省-深圳市-福田区-莲花街道深南大道特区报业大厦12B 深圳爱贝源科技有限公司</li>
- <li>物流信息:顺丰快递 89411145413314<span class="cl-blue mui-pull-right">物流查询</span></li>
- <li class="mui-table-view-cell mui-media">
- <a href="javascript:;">
- <img class="mui-pull-left wh-60" src="images/cp-3.jpg">
- <div class="mui-media-body">
- 美国watero高端净水专家
- <div>
- 服务费:¥700.00设备押金:¥300.00
- </div>
- <div>
- <button type="button" class="mui-btn iconfont icon-lease8 btn-give"> 送人</button><button type="button" class="mui-btn iconfont icon-erweima mui-pull-right btn-activation"> 激活</button>
- </div>
- </div>
- </a>
- </li>
- <li style="padding-top: 10px;">
- <button type="button" class="mui-btn iconfont icon-lease5 btn-tui"> 退押金</button><button type="button" class="mui-btn iconfont icon-lease6 mui-pull-right btn-shouhou"> 申请售后</button>
- </li>
- </ul>
- </li>
- <li class="mui-table-view-cell">
- <span class="iconfont icon-lease3 cl-blue"></span> 订单编号:15646231654321
- <ul class="mui-table-view order-noline">
- <li>订单状态:已发货<span class="mui-pull-right">已支付金额:<span class="cl-red">¥1000.00</span></span></li>
- <li>下单时间: 2017年2月01日 10:00:12</li>
- <li>收货人信息:何小刚 1599999999</li>
- <li>广东省-深圳市-福田区-莲花街道深南大道特区报业大厦12B 深圳爱贝源科技有限公司</li>
- <li>物流信息:顺丰快递 89411145413314<span class="cl-blue mui-pull-right">物流查询</span></li>
- <li class="mui-table-view-cell mui-media">
- <a href="javascript:;">
- <img class="mui-pull-left wh-60" src="images/cp-3.jpg">
- <div class="mui-media-body">
- 美国watero高端净水专家
- <div>
- 服务费:¥700.00设备押金:¥300.00
- </div>
- <div>
- <button type="button" class="mui-btn iconfont icon-lease8 btn-give"> 送人</button><button type="button" class="mui-btn iconfont icon-erweima mui-pull-right btn-activation"> 激活</button>
- </div>
- </div>
- </a>
- </li>
- <li style="padding-top: 10px;">
- <button type="button" class="mui-btn iconfont icon-lease5 btn-tui"> 退押金</button><button type="button" class="mui-btn iconfont icon-lease6 mui-pull-right btn-shouhou"> 申请售后</button>
- </li>
- </ul>
- </li>
- </ul>-->
- </div>
- <div class="return">
- <span onClick="gotoTop();return false;" class="mui-icon-extra mui-icon-extra-top"></span>
- </div>
- <script src="//s.iamberry.com/wateroPF/js/mui.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"></script>
- <script src="//s.iamberry.com/wateroPF/js/shop/wechat-utils-1.0.js"></script>
- <script>
- mui.init({
- pullRefresh: {
- container: '#pullrefresh_lease_orderlist',
- down: {
- //callback: pulldownRefresh
- },
- up: {
- contentrefresh: '正在加载...',
- callback: pullupRefresh
- }
- }
- });
- var count = 0;
- var proType=1;
- var pageNumber = 0,pagesize = 2;
- var rentStatus = -1;
- var userNickName = '';
- /**
- * 上拉加载具体业务实现
- */
- function pullupRefresh() {
- ++pageNumber;
- mui.ajax(base_path + '/rent_order/list?dates=' + new Date().getTime(), {
- data: {
- "pageSize": pagesize,
- "pageNO": pageNumber,
- "rentStatus":rentStatus
- },
- dataType: 'json',
- type: 'post',
- timeout: 15000,
- success: function(dt) {
- //console.log(dt);
- if(dt.isRedirect) {
- location.href = dt.redirectURL;
- }else{
- if(dt.status) {
- var order_data = dt.data.list;
- var countOrderNum = dt.data.countOrder;
- $("#countOrderNum").text("您共有" + countOrderNum + "个订单");
-
- mui('#pullrefresh_lease_orderlist').pullRefresh().endPullupToRefresh(order_data.length < pagesize);//参数为true代表没有更多数据了。
- var table = document.body.querySelector('.lease-order-list');
- //var cells = document.body.querySelectorAll('.lease-order-list>li');
- mui(order_data).each(function(index) {
- if(userNickName == ''){
- userNickName = decodeURI(this.rentUserNickName);
- }
- var li = document.createElement('li');
- li.className = 'mui-table-view-cell';
- var productItem = '',presentItem = '';
- var rentYears = this.typeName;
- var orderStatus = this.rentStatus;
- var rentOrderId = this.rentOrderId;
- mui(this.orderItemList).each(function(n) {
- if(this.itemProductType == 1){
- var activateButton = '';
- var presentButton = '';
- if(orderStatus == 5 && this.itemCodeState == 1){
- activateButton = '<button type="button" class="mui-btn iconfont icon-erweima mui-pull-right btn-activation toActivate" id="actIvateBtn_' + rentOrderId + '"> 激活</button>'
- presentButton = '<button type="button" class="mui-btn iconfont icon-lease8 btn-give" onclick="presentOther('+ this.itemId +')" style="text-align: left;padding: 3px 10px 3px 0;"> 送人</button>'
- }
- productItem = '<li class="mui-table-view-cell mui-media">'
- + '<a class="sp-details">'
- + '<img class="mui-pull-left wh-60" src="//s.iamberry.com/wateroPF/images/cp-1.jpg">'
- + '<div class="mui-media-body">' + this.itemProductName
- + activateButton
- + '<div style="height:30px;">租期:<span>' + rentYears + '</span>'
- + '</div>'
- + '<div>'
- + '<button type="button" class="mui-btn iconfont icon-lease6 mui-pull-right btn-activation afterSale" id="'+rentOrderId+'" name="'+this.itemId+'" postStatus="'+orderStatus+'"> 售后</button>'
- + presentButton
- + '</div>'
- + '</div>'
- + '</a>'
- + '</li>';
- }else if(this.itemProductType == 5){
- presentItem = '<li>精美礼品:' + this.itemProductName + '</li>';
- }
- });
- var postInfo = '';
- if(typeof(this.rentPostFirm) != 'undefined' && this.rentPostFirm != ''
- && typeof(this.rentPostNum) != 'undefined' && this.rentPostNum != ''){
- postInfo = '<li>物流信息:' + getPostFirm(this.rentPostFirm) + ' ' + this.rentPostNum
- + '<span class="cl-blue mui-pull-right show_post_info" postNum="' + this.rentPostNum + '">'
- + '物流查询</span>'
- +'</li>'
- }
- li.innerHTML = '<div class="ui">'
- + '<span class="iconfont icon-lease3 cl-blue"></span>'
- + ' 订单编号:' + this.rentOrderId
- + '</div>'
- + '<ul class="mui-table-view order-noline">'
- + '<li>订单状态:' + getOrderStatus(this.rentStatus) + '<span class="mui-pull-right">订单合计:<span class="cl-red">¥' + accDiv(this.rentAmount,100) + '</span>元</span></li>'
- + '<li>抵扣金额:<span class="cl-red">¥' + accDiv(this.rentServiceMoney,100) + '</span>元<span class="mui-pull-right">支付金额:<span class="cl-red">¥' + accDiv(this.rentPayMoney,100) + '</span>元</span></li>'
- + '<li>订单时间: ' + this.rentCreateDate + '</li>'
- + '<div class="line"></div><li>收货信息:</li>'
- + '<li>' + this.rentAddressName + ' ' + this.rentAddressTel + '</li>'
- + '<li>' + this.rentAddressInfo + '</li>'
- + postInfo
- + productItem
- + presentItem
- + '</ul>';
- table.appendChild(li);
- //激活
- $(".toActivate").each(function() {
- $('#actIvateBtn_' + rentOrderId).on("click", function() {
- wx.scanQRCode({
- needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
- scanType: ["qrCode"], // 可以指定扫二维码还是一维码,默认二者都有
- success: function (res) {
- //console.log("result--->" + result);
- }
- });
- });
- });
- })
- } else {
- mui.alert("暂未查询到租用订单!请稍后重试!");
- mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
- }
- }
- },
- error: function(xhr, type, errorThrown) {
- console.log(xhr)
- mui.alert("查询租用订单出错!请稍后重试!");
- mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
- }
- })
- }
- mui.ready(function() {
- //console.log("页面加载完毕");
- rentStatus = getParam("rentStatus") == null ? '' : getParam("rentStatus");
- mui('#pullrefresh_lease_orderlist').pullRefresh().pullupLoading();
- document.querySelector('.loading-bg').style.display = 'none';
- });
- $(window).on("scroll", function() {
- if ($(window).scrollTop() > 120) {
- $(".return").show();
- } else {
- $(".return").hide();
- }
- });
- $(".ul_radio li").each(function() {
- $(this).on("click", function() {
- $(this).addClass("active");
- $(this).siblings().removeClass("active");
- });
- });
- function presentOther(itemId){
- mui.ajax(base_path + '/machine/present_other?dates=' + new Date().getTime(), {
- data: {
- "orderItemId":itemId
- },
- dataType: 'json',
- type: 'post',
- timeout: 15000,
- success: function(dt) {
- //console.log(dt);
- if(dt.status) {
- mask.show();//显示遮罩
- var url = encodeURI('https://' + window.location.host+'/wateroPF/view/rent/lease_for_my_equipment.html?shareId=' + dt.data);
- var desc = userNickName + "送给你一台净水机,为你送上一份饮水健康。";
- window.repleFlag = false;
- window.hiddenAllWechatMenu = false; //window.wxFriend window.repleWxData
- window.wxFriend = {
- "appId": "",
- "imgUrl": 'https://s.iamberry.com/wateroPF/images/shop/share-lease.png',
- "link": url,
- "desc": desc,
- "title": "给你送净水机了,快来领取吧!",
- "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
- "shareTimeSuccess": "分享成功",
- "shareTimeCancel": "已取消分享",
- "shareAppSuccess": "分享成功!",
- "shareAppCancel": "已取消分享"
- };
- getConfig();
- } else {
- mui.alert(dt.message);
- //mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
- }
- },
- error: function(xhr, type, errorThrown) {
- mui.alert("操作有误!该机器不可分享!");
- console.log(xhr)
- }
- })
- }
-
- //售后
- mui('body').on('tap', '.afterSale', function() {
- /* mui.alert("请在公众号聊天窗口发送您的问题!");*/
- var th=this;
- mui.openWindow({
- url: '/wateroPF/view/order_service.html?orderId='+th.getAttribute("id")+'&itemId='+th.getAttribute("name")+'&postStatus='+th.getAttribute("postStatus")
- });
- });
-
- var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调;
- //mask.close();//关闭遮罩
- 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;
- }
- }
-
- function getPostFirm(firmCode){
- switch(firmCode){
- case 'sto':
- return '申通快递';
- break;
- case 'yto':
- return '圆通快递';
- break;
- case 'sf':
- return '顺丰快递';
- break;
- case 'ems':
- return '邮政EMS';
- break;
- case 'zto':
- return '中通快递';
- break;
- case 'zjs':
- return '宅急送';
- break;
- case 'yunda':
- return '韵达快递';
- break;
- case 'cces':
- return 'cces快递';
- break;
- case 'pick':
- return '上门提货';
- break;
- case 'htky':
- return '汇通快递';
- break;
- case 'ttkdex':
- return '天天快递';
- break;
- case 'stars':
- return '星晨急便';
- break;
- case 'jd':
- return '京东快递';
- break;
- case 'dbkd':
- return '德邦快递';
- break;
- case '01':
- return '其他';
- break;
- case '02':
- return '上门送货';
- break;
- }
- }
- </script>
- </body>
- </html>
|