144 lines
5.6 KiB
Plaintext
144 lines
5.6 KiB
Plaintext
@{
|
|
ViewBag.Title = "Index";
|
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
|
}
|
|
|
|
<div class="x-body">
|
|
|
|
<div id="mytoolbar">
|
|
|
|
<div class="layui-inline">
|
|
查询日期：
|
|
<div class="layui-inline">
|
|
<input class="layui-input" placeholder="查询日期" name="txt_queryDay" id="queryDay" style="width:120px;">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
<span class="layui-word-aux">实际收款：收款金额-退款金额</span>
|
|
<span class="layui-word-aux">月订单数：当月付款使用的订单数(包含未开通，退款等)</span>
|
|
<span class="layui-word-aux">渠道消费：渠道消费/实际收款</span>
|
|
|
|
<div class="layui-tab-content">
|
|
<table class="layui-hide" id="table1"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/html" id="toolbarDemo">
|
|
<div class="layui-form" id="itemCheck">
|
|
<input type="checkbox" lay-filter="icheck" id="@ViewBag.AuditItems[0].itemid" title="@ViewBag.AuditItems[0].item" checked>
|
|
@foreach (var item in ViewBag.AuditItems[0].childItemTrees)
|
|
{
|
|
if (item.childItemTrees.Count > 0)
|
|
{
|
|
<input type="checkbox" lay-filter="icheck" id="@item.itemid" title="@item.item">
|
|
foreach (var childitem in item.childItemTrees)
|
|
{
|
|
if (childitem.childItemTrees.Count > 0)
|
|
{
|
|
<input type="checkbox" lay-filter="icheck" id="@childitem.itemid" title="@childitem.item">
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
</div>
|
|
|
|
</script>
|
|
|
|
<script>
|
|
var form;
|
|
layui.use(['table', 'layer', 'laydate', 'element', 'form'], function () {
|
|
var layer = layui.layer;
|
|
var laydate = layui.laydate;
|
|
var table = layui.table;
|
|
form = layui.form;
|
|
|
|
var date = new Date();
|
|
var now = date.toLocaleDateString().replace("/", "-").replace("/", "-");
|
|
laydate.render({
|
|
elem: '#queryDay',
|
|
value: now ,
|
|
done: function (value, date) {
|
|
QueryCashFlow(value);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
function QueryCashFlow(day) {
|
|
|
|
var ids = [0, 1, 2, 41, 23];
|
|
|
|
console.log(ids);
|
|
|
|
$('#itemCheck').show();
|
|
$.r_post('/CashFlow/Query', { 'day': day }, function (trsp) {
|
|
result = trsp.result.filter(r => r["monNetPayprice"]> 0)
|
|
table.render({
|
|
id: "table1",//列表别名ID
|
|
elem: "#table1",//表ID
|
|
even: true,
|
|
toolbar: "#toolbarDemo",
|
|
defaultToolbar: ['exports', { title: '刷新', layEvent: 'LAYRefresh', icon: 'layui-icon-refresh' }],
|
|
height: 900,
|
|
limit: Number.MAX_VALUE,
|
|
cols: [[
|
|
{ field: 'item', title: '渠道', width: 130, templet: '#itemTpl' }
|
|
, { field: 'payprice', title: '当日收款金额', sort: true }
|
|
, { field: 'Refundprice', title: '当日退款金额', style: 'color:red', sort: true }
|
|
, { field: 'DepConsume', title: '当日渠道消费金额', sort: true }
|
|
, { field: 'netPayprice', title: '当日实际收款', style: 'color:blue', sort: true }
|
|
, { field: 'monOrderNum', title: '月订单数', width: 100, sort: true }
|
|
, { field: 'monPayprice', title: '当月收款金额', sort: true }
|
|
, { field: 'monRefundOrderNum', title: '当月退款订单数', sort: true }
|
|
, { field: 'monRefundprice', title: '当月退款金额', style: 'color:red', sort: true }
|
|
, { field: 'monDepConsume', title: '当月渠道消费金额', sort: true }
|
|
, { field: 'monNetOrderNum', title: '当月实际收款订单数', sort: true }
|
|
, { field: 'monNetPayprice', title: '当月实际收款', style: 'color:blue', sort: true }
|
|
]],
|
|
//data: auditItemResults.filter(r => r["parentId"] == 1 || r["parentId"] == 0),
|
|
data: result.filter(r => ids.some(function (elem, index, arr) { return elem == r["parentId"] })),
|
|
done: function (res, curr, count) {
|
|
// $('.layui-elem-quote').text(result[0].day);
|
|
|
|
ids.forEach(function (i) {
|
|
var mychek = $('#itemCheck input#' + i);
|
|
$(mychek).prop("checked", true);
|
|
});
|
|
form.render("checkbox");
|
|
}
|
|
|
|
});
|
|
|
|
form.on('checkbox(icheck)', function (data) {
|
|
ids = [0]
|
|
$('#itemCheck input:checked').each(function (i, j) {
|
|
ids.push(j.id);
|
|
});
|
|
table.reloadData('table1', {
|
|
data: result.filter(r => ids.some(function (elem, index, arr) { return elem == r["parentId"] }))
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
|
|
QueryCashFlow(now)
|
|
});
|
|
</script>
|
|
|
|
<script type="text/html" id="itemTpl">
|
|
<span style="padding-left: {{=12*(d.level-1) }}px;"></span>
|
|
<span class="mspan">{{=d.item}} </span>
|
|
|
|
</script>
|
|
|