<!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.$;
        var utils = layui.utils;
        var admin = layui.admin;

        var ids = layui.view.getParameterByName('ids');
        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="warehouse_name"></td>'+
            '                        <td align="right">领用人</td>\n' +
            '                        <td id="receiver_name"></td>\n' +
            '                    </tr>\n' +
            '                     <tr>\n' +
            '                        <td align="right">创建人</td>\n' +
            '                        <td id="create_user_name"></td>\n' +
            '                        <td align="right">创建时间</td>\n' +
            '                        <td id="create_time" colspan="3"></td>\n' +
            '                    </tr>\n' +
            '                    <tr>\n' +
            '                        <td align="right">备注</td>\n' +
            '                        <td id="notes" colspan="5"></td>\n' +
            '                    </tr>';
        $('#table_total').html(cols_total);
        admin.req({
            url: '/material/deliver_return/detail/?ids=' + ids + '&id=' + id
            , done: function (data) {
                var main_data = data.data.main_data;
                var deliver_data = data.data.deliver_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);
                $('#warehouse_name').html(main_data.warehouse_name);
                $('#notes').html(main_data.notes);
                var cols = '';
                cols += '<tr>\n' +
                    '                        <td align="left" width="60">退料单号</td>\n' +
                    '                        <td align="right" width="60">退料数量</td>';
                if (utils.isHasPermissions('material.view_consumable_cost')) {
                    cols += ' <td align="right" width="100">退料成本合计</td>';
                }
                cols += '<td align="left" width="100">退料原因</td>\n' +
                    '                    </tr>';
                $('#tr_item_total').before(cols);
                for (var n in deliver_data) {
                    var cols_data = '';
                    cols_data += "<tr>\n" +
                        "                        <td>" + deliver_data[n].no + "</td>\n" +
                        "                        <td align=\"right\">" + deliver_data[n].return_count + "</td>\n";
                    if (utils.isHasPermissions('material.view_consumable_cost')) {
                        cols_data += "                        <td align=\"right\">" + deliver_data[n].return_cost + "</td>\n";
                    }
                    cols_data += "                        <td>" + deliver_data[n].reason + "</td>\n" +
                        "                    </tr>";
                    $('#tr_item_total').before(cols_data);
                }
            }
        });
    });
    parent.layui.submitChild = function () {
        window.scrollTo(0,0);
        doPrint();
        parent.layui.onSubmitChild();
    };
    function doPrint() {
        document.body.innerHTML=document.getElementById('print_div').innerHTML;
        window.print();
    }
</script>
</body>
</html>

