JS 打印——table表格

//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部分

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

class jqprint 失效_jquery.jqprint-0.3.js打印table表格遇到的坑
在谷歌控制台输入window.print();可以调起当前整个页面的打印预览,那么要想打印页面某块区域内容怎么办呢? 我找到了jqprint插件,其原理是运用iframe 元素创建另外一个文档的内联框 ...
php中表头不跟着滑动,JS实现table表格固定表头且表头随横向滚动而滚动
这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,对js的朋友可以参考下本篇文章先看一张效果图思路: 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
html table 筛选记录,JS实现table表格内针对某列内容进行即时搜索筛选功能
JS实现table表格内针对某列内容进行即时搜索筛选功能发布时间:2020-08-29 09:26:37 来源:脚本之家阅读:103 作者:Marx-link 本文实例讲述了JS实现table表格 ...
html怎么自动导入数据并排序,JS实现table表格数据排序功能(可支持动态数据+分页效果)...
asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需 ...
用html向表格插入新行,js向table表格中插入添加新行和选择删除行
js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com #tab{ width:50%; } #tab td{ height:2em; text-ali ...
LODOP打印table表格宽度固定-超宽隐藏
之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认 ...
原生js封装table表格操作，获取任意行列td，任意单行单列方法
V1.001更新增加findTable-min.js 本次更新,优化了代码性能方面,增加了部分新功能,可以获取多个table表格批量操作. 考虑到本人后面的项目中可能涉及到大量的表格操作,提前先封了 ...
js打印html表格内容,js实现简单的打印表格
本文实例为大家分享了js实现打印表格的具体代码,供大家参考,具体内容如下效果如下: 代码如下: 打印表格 var data=[ {id:1001,icon:"img/1.png" ...
原生js实现table表格的各行变色功能
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

JS 打印——table表格

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

最新文章

热门文章