{layout name="layout" /}

<nav class="breadcrumb">
    <span><a href="/">首页</a></span>
    <span>&gt;</span>
    <span><a href="/sale_order/lists/{$year}">销售订单</a></span>
    <span>&gt;</span>
    <span>产品明细</span>
</nav>

<div class="content">
    <div class="row">
        <div class="col-md-3 btn-top-box" style="padding-left: 50px;">
            <a href="javascript:window.history.back();" class="btn btn-default radius">返回</a>
            <a href="javascript:save(0);" class="btn btn-primary radius">新增明细</a>
        </div>
    </div>
    <div class="col-md-10">
        <table class="table table-hover table-bordered table-condensed">
            <thead>
                <tr>
                    <th class="bg-info" colspan="14" style="text-align: left;">
                        购货单位: {$orderInfo.company_name} | 合同号: {$orderInfo.contract_no} | 时间: {$orderInfo.contract_time}
                    </th>
                </tr>
                <tr>
                    <th>id</th>
                    <th>种类</th>
                    <th>产品名称</th>
                    <th>产品公司价格</th>
                    <th>销售数量(单位KG/台)</th>
                    <th>销售价格</th>
                    <th>合同金额</th>
                    <th>实际发货量</th>
                    <th>实际成交价格</th>
                    <th>运费分摊</th>
                    <th>代理费分摊</th>
                    <th>备注</th>
                    <th>提成类型</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {php}$types=['一般', '特批1', '特批2'];{/php}
                {foreach $list as $value}
                <tr>
                    <td>{$value.id}</td>
                    <td>{$value.goods_category}</td>
                    <td>{$value.goods_name}</td>
                    <td>{$value.goods_price}</td>
                    <td>{$value.sales_amount}</td>
                    <td>{$value.sales_price}</td>
                    <td>{$value.sales_price * $value.sales_amount|round=2}</td>
                    <td>{$value.actual_amount}</td>
                    <td>{$value.actual_price}</td>
                    <td>{$value.fare}</td>
                    <td>{$value.agency}</td>
                    <td>{$value.remark}</td>
                    <td>{$types[$value['type']]}</td>
                    <td class="td-manager">
                        <a href="javascript:void(0);" onclick="save('{$value.id}')">修改</a>
                        <a href="javascript:void(0);" onclick="del('{$value.id}', this)">删除</a>
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" data-backdrop="false" id="myModal" aria-labelledby="myModalLabel" style="right: 10%;">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">产品明细</h4>
        </div>
        <div class="modal-body">
            <form role="form" id="goods-form">
                <input type="hidden" name="id" id="id" value="0">
                <input type="hidden" name="order_id" id="order_id" value="{$order_id}">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">产品类别</label>
                            <input type="text" class="form-control" name="goods_category" id="goods_category" placeholder="产品类别">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">产品名称</label>
                            <input type="text" class="form-control" name="goods_name" id="goods_name" placeholder="产品名称">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">产品价格(公司低价)</label>
                            <input type="text" class="form-control" name="goods_price" id="goods_price" placeholder="产品价格">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">销售数量（KG/台）</label>
                            <input type="number" class="form-control val_change" name="sales_amount" id="sales_amount" placeholder="数量">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">销售单价</label>
                            <input type="number" class="form-control val_change" name="sales_price" id="sales_price" placeholder="单价">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">总金额</label>
                            <input type="number" class="form-control" name="" id="sales_money" placeholder="总金额">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">实际发货量（KG/台）</label>
                            <input type="number" class="form-control val_change" name="actual_amount" id="actual_amount" placeholder="数量">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">实际成交价</label>
                            <input type="number" class="form-control val_change" name="actual_price" id="actual_price" placeholder="单价">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">总金额</label>
                            <input type="number" class="form-control" name="" id="actual_money" placeholder="总金额">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">代理费分摊</label>
                            <input type="number" class="form-control val_change" name="agency" id="agency" placeholder="代理费">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">运费分摊</label>
                            <input type="number" class="form-control val_change" name="fare" id="fare" placeholder="运费">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">提成类型</label>
                            <div class="mt-5">
                                <label class="radio-inline">
                                    <input type="radio" name="type" id="type0" value="0" checked="checked"> 一般
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="type" id="type1" value="1"> 特批1
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="type" id="type2" value="2"> 特批2
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="name">备注</label>
                            <textarea class="form-control"  name="remark" id="remark"  rows="3"></textarea>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default"  onclick="closeModel()">Close</button>
          <button type="button" class="btn btn-success" onclick="doSave()">Save</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->


<script>
    function save(id) {
        console.log(id);
        if (id) {
            $.get('/sale_order/iteminfo', {
                'id': id,
            }, function(res) {
                if (res.code == 2) {
                    var data = res.data;
                    $("#id").val(data.id);
                    $("#order_id").val(data.order_id);
                    $("#goods_category").val(data.goods_category);
                    $("#goods_name").val(data.goods_name);
                    $("#goods_price").val(data.goods_price);
                    $("#sales_amount").val(data.sales_amount);
                    $("#sales_price").val(data.sales_price);
                    $("#actual_amount").val(data.actual_amount);
                    $("#actual_price").val(data.actual_price);
                    $("#agency").val(data.agency);
                    $("#fare").val(data.fare);
                    $("input[type='radio'][name='type']").prop("checked",false);
                    $("input[type='radio'][name='type'][value='"+data.type+"']").prop("checked",true);
                    $("#remark").val(data.remark);
                }
            }, 'json');
        } else {
            $("#id").val(0);
            $("#order_id").val({$order_id});
        }
        $('#myModal').modal('show');
    }

    function closeModel() {
        $("#goods-form")[0].reset();
        $('#myModal').modal('hide');
    }

    function doSave() {
        var data = $("#goods-form").serializeArray();
        $.post('/sale_order/itemsave', data, function(res) {
            if (res.code == 2) {
                alert('保存成功');
                $("#goods-form")[0].reset();
                $('#myModal').modal('hide');
                window.location.reload();
            } else {
                alert(res.msg);
            }
            return false;
        }, 'json');
        return false;
    }

    function del(id, obj) {
        $.ajax({
            url: "/sale_order/itemdelete",
            type: "POST",
            data: {
                "id": id
            },
            dataType: 'json',
            success: function(data) {
                if (data.code == 2) {
                    $(obj).parents("tr").remove();
                } else {
                    alert("操作失败, 请稍后重试!");
                }
                return false;
            }
        });
    }
</script>
</body>

</html>