$(document).ready(function(){
//弹出层的html
var openWindow = '<div id="middle_addFilterPurchaseOrder"></div><div id="msg_addFilterPurchaseOrder"></div>';
//把弹出层加入到table的后面
$('#unPackingTable').append(openWindow);
//当点击背景时,隐藏弹出页
$('#middle_addFilterPurchaseOrder').click(function() {
$('#middle_addFilterPurchaseOrder,#msg_addFilterPurchaseOrder').hide();
});
});
function buildPackingSizeView(obj){//包装明细显示
var index = (obj.id).split("_")[2];
var packSizeJsonArray = packingSizeJson[$("#packingLineId_"+index).val()];
var array = eval(packSizeJsonArray);
var tableHtml = "";
//caohong 添加内盒料号和内盒名称栏位start
tableHtml += '<table align="left" cellpadding="0" cellspacing="0" id="openWindow_table" style="border-collapse: collapse;" width="800px">';
tableHtml += '<tr><th colspan="2"><%=title_packingDetail%></th><td colspan="4" style="border:0px solid #FFFFFF"> </td></tr>';
tableHtml += '<tr><th><%=title_salesTableNo%></th><th><%=title_purchOrderFormNum%></th><th><%=title_size%></th><th><%=title_qtyPerBox%></th><th><%=title_pairWeight%></th><th><%=title_pairShoesWeight%></th><th><%=title_innerBox%></th><th><%=title_innerBoxMaterialName%></th></tr>';
for(var i = 0 ; i < array.length ; i++){
var grossWeight = array[i].netWeight;
var netWeight = array[i].grossWeight;
grossWeight = parseFloat(grossWeight).toFixed(2);
netWeight = parseFloat(netWeight).toFixed(2);
tableHtml += '<tr>';
tableHtml += '<td style="border:1px solid #000000">'+array[i].salesOrderNo+'</td><td style="border:1px solid #000000">'+array[i].purchOrderFormNum+'</td><td style="border:1px solid #000000">'+array[i].sizeName+'</td><td style="border:1px solid #000000">'+array[i].sizeQty+'</td><td style="border:1px solid #000000">'+grossWeight+'</td><td style="border:1px solid #000000">'+netWeight+'</td><td style="border:1px solid #000000">'+array[i].materialNo+'</td><td style="border:1px solid #000000"><span title="'+array[i].materialName+'">'+array[i].showMaterialName+'</span></td>';
tableHtml += '</tr>';
}
//end
tableHtml += '</table>';
$('#msg_addFilterPurchaseOrder').html(tableHtml);
//显示弹出框
var width = ($(window).width()) + 'px';
var height = ($(window).height()) + 'px';
$('#msg_addFilterPurchaseOrder').width("850px");
var p = {
width : $('#msg_addFilterPurchaseOrder').width(),
height : $('#msg_addFilterPurchaseOrder').height()
};
var left = ($(window).width() - p.width) / 2 + 'px';
var top = ($(window).height() - p.height) / 2 + 'px';
var allLeft = '0px';
var allTop = '0px';
$('#middle_addFilterPurchaseOrder').css({
'width' : width,
'height' : height,
'left' : allLeft,
'top' : allTop
}).show();
$('#msg_addFilterPurchaseOrder').css({
'left' : left,
'top' : top
}).show();
}
弹出层,div的写法
最新推荐文章于 2021-05-09 16:35:37 发布