初始上传
This commit is contained in:
192
addon/giftcard/shop/view/card/detail.html
Executable file
192
addon/giftcard/shop/view/card/detail.html
Executable file
@@ -0,0 +1,192 @@
|
||||
<style>
|
||||
.card-common .layui-card-body{padding-top: 0;}
|
||||
.card-common {margin-top: 15px;margin-bottom: 0;box-shadow: initial;}
|
||||
.promotion-view{display:flex;flex-wrap:wrap}
|
||||
.promotion-view-item{width:33.3%;padding-right:10px;box-sizing:border-box;line-height:30px}
|
||||
.todo-list .promotion-stat-item{flex:1;width:0;cursor:pointer}
|
||||
.layui-layout-admin .layui-body .body-content {background: 0 0;padding: 0;}
|
||||
.gift-card-goods span{cursor: pointer; color: var(--base-color);}
|
||||
.layui-tab-title{margin-bottom: 15px;}
|
||||
.layui-layout-admin .single-filter-box.top {padding-top: 0 !important;}
|
||||
.add-way .add-way-item{display: flex;margin: 8px 0;align-items: center;}
|
||||
.add-way .add-way-item input{margin: 0 10px;}
|
||||
.add-way .add-way-item .layui-form-radio{margin-right: 0;}
|
||||
/* 商品列表 */
|
||||
.shop-information-table > p{padding-left: 5px;padding-bottom: 5px;}
|
||||
.shop-information-table table {width: 100%;border: 1px solid rgb(238,238,238);}
|
||||
.shop-information-table .table-body {max-height: 400px;overflow: auto;}
|
||||
.table-trOne{height: 48px;background:rgb(245,245,245) ;}
|
||||
.shop-information-table th{text-align: left;padding-left:28px;box-sizing: border-box;font-weight: 500;color:#333333;}
|
||||
.shop-information-table th:last-child{border:none;}
|
||||
.table-trTow{width:100%;height:60px;border-top:1px solid rgb(238,238,238);}
|
||||
.table-trTow>td{text-align: left;padding-left:28px;box-sizing: border-box;font-weight: 500;color:#333333;border-right:1px solid rgb(238,238,238);}
|
||||
.table-trTow>td:nth-child(5){color:var(--base-color)}
|
||||
/* 卡记录 */
|
||||
.layui-timeline-item{padding-bottom:28px;}
|
||||
.layui-timeline-item:after{overflow: hidden;height: 0;content:"";display: block;clear: both;}
|
||||
.layui-timeline-item:before, hr{background:var(--base-color);margin-left:92px;}
|
||||
.distribution{width:100%;min-height: 50px;background:white;margin-top:15px;padding: 15px;box-sizing: border-box;}
|
||||
.layui-timeline-axis{left:87px;background:var(--base-color);display: flex;align-items: center;justify-content: center;}
|
||||
.layui-timeline-content{float:left;display: inline-block;padding-left:45px;}
|
||||
.layui-time-left{float: left;width:85px;height: 40px;padding: 2px 10px 0 0;box-sizing: border-box;}
|
||||
.layui-timeline{padding-left:60px;}
|
||||
.layui-time-left>p:nth-of-type(1){font-size:14px;color:#333333;text-align: right;}
|
||||
.layui-time-left>p:nth-of-type(2){color:rgb(164,164,164);text-align: right;}
|
||||
.layui-icon-center {width: 40%;height: 40%;border-radius: 50%;background: white;}
|
||||
</style>
|
||||
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">礼品卡信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="promotion-view">
|
||||
<div class="promotion-view-item">
|
||||
<label>卡号：</label>
|
||||
<span>{$detail.card_no}</span>
|
||||
</div>
|
||||
{if $detail.card_type!='virtual'}
|
||||
<div class="promotion-view-item">
|
||||
<label>卡密：</label>
|
||||
<span>{if $detail.card_cdk}{$detail.card_cdk}{else/}--{/if}</span>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="promotion-view-item">
|
||||
<label>卡类型：</label>
|
||||
<span>{if $detail.card_right_type == 'real'}实体卡{else/}电子卡{/if}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item grouping">
|
||||
<label>权益类型：</label>
|
||||
<span>{if $detail.card_right_type == 'goods'}礼品卡{else/}储值卡{/if}</span>
|
||||
</div>
|
||||
{if $detail.card_right_type == 'balance'}
|
||||
<div class="promotion-view-item grouping">
|
||||
<label>储蓄余额：</label>
|
||||
<span>{$detail.balance}</span>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="promotion-view-item">
|
||||
<label>状态：</label>
|
||||
<span>{$detail.status_name}</span>
|
||||
</div>
|
||||
{if $detail.init_member_id > 0 }
|
||||
<div class="promotion-view-item">
|
||||
<label>{if $detail.card_type == 'real'}激活人{else/}购买人{/if}：</label>
|
||||
<span>{$detail.init_member_nickname}</span>
|
||||
</div>
|
||||
{if $detail.card_type=='virtual'}
|
||||
<div class="promotion-view-item">
|
||||
<label>购买订单：</label>
|
||||
<a class="text-color" href="{:href_url('giftcard://shop/order/detail',['order_id'=> $detail['order_id']])}" target="_blank">{$detail.order_no}</a>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="promotion-view-item">
|
||||
<label>{if $detail.card_type == 'real'}激活{else/}购买{/if}时间：</label>
|
||||
<span>{if $detail.card_type == 'real'}{:time_to_date($detail.activate_time)}{else/}{:time_to_date($detail.create_time)}{/if}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>当前持卡人：</label>
|
||||
<span>{$detail.member_nickname}</span>
|
||||
</div>
|
||||
<div class="promotion-view-item">
|
||||
<label>有效期：</label>
|
||||
<span>{if $detail.valid_time == 0}永久{else/}{:time_to_date($detail.valid_time)}{/if}</span>
|
||||
</div>
|
||||
{if $detail.status != "to_use"&& $detail.use_time && ($detail.status == "expire" || $detail.status == "invalid" || $detail.status == "used")}
|
||||
<div class="promotion-view-item">
|
||||
<label>使用时间：</label>
|
||||
<span>{:date('Y-m-d H:i:s',$detail.use_time)}</span>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 商品信息 -->
|
||||
{if $detail['card_right_type'] == 'goods'}
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">商品信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body shop-information-table">
|
||||
{if $detail.card_right_goods_type == 'all'}
|
||||
<p>礼品卡持卡人兑换时可从以下商品列表中任选{$detail.card_right_goods_count}件</p>
|
||||
{/if}
|
||||
<div class="table-head">
|
||||
<table lay-skin="line">
|
||||
<colgroup>
|
||||
<col width="80%">
|
||||
{if $detail.card_right_goods_type == 'all'}
|
||||
<col width="20%">
|
||||
{/if}
|
||||
{if $detail.card_right_goods_type != 'all'}
|
||||
<col width="10%">
|
||||
<col width="10%">
|
||||
{/if}
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr class="table-trOne">
|
||||
<th lay-data="{field:'product_name', width:200}">商品</th>
|
||||
<th lay-data="{field:'price'}">价格</th>
|
||||
{if $detail.card_right_goods_type != 'all'}
|
||||
<th lay-data="{field:'sale_num'}">数量</th>
|
||||
{/if}
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-body">
|
||||
<table lay-skin="line">
|
||||
<colgroup>
|
||||
<col width="80%">
|
||||
{if $detail.card_right_goods_type == 'all'}
|
||||
<col width="20%">
|
||||
{/if}
|
||||
{if $detail.card_right_goods_type != 'all'}
|
||||
<col width="10%">
|
||||
<col width="10%">
|
||||
{/if}
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
{foreach $detail['card_goods_list'] as $list_k => $order_goods_item}
|
||||
<tr class="table-trTow">
|
||||
<td>{$order_goods_item.sku_name}</td>
|
||||
<td>{$order_goods_item.price}</td>
|
||||
{if $detail.card_right_goods_type != 'all'}
|
||||
<td>{$order_goods_item.total_num}</td>
|
||||
{/if}
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">卡记录</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<ul class="layui-timeline">
|
||||
{foreach name="$card_log_list" item="vo"}
|
||||
<li class="layui-timeline-item">
|
||||
<div class="layui-time-left">
|
||||
<p>{:date('Y-m-d', $vo.create_time)}</p>
|
||||
<p>{:date('H:i:s', $vo.create_time)}</p>
|
||||
</div>
|
||||
<div class="layui-icon layui-timeline-axis">
|
||||
<span class="layui-icon-center"></span>
|
||||
</div>
|
||||
<div class="layui-timeline-content layui-text">
|
||||
<div class="layui-timeline-title">{$vo.remark}</div>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
179
addon/giftcard/shop/view/card/lists.html
Executable file
179
addon/giftcard/shop/view/card/lists.html
Executable file
@@ -0,0 +1,179 @@
|
||||
<style>
|
||||
.table-tab .layui-tab-content{margin-top: 10px;}
|
||||
.add-way .add-way-item{display: flex;margin: 8px 0;align-items: center;}
|
||||
.add-way .add-way-item input{margin: 0 10px;}
|
||||
.add-way .add-way-item .layui-form-radio{margin-right: 0;}
|
||||
</style>
|
||||
|
||||
<div class="screen layui-collapse" lay-filter="card_tab">
|
||||
<div class="layui-colla-item">
|
||||
<form class="layui-colla-content layui-form layui-show">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">编号名称</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="search_text" placeholder="请输入编号名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button type="button" class="layui-btn" lay-filter="search" lay-submit>筛选</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab table-tab" lay-filter="bargain_tab">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" data-status="all">全部</li>
|
||||
{foreach $status_list as $k => $v}
|
||||
<li data-status="{$k}">{$v}</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div class="layui-tab-content poster_list">
|
||||
<!-- 列表 -->
|
||||
<table id="poster_list" lay-filter="poster_list"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="action">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" lay-event="delete">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var table,form,laytpl,element,repeat_flag,layer_label;
|
||||
var giftcard_id = {$giftcard_id};
|
||||
var import_id = {$import_id};
|
||||
|
||||
layui.use(['form','laytpl','element'], function () {
|
||||
laytpl = layui.laytpl;
|
||||
form = layui.form;
|
||||
element = layui.element;
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
table = new Table({
|
||||
elem: '#poster_list',
|
||||
url: ns.url("giftcard://shop/card/lists", {'giftcard_id': giftcard_id,'import_id':import_id}),
|
||||
cols: [
|
||||
[{
|
||||
field: 'card_no',
|
||||
title: '编号',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
},{
|
||||
field: 'card_cdk',
|
||||
title: '卡密',
|
||||
unresize: 'false',
|
||||
width: '20%',
|
||||
}, {
|
||||
title: '生成时间',
|
||||
unresize: 'false',
|
||||
width: '15%',
|
||||
templet: function (data) {
|
||||
return ns.time_to_date(data.create_time);
|
||||
}
|
||||
}, {
|
||||
field: 'member_nickname',
|
||||
title: '激活会员',
|
||||
unresize: 'false',
|
||||
width: '10%',
|
||||
templet: function (data) {
|
||||
return data.member_nickname || '--'
|
||||
}
|
||||
}, {
|
||||
field: 'sort',
|
||||
unresize: 'false',
|
||||
title: '激活时间',
|
||||
width: '15%',
|
||||
templet: function (data) {
|
||||
if(data.activate_time == 0)
|
||||
return "--";
|
||||
else
|
||||
return ns.time_to_date(data.activate_time);
|
||||
}
|
||||
}, {
|
||||
field: 'status_name',
|
||||
title: '状态',
|
||||
unresize: 'false',
|
||||
width: '10%'
|
||||
},{
|
||||
title: '操作',
|
||||
toolbar: '#action',
|
||||
unresize: 'false',
|
||||
align : 'right'
|
||||
}]
|
||||
]
|
||||
});
|
||||
|
||||
element.on('tab(bargain_tab)', function () {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: {
|
||||
'status': this.getAttribute('data-status')
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function (obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'delete': //删除
|
||||
deleteCard(data.card_id);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function deleteCard(id) {
|
||||
layer.confirm('确定要删除该卡项记录吗?', function (index) {
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("giftcard://shop/card/delete"),
|
||||
data: {
|
||||
card_id: id
|
||||
},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function (res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code == 0) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function () {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function (data) {
|
||||
table.reload({
|
||||
page: {curr: 1},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user