精华内容
下载资源
问答
  • 2021-06-09 12:08:31

    1. 分类

    原生打印,window.print() 实现

    插件实现,很多种,我这里选择的是 jquery.print.js

    优缺点

    原生打印的好处就不多说了,简单方便,全屏打印,如果对打印功能没有什么特殊要求可以直接使用即可;

    使用插件的好处可以很方便的实现局部打印以及对各种功能的配置

    项目需求

    打印医院报告单,单子上的内容比较多,且会有 echarts 图表;在表单的地步会展示列表数据表示图表中标注点的信息。且要求该列表信息另起一页。

    tips: 注意我标注出来的知识点,echarts 在 print 的打印预览中无法正常显示,是一片空白。至于指定位置分页,网上说的增加代码 style="page- break-before:awlays;" 或者是 style="page- break-after:awlays;"在指定位置分页都尝试过,之后的内容虽然没有在第一页显示但是预览时的节面总数仍然是一页(可能是我的用法有问题或者浏览器有问题,如果知道的小伙伴请告诉我,谢谢)

    如何在成功打印出 echarts 表格数据

    1.这个其实很好解决,大家搜一搜就能够知道,主要就是把 echarts 图表转换成图片,这里的一个注意点就是在打印完成或者取消打印的时候把生成的图片去除并删除图片

    // html

    // echarts 本身提供了把图表转换成图片的方法

    let image = new Image();

    let imgSrc = this.logChartDialog.getDataURL();

    image.src = imgSrc;

    image.setAttribute("id", "printImage");

    image.onload = function() {

    $("#dialogChartBottom").prepend(image); // 把生成的图片插入你想要打印的位置,这个根据自己实际情况

    image.style.display = "block";

    image.style.width = "100%";

    $("logChartDialog").css({

    display: 'none'

    })

    $('#printRecord').print({ // 注意这里使用需要引入 jquery.print.min.js,指定打印范围

    globalStyle: true,

    mediaPrint: true,

    iframe: true,

    })

    // 打印结束

    $("#logChartDialog").css({

    display: 'block'

    });

    image.style.display = 'none';

    $('#printImage').remove();

    }

    如何分页打印

    说实话这个问题困扰了我好久,网上说的方法没有用。后来我突然发现了 jquery.print.js 里提供了两个属性,分别是 append,在当前打印内容后追加内容,格式是html,相信说到这里有些小伙伴们已经猜到了,没猜到也没关系,请看代码

    // html

    // echarts 本身提供了把图表转换成图片的方法

    let image = new Image();

    let imgSrc = this.logChartDialog.getDataURL();

    image.src = imgSrc;

    image.setAttribute("id", "printImage");

    image.onload = function() {

    $("#dialogChartBottom").prepend(image); // 把生成的图片插入你想要打印的位置,这个根据自己实际情况

    image.style.display = "block";

    image.style.width = "100%";

    $("logChartDialog").css({

    display: 'none'

    })

    let html = $(".tipmsg-list-area").html();

    $('#printRecord').print({ // 注意这里使用需要引入 jquery.print.min.js,指定打印范围

    globalStyle: true,

    mediaPrint: true,

    iframe: true, // 预览是否生成一个 iframe 实现

    noPrintSelector: ".tipmsg-list-area", // 这里是 jquery 选择器的格式,表示不打印的内容区域

    append: html, // 在打印区域后添加内容,格式是 html

    })

    // 打印结束

    $("#logChartDialog").css({

    display: 'block'

    });

    image.style.display = 'none';

    $('#printImage').remove();

    }

    总结:以上即可在页面的指定位置分页。之前是即使内容超过一页但是预览的总页数还是一页。如果有问题可以留言。其他就是正常使用 echarts 的操作了

    更多相关内容
  • 多页分栏打印预览 系统结构:易语言多页分栏打印预览源码,多页分栏打印预览 ======窗口程序集1 | | | |------ __启动窗口_创建完毕 | | | |------ _按钮1_被单击
  • 问题遇到的现象和发生背景 请教excel问题,这个打印页面有几万怎么取消,只要打几十,手动拖不过来。 操作环境、软件版本等信息 excel 尝试过的解决方法 各种搜索未找到 我想要达到的结果 get it done
  • 经常在Excel中制作表格时,在打印的时候,需要将...Excel中如何设置自动分页打印1、进入“视图”选项卡,单击“工作簿视图”选项组中的“分页预览”;会显示下图所示的界面,在这个界面上就可以进行设置。2、我们...

    经常在Excel中制作表格时,在打印的时候,需要将内容分成多页进行打印,但是总是找不到在哪里进行分页,是不是很着急呢?今天教你自动分页打印设置的技巧,学会了这个技巧,轻松掌握Excel分页符,做到举一反三。那么在Excel中如何设置自动分页呢?

    Excel中如何设置自动分页打印

    1、进入“视图”选项卡,单击“工作簿视图”选项组中的“分页预览”;会显示下图所示的界面,在这个界面上就可以进行设置。

    c28f8cffbc126bf00b4698408b8018d2.png

    2、我们可以将光标定位在蓝色虚线,当鼠标变成双箭头时,按住左键不放,拖动边框,到需要分页的位置上松开鼠标。

    af6e3fd73028a21263fe26d0c06acdfc.png

    3、按照以上的步骤操作后,就完成了分页设置,如果设置错了,不需要该蓝色虚线,将其往最右边拖动就可以删除。

    d55a9241566254b7e2b89438eade43b1.png

    以上就是Excel表格打印自动分页设置的技巧,希望对你有帮助!

    展开全文
  • 可以显示页面的预览窗格-包括分页符等。布局调整会立即反映在预览中。 PanWriter很有用,但也有很工作要做,因为仍然存在一些粗糙的地方(请参阅 )。 反馈,建议和贡献非常欢迎! 请打开一个问题以开始对话。 ...
  • [财务][数据化分析][帆软]报表设计-...下面我们以内置的GettingStarted.cpt模板为例,来看看分页预览的使用方式以及其一些属性的设置。 2. 分页预览示例 1)打开设计器,双击打开GettingStarted.cpt模板,点击设计...

     [财务][数据化分析][帆软]报表设计-分页预览

    1. 概述

    分页预览即普通预览模式,FineReport 的默认预览方式,一般在只需要查看报表数据用于分析的时候使用。

    下面我们以内置的 GettingStarted.cpt 模板为例,来看看分页预览的使用方式以及其一些属性的设置。

    2. 分页预览示例

    1)打开设计器,双击打开 GettingStarted.cpt 模板,点击设计器界面上的预览按钮访问报表,如下图所示:

    image.png

    注:该按钮下面有4种预览方式可选:分页预览、填报预览数据分析 和 新填报预览,默认方式为分页预览。

    2)点击分页预览之后,在浏览器端就会打开一张报表,如下图所示:

    1574835067395796.png

    3. 分页预览设置

    分页预览设置页面,仅对分页预览模板有效。

    在设计器中点击模板>模板web属性>分页预览设置,可对分页预览界面进行设置。如下图所示:

    设置面板主要分为三大块:上面部分是对模板预览效果的一些效果设置,中间部分是分页预览之后的工具栏设置,下方是 Web 事件添加界面。1574734281831342.png

    属性内容注意事项
    以下设置

    采用服务器设置:默认情况,使用服务器统一的设置,下面的所有选项都为灰色无法编辑。

    为该模板单独设置:只适用于当前的模板,下面所有的功能可编辑、设置。

    -
    报表显示位置

    设置内容在报表当中显示的位置。

    默认为左展示,如果希望报表显示的内容是居中的,可以选择居中展示。

    1)移动端不生效

    2)分页预览居中展示时,默认无边框线。

    如需添加边框线请添加加载结束事件。JS 代码如下:

    //true 表示添加边框线,false 表示不添加边框线
    页面

    页面的一些特殊设置:

    1)以图片方式显示

    分页预览的时候,会生成图片形式的报表。

    2)iframe嵌入时自动收缩

    如果当前的页面是被以 iframe 的方式嵌入到其他的网页当中的时候,会自动的调整页面的大小,以适合 iframe 的大小。

    3)重方式输出格子

    -

    使用工具栏

    底部工具栏

    默认使用工具栏。当取消选择后,分页预览时不显示该工具栏。

    用户可自定义工具栏显示的工具。

    移动端不支持工具栏设置
    事件设置

    用户可添加 Web 事件。

    Web 事件的详细介绍请参见 Web 页面事件

    移动端仅支持加载起始和加载结束事件。
    展开全文
  • Qt表格分页打印

    2017-10-19 19:12:03
    Qt表格分页打印
  • 分页预览主要解决两个问题 (1)前端下载整个pdf比较慢。 (2) 前端可以下载整个文件流,不安全。 若要分页预览,也有两种方案: (1)把pdf 转成一张一张的图片。 (2)把pdf 再次截取from-to,然后生成一个新...

     分页预览主要解决两个问题

    (1)前端下载整个pdf比较慢。

    (2) 前端可以下载整个文件流,不安全。

    若要分页预览,也有两种方案:

    (1)把pdf 转成一张一张的图片。

    (2)把pdf 再次截取from-to页,然后生成一个新的pdf文件。

    pdf 分页截取截取生成新的pdf,转图片 代码

      <dependency>
        <groupId>org.apache.pdfbox</groupId>
        <artifactId>pdfbox</artifactId>
        <version>2.0.16</version>
    </dependency>
    <dependency>
        <groupId>org.apache.pdfbox</groupId>
        <artifactId>fontbox</artifactId>
        <version>2.0.16</version>
    </dependency>
    <dependency>
                <groupId>com.itextpdf</groupId>
                <artifactId>itextpdf</artifactId>
                <version>5.5.13</version>
            </dependency>
      </dependencies>
    import java.awt.image.BufferedImage;
    import java.io.ByteArrayOutputStream;
    import java.io.File;
    import java.io.FileInputStream;
    import java.io.FileNotFoundException;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.InputStream;
    import java.io.OutputStream;
    import java.util.ArrayList;
    import java.util.List;
    import java.util.UUID;
    
    import javax.imageio.ImageIO;
    
    import org.apache.pdfbox.pdmodel.PDDocument;
    import org.apache.pdfbox.rendering.PDFRenderer;
    
    import com.itextpdf.text.Document;
    import com.itextpdf.text.pdf.PdfCopy;
    import com.itextpdf.text.pdf.PdfImportedPage;
    import com.itextpdf.text.pdf.PdfReader;
    
    public class PdfToImageUtil {
    	/**
    	 * dpi越大转换后越清晰,相对转换速度越慢
    	 */
    	private static final Integer DPI = 100;
    
    	/**
    	 * 转换后的图片类型
    	 */
    	private static final String IMG_TYPE = "png";
    
    	public static void main1(String[] args) throws FileNotFoundException, IOException {
    		pdfToImage(new FileInputStream(
    				new File("C:\\Users\\xxx\\Desktop\\temp\\zhuanhuan\\360Teams移动端使用简介.pdf")));
    	}
    	
    	public static void main(String[] args) throws FileNotFoundException, IOException {
    		partitionPdfFile("C:\\Users\\xxx\\Desktop\\temp\\zhuanhuan\\360Teams移动端使用简介.pdf", "C:\\Users\\xxx\\Desktop\\temp\\zhuanhuan\\360Teams移动端使用简介2.pdf", 1, 1);
    }
    
    	/**
    	 * PDF转图片 InputStream 和 OutputStream最好都不要落地,直接存储到s3
    	 *
    	 * @param fileContent PDF文件的二进制流
    	 * @return 图片文件的二进制流
    	 */
    	public static List<String> pdfToImage(InputStream inputStream) throws IOException {
    		List<String> imgKeys = new ArrayList<>();
    		try (PDDocument document = PDDocument.load(inputStream)) {
    			PDFRenderer renderer = new PDFRenderer(document);
    			for (int i = 0; i < document.getNumberOfPages(); ++i) {
    				BufferedImage bufferedImage = renderer.renderImageWithDPI(i, DPI);
    				String imageKey = i + "_" + UUID.randomUUID().toString().replace("-", "");// 自己确定文件key的格式
    				// 需要几页,就存几页即可。
    				try (OutputStream outputStream = new FileOutputStream(
    						"C:\\Users\\xxx\\Desktop\\temp\\zhuanhuan\\" + imageKey + "." + IMG_TYPE)) {
    					imgKeys.add(imageKey);
    					ImageIO.write(bufferedImage, IMG_TYPE, outputStream);
    				} catch (Exception e) {
    					e.printStackTrace();
    				}
    			}
    		}
    		return imgKeys;
    	}
    
    	/**
    	 * PDF转图片
    	 *
    	 * @param fileContent PDF文件的二进制流
    	 * @return 图片文件的二进制流
    	 */
    	public static List<byte[]> pdfToImage(byte[] fileContent) throws IOException {
    		List<byte[]> result = new ArrayList<>();
    		try (PDDocument document = PDDocument.load(fileContent)) {
    			PDFRenderer renderer = new PDFRenderer(document);
    			for (int i = 0; i < document.getNumberOfPages(); ++i) {
    				BufferedImage bufferedImage = renderer.renderImageWithDPI(i, DPI);
    				ByteArrayOutputStream out = new ByteArrayOutputStream();
    				ImageIO.write(bufferedImage, IMG_TYPE, out);
    				result.add(out.toByteArray());
    			}
    		}
    		return result;
    	}
    
    	/**
    	 * 截取pdf某几页,生成一个新的pdf
    	 * @param pdfFile
    	 * @param newFile
    	 * @param from
    	 * @param end
    	 */
    	public static void partitionPdfFile(String pdfFile, String newFile, int from, int end) {
    		Document document = null;
    		PdfCopy copy = null;
    		try {
    			PdfReader reader = new PdfReader(pdfFile);
    			int n = reader.getNumberOfPages();
    			if (end == 0) {
    				end = n;
    			}
    
    			document = new Document(reader.getPageSize(1));
    			copy = new PdfCopy(document, new FileOutputStream(newFile));
    			document.open();
    			for (int j = from; j <= end; j++) {
    				document.newPage();
    				PdfImportedPage page = copy.getImportedPage(reader, j);
    				copy.addPage(page);
    			}
    			document.close();
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    	}
    }
    

    展开全文
  • vue项目实现pdf文件预览功能 下载vue-pdf包 npm install --save vue-pdf template模板内容: //pdf组件 <pdf :src="pdfFile" :page="currentPage" @num-pages="pageCount=$event" @page-loaded="current...
  • 原文:http://coolketang.com/staticOffice/5a97f1029f54542163dc2f64.html1. 本节... 在分页预览模式下,可以对工作表按打印分页进行浏览。点击垂直滚动条,查看工作表下方的内容。 4. 当前的工作表共拥有一的内...
  • 最近由于我们网站添加了图片栏目,小编一个图片就分一这样的话,我们的内容页面的分页就很,10几个分页显示比较难看,所以想到了用这个方法,感觉网友的分享今天在织梦论坛上看到很咨询关于分页,导致...
  • 7、帆软填报-分页预览

    千次阅读 2018-04-28 14:57:49
    1、添加---&gt;程序2、填写名字和类名3、给单元格插入数据:单元格右键---&gt;单元格元素---&gt;插入数据列4、数据集选择刚刚定义的数据集名称,数据列需要自己定义,但是需要保证跟后台定义的一致。...
  • 本文主要介绍了vue项目中使用print.js打印,解决多页分页,打印预览样式修改等问题。 引入安装vue-print.js cnpm i vue-printjs --save-dev 解决打印多页只出现一页问题 由于打印插件存在问题,如果打印文件...
  • ireport报表分页,有page footer。打印时一张空白 Ignore pagination 勾选 后解决
  • FineReport填报分页设置

    2021-03-22 09:38:55
    问题描述进行FineReport数据填报时,如果数据量过大,由于前端浏览器的性能限制,如果将数据全部展现出来,速度会非常的慢,影响用户体验,这时候大家就会想,填报是否能像分页预览一样进行分页呢,实现只加载当前,...
  • 注意 把打印的内容放到这个标签里面 打印 返回 @if(count($contract)) @..."> @endforeach @endif 下面是点击打印触发的方法: 注意:如果出现一张图片分到两个页面上,一定要调整img标签的height属性,微调至不分页
  • 1、 首先导出Excel出现多页的问题,即当报表预览的时候有多页,导出Excel的时候就会有多个sheet,如图:这是由于导出Excel的时候有一个MultiSheet的属性,在最开始的时候默认系统默认为true。只需要设置该属性为...
  • EXCEL里打印预览突然变成很多页

    千次阅读 2020-10-29 14:46:57
    选择第一个没内容的列号,按“CTRL+SHIFT+→”然后鼠标右键选择删除即可,再选择第一个没内容的行号,“CTRL+SHIFT+↓”鼠标右键选择删除即可,保存一下。
  • 1.打印多页表格时建议使用分页预览,保证上下页之间连贯 2.设置了冻结首行窗格的,想要将每一页打印的内容都包含这个标题,可以使用打印标题选项
  • VC打印自定义纸张大小,分页打印,控制走纸的长度,判断是在进行打印预览还是在打印
  • 大家应该都知道,对Excel表格设置分页对我们预览、打印文档时是很方便的,特别是一些包含很复杂数据的、不规则的表格,为保证打印时每一的排版美观性或者数据的前后连接的完整性,此时的分页符就发挥了极大的...
  • 一个解决web打印,动态多页数据分页困难。及html转pdf的方案。 用此插件生成的预览页面,可方便的从浏览器打印PDF,下载PDF 不要下载了,直接参考:https://blog.csdn.net/qq_40995828/article/details/112802426
  • Microsoft Project 制作完成流程图后,就可以进行打印了,大多数项目进度计划图篇幅较大,一张纸根本打印不完整,或者打印后字体太小,这时候就需要设置分页打印,下面就跟小编来看看具体步骤吧。首先我们登陆...
  • 电脑word文档怎么快速分页

    千次阅读 2021-06-30 02:00:08
    文档最好有个段落。2.我们选中全部文档之后,点击上方功能栏中的页面布局选项。3.之后点击下方菜单栏中的段落选项,找到如图所示的小箭头图标。点击该图标打开段落窗口。4. 进入到段落窗口之后点击上方的换行和...
  • 最近项目中需要用到打印HTML页面...但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页Css代码 有时用CSS控制分页了但还是会连续打印页面,这里就可以用上PrintArea 插件中的属性参数。PrintArea部分源码:Ja...
  • 在excel中打印预览,可以方便的查看打印区域和分页设置,但是很伙伴对于excel分页符还是很陌生,不知道如何调整分页符,设置打印区域,下面通过几个例子给大家分享excel分页符设置技巧。1、进入分页预览在Excel...
  • 帆软大数据自定义分页

    千次阅读 2019-11-06 11:49:51
    第一步构建查询 1.自定义查询语句:${f}为开始,${p}为一数量,初始值如图 select * from table limit ${f},${p}...设置填报或者分页预览的模板web属性,设置为该模板自定义: 然后设计加载结束事件 var to...
  • vue页面打印可自动分页

    千次阅读 2021-12-16 10:18:05
    1.可填写打印张数,自动分页,在浏览打印中设置纸张大小、边距及缩放调整位置,使打印页面居中。如图所示 2.详细代码如下 <!-- 标签弹窗 --> <Modal width="250" :mask-closable="false" v-model=...
  • 在“视图”的左侧,将“工作簿视图”由原本的“分页预览”更改为“普通”视图。即可将页面中恢复为正常显示的效果。excel大页面上第几怎么设置怎么在excel的大页面上设置第几第几的excel第几共几怎么设置...
  • web如何实现页面分页打印

    千次阅读 2021-06-25 01:22:38
    实现页面分页打印是很小伙伴们都想知道的,那么你知道web如何实现页面分页打印的具体方法吗?下面就让爱站小编带领大家一起去学习学习吧,希望本文对你有所帮助。1.首先引入一个WebBrowser在需要打印的页面,可以...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,669
精华内容 5,467
关键字:

分页预览如何设置多页