<!DOCTYPE html>
<html style="height: 100%">
<head lang="zh">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../lib/app/css/app.min.css" type="text/css"/>
    <link rel="stylesheet" href="../../lib/jquery/jquery-ui/jquery-ui.min.css">
    <link rel="stylesheet" href="../../lib/webo/css/ui.css">
    <link rel="stylesheet" href="../../static/css/addgrids.css">
    <link rel="stylesheet" href="../../lib/app/css/bootstrap.min.css" media="print">
    <link rel="stylesheet" href="../../lib/bootable/bootstrap-table.css">
    <link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.min.css" type="text/css"/>
    <style>
        @media (min-width: 768px) {
            .navbar {
                min-height: 40px
            }
            .navbar-nav > li > a {
                font-size: 14px;
                padding-top: 11px;
                padding-bottom: 11px
            }
        }
        .col-md-6{
           padding:15px;
        }

        .top{
            display: grid;
            grid-template-columns: auto;
            background: #fff;
        }

        .btn-default{
            color:#fff;
        }
    </style>
</head>
<body>
<div class="container-fluid" style="padding-left: 0;padding-right: 0">
    <header id="header" class="app-header navbar" role="menu">
        {{template "com/purchasetop.tpl" .}}
    </header>
    <div id="container">
        <div class="grid grid-1" id="menu">
            <div style="padding: 10px 15px;font-size: 25px">
                <p style="color: #00a09d">打印询价单</p>
            </div>
        </div>
        <div class="grid grid-1">
            <div class="row" id="operation" style="background-color: white;height: 34px;margin-right: 15px;">
                <p class="toolbar" style="margin:2px 0 2px 30px">
                    <a id="print" class="btn btn-default" style="background-color:#00a09d;border-color:#00a09d;padding: 4px 8px">打印</a>
                    <a class="btn" href="javascript:history.go(-1)" style="border-color:white;padding: 4px 8px;color: #00a09d">取消</a>
                </p>
            </div>
            <div id="print_div">
                <table id="print_table" border="1" width="900" style="TABLE-LAYOUT:fixed;WORD-BREAK:break-all">
                    <div style="background-color: white;margin: 15px 15px 0;">
                        <div class="row" style="margin:0 auto;">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <div class="top top-1" style="font-size: x-large"><img src="../../static/images/expo.png"></div>
                            </div>
                        </div>
                    </div>
                    <div style="border-bottom: 1px solid #ccc;margin-bottom: 15px;"></div>
                    <div style="padding-left: 30px">
                        <p style="font-size: 15px;padding-bottom: 20px"><strong>山东华力机电有限公司</strong></p>
                        <p>送货地址:<span id="address">山东省济宁市汶上县经济开发区九华山路16号</span></p>
                    </div>
                    <div>
                        <p style="padding-left: 30px;font-weight: bold;font-size: 30px;">采购询价单<span id="number">P000001</span></p>
                        <table id="item_table" data-undefined-text='-'></table>
                        <p style="padding-left: 15px;padding-top: 10px;"><textarea id="remark" style="height: 50px;width: 99%;resize: none;border: none" readonly>测试测试测试村上春树才散场四川省菜市场</textarea></p>
                    </div>
                </table>
            </div>

            </div>
        </div>
    </div>
<script src="../../lib/app/js/app.src.js"></script>
<script src="../../lib/jquery/jquery-ui/jquery-ui.min.js"></script>
<script src="../../lib/webo/js/ui.js"></script>
<script src="../../lib/jquery/jqprint/jquery.jqprint.js"></script>
<script src="../../lib/bootable/bootstrap-table.js"></script>
<script>
    var $ItemTable = $("#item_table");
    $(function () {
        $ItemTable.bootstrapTable({
            url: "/item/list/prestore",
            method: "get",
            ordering: false,
            silentSort: true,
            sidePagination: "server",
            fixedNumber: 1,
            striped: false,
            columns: [
                {
                    field: 'id',
                    title: '序号',
                    visible:false,
                    width: 10
                },{
                    field: 'explain',
                    title: '说明',
                    width: 100,
                    align:'center',
                    sortable: false,
                },{
                    field: 'createtime',
                    title: '预计日期',
                    width: 100,
                    align:'center',
                    sortable: false,
                },{
                    field: 'num',
                    title: '数量',
                    width: 100,
                    align:'center',
                    sortable: false,
                }
            ]
        });

    });
$(function () {
 $("#print").off("click").on("click",function () {
     $("#menu").hide();
     $("#operation").hide();
     window.print();
     $("#menu").show();
     $("#operation").show();
 })
})

</script>
</body>
</html>