{layout name="manager/layout" /}
<style>
    .layui-table-cell{
        height: auto;
        white-space: normal;
    }
    .layui-table .layui-layer-photos {height: 90px;}
    .layui-table img{
        max-height: 100%;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 150px;
        vertical-align: middle;
        border: 0;
    }
    .l_font{
        font-size: 26px;height: 25px
    }
</style>

<div class="layui-row layui-col-space12">
    <div class="layui-row layui-col-space15">

        </div>
        <div class="layui-col-md12">
            <div class="layui-row ">
                <div class="layui-col-md6">
                    <div class="layui-panel" style="border-radius: 8px;">
<!--                        <div class="layui-row" style="padding: 5% 0;text-align: center">-->
<!--                            <h3><strong>总扣款流水:</strong></h3>-->
<!--                            <span class="l_font" >{$deduction_money_sum ?? 0}</span>-->
<!--                        </div>-->

                        <div class="layui-row" style="padding: 5% 0;text-align: center">
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>总扣款流水:</strong></h3>
                                <span class="l_font" >{$deduction_money_sum ?? 0}</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>总消费者红包:</strong></h3>
                                <span class="l_font" >{$deduction_money_sum_red_pack ?? 0}</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>总平台佣金:</strong></h3>
                                <span class="l_font" >{$deduction_money_sum_agency ?? 0}</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>总太古佣金:</strong></h3>
                                <span class="l_font" >{$deduction_money_sum_taigu ?? 0}</span>
                            </div>
                        </div>

                   </div>
                 </div>

                <div class="layui-col-md6">
                    <div class="layui-panel" style="border-radius: 8px;">
<!--                        <div class="layui-row" style="padding: 5% 0;text-align: center">-->
<!--                            <h3><strong>当前扣款流水:</strong></h3>-->
<!--                            <span class="l_font" id="deduction_money_sum"> &nbsp;</span>-->
<!--                        </div>-->

                        <div class="layui-row" style="padding: 5% 0;text-align: center">
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>当前扣款流水:</strong></h3>
                                <span class="l_font" id="deduction_money_sum" >0</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>当前消费者红包:</strong></h3>
                                <span class="l_font" id="deduction_money_sum_red_pack" >0</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>当前平台佣金:</strong></h3>
                                <span class="l_font"  id="deduction_money_sum_agency">0</span>
                            </div>
                            <div class="layui-col-md3" style="padding: 5% 0;text-align: center">
                                <h3><strong>当前太古佣金:</strong></h3>
                                <span class="l_font" id="deduction_money_sum_taigu" >0</span>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
         </div>



    <div class="layui-col-xs12 layui-col-md12">
        <div id="echarts-records" style="background-color:#ffffff;min-height:600px;">
            <div class="layuimini-container location-index-page">
                <div class="layuimini-main">
                    <fieldset class="table-search-fieldset" >
                        <legend>搜索信息</legend>
                        <div style="margin: 10px 10px 10px 10px">
                            <form class="layui-form layui-form-pane" action="">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">关键词</label>
                                        <div class="layui-inline">
                                            <input type="text" name="keyword" class="layui-input" placeholder="平台商|商家名称|签到券名称">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">开始时间</label>
                                        <div class="layui-inline">
                                            <input type="text" name="start_time" id="start_time" value="{$startTime}" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">结束时间</label>
                                        <div class="layui-inline">
                                            <input type="text" name="end_time"  id="end_time" value="{$endTime}" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-inline">
                                        <button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                    <div>
                        <table id="table-container" class="layui-table" data-url="/manager/bill/deduction" lay-filter="table-container"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- toolbar -->
<script type="text/html" id="toolbar-tpl">
    <a class="layui-btn layui-btn-primary layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
    <a class="layui-btn layui-btn-primary layui-btn-sm" id="exports">导出</a>
</script>



<!-- 列 轮播图 -->
<script type="text/html" id="row-avatar_url">
    <div class="layui-layer-photos">
        <img  src="{{ d.avatar_url }}" layer-src="{{ d.avatar_url }}" alt="">
    </div>
</script>
<!-- 列 轮播图 -->
<script type="text/html" id="row-position">
        经纬度:{{ d.lng }},{{  d.lat }}
</script>

<script src="__MANAGER__/js/bill_deduction.js?v={:mt_rand()}"></script>