workorder/application/views/templates/export/foot_report.html

</div>
<div id="buttons">
<button type="button" class="btn-primary" id="export_word">导出WORD</button>
<button type="button" class="btn-primary" id="export_PDF">导出PDF</button>
</div>
<script type="text/javascript" charset="utf-8" src="static/js/FileSaver.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/jquery.wordexport.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/jspdf.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/html2canvas.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/renderPDF.js"></script>
<script type="text/javascript">
    $(function(){
        var layer_index = parent.layer.getFrameIndex(window.name);
        $("#export_PDF").click(function () {
            $("#preview").css("backgroud","#fff");
            renderPDF(document.getElementById("preview"),"report","a4", function(){
            });
        })
        $("#export_word").click(function () {
            $("#preview").wordExport("report");
        })
    })
</script>
</body>
</html>