dggjimai/application/admin/view/consignment_order/detail.html

272 lines
9.5 KiB
HTML
Executable File

{extend name="layout1" /}
{block name='content'}
<style>
.layui-form-label{
width:180px;
}
.div-flex {
display: flex;
align-items: center;
justify-content: left;
}
.width-160 {
width: 200px;
float: left;
display: block;
padding: 9px 15px;
font-weight: 400;
}
.layui-table th {
text-align: center;
}
.table-margin{
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
.image{
height:50px;
width: 50px;
}
.mt50{
margin-left: 50px;
}
</style>
<div class="layui-card-body" >
<!--基本信息-->
<div class="layui-form" lay-filter="layuiadmin-form-order" id="layuiadmin-form-order" >
<input type="hidden" class="order_id" name="order_id" value="{$detail.id}">
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>订单信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">订单编号:</label>
<div class="width-160">{$detail.order_sn}</div>
<label class="layui-form-label ">订单状态:</label>
<div class="width-160">{$detail.order_status_text}</div>
<label class="layui-form-label ">下单时间:</label>
<div class="width-160">{$detail.create_time}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>会员信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">会员编号:</label>
<div class="width-160">{$detail.user.sn}</div>
<label class="layui-form-label ">会员昵称:</label>
<div class="width-160">{$detail.user.nickname}</div>
<label class="layui-form-label ">手机号码:</label>
<div class="width-160">{$detail.user.mobile}</div>
<label class="layui-form-label ">注册时间:</label>
<div class="width-160">{$detail.user.create_time}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>取货信息</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<label class="layui-form-label ">取货人:</label>
<div class="width-160">{$detail.consignee}</div>
<label class="layui-form-label ">手机号:</label>
<div class="width-160">{$detail.mobile}</div>
<label class="layui-form-label ">取货地址:</label>
<div class="width-160">{$detail.address}</div>
<label class="layui-form-label ">取货时间:</label>
<div class="width-160">{$detail.takeparts_time}</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>退货信息</legend>
</fieldset>
</div>
{eq name="$detail.is_return" value="1"}
<div class="layui-form-item div-flex">
<label class="layui-form-label ">退货人:</label>
<div class="width-160">{$detail.consignee}</div>
<label class="layui-form-label ">手机号:</label>
<div class="width-160">{$detail.mobile}</div>
<label class="layui-form-label ">退货地址:</label>
<div class="width-160">{$detail.address}</div>
</div>
{else/}
<div class="layui-form-item div-flex">
<label class="layui-form-label"></label>
<div class="width-160">无需退回</div>
</div>
{/eq}
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>商品信息</legend>
</fieldset>
</div>
<div class="layui-form-item table-margin">
<table class="layui-table">
<colgroup>
<col width="250">
<col width="200">
<col width="200">
<col width="100">
<col width="200">
<col width="100">
</colgroup>
<thead>
<tr>
<th>图片</th>
<th>商品名称</th>
<th>商品信息</th>
<th>估计</th>
<th>备注</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{foreach $detail.consignment_order_goods as $k => $goods}
<tr>
<td>
<div style="text-align: left">
{foreach $goods.img_list as $k1 => $img}
<div style="float:left; margin-right: 10px;">
<img src="{$img.ori_image}" class="image-show image" >
</div>
{/foreach}
</div>
</td>
<td>
<div style="text-align: left">
{$goods.goods_name}
</div>
</td>
<td>
<div style="text-align: left">
<div class="layui-col-md9">
<p style="margin-top: 10px">购买价格:{$goods.goods_price}</p>
<p>尺寸:{$goods.item_value}</p>
<p>品牌:{$goods.brand_name}</p>
<p>品类:{$goods.class_name}</p>
<p>品相:{$goods.phase_name}</p>
<p>购买渠道:{$goods.channel_name}</p>
</div>
</div>
</td>
<td>
<div style="text-align: left">
¥{$goods.evaluation_price}
</div>
</td>
<td>
<div style="text-align: left">
{$goods.refund_remarks}
</div>
</td>
<td>
<div style="text-align: left">
{$goods.refund_status_text}
</div>
</td>
</tr>
{/foreach}
<tr>
<td colspan="6" style="text-align: right;">
<p>商品总估计金额:¥{$detail.total_amount}</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>订单操作</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex ">
<div class="layui-input-block ">
{eq name="$detail.order_status" value="0"}
<button type="submit" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="examine">审核</button>
{/eq}
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary width_160 " id="back">返回</button>
</div>
</div>
<div class="layui-form-item">
<fieldset class="layui-elem-field layui-field-title">
<legend>订单流程</legend>
</fieldset>
</div>
<div class="layui-form-item div-flex">
<div class="layui-input-block ">
<ul class="layui-timeline">
{volist name="$detail.logs" id="vo"}
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis"></i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">{$vo.remark}({$vo.create_time})</h3>
<!--日志备注-->
{notempty name="$vo.extra"}
<h4>{$vo.extra}</h4>
{/notempty}
</div>
</li>
{/volist}
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//注意:选项卡 依赖 element 模块,否则无法进行功能性操作
layui.config({
version:"2.6.6.20211117",
base: '/static/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'element', 'jquery', 'like'], function () {
var $ = layui.$;
var like = layui.like;
//主图放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,400);
});
$('#back').click(function () {
var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
parent.layer.close(index);
parent.layui.table.reload('order-lists');
return true;
});
//发货
$('#examine').click(function () {
var id = $('.order_id').val();
layer.open({
type: 2
,title: '订单审核'
,content: '{:url("consignment_order/examine")}?id='+id
,area: ['90%', '90%']
,yes: function(index, layero){
}
})
});
});
</script>
{/block}