zy-asrs.git - Gitblit

parent: fdf2903b | 补丁 | 提交 | ignore whitespace

zyx

2023-12-04 142aed38403568e99d7f115f57442fa0abec1cc8

平库库位加打印模板功能

2个文件已修改

	src/main/webapp/static/js/node/node.js	56 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/main/webapp/views/node/node.html	96 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 src/main/webapp/static/js/node/node.js

@@ -2,6 +2,7 @@
var admin;
var areas;
var matXmSelect;
var printContent = [];
layui.config({
    base: baseUrl + "/static/layui/lay/modules/"
}).extend({
@@ -77,18 +78,32 @@
            });
            doDel({ids: ids});
        } else if (obj.event === 'printBatch') {
            printContent = [];
            if (checkRows.length === 0) {
                layer.msg('请选择要打印的数据', {icon: 2});
                return;
            }
            var printContent = checkRows.map(function (d) {
            printContent = checkRows.map(function (d) {
                if (!d.LAY_INDETERMINATE && d.type === 3) {
                    return d.name;
                } else {
                    return null;
                }
            });
            printBatch(printContent, 1);
            layer.open({
                type: 1,
                title: '批量打印 [数量'+ printContent.length +']',
                area: ['500px'],
                shadeClose: true,
                content: $('#printDataDiv'),
                success: function(layero, index){
                },
                end: function () {
                }
            });


            //printBatch(printContent, 1);
        }else if (obj.event === 'nodeInit'){
            nodeInit();
        }
@@ -101,6 +116,12 @@
        } else if (obj.event === 'del') { // 删除
            doDel(obj);
        }
    });

    // 模板选择
    form.on('radio(selectTemplateRadio)', function (data) {
        $('.template-preview').hide();
        $('#template-preview-'+data.value).show();
    });

    /* 显示表单弹窗 */
@@ -201,6 +222,7 @@

    // 批量打印
    function printBatch(printMsgList, type) {

        var data = [];
        for (var i = 0; i<printMsgList.length; i ++) {
            if (printMsgList[i] != null && printMsgList[i] !== '') {
@@ -226,6 +248,36 @@
        box.hide();
    }

    // 开始打印
    form.on('submit(doPrint)', function (data) {
        var templateNo = data.field.selectTemplate;
        var data = [];
        var type = 1;
        for (var i = 0; i<printContent.length; i ++) {
            if (printContent[i] != null && printContent[i] !== '') {
                var barcodeUrl;
                if (type === 1) {
                    barcodeUrl = baseUrl+"/mac/code/auth?type="+type+"&param="+printContent[i]+"&width="+200+"&height="+70;
                } else {
                    barcodeUrl = baseUrl+"/mac/code/auth?type="+type+"&param="+printContent[i]+"&width="+400+"&height="+180;
                }
                data.push({
                    item: printContent[i],
                    barcodeUrl: barcodeUrl
                })
            }
        }
        var templateDom = $("#templatePreview"+templateNo);
        var tpl = templateDom.html();
        var template = Handlebars.compile(tpl);
        var html = template({data: data});
        var box = $("#box");
        box.html(html);
        box.show();
        box.print({mediaPrint:true});
        box.hide();
    });


    function nodeInit(){
        layer.prompt({title: '请输入口令，并重置库位', formType: 1,   shadeClose: true}, function(pass, idx){

 src/main/webapp/views/node/node.html

@@ -16,6 +16,17 @@
        .ew-tree-table-box {
            height: 100%;
        }
        /* ------------------------- 打印表格 -----------------------  */
        .template-preview {
            height: 200px;
            display: inline-block;
        }
        .contain td {
            border: 1px solid #000;
            /*font-family: 黑体;*/
            /*font-weight: bold;*/
            /*color: #000000;*/
        }
    </style>
</head>
<body>
@@ -197,7 +208,92 @@
    </div>
</div>

<!-- 打印操作弹窗 -->
<div id="printDataDiv" style="display: none;padding: 20px">
    <div class="layui-form" style="text-align: center">
        <hr>
        <!--单选框-->
        <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">
            <input type="radio" name="selectTemplate" value="1" title="模板一"  lay-filter="selectTemplateRadio" checked="checked">
            <input type="radio" name="selectTemplate" value="2" title="模板二" lay-filter="selectTemplateRadio">
        </div>
        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;">
            <legend>打印预览</legend>
            <div id="template-container" style="margin: 20px;text-align: center">

                <!-- 预览图 1 -->
                <div id="template-preview-1" class="template-preview" style="display: inline-block">
                    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
                        <tr style="height: 74px; border: none">
                            <td class="barcode" colspan="12" align="center" scope="col" style=" border: none">
                                <img class="template-code template-barcode" src="" width="90%;">
                                <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;">
                                    <span>xxxxxx</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>

                <!-- 预览图 2 -->
                <div id="template-preview-2" class="template-preview" style="display: none">
                    <table class="contain" width="280" style="overflow: hidden;table-layout: fixed; border: none; font-size: xx-large">
                        <tr style="height: 74px">
                            <td class="barcode" colspan="9" align="center" scope="col" style="border: none">
                                <img class="template-code template-barcode" src="" width="90%;"> ↓
                                <div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-small">
                                    <span>xxxxxx</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </fieldset>

        <button class="layui-btn" id="doPrint" lay-submit lay-filter="doPrint" style="margin-top: 20px">确定</button>
    </div>
</div>

<div id="box" style="display: block"></div>

<!-- 初始化打印模板的条形码 -->
<script type="text/javascript">
    $('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1&param=123");
    $('.template-qrcode').attr("src", baseUrl+"/mac/code/auth?type=2&param=123");
</script>

<!-- 模板引擎 -->
<!-- 模板1 -->
<script type="text/template" id="templatePreview1" class="template-barcode">
    {{#each data}}
    <table class="contain" width="400px" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
        <tr style="height: 150px; border: none">
            <td class="barcode" colspan="12" align="center" scope="col" style=" border: none">
                <img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;">
                <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;">
                    <span>{{this.item}}</span>
                </div>
            </td>
        </tr>
    </table>
    {{/each}}
</script>
<!-- 模板2 -->
<script type="text/template" id="templatePreview2" class="template-barcode">
    {{#each data}}
    <table class="contain" width="400px" style="overflow: hidden;table-layout: fixed; border: none; font-size: xx-large">
        <tr style="height: 150px">
            <td class="barcode" colspan="9" align="center" scope="col" style="border: none">
                <img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;"> ↓
                <div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-small">
                    <span>{{this.item}}</span>
                </div>
            </td>
        </tr>
    </table>
    {{/each}}
</script>
</body>
</html>

			@@ -2,6 +2,7 @@
			var admin;
			var areas;
			var matXmSelect;
			var printContent = [];
			layui.config({
			base: baseUrl + "/static/layui/lay/modules/"
			}).extend({
			@@ -77,18 +78,32 @@
			});
			doDel({ids: ids});
			} else if (obj.event === 'printBatch') {
			printContent = [];
			if (checkRows.length === 0) {
			layer.msg('请选择要打印的数据', {icon: 2});
			return;
			}
			var printContent = checkRows.map(function (d) {
			printContent = checkRows.map(function (d) {
			if (!d.LAY_INDETERMINATE && d.type === 3) {
			return d.name;
			} else {
			return null;
			}
			});
			printBatch(printContent, 1);
			layer.open({
			type: 1,
			title: '批量打印 [数量'+ printContent.length +']',
			area: ['500px'],
			shadeClose: true,
			content: $('#printDataDiv'),
			success: function(layero, index){
			},
			end: function () {
			}
			});


			//printBatch(printContent, 1);
			}else if (obj.event === 'nodeInit'){
			nodeInit();
			}
			@@ -101,6 +116,12 @@
			} else if (obj.event === 'del') { // 删除
			doDel(obj);
			}
			});

			// 模板选择
			form.on('radio(selectTemplateRadio)', function (data) {
			$('.template-preview').hide();
			$('#template-preview-'+data.value).show();
			});

			/* 显示表单弹窗 */
			@@ -201,6 +222,7 @@

			// 批量打印
			function printBatch(printMsgList, type) {

			var data = [];
			for (var i = 0; i<printMsgList.length; i ++) {
			if (printMsgList[i] != null && printMsgList[i] !== '') {
			@@ -226,6 +248,36 @@
			box.hide();
			}

			// 开始打印
			form.on('submit(doPrint)', function (data) {
			var templateNo = data.field.selectTemplate;
			var data = [];
			var type = 1;
			for (var i = 0; i<printContent.length; i ++) {
			if (printContent[i] != null && printContent[i] !== '') {
			var barcodeUrl;
			if (type === 1) {
			barcodeUrl = baseUrl+"/mac/code/auth?type="+type+"&param="+printContent[i]+"&width="+200+"&height="+70;
			} else {
			barcodeUrl = baseUrl+"/mac/code/auth?type="+type+"&param="+printContent[i]+"&width="+400+"&height="+180;
			}
			data.push({
			item: printContent[i],
			barcodeUrl: barcodeUrl
			})
			}
			}
			var templateDom = $("#templatePreview"+templateNo);
			var tpl = templateDom.html();
			var template = Handlebars.compile(tpl);
			var html = template({data: data});
			var box = $("#box");
			box.html(html);
			box.show();
			box.print({mediaPrint:true});
			box.hide();
			});


			function nodeInit(){
			layer.prompt({title: '请输入口令，并重置库位', formType: 1, shadeClose: true}, function(pass, idx){

			@@ -16,6 +16,17 @@
			.ew-tree-table-box {
			height: 100%;
			}
			/* ------------------------- 打印表格 ----------------------- */
			.template-preview {
			height: 200px;
			display: inline-block;
			}
			.contain td {
			border: 1px solid #000;
			/font-family: 黑体;/
			/font-weight: bold;/
			/color: #000000;/
			}
			</style>
			</head>
			<body>
			@@ -197,7 +208,92 @@
			</div>
			</div>

			<!-- 打印操作弹窗 -->
			<div id="printDataDiv" style="display: none;padding: 20px">
			<div class="layui-form" style="text-align: center">
			<hr>
			<!--单选框-->
			<div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">
			<input type="radio" name="selectTemplate" value="1" title="模板一" lay-filter="selectTemplateRadio" checked="checked">
			<input type="radio" name="selectTemplate" value="2" title="模板二" lay-filter="selectTemplateRadio">
			</div>
			<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;">
			<legend>打印预览</legend>
			<div id="template-container" style="margin: 20px;text-align: center">

			<!-- 预览图 1 -->
			<div id="template-preview-1" class="template-preview" style="display: inline-block">
			<table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
			<tr style="height: 74px; border: none">
			<td class="barcode" colspan="12" align="center" scope="col" style=" border: none">
			<img class="template-code template-barcode" src="" width="90%;">
			<div style="letter-spacing: 2px;margin-top: 1px; text-align: center;">
			<span>xxxxxx</span>
			</div>
			</td>
			</tr>
			</table>
			</div>

			<!-- 预览图 2 -->
			<div id="template-preview-2" class="template-preview" style="display: none">
			<table class="contain" width="280" style="overflow: hidden;table-layout: fixed; border: none; font-size: xx-large">
			<tr style="height: 74px">
			<td class="barcode" colspan="9" align="center" scope="col" style="border: none">
			<img class="template-code template-barcode" src="" width="90%;"> ↓
			<div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-small">
			<span>xxxxxx</span>
			</div>
			</td>
			</tr>
			</table>
			</div>
			</div>
			</fieldset>

			<button class="layui-btn" id="doPrint" lay-submit lay-filter="doPrint" style="margin-top: 20px">确定</button>
			</div>
			</div>

			<div id="box" style="display: block"></div>

			<!-- 初始化打印模板的条形码 -->
			<script type="text/javascript">
			$('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1&param=123");
			$('.template-qrcode').attr("src", baseUrl+"/mac/code/auth?type=2&param=123");
			</script>

			<!-- 模板引擎 -->
			<!-- 模板1 -->
			<script type="text/template" id="templatePreview1" class="template-barcode">
			{{#each data}}
			<table class="contain" width="400px" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
			<tr style="height: 150px; border: none">
			<td class="barcode" colspan="12" align="center" scope="col" style=" border: none">
			<img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;">
			<div style="letter-spacing: 2px;margin-top: 1px; text-align: center;">
			<span>{{this.item}}</span>
			</div>
			</td>
			</tr>
			</table>
			{{/each}}
			</script>
			<!-- 模板2 -->
			<script type="text/template" id="templatePreview2" class="template-barcode">
			{{#each data}}
			<table class="contain" width="400px" style="overflow: hidden;table-layout: fixed; border: none; font-size: xx-large">
			<tr style="height: 150px">
			<td class="barcode" colspan="9" align="center" scope="col" style="border: none">
			<img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;"> ↓
			<div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-small">
			<span>{{this.item}}</span>
			</div>
			</td>
			</tr>
			</table>
			{{/each}}
			</script>
			</body>
			</html>