| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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){ |
|---|
| | |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* |
|---|
| | | * 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> |
|---|
