242 lines
8.9 KiB
HTML
242 lines
8.9 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
|
{block name="resources"}
|
|
<style>
|
|
.content{
|
|
padding: 15px;
|
|
}
|
|
.content .block .title{
|
|
color: #333333;
|
|
margin-bottom: 24px;
|
|
width: 100%;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
padding-left: 10px;
|
|
border-left: 3px solid rgb(254,106,0);
|
|
box-sizing: border-box;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.content .block .list{
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.content .block .list .list-block{
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: #a4a4a4;
|
|
margin-bottom: 14px;
|
|
width: calc(100% / 3);
|
|
justify-content: center;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
.content .block .list .list-block .list-block-title{
|
|
min-width: 85px;
|
|
text-align: right;
|
|
}
|
|
.content .block .list .list-block .list-block-value{
|
|
color: #333333;
|
|
margin-left: 16px;
|
|
text-align: left;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.content .block .list .list-block .list-block-value .image{
|
|
max-width: 80px;
|
|
max-height: 80px;
|
|
}
|
|
.content .block .list .list-block .list-block-value .text{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.content .block .user_list .list-block{
|
|
height: 150px;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
.content .block .user_list .list-block .list-block-title{
|
|
width: 100%;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.content .block .user_list .list-block .list-block-value{
|
|
width: 100%;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: center;
|
|
margin-left: 0!important;
|
|
height: 120px;
|
|
}
|
|
.content .block .layui-timeline{
|
|
padding-left: 80px;
|
|
}
|
|
</style>
|
|
{/block}
|
|
|
|
{block name="body"}
|
|
<div class="content">
|
|
<!-- 交易信息 -->
|
|
<div class="block">
|
|
<div class="title">交易信息</div>
|
|
<div class="list">
|
|
<div class="list-block">
|
|
<div class="list-block-title">订单号：</div>
|
|
<div class="list-block-value">{$order['order_no'] ?? '--'}</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">商品数量：</div>
|
|
<div class="list-block-value">{$info['total'] ?? '--'}</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">购入价格：</div>
|
|
<div class="list-block-value">{$info['unit_price'] ?? '--'}</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">售卖价格：</div>
|
|
<div class="list-block-value">{$info['price'] ?? '--'}</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">状态：</div>
|
|
<div class="list-block-value">
|
|
{if $info['status'] == 1}
|
|
<span>库存</span>
|
|
{elseif $info['status'] == 2}
|
|
<span style="color: #07c160;">已上架</span>
|
|
{elseif $info['status'] == 3}
|
|
<span style="color: #1989fa;">已售出</span>
|
|
{elseif $info['status'] == 4}
|
|
<span style="color: #7232dd;">提货中</span>
|
|
{elseif $info['status'] == 5}
|
|
<span style="color: #ad0000;">提货完成</span>
|
|
{elseif $info['status'] == 6}
|
|
<span style="color: #ff976a;">待支付</span>
|
|
{elseif $info['status'] == 7}
|
|
<span style="color: #ee0a24;">捡漏</span>
|
|
{else}
|
|
--
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">订单来源：</div>
|
|
<div class="list-block-value">{$info['old_futures_id'] > 0 ? '购买获得' : '后台配发'}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 会员信息 -->
|
|
<div class="block">
|
|
<div class="title">会员信息</div>
|
|
<div class="list user_list">
|
|
<div class="list-block">
|
|
<div class="list-block-title">卖家信息</div>
|
|
<div class="list-block-value">
|
|
<img src="{:img($seller.headimg)}" class="image"/>
|
|
<div class="text">
|
|
{if $seller['nickname']} {$seller['nickname']} {else} {$seller['username']} {/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">商品信息</div>
|
|
<div class="list-block-value">
|
|
<img src="{:img($goods.goods_image)}" class="image"/>
|
|
<div class="text">
|
|
{$goods['goods_name']}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-block">
|
|
<div class="list-block-title">买家信息</div>
|
|
<div class="list-block-value">
|
|
{if $buyer}
|
|
<img src="{:img($buyer.headimg)}" class="image"/>
|
|
<div class="text">
|
|
{if $buyer['nickname']} {$buyer['nickname']} {else} {$buyer['username']} {/if}
|
|
</div>
|
|
{else}
|
|
--
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 操作日志 -->
|
|
<div class="block">
|
|
<div class="title">交易操作日志</div>
|
|
<ul class="layui-timeline">
|
|
{if $info['take_time'] > 0}
|
|
<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">{:date("Y-m-d H:i",$info['take_time'])}</h3>
|
|
<p>【{if $seller['nickname']} {$seller['nickname']} {else} {$seller['username']} {/if}】取货</p>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{if $info['sell_time'] > 0}
|
|
<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">{:date("Y-m-d H:i",$info['sell_time'])}</h3>
|
|
<p>【{if $buyer['nickname']} {$buyer['nickname']} {else} {$buyer['username']} {/if}】购入当前订单中所有商品</p>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{if $info['release_time'] > 0}
|
|
<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">{:date("Y-m-d H:i",$info['release_time'])}</h3>
|
|
<p>【{if $seller['nickname']} {$seller['nickname']} {else} {$seller['username']} {/if}】将当前订单上架售卖</p>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{if $info['created_time'] > 0}
|
|
<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">{:date("Y-m-d H:i",$info['created_time'])}</h3>
|
|
<p>【{if $seller['nickname']} {$seller['nickname']} {else} {$seller['username']} {/if}】购入</p>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{/block}
|
|
{block name="script"}
|
|
<script>
|
|
var _thisIndex,form,repeat_flag = false,goods_info = {};
|
|
$(function () {
|
|
// 基本参数
|
|
_thisIndex = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
|
// 表单内容
|
|
layui.use(['form'], function() {
|
|
form = layui.form;
|
|
form.render();
|
|
});
|
|
});
|
|
// 点击关闭弹框
|
|
function closeIframe() {
|
|
parent.layer.close(_thisIndex); //再执行关闭
|
|
}
|
|
</script>
|
|
{/block} |