zimt/littleTiger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f02d6c04cf95917bfde3292d7d082507d175ad9e
littleTiger/template/pc/rainbow/order/cancel_order_info.html

181 lines
8.3 KiB
HTML
Raw Normal View History

first commit
2019-02-28 19:48:21 +08:00
<!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>
Reference in New Issue Copy Permalink