HHPW
/
client-mazu


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
							<!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;
    } */

    #printMe::after {
      content: '';
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
    }

    .img {
      height: 100%;
      background: no-repeat center center /contain;
    }

    .sign:after{
        content:'';position: absolute; width: 130%;padding-bottom: 130%; border: 1px solid #000; top: 50%;left: 50%;transform: translate(-50%,-50%); border-radius:50%;
    }
  </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>