网站 › 『编程语言区』 › 网页打印小票

jy02427010 发表于 2020-3-5 10:05

网页打印小票

本帖最后由 jy02427010 于 2020-3-5 10:06 编辑

这二天搜索了一下.没有发现web打印的.去github搬了一个打印插件过来
```html
//隐藏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>
```
```html
//按钮
<button type="button" class="btn btn-primary">打印</button>
```
```html
//js
    <script>
      function print() {
            printJS({
                printable: 'print',
                type: 'html',
                css: 'print.css',
                scanStyles: false
            })
      }
    </script>
```

jy02427010 发表于 2020-3-5 10:23

忘记了.直接打印.不显示打印预览

在快捷方式-目标 后面添加: --kiosk-printing
如:

```
"C:\Program Files (x86)\Microsoft\Edge Dev\Application\msedge.exe" --kiosk-printing
```

342137296 发表于 2020-3-5 11:18

看看          学习了                     

lizf2019 发表于 2020-3-5 10:34

感觉用处不太大啊{:301_998:}

xjdasitu 发表于 2020-3-5 10:37

值得参考，感谢分享{:1_921:}

jy02427010 发表于 2020-3-5 10:40

lizf2019 发表于 2020-3-5 10:34
感觉用处不太大啊

web系统要打印报表用到.区域打印

lizf2019 发表于 2020-3-5 10:44

支持一下吧

李庆喜 发表于 2020-3-5 10:46

购买小票打印机会带相应的软件

海南青豆 发表于 2020-3-5 11:16

最爱高手，需要什么就写个什么！仰慕中！

破wu解 发表于 2020-3-5 11:20

{:1_921:}厉害了学习

查看完整版本: 网页打印小票