目的: V60202R- 多張標籤列印(不同內容)
處理說明: 1>$('#div_print_area').printThis({}); 利用 div_print_area - 包含多張內容來預覽列印
$("#div_print_area").printThis({});
2>my_div_x: 每頁內容=div_內容+div_分頁
3>my_tbl_x: 每頁資料=tbl_內容+tbl_barcode
4>my_tbl_x1,my_tbl_x2: tbl_內容, tbl_barcode
1>*.js
pub_print_area_Str1 = "<div id='div_print_area' style='border: 1px solid black;'>"
+pub_print_area_Str1
+" </div > <!-- end of div id='div_print_area' -->";
$("#div_print_area").remove();
var Tmp_sub_panel4 = $('#sub_panel4');
Tmp_sub_panel4.append(pub_print_area_Str1);
var Tmp_prn_div_Str = "#div_print_area";
//printThis - 會開啟預覽列印.html , 原本子畫面.html 已被預覽列印取代, 所以 header 也不同了..
//所以 printThis(loadCSS: ) --> 才是 [預覽列印] 視窗 戴入的 *.css
$(Tmp_prn_div_Str).printThis({
loadCSS: "../JsFunction/print_V60202R.css?v=@date",
});
var Tmp_PageCnt = CHK_PK_OBJ.PK_LIST.length;
for (var i = 0; i < Tmp_PageCnt; i++)
{
Tmp_uni = (i + 1).toString();
cur_rec = CHK_PK_OBJ.ALL_LIST[i];
Tmp_MATNR = nulltoStr(cur_rec['MATNR']).toString();
Tmp_WH = nulltoStr(cur_rec['WH']).toString();
Tmp_SP = nulltoStr(cur_rec['SP']).toString();
Tmp_NAME = nulltoStr(cur_rec['NAME']).toString();
Tmp_MAKTX = nulltoStr(cur_rec['MAKTX']).toString();
Tmp_barcode_text = Tmp_MATNR+"&"+Tmp_WH+"&"+Tmp_SP;
//預覽列印的 HTML 內容
pub_print_area_Str1 = pub_print_area_Str1
+"<div id = 'my_div_" + Tmp_uni + "' style = 'width:10cm;height:3.8cm;border:1px solid black;font-size:9pt;' > "
+ "<table id='my_tbl_" + Tmp_uni + "' style='width: 100%;height: 100%;' border=1 bordercolor = 'black' cellspacing = 0 > "
+ " <tr> <!-- 包含 左邊文字內容 + 右邊barcode -->"
+ " <td width=70%> <!-- 左邊文字內容 --> "
+ " <table id='my_tbl_" + Tmp_uni + "1' style='width:100%;height: 100%;' border=1 bordercolor='black' cellspacing=0> "
+ " <tr> "
+ " <th width=30% style='margin: 0 0 0 0 ;'>件號<br>(Parts No) : </th> "
+ " <td width=70%>" + Tmp_MATNR + "</td> "
+ " </tr> "
+ " <tr> "
+ " <th width=30%>名稱<br>(Name) :</th> "
+ " <td width=70%>" + Tmp_NAME + "<br>" + Tmp_MAKTX + "</td> "
+ "</tr> "
+ "<tr> "
+ "<th width=30%>庫房 :</th> "
+ "<td width=70 %>" + Tmp_WH + "</td> "
+ "</tr> "
+ "<tr> "
+ "<th width=30%>儲位 :</th> "
+ "<td width=70 %>" + Tmp_SP + "</td>"
+ "</tr> "
+ "</table> <!-- end of table id='my_tbl_x1' -->"
+ " </td > <!-- end of <td width=70%> -->"
+ "<td width=30%> "
+ " <table id='my_tbl_" + Tmp_uni + "2' style='width:100%;height: 100%;' border=1 bordercolor='black' cellspacing=0> "
+ "<tr> "
+ "<td> " + genQRcodeStr(Tmp_barcode_text, 90, 90, false) + " </td> "
+ "</tr> "
+ " </table> <!-- end of table id='my_tbl_x2' -->"
+ " </td> <!-- width= 30# 左邊文字內容 -->"
+ "</tr> <!-- 包含 左邊文字內容+右邊barcode -->"
+ " </table> <!-- end of table id='my_tbl_x' -->"
+ " <div class='display' style='break-after:page'> "
+ " </div> <!-- end of div break-after:page -->"
+ "</div> <!-- <div id = 'my_div_x' --> ";
} // end of for for (var i = 0; i < Tmp_PageCnt; i++) {
