Files
littleTiger/application/admin/view/order/virtual_info.html

282 lines
14 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<include file="public/layout"/>
<body style="background-color: #FFF; overflow: auto;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
<div class="fixed-bar">
<div class="item-title"><a class="back" href="{:U('admin/Order/virtual_list')}" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
<div class="subject">
<h3>虚拟订单</h3>
<h5>商城虚拟商品交易订单查询及管理</h5>
</div>
</div>
</div>
<div class="ncap-order-style">
<div class="titile">
<h3></h3>
</div>
<div class="ncap-order-flow">
<ol class="num5">
<li class="current">
<h5>生成订单</h5>
<i class="fa fa-arrow-circle-right"></i>
<time>{$order.add_time|date='Y-m-d H:i:s',###}</time>
</li>
<li class="<if condition='$order[pay_status] eq 1'>current</if>" style=" width: 40%;">
<h5>发放兑换码</h5>
<i class="fa fa-arrow-circle-right"></i>
<if condition='$order[pay_status] eq 1'>
<div class="code-list tip" title="如列表过长超出显示区域时可滚动鼠标进行查看">
<div id="codeList">
<ul>
<foreach name="vrorder" item="vo">
<if condition='$vo[vr_state] eq 1'>
<li class=""><strong>{$vo.vr_code}</strong> 已使用,使用时间{$vo.vr_usetime|date='Y-m-d',###}</li>
<else/>
<li class=""><strong>{$vo.vr_code}</strong> 未使用,有效期至{$vo.vr_indate|date='Y-m-d',###}</li>
</if>
</foreach>
</ul>
</div>
</div>
</if>
</li>
<li class="long <if condition='$order[confirm_time] gt 0'>current</if>">
<h5>订单完成</h5>
<time>
<if condition='$order[confirm_time] gt 0'>{$order.confirm_time|date='Y-m-d H:i:s',###}</if>
</time>
</li>
</ol>
</div>
<div class="ncap-order-details">
<ul class="tabs-nav">
<li class="current"><a href="javascript:void(0);">订单详情</a></li>
</ul>
<div class="tabs-panels">
<div class="misc-info">
<h4>下单/支付</h4>
<dl>
<dt>订单号:</dt>
<dd>{$order.order_sn}</dd>
<dt>订单状态:</dt>
<dd>{$order.order_status_detail}</dd>
<dt>下单时间:</dt>
<dd>{$order.add_time|date='Y-m-d H:i:s',###}</dd>
</dl>
<if condition="$order[pay_status] eq 1">
<dl>
<dt>支付单号:</dt>
<dd>{$order.transaction_id}</dd>
<dt>支付方式:</dt>
<dd>{$order.pay_name}</dd>
<dt>支付时间:</dt>
<dd>{$order.pay_time|date='Y-m-d H:i:s',###}</dd>
</dl>
</if>
</div>
<div class="addr-note">
<h4>购买/收货方信息</h4>
<dl>
<dt>买家:</dt>
<dd>{$order.consignee}</dd>
<dt>接收手机:</dt>
<dd>{$order.mobile}</dd>
</dl>
<dl>
<dt>买家留言:</dt>
<dd>{$order.user_note}</dd>
</dl>
</div>
<div class="addr-note">
<h4>订单状态</h4>
<if condition="$order.pay_status eq 1">
<dl>
<dt><i class="icon-ok-circle green"></i>订单状态:</dt>
<dd>买家已付款,电子兑换码已发放</dd>
</dl>
<dl>
<dt><i class="icon-ok-circle green"></i>说明:</dt>
<dd>
<ul>
<li>1. 该笔订单的电子兑换码已由系统自动发送至买家接收。</li>
<li>2. 本次交易从即日起至<time>{$order_goods.virtual_indate|date='Y-m-d',###}</time> ,逾期自动失效。</li>
<li>3. 临时支付按钮,生成兑换码 <a href="{:U('Order/generateVirtualCode',array('order_id'=>$order[order_id]))}" class="ncbtn-mini ncap-btn-mini ncap-btn-green">给他付钱</a></li>
</ul>
</dd>
</dl>
<else/>
<dl>
<if condition="$order['order_status'] eq 3">
<dt><i class="icon-off orange"></i>订单状态:</dt>
<dd>交易关闭</dd>
<else/>
<dt><i class="icon-ok-circle green"></i>订单状态:</dt>
<dd>订单已经生成,等待买家付款</dd>
</if>
</dl>
<dl>
<dt><i class="icon-ok-circle green"></i>说明:</dt>
<dd>
<ul>
<if condition="$order['order_status'] eq 3">
<li> 交易关闭</li>
<!--<li> 交易关闭,原因:{$order.user_note}</li>-->
<else/>
<li>1. 买家尚未对该订单进行支付。</li>
<li>2. 如果该订单是一个无效订单,您可以点击 <a href="javascript:void(0)" data-url="{:U('Order/virtual_cancel',array('order_id'=>$order[order_id]))}" class="ncap-btn ncap-btn-red" onclick="virtual_cancel(this)" >取消订单</a></li>
<li>3. 临时支付按钮,生成兑换码 <a href="{:U('Order/generateVirtualCode',array('order_id'=>$order[order_id]))}" class="ncbtn-mini ncap-btn-mini ncap-btn-green">给他付钱</a></li>
</if>
</ul>
</dd>
</dl>
</if>
<!--<dl>-->
<!--<dt>买家:</dt>-->
<!--<dd>{$order.consignee}</dd>-->
<!--<dt>接收手机:</dt>-->
<!--<dd>{$order.mobile}</dd>-->
<!--</dl>-->
<!--<dl>-->
<!--<dt>买家留言:</dt>-->
<!--<dd>{$order.user_note}</dd>-->
<!--</dl>-->
</div>
<div class="goods-info">
<h4>商品信息</h4>
<table>
<thead>
<tr>
<th colspan="2">商品</th>
<th>单价</th>
<th>数量</th>
<!--<th>佣金比例</th>-->
<!--<th>收取佣金</th>-->
</tr>
</thead>
<tbody>
<tr>
<td class="w30">
<div class="goods-thumb"><a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" target="_blank">
<img alt="" src="{$order_goods['goods_id']|goods_thum_images=240,240}"/> </a></div>
</td>
<td style="text-align: left;">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" target="_blank">{$order_goods.goods_name}</a>
使用时效:即日起 至 {$order_goods.virtual_indate|date='Y-m-d',###}
</td>
<td class="w80">¥{$order_goods.goods_price}</td>
<td class="w60">{$order_goods.goods_num}</td>
<!--<td class="w60">{$order_goods.commission}</td>-->
<!--<td class="w80">{$order_goods.commission_money}</td>-->
</tr>
</tbody>
</table>
</div>
<div class="total-amount">
<h3>订单总额:<strong class="red_common">¥{$order.goods_price}</strong></h3>
</div>
<div class="contact-info">
<h3>费用信息 </h3>
<if condition="$order.pay_status eq 0">
<div class="form_class">
<a class="btn green" href="{:U('Admin/Order/editprice',array('order_id'=>$order['order_id']))}"><i class="fa fa-pencil-square-o"></i>修改费用</a>
</div>
</if>
<dl>
<!--<dt>小计:</dt>-->
<!--<dd>{$order.goods_price}</dd>-->
<dt>余额抵扣:</dt>
<dd>-{$order.user_money}</dd>
<dt>运费:</dt>
<dd>+{$order.shipping_price}</dd>
<dt>积分 (-{$order.integral})</dt>
<dd>-{$order.integral_money}</dd>
</dl>
<dl>
<dt>优惠券抵扣:</dt>
<dd>-{$order.coupon_price}</dd>
<dt>价格调整:</dt>
<dd>减:{$order.discount}</dd>
<dt>订单促销:</dt>
<dd>减:{$order.order_prom_amount}</dd>
</dl>
<dl>
<dt>应付:</dt>
<dd><strong class="red_common">{$order.order_amount}</strong></dd>
</dl>
</div>
<div class="goods-info">
<h4>操作记录</h4>
<table>
<thead>
<tr>
<th>操作者</th>
<th>操作时间</th>
<th>订单状态</th>
<th>付款状态</th>
<th>发货状态</th>
<th>描述</th>
<th>备注</th>
</tr>
</thead>
<tbody id="order_action">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
getOrderAction();
})
//兑换码列表过多时出现滚条
function virtual_cancel(obj){
layer.open({
type: 2,
title: '取消订单',
shadeClose: true,
shade: 0.2,
area: ['420px', '330px'],
skin: 'layui-layer-rim',
content: [$(obj).attr('data-url'),'no'],
});
}
function getOrderAction(){
var order_id = "{$order.order_id}";
$.ajax({
type : "get",
url : "{:U('Admin/order/getOrderAction')}",
data : {order_id:order_id},
dataType: 'json',
error: function(request) {
layer.msg("服务器繁忙, 请联系管理员!", {icon: 1, time: 2000});
},
success: function(data) {
// 验证成功提交表单
if(data.status == 1)
{
var html = '';
for (var i=0; i<data.data.length;i++){
html +='<tr><td class="text-center">'+data.data[i].action_user_name+'</td>' +
'<td class="text-center">'+data.data[i].log_time+'</td>' +
'<td class="text-center">'+data.data[i].order_status+'</td>' +
'<td class="text-center">'+data.data[i].pay_status+'</td>' +
'<td class="text-center">'+data.data[i].shipping_status+'</td>' +
'<td class="text-center">'+data.data[i].status_desc+'</td>' +
'<td class="text-center">'+data.data[i].action_note+'</td></tr>'
}
$('#order_action').html(html);
}else{
layer.msg(data.msg, {icon: 2, time: 2000});
}
}
});
}
</script>
</body>
</html>