admin/addon/topic/shop/view/topic/detail.html

115 lines
2.9 KiB
HTML

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" href="STATIC_CSS/promotion_detail.css">
{/block}
{block name="main"}
<div class="layui-card card-common card-brief">
<div class="layui-card-header">
<div>
<span class="card-title">基本信息</span>
</div>
</div>
<div class="layui-card-body">
<div class="promotion-view">
<div class="promotion-view-item">
<label>活动名称:</label>
<span>{$info.topic_name}</span>
</div>
<div class="promotion-view-item">
<label>开始时间:</label>
<span>{:date('Y-m-d H:i:s',$info.start_time)}</span>
</div>
<div class="promotion-view-item">
<label>结束时间:</label>
<span>{:date('Y-m-d H:i:s',$info.end_time)}</span>
</div>
</div>
<div class="promotion-view">
<div class="promotion-view-item-line">
<label class="promotion-view-item-custom-label">横幅图片:</label>
<div class="promotion-view-item-custom-box img-upload">
<div class="upload-img-block icon">
<div class="upload-img-box">
{if condition="$info.topic_adv"}
<img layer-src src="{:img($info.topic_adv)}" >
{else/}
<img layer-src src="__STATIC__/img/shape.png" />
{/if}
</div>
</div>
</div>
</div>
{if !empty($info.remark)}
<div class="promotion-view-item-line">
<label class="promotion-view-item-custom-label">活动内容:</label>
<div class="promotion-view-item-custom-box">{$info.remark}</div>
</div>
{/if}
</div>
</div>
</div>
<div class="layui-card card-common card-brief">
<div class="layui-card-header">
<div>
<span class="card-title">活动商品</span>
</div>
</div>
<div class="layui-card-body">
<div class='promotion-view-list'>
<table id="promotion_list"></table>
</div>
</div>
</div>
{/block}
{block name="script"}
<script type='text/html' id="promotion_list_item_box_html">
<div class="promotion-list-item-title">
<div class="promotion-list-item-title-icon">
<img src="{{ ns.img(d.sku_image) }}" alt="">
</div>
<p class="promotion-list-item-title-name multi-line-hiding">{{ d.sku_name }}</p>
</div>
</script>
<script>
var promotion_list = {:json_encode($info.goods_list, JSON_UNESCAPED_UNICODE)};
layui.use('table', function() {
new Table({
elem: '#promotion_list',
cols: [
[{
field: 'sku_name',
title: '商品名称',
width: '30%',
unresize: 'false',
templet: '#promotion_list_item_box_html'
}, {
field: 'price',
title: '商品价格',
unresize: 'false',
templet: function(data) {
return '¥' + data.price;
}
}, {
field: 'stock',
title: '库存',
unresize: 'false',
}, {
field: '活动价格',
title: '定金',
unresize: 'false',
templet: function(data) {
return '¥' + data.topic_price;
}
}]
],
data: promotion_list
});
});
</script>
{/block}