vue調(diào)取打印機(jī)之后布局咋都亂了

打印機(jī)頁面的內(nèi)容如何做布局呢，怎么把頁面上的時(shí)間標(biāo)題去掉呀

 <div class="dialogCare printOrder">
          <div>
            <span>貨架編號(hào)</span>
            <span>貨架條碼</span>
          </div>
          <div>
            <span>A01-01-01至A01-03-05</span>
            <span>A01-01-01至A01-03-05</span>
          </div>
  </div>
<button @click="printBtn()">打 印</button>

 printBtn(){
      let newstr = document.getElementsByClassName('printOrder')[0].innerHTML;
      window.document.body.innerHTML = newstr;
      let oldstr = window.document.body.innerHTML;
      window.print();
      window.location.reload();
      window.document.body.innerHTML = oldstr;
      return false;
    },