//js部分—— 打印数据
function PrintingData() {
    var row = $('#EquBasisGrid').datagrid("getSelected");
    if (row == null) {
        $.messager.alert("系统提示", "请选择一行你需要打印的备件加工记录", "info");
        return false;
    }
    app.DataRequest("GetOutsourceById", { id: row.EQ_OUTSOURCEREPAIRID }, function (data) {
        if (data) {
            row.MAINTENNATURE = data.MAINTENNATURE;//维修性质
            row.MAINTENREASON = data.MAINTENREASON;//维修事由
            row.APPLICATIONDATE = app.DateFormat(row.APPLICATIONDATE.replace(/-/g, "/"), 'yyyy-MM-dd HH:mm');
            row.APPDEPTAUDITDATE = app.DateFormat(row.APPDEPTAUDITDATE.replace(/-/g, "/"), 'yyyy-MM-dd');
            row.RECDEPTAUDITDATE = app.DateFormat(row.RECDEPTAUDITDATE.replace(/-/g, "/"), 'yyyy-MM-dd');
            row.PLANDONEDATE = app.DateFormat(row.PLANDONEDATE.replace(/-/g, "/"), 'yyyy-MM-dd');
            row.CONTRACTORPLANDONEDATE = app.DateFormat(row.CONTRACTORPLANDONEDATE.replace(/-/g, "/"), 'yyyy-MM-dd'); 
            row.VERIFYDATE = app.DateFormat(row.VERIFYDATE.replace(/-/g, "/"), 'yyyy-MM-dd');

var html = '<tr><th colspan=" 9" style="text-align:center;height:40px;line-height:40px;font:14px;font-weight:700"> 委外维修流程单</th></tr>';
            html += '<tr><td style="font-size:14px;font-weight:600;min-width:120px">申请部门</td><td style="font-size:13px;font-weight:500">' + (row.ORGNAME == null ? "" : row.ORGNAME) + '</td><td style="font-size:14px;font-weight:600">申请人</td><td style="font-size:13px;font-weight:500">' + (row.PROPOSERNAME == null ? "" : row.PROPOSERNAME) + '</td><td style="font-size:14px;font-weight:600">申请时间</td><td style="font-size:13px;font-weight:500">' + (row.APPLICATIONDATE == null ? "" : row.APPLICATIONDATE) + '</td></tr>';//(row.APPLICATIONDATE == '0001-01-01T00:00:00+08:00' ? '' : app.DateFormat(row.APPLICATIONDATE, 'yyyy-MM-dd HH:mm:ss'))
            html += '<tr><td style="font-size:14px;font-weight:600">类型</td><td style="font-size:13px;font-weight:500">' + (row.OUTSOURCEREPAIRNAME == null ? "" : row.OUTSOURCEREPAIRNAME) + '</td><td style="font-size:14px;font-weight:600">对象名称</td><td style="font-size:13px;font-weight:500">' + (row.MTOBJECTNAME == null ? "" : row.MTOBJECTNAME) + '</td><td style="font-size:14px;font-weight:600">财务编码</td><td style="font-size:13px;font-weight:500">' + (row.MTOBJECTCODE != null ? row.MTOBJECTCODE : "") + '</td></tr>';
            html += '<tr><td style="font-size:14px;font-weight:600">单号</td><td style="font-size:13px;font-weight:500">' + (row.WORKORDERCODE == null ? "" : row.WORKORDERCODE) + '</td><td style="font-size:14px;font-weight:600">维修性质</td><td style="font-size:13px;font-weight:500">' + (row.MAINTENNATURE != null ? row.MAINTENNATURE : "") + '</td><td style="font-size:14px;font-weight:600">计划审核人</td><td  style="font-size:13px;font-weight:500">' + (row.OUTSOURCEREPAIRNAME == null ? "" : row.OUTSOURCEREPAIRNAME) + '</td></tr>';

html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;line-height:22px;">维修事由</td><td colspan="5"  style="font-size:13px;font-weight:500">' + (row.MAINTENREASON == null ? "" : row.MAINTENREASON) + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">维修内容</td><td colspan="5"  style="font-size:13px;font-weight:500">' + (row.OUTSOURCEDREQ == null ? "" : row.OUTSOURCEDREQ) + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">维修要求</td><td colspan="5"  style="font-size:13px;font-weight:500">' + (row.TECHNICALREQ == null ? "" : row.TECHNICALREQ) + '</td></tr>';

html += '<tr><td style="font-size:14px;font-weight:600">审核人</td><td style="font-size:13px;font-weight:500">' + (row.APPDEPTAUDITORNAME == null ? "" : row.APPDEPTAUDITORNAME) + '</td><td style="font-size:14px;font-weight:600">审核日期</td><td style="font-size:13px;font-weight:500">' + (row.APPDEPTAUDITDATE == null ? "" : row.APPDEPTAUDITDATE) + '</td><td style="font-size:14px;font-weight:600">指定接收人</td><td style="font-size:13px;font-weight:500">' + (row.RECDEPTAUDITORNAME != null ? row.RECDEPTAUDITORNAME : "") + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">审核意见</td><td colspan="5" style="font-size:13px;font-weight:500">' + (row.APPDEPTAUDITOPINION == null ? "" : row.APPDEPTAUDITOPINION) + '</td></tr>';

html += '<tr><td style="font-size:14px;font-weight:600">接收部门审核人</td><td style="font-size:13px;font-weight:500">' + (row.RECDEPTAUDITORNAME == null ? "" : row.RECDEPTAUDITORNAME) + '</td><td style="font-size:14px;font-weight:600">审核日期</td><td style="font-size:13px;font-weight:500">' + (row.RECDEPTAUDITDATE == null ? "" : row.RECDEPTAUDITDATE) + '</td><td style="font-size:14px;font-weight:600">指定经办人</td><td style="font-size:13px;font-weight:500">' + (row.ATTENTIOLINENAME != null ? row.ATTENTIOLINENAME : "") + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">接收部门审核意见</td><td colspan="5" style="font-size:13px;font-weight:500">' + row.APPDEPTAUDITOPINION + '</td></tr>';

html += '<tr><td style="font-size:14px;font-weight:600">处置类型</td><td style="font-size:13px;font-weight:500">' + (row.OUTSOURCEDISPOSENAME == null ? "" : row.OUTSOURCEDISPOSENAME) + '</td><td style="font-size:14px;font-weight:600">维修预算</td><td style="font-size:13px;font-weight:500">' + (row.MAINTENANCEBUDGET != null ? row.MAINTENANCEBUDGET : "") + '</td><td style="font-size:14px;font-weight:600">施工计划日期</td><td style="font-size:13px;font-weight:500">' + (row.PLANDONEDATE == null ? "" : row.PLANDONEDATE) + '</td></tr>';
            html += '<tr><td style="font-size:14px;font-weight:600">委外协议</td><td style="font-size:13px;font-weight:500">' + (row.ISSIGNEDAGREEMENTNAME == null ? "" : row.ISSIGNEDAGREEMENTNAME) + '</td><td style="font-size:14px;font-weight:600">预算编码</td><td style="font-size:13px;font-weight:500">' + (row.BUDGETCODE != null ? row.BUDGETCODE : "") + '</td><td style="font-size:14px;font-weight:600">计划完成日期</td><td style="font-size:13px;font-weight:500">' + (row.CONTRACTORPLANDONEDATE == null ? "" : row.CONTRACTORPLANDONEDATE) + '</td></tr>';
            html += '<tr><td style="font-size:14px;font-weight:600">施工单位</td><td style="font-size:13px;font-weight:500">' + (row.CONTRACTORNAME == null ? "" : row.CONTRACTORNAME) + '</td><td style="font-size:14px;font-weight:600">M单号</td><td style="font-size:13px;font-weight:500">' + (row.PMORDERNO == null ? "" : row.PMORDERNO) + '</td><td style="font-size:14px;font-weight:600">指定验证人</td><td style="font-size:13px;font-weight:500">' + (row.VERIFIERNAME != null ? row.VERIFIERNAME : "") + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">维修情况说明</td><td colspan="5" style="font-size:13px;font-weight:500">' + row.CONTRACTORREQ + '</td></tr>';

html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">实施完工情况</td><td colspan="5" style="font-size:13px;font-weight:500">' + row.CONSTRUCTIONSITUATION + '</td></tr>';
            html += '<tr style="height:44px;"><td style="font-size:14px;font-weight:600;min-height:44px;line-height:22px;">效果验证说明</td><td colspan="5" style="font-size:13px;font-weight:500">' + row.EFFECTINSTRUCTION + '</td></tr>';
            html += '<tr><td style="font-size:14px;font-weight:600">验证日期</td><td style="font-size:13px;font-weight:500">' + row.VERIFYDATE + '</td><td style="font-size:14px;font-weight:600">验证人员</td><td style="font-size:13px;font-weight:500">' + (row.VERIFIERNAME == null ? "" : row.VERIFIERNAME) + '</td><td style="font-size:14px;font-weight:600">备注</td><td style="font-size:13px;font-weight:500">' + (row.REMARK != null ? row.REMARK : "") + '</td></tr>';

$("#SpareProPrint").html(html);
            $("#ApplyerBox").html("领导签字 : ");
            $("#CompilerBox").html("日期 : ");
            $('#AddPrintingData').window({ "title": "新增" });
        } else {
            $.messager.alert("系统提示", "未找到相关委外维修信息,无法打印", "info");
        }
    }, function (result) { $.messager.alert("系统提示", result.Error, "info"); }, true, true);
}

//打印
function SavePrinting() {
    var obj = document.getElementById("AddPrintingData"); //print表示所要打印的区域  
    var tempWin = window.open("", "", "top=-10,left=-10,toolbar=no,menubar=no,location=no,status=no"); //重新打开一个窗口,
    window.top.moveTo(-10, -10);
    window.top.resizeTo(screen.availWidth, screen.availHeight);
    tempWin.document.open("text/html");
    tempWin.document.write(obj.innerHTML);
    tempWin.document.close();
    tempWin.print(); //调用打印机
    tempWin.close();//关闭窗口
    $('#AddPrintingData').window('close');
}

//HTML部分

<div id="AddPrintingDataBtn" class="edit-panel-button">
    <a class="easyui-linkbutton" href="javascript:void(0)" οnclick="SavePrinting()">打印</a>
    <a class="easyui-linkbutton" href="javascript:void(0)" οnclick="$('#AddPrintingData').window('close')">取消</a>
</div> 
<div id="AddPrintingData" class="easyui-dialog" style="width:1000px;height:600px;overflow:auto" data-options="modal:true,buttons:'#AddPrintingDataBtn'">
    <table id="SpareProPrint" style=" border-collapse: collapse;width:100%" border="1" bordercolor="#000"></table>
    <div style="height:30px;line-height:30px;width:100%">
        <span style="display: inline-block; width: 50%; height: 30px; line-height: 30px;padding-left:6px;font-size:12px;font-weight:600" id="ApplyerBox"></span>
        <span style="display: inline-block; width: 40%; height: 30px; line-height: 30px; padding-left: 6px; font-size: 12px; font-weight: 600; " id="CompilerBox"></span>
    </div>
</div>

JS 打印——table表格相关推荐

  1. class jqprint 失效_jquery.jqprint-0.3.js打印table表格遇到的坑

    在谷歌控制台输入window.print();可以调起当前整个页面的打印预览,那么要想打印页面某块区域内容怎么办呢? 我找到了jqprint插件,其原理是运用iframe 元素创建另外一个文档的内联框 ...

  2. php中表头不跟着滑动,JS实现table表格固定表头且表头随横向滚动而滚动

    这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,对js的朋友可以参考下本篇文章 先看一张效果图 思路: 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...

  3. html table 筛选记录,JS实现table表格内针对某列内容进行即时搜索筛选功能

    JS实现table表格内针对某列内容进行即时搜索筛选功能 发布时间:2020-08-29 09:26:37 来源:脚本之家 阅读:103 作者:Marx-link 本文实例讲述了JS实现table表格 ...

  4. html怎么自动导入数据并排序,JS实现table表格数据排序功能(可支持动态数据+分页效果)...

    asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需 ...

  5. 用html向表格插入新行,js向table表格中插入添加新行和选择删除行

    js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com #tab{ width:50%; } #tab td{ height:2em; text-ali ...

  6. LODOP打印table表格宽度固定-超宽隐藏

    之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式  里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认 ...

  7. 原生js封装table表格操作,获取任意行列td,任意单行单列方法

    V1.001更新增加findTable-min.js 本次更新,优化了代码性能方面,增加了部分新功能,可以获取多个table表格批量操作. 考虑到本人后面的项目中可能涉及到大量的表格操作,提前先封了 ...

  8. js打印html表格内容,js实现简单的打印表格

    本文实例为大家分享了js实现打印表格的具体代码,供大家参考,具体内容如下 效果如下: 代码如下: 打印表格 var data=[ {id:1001,icon:"img/1.png" ...

  9. 原生js实现table表格的各行变色功能

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

最新文章

  1. 洛谷P1919 【模板】A*B Problem升级版(FFT)
  2. python编程语法-Python编程入门——基础语法详解(经典)
  3. 简谈高通Trustzone的实现
  4. 漫画通信:有了它,终于可以放心买买买了
  5. 基于ARM+DSP进行应用开发-经验共享
  6. 【深度学习】mask_rcnn训练自己的数据集以及模型使用(实践结合GitHub项目)
  7. a*算法的时间复杂度_数据结构与算法系列——时间、空间复杂度
  8. 我的css家园博客开通了
  9. python学习--关注容易被忽略的知识点--(三)高级特性
  10. 【leetcode】数组建树
  11. 学技术不可盲目崇洋媚外,时刻记得要自主创新,勿忘国耻
  12. 普罗米修斯 感染组合表
  13. python可以下载百度文库_不用下载券也能下载百度文库资料,Python帮你轻松搞定...
  14. Unterminated regular expression 和正则表达式
  15. 揭开智慧校园的神秘面纱
  16. DOTA2新英霸更新日志
  17. Java 线程池设计思想及源码实现
  18. 01背包问题——大背包:
  19. CSS文本超过两行用省略号代替(兼容所有浏览器)
  20. 键盘查询方式的c语言编程,求助大佬简单的单片机键盘c语言编程问题

热门文章

  1. php公钥私钥使用,PHP实现公钥加密私钥解密机制
  2. java time sleep_TimeUnit类中的sleep() 和Thread.sleep()
  3. 【星曈科技】OpenMv笔记——利用OpenMV与STM32进行串口通信
  4. avada主题符合SEO搜索吗
  5. Jmeter性能测试环境安装
  6. 比特宇宙-TCP/IP的诞生
  7. 清空的微信聊天记录还能恢复吗?3个易操作的技巧分享给你
  8. windows系统下的kms服务器_搭建 Windows KMS服务器
  9. 加载磊科336usb无线网卡驱动到s3c6410开发板中去
  10. 7-1 哈利·波特的考试 (25分)