{layout name="layout" /}

<nav class="breadcrumb">
    <span><a href="/">首页</a></span>
    <span>&gt;</span>
    <span><a href="/sale_order/index">销售订单</a></span>
    <span>&gt;</span>
    <span>{$year!=0?$year:"全部"} 年度</span>
</nav>

<div class="content">
    <div class="row" style="margin: 10px 0;">
        <div class="col-md-2 col-xs-3 text-center">
            <a href="/sale_order/save/{$year}/0" class="btn btn-success radius">新增</a>
        </div>
        <div class="col-md-8">
            <form action="/sale_order/lists/{$year}" method="get">
                {notempty name="year"}
                <label for="month" class="form-label col-md-2 text-right mt-5">
                    请选择月份 :
                </label>
                <div class="formControls col-md-2" style="width: 100px;">
                    <select class="form-control input-sm" name="month" id="month">
                        {for start="0" end="13"}
                        {eq name="i" value="0"}
                        <option value="{$i}"{eq name="month" value="0"}selected{/eq}>全年</option>
                        {else/}
                        <option value="{$i}"{eq name="month" value="$i"}selected{/eq}>{$i}月</option>
                        {/eq}
                        {/for}
                    </select>
                </div>
                {/notempty}
                <div class="col-md-4">
                    <input type="text" class="form-control" name="key" id="key" value="{$key}"
                        placeholder="请输入公司名称">
                </div>
                <div class="col-md-3" style="text-align:left;">
                    <div class="btn-group ">
                        <button type="submit" class="btn btn-success">搜索</button>
                    </div>
                    <div class="btn-group ">
                        <a href="/sale_order/lists/{$year}" class="btn btn-danger ml-10">清除</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="col-md-12" style="min-width: 1200px;">
        <table class="table table-hover table-bordered table-condensed">
            <thead>
                <tr class="text-center bg-info">
                    <td>统计</td>
                    <td colspan="11" class="text-left">
                        总销售金额 : ￥{$total_contract_money} | 总到款金额: ￥{$total_payment}
                    </td>
                    <td colspan="2">
                        <span>每页行数:</span>
                        <select name="limit" id="limit" onchange="changLimit()">
                            {for start="10" end="101" step="10"}
                            <option value="{$i}" {eq name="limit" value="$i"}selected{/eq}>{$i}</option>
                            {/for}
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>序号</th>
                    <th>月份</th>
                    <th style="width: 250px;">购货单位</th>
                    <th style="min-width: 160px;">合同号</th>
                    <th>合同总金额</th>
                    <th>签订时间</th>
                    <th>运费</th>
                    <th>代理费</th>
                    <th>销售员</th>
                    <th>到款金额</th>
                    <th>未到款</th>
                    <th>末期余额</th>
                    <th>提成</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {foreach $list as $value}
                <tr class="text-center">
                    <td>{$value.no}</td>
                    <td>{$value.month}</td>
                    <td class="text-left">{$value.company_name}</td>
                    <td class="text-left"><a href="/sale_order/item/{$value.id}">{$value.contract_no}</a></td>
                    <td>{$value.contract_money}</td>
                    <td>{$value.contract_time}</td>
                    <td>{$value.fare}</td>
                    <td>{$value.agency}</td>
                    <td>{$value.seller_name}</td>
                    <td>{$value.payment}</td>
                    <td>{$value.contract_money-$value.payment|round=2}</td>
                    <td>--</td>
                    <td>{$value.is_commission}</td>
                    <td class="td-manager">
                        <a href="/sale_order/item/{$value.id}">产品明细</a>
                        <a href="/sale_order/save/{$year}/{$value.id}" onclick="edit()">修改</a>
                        <a href="javascript:void(0);" onclick="del('{$value.id}', this)">删除</a>
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>
    <div class="pagelist">
        {$page|raw}
    </div>
</div>

<script>
    function del(id, obj) {
        $.ajax({
            url: "/sale_order/delete",
            type: "POST",
            data: {
                "id": id
            },
            dataType: 'json',
            success: function(data) {
                if (data.code == 2) {
                    $(obj).parents("tr").remove();
                } else {
                    alert(data.msg);
                }
                return false;
            }
        });
    }
</script>