不能用电子打印

时间:2020-06-28 16:23:44

标签: electron

我预先选择要打印的4张发票,然后在print.html中执行此操作。由于我是使用电子的,所以我必须预先构建打印件,然后将其发送给主打印件。

    async function preLoad(data, expensas, pag) {
        let promise = new Promise((resolve, reject) => {
            document.getElementById('nomb').innerText = data.adminNombre;
            document.getElementById('dire').innerText = data.adminDomicilio;
            document.getElementById('tele').innerText = data.adminTelef;
            document.getElementById('emai').innerText = data.adminMail;

            document.getElementById('hnomb').innerText = 'Inmueble : ' + data.inmueNombre;
            document.getElementById('hbnom').innerText = 'Banco : ' + data.inmueBanco;
            document.getElementById('hbcta').innerText = 'Cuenta banco : ' + data.inmueCuenta;
            document.getElementById('hmedp').innerText = 'Medios de pago : ' + data.inmueMediopago;

            document.getElementById('inomb').innerText = 'Nombre :' + expensas.NOMBRE;
            document.getElementById('itele').innerText = 'Unidad : ' + expensas.UNIDAD;
            document.getElementById('ipje').innerText = 'Dist. : ' + Math.round(expensas.PJEDIST * 100) / 100 + '%';

            document.getElementById('eextp').innerText = 'Extra particulares : ' + Math.round(expensas.SUMEXTPART * 100) / 100;
            document.getElementById('esalant').innerText = 'Saldo anterior : ' + Math.round(expensas.SALDOANTERIOR * 100) / 100;
            document.getElementById('eexp').innerText = 'Expensas : ' + Math.round(expensas.EXPENSAS * 100) / 100;
            document.getElementById('epriv').innerText = 'Expensas primera mora al día ' + data.secVenci + ' con el ' + data.priPje + '%  : ' + Math.round(expensas.SEGUNDOVENCIMIENTO * 100) / 100;
            document.getElementById('esegv').innerText = 'Expensas segunda mora al día ' + data.terVenci + ' con el ' + data.secPje + '%  : ' + + Math.round(expensas.TERCERVENCIMIENTOP * 100) / 100;

            document.getElementById('hoja').innerText = 'Hojas : ' + pag;
            resolve(1)
        })
        return promise;
    }
    var ipcRenderer = require('electron').ipcRenderer;
    ipcRenderer.on('on-print',  function (event, arg) {
        data = arg['arg1'];            
        tmpArr = [...arg['arg2']];
        console.log('A')
        tmpArr.forEach(async function(valor, indice, array)  {
            const res = await preLoad(data, valor, indice);
            setTimeout(() => { console.log('Exp2:' + indice); }, 4000);

        })
        console.log('B')
        ipcRenderer.send('open-print', 'Go')
    })
</script>

<div class="myPagesClass">
    <div id="pre" class="page">
        <div class="headerExpensas">
            <div class="headerAdmin">
                <p style="font-size: large;font-weight: bolder;">ADMINISTRACION</p>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="nomb"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="dire"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="tele"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="emai"></p>
                </div>
            </div>
            <div class="headerInquilino">
                <p style="font-size: large;font-weight: bolder;">INQUILINO</p>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="inomb"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="itele"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0;" id="ipje"></p>
                </div>
                <div class="pretextFormat">
                    <p style="margin:auto 0; font-size: smaller;" id="hoja"></p>
                </div>
            </div>
        </div>
        <div class="datosInmueble">
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="hnomb"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="hbnom"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="hbcta"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="hmedp"></p>
            </div>
        </div>
        <div class="liqExpensas">
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="eextp"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="esalant"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="eexp"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="epriv"></p>
            </div>
            <div class="pretextFormat">
                <p style="margin:auto 0;" id="esegv"></p>
            </div>
        </div>
    </div>
</div>

显然,它确实起作用。总是看到最后一个。一周没有找到解决办法后,希望有人能帮助我。谢谢 !! 我正在考虑A 1 2 3 4,但得到A B 1 2 3 4

0 个答案:

没有答案