let outlet = $(".font-bold",parent.document).children();
layer.confirm('扣次成功,是否需要打印扣次明细?', {
icon: 3, title: '提示', yes: function (index) {
var mydate = new Date();// 实例化一个时间对象
var tt = mydate.format("yyyy-MM-dd hh:mm:ss");
// 设定时间格式,format具体用法见我文章--js/jQuery获取时间的方法及常用时间类
var oPop = window.open('', 'oPop');// 新创建一个窗口
var str = '<!DOCTYPE html>';// 创建元素
str += '<html>';
str += '<head>';
str += '<meta charset="utf-8">';
str += '<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">';
str += '<style>';// 样式
str += '.block {' +
'dispaly: block' +
'font-weight:800' +
'font-size: 16px;' +
'}';
str += '.noblock {' +
'dispaly: inline-block' +
'}';
str += '.right {' +
'margin-left: 60px' +
'}';
str += '.rianght {' +
'margin-left: 10px' +
'}';
str += '.rianght1 {' +
'margin-left: 80px' +
'}';
str += 'span' +
'{' +
'font-size: 8px;' +
'}';
str += '#leftxl,' +
'#leftxl1' +
'{' +
'width: 120px;' +
'display:inline-block;' +
'}';
str += '#leftxl0,' +
'#leftxl01' +
'{' +
'width: 20px;' +
'display:inline-block;' +
'}';
str += '</style>';
str += '</head>';
str += '<body>';
str += "<div>" +
'<div><img src=""><h3 class="noblock">'+ outlet[0].innerHTML + '--' + outlet[1].innerHTML + '</h3></div>' +
'<div><span>地址:</span><span>长沙市岳麓区天顶街道150号</span></div>' +
'<div><span>电话:</span><span>13587896525</span></div>' +
'<lable class="block">-----------------------</lable>' +
'<div><span>' + tt + '</span></div>' +
'<lable class="block"><b>扣次项目</b></lable>' +
'<div><span class="left">项目/服务</span><span class="right">扣除次数</span></div>' +
'<div id="leftxl"></div>' +
'<div id="leftxl0"></div>' +
'<div><lable class="block"><b>剩余次数</b></lable></div>' +
'<div><span class="left">项目/服务</span><span class="right">剩余次数</span></div>' +
'<div id="leftxl1"></div>' +
'<div id="leftxl01"></div>' +
'<div><lable class="block"><b>车主信息</b></lable></div>' +
'<div><span>扣次卡片:</span><span>' + carname + '</span></div>' +
'<div><span>会员卡号:</span><span>' + nyber + '</span></div>' +
'<div><span>会员等级:</span><span>' + LevelConfig + '</span></div>' +
'<div><span>姓名:</span><span>' + nyname + '</span></div>' +
'<div><span>电话:</span><span>' + tel + '</span></div>' +
'<div><span>车牌号:</span><span>' + maintainVehicleNo + '</span></div>' +
'<div><span>余额:</span><span>' + balance + '</span></div>' +
'<div><span>积分:</span><span>' + integral + '</span></div>' +
'<lable class="block">-----------------------</lable>' +
'<div><span>谢谢您的惠顾,欢迎您再次光临!</span></div>' +
'<lable class="block">-----------------------</lable>' +
"</div>";
str += '</body>';
str += '</html>';
oPop.document.write(str);
// 先将元素渲染上去,下面的动态加载才能生效(才能获取到渲染出来的DOM元素)
for (let i = 0; i < cardPackageDetails[0].detail.length; i += 1) {
let div = oPop.document.createElement('div');
let div1 = oPop.document.createElement('div');
let span = oPop.document.createElement('span');
let span1 = oPop.document.createElement('span');
span.className = "left";
span.innerHTML = cardPackageDetails[0].detail[i].projectName + '--' + cardPackageDetails[0].detail[i].projectItemName;
// span1.className = "rianght";
span1.innerHTML = cardPackageDetails[0].detail[i].times;
div.appendChild(span);
div1.appendChild(span1);
oPop.document.getElementById('leftxl').appendChild(div);
oPop.document.getElementById('leftxl0').appendChild(div1);
}
for (let i = 0; i < nowcar.length; i += 1) {
let div = oPop.document.createElement('div');
let div1 = oPop.document.createElement('div');
let span = oPop.document.createElement('span');
let span1 = oPop.document.createElement('span');
span.className = "left";
span.innerHTML = nowcar[i].projectName + '--' + nowcar[i].projectItemName;
// span1.className = "rianght";
span1.innerHTML = nowcar[i].surplustimes;
div.appendChild(span);
div1.appendChild(span1);
oPop.document.getElementById('leftxl1').appendChild(div);
oPop.document.getElementById('leftxl01').appendChild(div1);
}
if ($this == 'packageBuckleTime') {
for (let i = 0; i < cardPackageDetails[0].productDetail.length; i += 1) {
let div = oPop.document.createElement('div');
let div1 = oPop.document.createElement('div');
let span = oPop.document.createElement('span');
let span1 = oPop.document.createElement('span');
span.className = "left";
span.innerHTML = cardPackageDetails[0].productDetail[i].projectName;
// span1.className = "rianght1";
span1.innerHTML = cardPackageDetails[0].productDetail[i].productAmount;
div.appendChild(span);
div1.appendChild(span1);
oPop.document.getElementById('leftxl').appendChild(div);
oPop.document.getElementById('leftxl0').appendChild(div1);
}
for (let i = 0; i < xltable.length; i += 1) {
let div = oPop.document.createElement('div');
let div1 = oPop.document.createElement('div');
let span = oPop.document.createElement('span');
let span1 = oPop.document.createElement('span');
span.className = "left";
span.innerHTML = xltable[i].projectName;
// span1.className = "rianght1";
span1.innerHTML = xltable[i].surplustimes;
div.appendChild(span);
div1.appendChild(span1);
oPop.document.getElementById('leftxl1').appendChild(div);
oPop.document.getElementById('leftxl01').appendChild(div1);
}
}
oPop.print();// 调用内置打印方法
oPop.close();// 关闭新窗口
layer.close(index);
reload();
},
cancel: function (index) {
layer.close(index);
reload();
}
});
【实现打印功能】
猜你喜欢
转载自blog.csdn.net/qq_39643614/article/details/79677543
今日推荐
周排行