181 lines
8.3 KiB
HTML
181 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>我的账户-{$tpshop_config['shop_info_store_title']}</title>
|
||
<meta name="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
|
||
<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
|
||
<link rel="shortcut icon" type="image/x-icon" href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}" media="screen" />
|
||
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="__PUBLIC__/js/global.js"></script>
|
||
<script src="__PUBLIC__/js/pc_common.js"></script>
|
||
</head>
|
||
<body class="bg-f5">
|
||
<include file="user/header"/>
|
||
<div class="home-index-middle">
|
||
<div class="w1224">
|
||
<div class="g-crumbs">
|
||
<a href="">我的商城</a>
|
||
<i class="litt-xyb"></i>
|
||
<span>我的订单</span>
|
||
</div>
|
||
<div class="home-main">
|
||
<include file="user/menu"/>
|
||
<div class="ri-menu fr">
|
||
<div class="cancel-order-record" id="cancel-order-record" data-state="{$order.pay_status}">
|
||
<div class="title">
|
||
<div class="left-title">取消订单详情</div>
|
||
<a class="right-btn" href="tencent://message/?uin={$tpshop_config['shop_info_phone']|default='2812952605'}&Site=TPshop商城&Menu=yes"><i class="ico-contact-small"></i>联系卖家</a>
|
||
</div>
|
||
<div class="cont">
|
||
<ul class="mes">
|
||
<li>订单编号 : <span class="id-num">{$order.order_sn}</span></li>
|
||
<li>取消进度 : <span class="show-record">取消处理</span></li>
|
||
<li class="mes-item">支付总额 : <span class="pay-total">￥{$order.total_amount}</span></li>
|
||
</ul>
|
||
<p class="tip">
|
||
<if condition="$order.pay_status lt 3">
|
||
亲爱的客户，我们正在为您处理中，请耐心等待。
|
||
<else/>
|
||
<if condition="$order.pay_status elt 3">
|
||
亲爱的客户,您的退款订单已经完成。{$order.admin_note}
|
||
<else/>
|
||
亲爱的客户,您的退款订单审核失败。原因：{$order.admin_note}
|
||
</if>
|
||
</if>
|
||
</p>
|
||
</div>
|
||
<div class="progress-bar"></div>
|
||
<script>
|
||
// function setOrderRecord(){ //设置订单状态
|
||
// var $_orderRecord=$('#cancel-order-record');
|
||
// var orderState=parseInt($_orderRecord.attr('data-state'));
|
||
// var data=[
|
||
// {'state':1,'showRecord':'取消处理','progressBar':'__STATIC__/images/progress-bar-1.png'},
|
||
// {'state':2,'showRecord':'退款处理','progressBar':'__STATIC__/images/progress-bar-2.png'},
|
||
// {'state':3,'showRecord':'完成','progressBar':'__STATIC__/images/progress-bar-3.png'}
|
||
// ]
|
||
// $_orderRecord.find('.show-record').text(data[orderState-1].showRecord);
|
||
// $_orderRecord.find('.progress-bar').css('backgroundImage','url('+data[orderState-1].progressBar+')');
|
||
// }
|
||
function setOrderRecord(){ //设置订单状态
|
||
var $_orderRecord=$('#cancel-order-record');
|
||
var orderState=parseInt($_orderRecord.attr('data-state'));
|
||
var data=[
|
||
{'state':1,'showRecord':'取消处理','progressBar':'__STATIC__/images/progress-bar-1.png'},
|
||
{'state':2,'showRecord':'退款处理','progressBar':'__STATIC__/images/progress-bar-2.png'},
|
||
{'state':3,'showRecord':'完成','progressBar':'__STATIC__/images/progress-bar-3.png'},
|
||
{'state':4,'showRecord':'审核失败','progressBar':'__STATIC__/images/progress-bar-3.png'}
|
||
]
|
||
$_orderRecord.find('.show-record').text(data[orderState-1].showRecord);
|
||
$_orderRecord.find('.progress-bar').css('backgroundImage','url('+data[orderState-1].progressBar+')');
|
||
}
|
||
setOrderRecord();
|
||
</script>
|
||
</div>
|
||
<!--
|
||
<div class="cancel-order-des">
|
||
<div class="title">
|
||
<div class="left-title">取消申请记录</div>
|
||
<a class="right-btn" href="javascript:;">收起</a>
|
||
</div>
|
||
<table class="cancel-order-detail">
|
||
<tr>
|
||
<th class="deal-time">处理时间</th>
|
||
<th class="deal-meg">处理信息</th>
|
||
<th class="operator">操作人</th>
|
||
</tr>
|
||
<tr>
|
||
<td class="time">2017-06-17 15:17:59</td>
|
||
<td class="text-left">您的取消申请已提交</td>
|
||
<td>客户</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="time">2017-06-17 15:17:59</td>
|
||
<td class="text-left">您的订单正在生产，系统正在尝试拦截，请耐心等待。</td>
|
||
<td>商城物流</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="time">2017-06-17 15:17:59</td>
|
||
<td class="text-left">您的订单拦截成功，财务正在进行退款审核，请耐心等待。</td>
|
||
<td>商城财务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="time">2017-06-17 15:17:59</td>
|
||
<td class="text-left">受理完成，到账周期<a href="javascript:;">（链接）</a>。</td>
|
||
<td>商城财务</td>
|
||
</tr>
|
||
</table>
|
||
</div>-->
|
||
<div class="cancel-order-des">
|
||
<div class="title">
|
||
<div class="left-title">申请单详细信息</div>
|
||
<a class="right-btn" href="javascript:;">收起</a>
|
||
</div>
|
||
<table class="cancel-order-detail">
|
||
<tr>
|
||
<th class="til">订单编号</th>
|
||
<td class="cont"><span>{$order.order_sn}</span></td>
|
||
</tr>
|
||
<tr>
|
||
<th class="til">支付明细</th>
|
||
<td class="cont">
|
||
<p class="cont-des">支付总金额 : <span class="td-red">￥{$order.total_amount}</span></p>
|
||
<p class="cont-des">余额支付 : <span class="td-red">￥{$order.user_money}</span></p>
|
||
<p class="cont-des">积分抵扣 : <span class="td-red">￥{$order.integral_money}</span></p>
|
||
<!--<p class="cont-des">优惠 : <span>￥{$order.coupon_price}</span> 在线支付 : <span>￥{$order.total_amount}</span></p>-->
|
||
<p class="cont-des">
|
||
|
||
<if condition="$order.order_prom_amount gt 0"><span>订单优惠 :￥
|
||
{$order.order_prom_amount}</span>
|
||
</if>
|
||
<if condition="$order.coupon_price gt 0">
|
||
<span>优惠券优惠 :￥{$order.coupon_price}</span>
|
||
<!--在线支付 : <span>￥{$order.coupon_price}</span>-->
|
||
</if>
|
||
|
||
在线支付 : <span>￥{$order.total_amount}</span></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="til">取消原因</th>
|
||
<td class="cont">{$order.user_note}</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="til">联系方式</th>
|
||
<td class="cont">
|
||
<i class="td-m-r">联系人：{$order.consignee}</i>联系电话：{$order.mobile}
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="cancel-order-des">
|
||
<div class="title">
|
||
<div class="left-title">退款明细状态详解</div>
|
||
</div>
|
||
<p class="refund-detail">1、已退：商城已完成退款处理，实际退款时间以到账时间为准。</p>
|
||
<p class="refund-detail">2、待退：订单含有未退款项，待系统处理，请您耐心等待。</p>
|
||
<p class="refund-detail">3、未退：商城劵发生拆分是不予返还、商城劵、手机红包请您联系客服处理。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<include file="user/footer" />
|
||
<script>
|
||
/*
|
||
* 打开收起
|
||
* */
|
||
$('.cancel-order-des').find('.right-btn').click(function () {
|
||
$(this).parents('.cancel-order-des').find('.cancel-order-detail').toggle();
|
||
if($(this).text()=='收起'){
|
||
$(this).text('打开');
|
||
}else{
|
||
$(this).text('收起');
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |