本帖最后由 jy02427010 于 2020-3-5 10:06 编辑
这二天搜索了一下.没有发现web打印的.去github搬了一个打印插件过来
//隐藏div
<div class="col-sm-3 invisible" id="print" style="height: 1px;font-size: 10px;">
<center>欢迎光临好好商铺</center>
<center>XX市XX分店</center>
<p style="margin-bottom: 0px;">小票编号:202003042130</p>
<p style="margin-bottom: 0px;">收银员:001</p>
<hr style="height:1px;border:none;border-top:1px dashed black;" />
<table border="0" frame="void">
<tr>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>成交价</th>
</tr>
<tfoot>
<tr>
<td>大白菜<br>2080000011234</td>
<td>1</td>
<td></td>
<td>6.87</td>
</tr>
<tr>
<td>小白<br>2080000011235</td>
<td>1</td>
<td>9.8</td>
<td>9.21</td>
</tr>
</tfoot>
</table>
<hr style="height:1px;border:none;border-top:1px dashed black;" />
<tr>
<td>应收:</td>
<td>2180.25</td>
<td>件数:</td>
<td>30</td>
</tr>
<br>
<tr>
<td>实收:</td>
<td>2180.25</td>
<td>找零:</td>
<td>100</td>
</tr>
<hr style="height:1px;border:none;border-top:1px dashed black;" />
<center>客服电话:18888888888</center>
<center>请单面清点所购商品和找零</center>
<center>保留小票做退换货凭证</center>
<center>谢谢惠顾!</center>
</div>
//按钮
<button type="button" class="btn btn-primary">打印</button>
//js
<script>
function print() {
printJS({
printable: 'print',
type: 'html',
css: 'print.css',
scanStyles: false
})
}
</script>
| 
[复制链接]
发表于 2020-3-5 10:05
|
发表于 2020-3-5 10:23
