Solución de impresión web para implementar el conjunto de certificados

En un artículo que introdujo la "función de impresión de informes ordinarios de las soluciones de impresión web" mencionada anteriormente, el control de impresión LODOP es bastante conveniente para hacer el conjunto. Al menos la interfaz de ajuste de posición no necesita ser realizada por usted mismo. En cuanto a la posición, también proporciona una función de ahorro automática, por lo que no necesita prestarle atención.

Las configuraciones generales incluyen varias partes de las operaciones: vista previa de impresión, mantenimiento de impresión y diseño de impresión.

Vista previa de impresión y mantenimiento de impresión están dirigidos a usuarios finales. El mantenimiento de la impresión se refiere al contenido que no se puede modificar y eliminar, pero la posición se puede ajustar, proporcionando la posibilidad de ajustar la posición para la impresión de diferentes impresoras de diferentes tamaños.

El diseño de impresión es para desarrolladores. Al principio, debemos usar esta función para diseñar la interfaz para configurar el conjunto, que es colocar aproximadamente la ubicación de cada contenido en función de la imagen de fondo de la configuración del certificado.

El código de implementación general es el siguiente:

 <script language = "javascript"> var lodop = document.getElementById ("lodop"); // Esta línea de declaración es para cumplir con la especificación DTD checkLodop (); </script> <script language = "javaScript" type = "text/javaScript"> function function2 () {creatabill (); lodop.preview (); }; function setUp2 () {createAtAbill (); lodop.print_setup (); }; function design2 () {createAtAbill (); lodop.print_design ();}; function realPrint () {createAtAbill (); if (lodop.printa ()) alerta ("¡Se ha emitido el comando de impresión real!"); else alerta ("Imprima abstenerse de la impresión!"); }; Función CreatAbill () {Lodop.set_print_paper (10,10,762,533, "Función de control de impresión demostration_lodop function_mobile Company Invoice Set"); Lodop.add_Print_Text (126,150,100,20, "Guo DeGang"); Lodop.set_Print_stylea (1 "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc "," Fontc ",", "," "," ",", "", "," "," "," "," "," "," "," "," "," "," "", "Fontc", "", "", "" "," olor ", 16711680); lodop.add_print_text (151,150,100,20," 13954885177 "); lodop.set_print_stylea (2," fontcolor ", 16711680); lodop.add_print_text (125,5 84,99,20," Inventereice Tiempo) "); LOOP.SET_PRINT_STYLEA (3," FontColor ", 16711680); Lodop.add_print_text (465,140,198,20," Lubaqi Shibayuan Triangle Zero Minute "); Lodop.Set_Print_Style A (4, "Fontcolor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); lodop.set_print_stylea (5, "fontcolor", 16711680); lodd_print_text (49 6,408,59,20, "H112063"); Lodop.Set_Print_Stylea (6, "FontColor", 16711680); Lodop.add_print_text (191,58,100,20, "Llamadas nacionales de roaming"); LOOP.Set_Print_Stylea (7, 7, 7, 7, "Fontcolor", 16711680); lodop.add_print_text (191,217,100,20, "584.00"); lodop.set_print_stylea (8, "fontcolor", 16711680); lodop.add_print_text (222,5 8,100,20, "Valor -aded Business" Gastos "); Lodop.set_print_stylea (9," FontColor ", 16711680); Lodop.add_print_text (222,217,100,20," 48.30 "); Lodop.set_print_Stylea (10," FeN tcolor ", 16711680); lodop.add_print_text (251,58,100,20," Charge "); Lodop.set_print_stylea (11," Fontcolor ", 16711680); Lodop.add_Print_Text (251,217,100, 20, "50.00"); Lodop.set_print_stylea (12, "FontColor", 16711680); Lodop.add_print_text (280,58,100,20, "Tarifa promocional"); LODOP.SET_PRINT_STYLEA (13, "Fontcolor",, 16711680); lodop.add_print_text (280,217,100,20, "4.00"); lodop.set_print_stylea (14, "Fontcolor", 16711680); Lodop.add_print_text (98,101,150,20, "101 101" 081005747319387 "); lodop.set_print_stylea (15," FontColor ", 16711680); lodop.add_print_text (97,307,150,20", 19 de octubre de 2008 10:28:38 "); Lodop.set_set_ Stylea (16, "fontcolor", 16711680); lodop.add_print_text (152,584,103,20, "138860016786"); lodop.set_print_stylea (17, "fontcolor", 16711680); lodop.add _Print_text (95,571,112,20, "06775516"); lodop.set_print_stylea (18, "fontname", "sistema"); lodop.set_print_stylea (18, "fontcolor", 16711680); lodop.a dd_print_text (496,135,135,120,120,120,120, "Suptent Stopt_tex. 2008 (20080901-20080930) "); Lodop.set_print_stylea (19," FontColor ", 16711680); Lodop.add_print_text (496,572,112, 20",-Wangfujing Central Store Campamento "); Lodop.set_print_stylea (20," FontColor ", 16711680); Lodop.add_print_text (311,217,100,20," 678.30 "); Lodop.set_print_stylea (21," Font Color ", 16711680); lodop.add_print_text (311,58,100,20," costo total "); lodop.set_print_stylea (22," fontcolor ", 16711680); lodop.add_print_setup_bkimg (" <img src = informar/certificado de origen.jpg '' ' />");lodop.set_show_mode ("bkimg_in_preview", 1);} </script>

La mayoría de los contenidos son relativamente fáciles de entender. Diferentes funciones llaman a diferentes funciones Vista previa para la vista previa, la configuración para el mantenimiento y el diseño para el diseño.

Al imprimir, tenga en cuenta que el siguiente código se usa para establecer la imagen de fondo en la visualización (el fondo no se imprime al imprimir).

 Lodop.add_print_setup_bkimg ("<img src = informar /certificado en segundo plano.jpg '/>");lodop.set_show_mode (" bkimg_in_preview ", 1); // Si la imagen de fondo se incluye al imprimir la vista previa

Además, dado que el contenido del informe está escrito en la página HTML, al configurar el contenido dinámicamente, puede usar un script para leer elementos de interfaz como fuente de datos, y en segundo lugar, puede generar automáticamente el código de script a través del código de fondo y generarlo en la página principal para ver lo que necesita.

La interfaz de vista previa para la configuración se muestra aproximadamente en la figura a continuación, donde la parte azul es el contenido que debe imprimirse, y la imagen de fondo es una plantilla para las facturas.

El siguiente código es obtener el contenido correspondiente a través de scripts. Esta situación es adecuada para escenarios en los que se puede modificar algún contenido impreso en la interfaz.

 Lodop.add_print_text (95, 695, 250, 52, document.getElementById ("txtCompanyName"). Innertext); // Nombre de la oficina Lodop.set_print_stylea (1, "FontSize", 14); Lodop.set_print_Stylea (1, "Bold", 1); var Licensedate = document.getElementById ("txtlicesedate"). Valor; // El período de validez del certificado var licencyAyear = ""; var licencesemonth = ""; var licencedate licenSeday = ""; if (licenSedate! = Null && licensedate! = "") {Licencia = licenceDate.split ("-") [0]; (LicenSedate.split ("-") [2]). Substr (0, 2);} Lodop.add_print_text (396, 190, 46, 22, validateyear); // El final del período de validez LOp.Set_Print_StyLea (6, "FontSize", 11); Lodop.Set_Print_StyLea (6, "Bold", 1); Lodop.add_Print_Text (396, 253, 30, 22, ValidateTemonth); // Período de vencimiento final mes lodop.set_print_stylea (7, "fontSize", 11); lodop.set_print_stylea (7, "negrita", 1); lodop.add_print_text (396, 304, 32, 22, validateday); // Fecha de vencimiento Lodop.set_print_stylea (8, "FontSize", 11); Lodop.set_print_stylea (8, "Bold", 1);

Finalmente, se adjunta con su interfaz de diseño, donde la función de generación de códigos puede generar una pantalla de diseño de contenido para HTML estático, y puede usarse en páginas dinámicas después de hacer ciertas modificaciones y ajustes. Una característica muy útil.

Lo anterior es la idea de implementación de la solución de impresión web para el conjunto de certificados introducido por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!