JS中FireFox新开窗口预览打印处理的方式

仅提供思路，勿喷如下↓

---

 /**
      * 打印方法
      * @param dom 要被打印的dom元素
      * @param parentClassName 该组件的页面根组件class名
      * @param pageMargin @page中的maring值
      */
     static print = (dom, parentClassName = '', pageMargin = '20px') => {
         if (navigator.userAgent.indexOf("Firefox") > ) {

             let previewDom = document.getElementById('previewDom_serviceCharges');
             if (previewDom && previewDom.offsetHeight) {
                 const imgNumber = parseInt(String(previewDom.offsetHeight / )) + ;                 let webConfig = (<any>window).config;
                 let hostAddress = webConfig.isDebug ? `http://${window.location.host}` : `http://${window.location.host}/erpfront/dist`;
                 let backimg = document.createElement('div'), htmlStr = '';
                 for (let i = ; i < imgNumber; i++) {
                     htmlStr += `
                     <img src='${hostAddress}/assets/images/contract-background.jpg'>
                     ` ;
                 }
                 backimg.innerHTML = htmlStr;
                 backimg.setAttribute('style', `
                         position: absolute;
                         bottom: 0px;
                         padding: 0px;
                         margin: 0px;
                         top: ;
                         z-index: -;
                         width: %;
                 `);
                 //backimg.className = 'backimg';
                 previewDom.appendChild(backimg);
             }

             const domPrint = document.createElement('div');
             domPrint.className = parentClassName;
             domPrint.id = 'dom-content-for-print-printutils';
             domPrint.innerHTML = dom.outerHTML;

             let page = window.open('', '_blank');// 打开一个新窗口，用于打印
             page.document.body.innerHTML = domPrint.outerHTML;// 写入打印页面的内容

             const domPrintStyle = document.createElement('style');
             domPrintStyle.id = 'dom-style-for-print-printutils';
             domPrintStyle.innerHTML = PrintUtils.getFirefoxStyle(pageMargin);

             page.document.head.appendChild(domPrintStyle);

             page.print();// 打印
             page.close();// 关闭打印窗口

         }
 }

 static getFirefoxStyle(pageMargin: any) {
         PrintUtils.firefoxStyleString = `
         @media print {
            body {
                     float: none !important;
                     position: static !important;
                     display: inline;
                     page-break-after: always;
                 }
                 body > * {
                     display: none;
                 }
                 body * {
                     color: # !important;
                     border-color: # !important;
                 }
                 @page {
                     margin: ${pageMargin}
                 }
                 #dom-content-for-print-printutils{
                     display: block
                 }

         }
         .icon {
             margin-left: 11px;
             font-size: 18px;
             color: #32c5d2;
             font-weight: ;
             cursor: pointer;
         }
         .hr {
             width: %;
             color: #f5f5f5;
         }
         .inputCenter {
             position: relative;
             top: 20px;
         }
         .contractPreview {
             margin: 0px auto;
             width: %;
             border: none;
             position: relative;
             z-index: ;
             overflow: hidden;
         }
         return PrintUtils.firefoxStyleString;
     }