From 69039f21ffdaec875ec0cdd54de4a009ce2f1105 Mon Sep 17 00:00:00 2001
From: xiaoyong931011 <15274802129@163.com>
Date: Sun, 27 Nov 2022 00:04:20 +0800
Subject: [PATCH] 20221126
---
src/main/resources/templates/febs/views/modules/order/orderList.html | 92 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 92 insertions(+), 0 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/order/orderList.html b/src/main/resources/templates/febs/views/modules/order/orderList.html
index abc1f28..f2ba60b 100644
--- a/src/main/resources/templates/febs/views/modules/order/orderList.html
+++ b/src/main/resources/templates/febs/views/modules/order/orderList.html
@@ -115,6 +115,8 @@
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" lay-event="exportDeliverOne">导出待发货订单,系统自动发货</button>
<button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" lay-event="confirmOrder">确认到货</button>
+ <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" lay-event="printSelect">自定义打印</button>
+<!-- <button id="printSelect" type="button" class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain">自定义打印</button>-->
<!-- <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" lay-event="exportDeliverTwo">导出未发货订单（快递）</button>-->
<!-- <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" id="importDeliver" lay-event="importDeliver">导入发货</button>-->
</div>
@@ -170,6 +172,18 @@
var event = obj.event;
var id = obj.config.id;
var checkStatus = table.checkStatus(id);
+ if(event === 'printSelect'){
+ var checkStatus = table.checkStatus('orderTable')
+ console.log(checkStatus)
+ // 判断是否选中数据
+ if (checkStatus.data.length === 0) {
+ layer.msg('请选择数据', {
+ icon: 2
+ })
+ } else {
+ printSelect(checkStatus.data)
+ }
+ }
if(event === 'confirmOrder'){
let uniqueCodeValue = $searchForm.find("select[name='uniqueCode']").val();
// if(uniqueCodeValue == '' || uniqueCodeValue == null){
@@ -404,5 +418,83 @@
};
}
+ /*
+ * layui打印表格自定义函数
+ */
+ function print(tablelayid) {
+ var v = document.createElement("div");
+ var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}",
+ "table{width: 100%; border-collapse: collapse; border-spacing: 0;}",
+ "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}",
+ "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}", "</style>", "</head>"
+ ].join("");
+ $(v).append($(".layui-table-box").find(".layui-table-header").html());
+ $(v).find("tr").after($("[lay-id=\"" + tablelayid + "\"] .layui-table-body.layui-table-main table").html());
+ $(v).find("th.layui-table-patch").remove();
+ $(v).find(".layui-table-col-special").remove();
+ var h = window.open("打印窗口", "_blank");
+ h.document.write(f + $(v).prop("outerHTML"));
+ h.document.close();
+ h.print();
+ h.close();
+ }
+
+ /* 监听打印选中行按钮 */
+ // $('#printSelect').click(function() {
+ // layui.use(['table', 'layer'], function() {
+ // var table = layui.table,
+ // layer = layui.layer;
+ //
+ // var checkStatus = table.checkStatus('orderTable')
+ // console.log(checkStatus)
+ // // 判断是否选中数据
+ // if (checkStatus.data.length === 0) {
+ // layer.msg('请选择数据', {
+ // icon: 2
+ // })
+ // } else {
+ // printSelect(checkStatus.data)
+ // }
+ // })
+ // })
+ /*
+ * [自定义打印选中行数据]
+ * @param {[type]} allData [传入选中行]
+ */
+ function printSelect(allData) {
+ //用于包含内容
+ var v = document.createElement("div");
+ //页面头部，导入css ，media="print"表示打印时使用该样式
+ var f = ["<head>", "<style>", "div{font-size:8px;}", ".main{width:40%;height:20%}",
+ ".main div{width:100%;display:inline-block;}", "</style>", "</head>"
+ ].join("");
+ var contentHtml = "";
+ for (let i = 0; i < allData.length; i++) {
+ let data = allData[i]
+ var template =
+ "<div class='main'>" +
+ // "<div style='text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 30px'>订单详情</div>" +
+ "<div>姓名：" + data.name + "</div><br><br>" +
+ "<div>电话：" + data.phone + "</div><br><br>" +
+ "<div>地址：" + data.address + "</div><br><br>" +
+ "<div>编号：" + data.orderNo + "</div><br><br>" +
+ "<div>商品：" + data.goodsName + "</div><br><br>" +
+ "</div>"
+
+ contentHtml += template;
+ }
+
+ //contentHtml为已拼凑好的内容
+ $(v).append(contentHtml)
+ //新建窗口
+ var h = window.open("打印窗口", "_blank");
+ //写入拼凑内容
+ h.document.write(f + $(v).prop("outerHTML"));
+ //调用打印
+ h.print();
+ //关闭页面
+ h.close();
+ }
+
})
</script>
\ No newline at end of file
--
Gitblit v1.9.1