HHPW
/
client-mazu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <style>
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }

    @page {
      margin: 0px;
    }

    html,
    body {
      padding: 0;
      margin: 0;
      font-family: '黑体';
      overflow: hidden;
      font-size: 0;
    }

    /* #printMe {
      border: 1px solid #000;
    } */

    .table {
      width: 100%;
      text-align: center;
      border-top: 1px dashed #000;
      border-bottom: 1px dashed #000;
    }

    .table th {
      border-bottom: 1px dashed #000;
    }

    .print-wrap {
      background: #fff;
    }

    * {
      box-sizing: border-box;
    }

    .wrap {
      display: flex;
    }

    #printMyQrCode{
      width:250px;
      height: 250px;
    }
  </style>
  <!-- <link rel="stylesheet" id="printStyle" href="./whitePaper.css" /> -->
</head>

<body>
  <div data-v-28d96ec7="" id="printMe"
    style="width: 80mm; height: 100mm; line-height: 1.4; border-top: 1px dashed rgb(221, 221, 221); position: relative;">
    <div data-v-28d96ec7="">
      <div data-v-28d96ec7="" class="el sign"
        style="font-size: 14px; font-weight: bold; left: 273px; top: 10px; position: absolute;">
        窗
      </div><span data-v-28d96ec7="" class="el"
        style="font-size: 14px; text-align: center; font-weight: bold; left: 0px; top: 357px; width: 300px; position: absolute;">
        - NO.1 -
      </span><span data-v-28d96ec7="" class="el"
        style="font-size: 16px; text-align: center; font-weight: bold; left: 0px; top: 330px; width: 300px; position: absolute;">
        ￥100 元
      </span>
      <div data-v-28d96ec7=""
        style="font-size: 16px; font-weight: bold; left: 17px; top: 14px; position: absolute; width: 270px;">
        订单号：01190523143906818453
      </div>
      <div data-v-28d96ec7=""
        style="font-size: 16px; font-weight: bold; left: 17px; top: 42px; position: absolute; width: 270px;">
        票号：02190523143906589938
      </div>
      <div data-v-28d96ec7=""
        style="font-size: 16px; font-weight: bold; left: 17px; top: 71px; position: absolute; width: 270px;">
        北京天安门 - 单次可过人数: 1 人
        <span data-v-28d96ec7="">
          （多景点门票）
        </span></div>
      <div data-v-28d96ec7=""
        style="font-size: 18px; text-align: center; font-weight: bold; left: 0px; top: 130px; width: 300px; position: absolute;">
        超级会员票
      </div>
      <div data-v-28d96ec7="" id="qrcode" style="display: none;"><canvas height="120" width="120"></canvas></div>
      <div data-v-28d96ec7="" class="img"
        style="font-size: 16px; text-align: center; margin-top: 10px; font-weight: bold; left: 0px; top: 150px; height: 136px; width: 300px; position: absolute; background-image: url(&quot;data:image/png;base64,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&quot;);">
      </div>
      <div data-v-28d96ec7=""
        style="font-size: 14px; text-align: center; font-weight: bold; left: 0px; top: 290px; width: 300px; position: absolute;">
        <span data-v-28d96ec7="">
          游玩日期: 2019-05-23 <br data-v-28d96ec7=""></span>
        检票人数: 1 次
      </div>
    </div>
  </div>
</body>
<script>
  const { ipcRenderer } = require('electron')

  ipcRenderer.on('webview-print-render', (event, dom, styleType) => {
    console.log(dom, styleType)
    // let printStyle=document.querySelector("#printStyle")
    // 设置dom
    dom && (document.body.innerHTML = dom)
    // 设置样式表
    // styleType && (printStyle.href='./'+styleType+'.css')
    setTimeout(() => {
      ipcRenderer.sendToHost('webview-print-do')
    }, 200)
  })
</script>

</html>