From 7386177e736bb47a6b1a5d2f227177964cc8ab8d Mon Sep 17 00:00:00 2001 From: zyx <zyx123456> Date: 星期二, 20 二月 2024 14:15:56 +0800 Subject: [PATCH] 物料打印 --- src/main/webapp/views/pla/plaDetl.html | 116 ++++++++++++++++++++++++++++++++++++---------------------- src/main/webapp/static/js/pla/plaDetl.js | 2 src/main/webapp/static/image/hneLogo.jpg | 0 3 files changed, 73 insertions(+), 45 deletions(-) diff --git a/src/main/webapp/static/image/hneLogo.jpg b/src/main/webapp/static/image/hneLogo.jpg new file mode 100644 index 0000000..983d40d --- /dev/null +++ b/src/main/webapp/static/image/hneLogo.jpg Binary files differ diff --git a/src/main/webapp/static/js/pla/plaDetl.js b/src/main/webapp/static/js/pla/plaDetl.js index 4a4f7aa..ec6532b 100644 --- a/src/main/webapp/static/js/pla/plaDetl.js +++ b/src/main/webapp/static/js/pla/plaDetl.js @@ -435,8 +435,8 @@ } else { layer.open({ type: 1, + area: ['600px', '700px'], title: '鎵归噺鎵撳嵃 [鏁伴噺'+ data.length +']', - area: ['500px'], shadeClose: true, content: $('#printDataDiv'), success: function(layero, index){ diff --git a/src/main/webapp/views/pla/plaDetl.html b/src/main/webapp/views/pla/plaDetl.html index e396bed..efe76a6 100644 --- a/src/main/webapp/views/pla/plaDetl.html +++ b/src/main/webapp/views/pla/plaDetl.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="utf-8"> <title></title> @@ -108,7 +108,7 @@ } /* ------------------------- 鎵撳嵃琛ㄦ牸 ----------------------- */ .template-preview { - height: 200px; + height: 350px; display: inline-block; } .contain td { @@ -310,28 +310,42 @@ <div id="template-container" style="margin: 20px;text-align: center"> <!-- 棰勮鍥� 3 --> <div id="template-preview-1" class="template-preview" style="display: block"> - <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> - <tr style="height: 74px"> - <td align="center" scope="col" colspan="1">鐗屽彿</td> - <td align="center" scope="col" colspan="1" style="">xxxxxx-xx/xx</td> - <td align="center" scope="col" colspan="2" rowspan="2"> - <img class="template-code template-qrcode" src="" width="80%"> - <div style="letter-spacing: 1px;margin-top: 1px; text-align: center"> - <span>xxxxxx</span> - </div> - </td> - </tr> - <tr style="height: 74px"> - <td align="center" colspan="1">閲嶉噺</td> - <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> - </tr> - <tr style="height: 74px"> - <td align="center" colspan="1">鎵瑰彿</td> - <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> - <td align="center" colspan="1">鍖呭彿</td> - <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> - </tr> - </table> + <div class="layui-row"> + <div class="layui-col-xs3"> + <img src="../../static/image/hneLogo.jpg" style="display: inline-block; width: 40%;height: 30%"> + </div> + <div class="layui-col-xs9" style="text-align: left"> + 娴欐睙鐪佸彴宸炲競鍙板窞婀炬柊鍖哄彴宸炴咕澶ч亾188鍙�</br> + Address锛歂o. 188, Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province + </div> + </div> + <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;"> + </n>鑱氫钩閰� Polylactic Acid + </div> + <div class="layui-row" style="alignment: center; margin-left: 100px;"> + <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> + <tr style="height: 74px"> + <td align="center" scope="col" colspan="1">鐗屽彿</td> + <td align="center" scope="col" colspan="1" style="">xxxxxx-xx/xx</td> + <td align="center" scope="col" colspan="2" rowspan="2"> + <img class="template-code template-qrcode" src="" width="80%"> + <div style="letter-spacing: 1px;margin-top: 1px; text-align: center"> + <span>xxxxxx</span> + </div> + </td> + </tr> + <tr style="height: 74px"> + <td align="center" colspan="1">閲嶉噺</td> + <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> + </tr> + <tr style="height: 74px"> + <td align="center" colspan="1">鎵瑰彿</td> + <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> + <td align="center" colspan="1">鍖呭彿</td> + <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> + </tr> + </table> + </div> </div> </div> </fieldset> @@ -353,28 +367,42 @@ <script type="text/template" id="templatePreview1" class="template-qrcode"> <div class="template-preview"> {{#each data}} - <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> - <tr style="height: 74px" > - <td align="center" scope="col" colspan="1" style="font-weight: bold;"><strong style="font-weight: bold;color: black;">鐗屽彿</strong></td> - <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:normal; "><strong style="font-weight: bold;color: black;">{{this.brand}}</strong></td> - <td align="center" scope="col" colspan="2" rowspan="2"> - <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> - </td> - </tr> - <tr style="height: 74px"> - <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">閲嶉噺</strong></td> - <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}}</strong></td> - </tr> - <tr style="height: 74px"> - <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">鎵瑰彿</strong></td> - <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.batch}}</strong></td> - <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">鍖呭彿</strong></td> - <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.packageNo}}</strong></td> - </tr> - </table> + <div class="layui-row"> + <div class="layui-col-xs3"> + <img src="../../static/image/hneLogo.jpg" style="display: inline-block; width: 40%;height: 30%"> + </div> + <div class="layui-col-xs9" style="text-align: left"> + 娴欐睙鐪佸彴宸炲競鍙板窞婀炬柊鍖哄彴宸炴咕澶ч亾188鍙�</br> + Address锛歂o. 188, Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province + </div> + </div> + <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;"> + </n>鑱氫钩閰� Polylactic Acid + </div> + <div class="layui-row" style="alignment: center; margin-left: 100px;"> + <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> + <tr style="height: 74px" > + <td align="center" scope="col" colspan="1" style="font-weight: bold;"><strong style="font-weight: bold;color: black;">鐗屽彿</strong></td> + <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:normal; "><strong style="font-weight: bold;color: black;">{{this.brand}}</strong></td> + <td align="center" scope="col" colspan="2" rowspan="2"> + <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> + </td> + </tr> + <tr style="height: 74px"> + <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">閲嶉噺</strong></td> + <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}}</strong></td> + </tr> + <tr style="height: 74px"> + <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">鎵瑰彿</strong></td> + <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.batch}}</strong></td> + <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">鍖呭彿</strong></td> + <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.packageNo}}</strong></td> + </tr> + </table> + </div> </br> {{/each}} - </div>> + </div> </script> </body> -- Gitblit v1.9.1