{template 'common/header'}

<script language="javascript" type="text/javascript" src="../addons/haoman_ds/js/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="../addons/haoman_ds/js/jquery.jqplot.css" />
<style>.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {white-space: normal; overflow: auto;}</style>
<div class="main">
{template 'webnav'}

    <div style="background-color: #ffffff;width: 100%;padding-bottom: 15px;">
    <form action="./index.php" method="get" class="form-horizontal" role="form" id="form1">
        <input type="hidden" name="c" value="site" />
        <input type="hidden" name="a" value="entry" />
        <input type="hidden" name="m" value="haoman_ds" />
        <input type="hidden" name="do" value="reportsup" />
        <!-- <input type="hidden" name="op" value="search" /> -->
        <input type="hidden" name="opdate" value="search" />

        <div style="width: 100%;height: 120px;line-height: 60px;">
            <div class="col-xs-12 col-sm-4 col-md-3" style="font-size: 16px;">
                <span style="margin-right: 10px;"><a style="{if $_GPC['opdate'] == 'week'}color: #00b8d2{else}color: #333{/if}" href="{php echo $this->createWebUrl('reportsup',array('opdate'=>'week'))}">7天</a></span>
                <span style="margin-right: 10px;"><a style="{if $_GPC['opdate'] == 'oldweek'}color: #00b8d2{else}color: #333{/if}" href="{php echo $this->createWebUrl('reportsup',array('opdate'=>'oldweek'))}">15天</a></span>
                <span style="margin-right: 10px;"><a style="{if $_GPC['opdate'] == 'month'}color: #00b8d2{else}color: #333{/if}" href="{php echo $this->createWebUrl('reportsup',array('opdate'=>'month'))}">30天</a></span>
                <span style="margin-right: 10px;"><a style="{if $_GPC['opdate'] == 'oldmonth'}color: #00b8d2{else}color: #333{/if}" href="{php echo $this->createWebUrl('reportsup',array('opdate'=>'oldmonth'))}">60天</a></span>
                <span><a style="{if $_GPC['opdate'] == 'threemonth'}color: #00b8d2{else}color: #333{/if}" href="{php echo $this->createWebUrl('reportsup',array('opdate'=>'threemonth'))}">90天</a></span>
            </div>

                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2" style="margin-top: 13px;">
                    <select name='categoty' class='form-control' id="categoty" >
                        <option value=''>所有门店</option>
                        {loop $stores $row}
                        <option value="{$row['id']}" {if $_GPC['categoty']==$row['id']}selected{/if}>{$row['storename']}</option>
                        {/loop}
                    </select>
                </div>

            <div class="col-xs-12 col-sm-4 col-md-2" style="margin-top: 13px;">
                    <select name='pay_type' class='form-control' id="pay_type">
                        <option value=''>全部</option>

                        <option value="2" {if $_GPC['pay_type']==2}selected{/if}>已付款</option>
                        <option value="1" {if $_GPC['pay_type']==1}selected{/if}>未付款</option>

                    </select>
            </div>
            <br>
            <div class="col-xs-12 col-sm-6 col-md-6" style="font-size: 16px;">
                <span>时间段选择</span>
                {php echo tpl_form_field_daterange('time', array('start'=>date('Y-m-d H:i',$starttime),'end'=>date('Y-m-d H:i',$endtime)), true)}
                <span><button class="btn btn-default"><i class="fa fa-search"></i> 查询</button></span>
            </div>
            <div class="col-xs-12 col-sm-2 col-md-1" style="font-size: 16px;">
                <!-- <span class="pull-right">导出</span> -->
            </div>
        </div>
    </form>
        

        <div style="border: 1px #eee solid;border-top: 5px #00b8d2 solid;margin: 15px;margin-top: 0px;">
            <div style="height: 80px;">
                <div class="col-md-3" style="border-right: 1px #eee solid">
                    <span style="width: 48%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>打赏金额(含未付款)</p>
                        <p style="font-weight:bold;font-size: 18px;">￥{$dstotal}</p>
                    </span>
                    <span style="width: 48%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>打赏人数</p>
                        <p style="font-weight:bold;font-size: 18px;">{$dsman}</p>
                    </span>
                </div>
                <div class="col-md-3" style="border-right: 1px #eee solid">
                    <span style="width: 48%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>打赏笔数</p>
                        <p style="font-weight:bold;font-size: 18px;">{$dsbishu}</p>
                    </span>
                    <span style="width: 48%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>未支付笔数</p>
                        <p style="font-weight:bold;font-size: 18px;">{$dsdis}</p>
                    </span>
                </div>
                <div class="col-md-6">
                    <span style="width: 32%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>公司分成总额</p>
                        <p style="font-weight:bold;font-size: 18px;">￥{$txtotal}</p>
                    </span>
                    <span style="width: 32%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>店铺分成总额</p>
                        <p style="font-weight:bold;font-size: 18px;">￥{$txsjtotal}</p>
                    </span>
                    <span style="width: 32%;display: inline-block;padding-top: 15px;padding-bottom: 15px;">
                        <p>员工实际收入</p>
                        <p style="font-weight:bold;font-size: 18px;">￥{$sptxtotal}</p>
                    </span>
                </div>
            </div>


            <div style="border-top: 1px #eee solid;height: 1px;width: 100%;margin-top: 15px;margin-bottom: 15px;"></div>
            <div id="chartdiv" style="height:470px;width:98%;margin-right: auto;margin-left: auto; margin-bottom: 30px;"></div>

        </div>
        <div style="margin-left: 15px;color:#7F7F7F">
            特别说明:图表只统计打赏并且成功付款的数据。
        </div>

        <div class="panel panel-default" style="margin: 15px;">
            <div class="panel-heading">详细数据列表</div>
            <div class="panel-body ">
                <table class="table table-hover" style="table-layout: auto;">
                    <thead class="navbar-inner">
                        <tr>
                            <th style='width:80px;'>ID</th>
                            <th style='width:200px;'>打赏时间</th>
                            <th style='width:150px;'>员工姓名</th>
                            <th style='width:250px;'  class='hidden-xs'>OpenID</th>
                            <th style='width:200px;' class='hidden-xs'>打赏人昵称</th>
                            <th style='width:250px;' class='hidden-xs'>打赏人OpenID</th>
                            <th style='width:150px;'>打赏金额</th>
                            <th style='width:200px;'>IP地址</th>
                            <th style='width:150px;'>状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        {loop $dslist $row}
                        <tr>
                            <td>{$row['id']}</td>
                            <td>{php echo date('Y-m-d H:i',$row['createtime'])}</td>
                            <td>{$row['from_realname']}</td>
                            <td   class='hidden-xs'>{$row['from_user']}</td>
                            <td   class='hidden-xs'>{$row['ds_nickname']}</td>
                            <td   class='hidden-xs'>{$row['ds_openid']}</td>
                            <td>{$row['ds_total']}</td>
                            <td   class='hidden-xs'>{$row['ds_ip']}</td>
                            <td>{if $row['status'] == 1}未付款{/if} {if $row['status'] == 2}已付款{/if} {if $row['status'] == 3}已关闭{/if}</td>
                        </tr>
                        {/loop}
                    </tbody>
                </table>
                  
            </div>

        </div>





    </div>

    
</div>

<script type="text/javascript">

        $.jqplot('chartdiv',  [
            [
                {$acarr}
            ],
            [
                {$mcarr}
            ]
        ],
            {   title: '',
                legend: { show: true, location: 'ne' }, 
                series: [
                    {
                        label: '打赏金额',
                        markerOptions: { size: 9, style: "circle" }  // 节点配置
                    },{
                        label: '打赏次数',
                        markerOptions: { size: 9, style: "circle" }  // 节点配置
                    }
                ],
                
                
            });
       
</script>


{template 'common/footer'}