<!DOCTYPE html>
<html style="height: 100%;min-height: 100%;">
<head>
    <meta charset="utf-8">
    <title>打印出库管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <style>
        h3, td, th{color: #000000}
        .layui-table td, .layui-table th {border-color: #000000;height: 1px}
    </style>
</head>
<body style="background-color: #fff;height: 100%;min-height: 100%;">

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" pad15>
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">

                    <div id="print_div">
                        <h3 align="center" style="font-weight: bold;letter-spacing:8px;"><span id="company"></span></br>原料领用单</h3>
                        <table class="layui-table" id="table_total">
                        </table>
                        <table class="layui-table">
                            <tr>
                                <td colspan="8" align="center" style="font-weight: bold;letter-spacing:8px;">原料明细</td>
                            </tr>
                            <tr id="tr_item_total"></tr>
                        </table>
                        <table class="table-embed" border='0' width='100%' height="50px">
                            <tr style="height: 80px;">
                                <td align="center">制单人签字：__________</td>
                                <td align="center">审核人签字：__________</td>
                                <td align="center">财务签字：__________</td>
                                <td align="center">总经理签字：__________</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../layuiadmin/layui/layui.js?t=1"></script>
<script>
    layui.config({
        base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'utils'], function() {
        var $ = layui.$
            , utils = layui.utils
            , admin = layui.admin;

        var id = layui.view.getParameterByName('id');
        var cols_total = '';
        cols_total += '<tr>\n' +
            '                        <td align="right">出库单号</td>\n' +
            '                        <td id="no"></td>\n' +
            '                        <td align="right">创建人</td>\n' +
            '                        <td id="create_user_name"></td>\n' +
            '                        <td align="right">创建时间</td>\n' +
            '                        <td id="create_time"></td>\n' +
            '                    </tr>\n' +
            '                     <tr>\n' +
            '                        <td align="right">领用人</td>\n' +
            '                        <td id="receiver_name"></td>\n' +
            '                        <td align="right">领用部门</td>\n' +
            '                        <td id="receiver_department_name"></td>\n' +
            '                        <td align="right">仓别</td>\n' +
            '                        <td id="warehouse"></td>'+
            '                     </tr>\n';
            cols_total += '                    <tr>\n' +
                '                        <td align="right">合计数量</td>\n' +
                '                        <td id="total_count"></td>'+
                '                        <td align="right">备注</td>\n' +
                '                        <td id="notes" colspan="3"></td>\n' +
                '                    </tr>';
        $('#table_total').html(cols_total);
        admin.req({
            url: '/material/deliver/detail/?id=' + id
            , done: function (data) {
                var main_data = data.data.main_data;
                var items_data = data.data.items_data;
                $('#no').html(main_data.no);
                $('#company').html(main_data.company);
                $('#create_user_name').html(main_data.create_user_name);
                $('#create_time').html(main_data.create_time);
                $('#receiver_name').html(main_data.receiver_name);
                $('#receiver_department_name').html(main_data.receiver_department_name);
                $('#total_count').html(main_data.total_count);
                $('#warehouse').html(main_data.warehouse_name);
                $('#notes').html(main_data.notes);
                var cols = '';
                cols += '<tr>\n' +
                    '                        <td align="left" width="60">名称</td>\n' +
                    '                        <td align="left" width="60">代码</td>\n' +
                    '                        <td align="left" width="30">规格</td>\n' +
                    '                        <td align="left" width="100">入库单号</td>\n' +
                    '                        <td align="right" width="60">数量</td>';
                cols += '<td align="right" width="100">库存数量</td>\n' +
                        '<td align="left" width="200">备注</td>\n' +
                    '                    </tr>';
                $('#tr_item_total').before(cols);

                for (var n in items_data) {
                    var cols_data = '';
                    cols_data += "<tr>\n" +
                        "                        <td>" + items_data[n].name + "</td>\n" +
                        "                        <td>" + items_data[n].model + "</td>\n" +
                        "                        <td>" + items_data[n].unit + "</td>\n" +
                        "                        <td>" + items_data[n].no + "</td>\n" +
                        "                        <td align=\"right\">" + items_data[n].count + "</td>\n";
                    cols_data+="                        <td align=\"right\">" + items_data[n].warehouse_stock_count + "</td>\n" +
                            "                        <td>" + items_data[n].notes + "</td>\n" +
                        "                    </tr>";
                    $('#tr_item_total').before(cols_data);
                }
            }
        });
    });
    parent.layui.submitChild = function () {
        window.scrollTo(0,0);
        doPrint();
        parent.layui.onSubmitChild();
    };
    function doPrint() {
        var $ = layui.$;
        document.body.innerHTML=$('#print_div').html();
        window.print();
    }
</script>
</body>
</html>

