{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>{$meta_title}</h5>
                <div class="col-xs-12" style="text-align: right;margin-top: -30px">
                    <form class="form-inline" id="form-search" action="{:url('mateItems')}" method="post">
                        <div class="input-group">
                            <div style="display: inline-block;float: left;height:35px;width: 45px;line-height: 35px;font-size: 15px;background-color: #eeee;">月份</div>
                            <input  class="form-control dialog-datetime" readonly  id="month" name="month" value="{$month}">
                        </div>

                        <div class="input-group">
                       <span class="input-group-btn">
                           <button class="btn-sm btn-primary" type="submit" id ="search-btn" ><i class="fa fa-search"></i></button>
                         </span>
                            <span class="input-group-btn">
                             <button class="btn-sm btn-primary " type="button" id="search-clear"><i class="fa fa-undo"></i></button>
                        </span>
                        </div>
                    </form>
                </div>
            </div>

            <div class="panel-group">
                <div class="panel panel-default">

                    <div class="panel-body" id="printer">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>部门</th>
                                <th>本月总金额</th>
                                <th>本周总金额</th>
                                <th>当天总金额</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            {foreach $data as $k=>$v}
                            <tr>
                                <td>{$v.title}</td>
                                <td>{$v.month}元</td>
                                <td>{$v.week}元</td>
                                <td>{$v.day}元</td>
                                <td><a href="{:url('mateItemsDetails',['id'=>$v['id'],'month'=>$month])}">详情</a></td>
                            </tr>
                            {/foreach}
                            </tbody>
                        </table>
                        <span style="float: right">搜索月份 只统计本月总金额（本周总金额和当天总金额不做统计，默认为0元）</span>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="/static/echarts.js"></script>
<script src="/static/browser.js"></script>
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script type="text/javascript">
    function empty_search(){
        window.location.href = 'duration';
    }
    $(function () {
        laydate.render({
            elem: '#dialog-datetime1'
            ,type: 'month'
        });
    })
</script>


<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script>
    //日期时间选择器
    laydate.render({
        elem: '#month',
        type: 'month',
        trigger: 'click' ,
        format:'yyyy-MM',
    });

</script>
{/block}