196 lines
4.2 KiB
HTML
196 lines
4.2 KiB
HTML
{extend name="common/base"/}
|
|
<!-- 主体 -->
|
|
{block name="body"}
|
|
<style>
|
|
.sm-st {
|
|
background: #fff;
|
|
padding: 20px;
|
|
border-radius: 3px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.sm-st-icon {
|
|
width: 60px;
|
|
height: 60px;
|
|
display: inline-block;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
background: #eee;
|
|
border-radius: 5px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.sm-st-info {
|
|
font-size: 12px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sm-st-info span {
|
|
display: block;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
.col-sm-2{
|
|
width: 16%;
|
|
display: inline-block;
|
|
}
|
|
.panel{
|
|
background-color: #fff;
|
|
}
|
|
</style>
|
|
<div class="p-3 panel">
|
|
<div class="panel" id="search_box">
|
|
<div style="text-align: center;">
|
|
<div class="sm-st clearfix">
|
|
<div class="sm-st-info">
|
|
<span id="old_num">{$brokerage_price}</span>
|
|
总佣金
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class="layui-hide" id="article" lay-filter="article"></table>
|
|
</div>
|
|
|
|
{/block}
|
|
<!-- /主体 -->
|
|
|
|
<!-- 脚本 -->
|
|
{block name="script"}
|
|
<script>
|
|
const moduleInit = ['tool'];
|
|
function gouguInit() {
|
|
var table = layui.table,tool = layui.tool, form = layui.form;
|
|
layui.pageTable = table.render({
|
|
elem: '#article',
|
|
title: '文章表列表',
|
|
toolbar: '#toolbarDemo',
|
|
url: '{$url[0]}',
|
|
page: true,
|
|
limit: 20,
|
|
cols: [
|
|
[
|
|
{
|
|
fixed: 'left',
|
|
field: 'id',
|
|
title: '编号',
|
|
align: 'center',
|
|
width: 80
|
|
},{
|
|
field: 'supply_sn',
|
|
title: '流水号',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'mer_id',
|
|
title: '商户',
|
|
align: 'center',
|
|
width: 100,
|
|
templet: function (d)
|
|
{
|
|
return d.merchant.mer_name;
|
|
}
|
|
},{
|
|
field: 'fa_supply_chain_id',
|
|
title: '供应链团队',
|
|
align: 'center',
|
|
width: 100,
|
|
templet: function (d)
|
|
{
|
|
return d.supplyChain.name;
|
|
}
|
|
},{
|
|
field: 'order_sn',
|
|
title: '订单编号',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'order_id',
|
|
title: '订单ID',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'user_info',
|
|
title: '用户名',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'user_id',
|
|
title: '小组服务用户ID',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'supply_userId',
|
|
title: '供应链用户ID',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'pay_price',
|
|
title: '订单金额',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'brokerage_price',
|
|
title: '佣金金额',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'brokerage_rate',
|
|
title: '分佣等级',
|
|
align: 'center',
|
|
width: 300,
|
|
templet: function (d)
|
|
{
|
|
return d.level.name + ',分佣比例：' + d.level.rate + '%';
|
|
}
|
|
},{
|
|
field: 'status',
|
|
title: '分佣状态',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'group_user',
|
|
title: '用户组',
|
|
align: 'center',
|
|
width: 100
|
|
},{
|
|
field: 'create_time',
|
|
title: '创建时间',
|
|
align: 'center',
|
|
width: 100
|
|
}
|
|
]
|
|
]
|
|
});
|
|
//监听表格行工具事件
|
|
table.on('tool(article)', function(obj) {
|
|
var data = obj.data;
|
|
if (obj.event === 'read') {
|
|
tool.side('{$url[1]}?id='+obj.data.id);
|
|
}
|
|
return false;
|
|
});
|
|
|
|
//监听搜索提交
|
|
form.on('submit(searchform)', function(data) {
|
|
layui.pageTable.reload({
|
|
where: {
|
|
keywords: data.field.keywords,
|
|
cate_id: data.field.cate_id,
|
|
phone:data.field.phone
|
|
},
|
|
page: {
|
|
curr: 1
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
}
|
|
</script>
|
|
{/block}
|
|
<!-- /脚本 --> |