如何创建在线模式打印模板?
lipiwang 2024-11-20 18:28 7 浏览 0 评论
简介
在线模式是指直接在html网页上设计打印模板,在线模式的特点是可以直接拖动表单字段到单元格内,无需手动设置字段标识。
创建在线模式打印模板
- 第一步:在表单设置-打印模板处,创建打印模板,选择在线模式。
- 第二步:点击第一步创建打印模板的编辑按钮,进入打印模板设计页面,在此页面完成设计并保存。
- 第三步:在表单数据权限处,设置好此打印模板的权限。
- 第四步:权限内的用户打印或批量打印时,就可以选择此模板进行打印了。
在线模式设计页面
步骤:【表单设计页面】-【表单设置】-【打印模板】-【在线模式模板-编辑】,进入打印模板设计页面。
修改模板名称
- 在线模式的打印模板设计页面,左上角可自定义模板名称。
表单字段&系统字段
表单字段&系统字段
左侧字段列表分为表单字段和系统字段标签页。
- 表单字段:包括表单自身的字段/字段二维码/字段条形码,选中字段可拖动放至右侧设计面板的指定单元格内。
- 系统字段:普通表单和流程表单的系统字段不一样。
- 普通表单的系统字段包括提交人、提交时间、更新时间、数据外链二维码、数据内链二维码、表单外链二维码、打印人、打印时间。
- 流程表单的系统字段包括提交人、提交时间、更新时间、审批意见、流程状态、流程决策、当前节点、当前负责人、数据内链二维码、表单外链二维码、打印人、打印时间。
- 注意: 表单外链二维码需要开启表单外链后才能正常使用。
- 流程表单的审批意见字段内容和打印顺序支持自定义。将审批意见字段拖动到右侧设计面板的单元格内,鼠标选中审批意见字段,右键展示功能菜单,包括设置内容、审批意见打印顺序。
字段设置
字段设计
方法一:直接从右侧表单列表中拖动字段到指定单元格内。
- 列表中的字段表示字段值。见下图,把「流水号」字段放至设计界面后,显示为「${流水号}」。也就是说B1这个单元格代表的是,某条数据中流水号的值。
方法二:双击单元格或者选中单元格按任意键弹出单元格内容编辑面板,可在此面板进行字段设计。
- 此面板中右侧字段和外层模板设计页展示的字段一致
- 支持添加多个字段
- 支持普通文本和字段结合设计
- 支持空格、换行等设计
- 当包含子表单字段时,仅支持添加同一个子表单内的字段
- 为了表示数据代表的意思,通常可以在字段值前面或者上面加上标题 。
- 同一个子表单的字段建议横向排列。
审批意见字段
- 可选择有审批意见的全部节点或自定义节点。 打印内容为“节点名称”+“审批人”+“审批时间”+“文本意见”+“手写签名”。
- 审批意见字段的打印效果:
设计器
功能介绍
目前系统支持了多种功能,通过设计器的这些功能,基本能满足一般打印模板的需求。
注意:设计器的功能只针对整个单元格,而不能对单元格内的某些字段进行设计。
边框线
支持自定义多种边框线、边框线颜色以及边框粗细。
如果要取消边框线,在选中单元格后点击边框线设置选项中的「无」。
插入图片
插入单元格图标
- 可在单元格中插入图片,打印出来。常见用法如插入公司logo等。
- 插入图片之后,可以通过改变单元格大小来调整图片大小,也可以设置图片对齐方式。
插入浮动图片
- 可以在单元格中插入水印、公章等图标悬浮在文件上随着表单一起打印下来,主要是为了打印出来的文件具有防伪及其他专门用途。
注意:
- 1.单个打印模板中的每个分页中最多上传5张悬浮图片,每张最多5MB。
- 2.插入的悬浮图片支持jpg,jpeg,png格式。
- 3.被插入的悬浮图片支持自定义调整位置、大小。
设置背景图
可上传背景图,注意将纸张长宽和图片调整成长宽一致,这样可以较好地填充纸张。
背景图可以实现套打功能,如快递单、申请单等特定场景的打印。
- 背景图默认不会自动开启,如需要打印背景图,需手动设置“打印背景”。
自定义水印
- 支持水印功能,可以设置无水印、图片水印或文字水印。
图片水印:图片最大100k,水印图片最大显示为128px*128px。
文字水印:
- 支持添加表单字段
- 支持多个字段同时添加
- 支持自定义文本和表单字段一起添加
- 支持自定义字体、字体颜色、字体大小
- 支持透明度设置,设置范围[1%,60%]
注意:
- 水印区域已经限制大小,无法更改,超过区域的文字会被截断。
- 文字水印不支持换行打印。
纸张设置
可对纸张大小、方向、页边距进行设置。
设置时请注意参考线所标注的打印边界,设计时不要超出,以免影响打印效果。
- 系统预设常见的纸张大小,也可自定义纸张大小。
- 自定义纸张大小:一般用于特定纸张的打印。
小票打印: 纸张大小选择自定义,高度模式选择自动,根据小票宽度设置纸张宽度及页边距等信息,不限制纸张高度,即可实现小票打印。
单元格高度设置
- 单元格高度推荐选择「动态高度」,打印时如果数据超出单元格高度,会自动拉伸以保证打印全部内容。如果是固定高度,则超出单元部分的内容,在打印时将被省略。
页眉页脚
- 单击页眉页脚图标,进入页眉页脚设计面板。
页眉页脚字段设置
选中单元格,按任意键或者双击弹出单元格内容编辑面板。
- 支持添加多个字段
- 支持普通文本和字段结合设计
- 支持空格、换行等设计
- 支持基本的表单字段和系统字段
- 不支持子表单字段
- 不支持图片类型的字段,如图片、二维码、手写签名等。
- 打印属性支持页码、总页码
页眉页脚功能介绍
- 页眉页脚设计页面如下所示:
- 页眉页脚设置:选中页眉页脚的单元格,再点击页眉页脚设置,可以设置页眉顶端距离/页脚底端距离,页眉分列/页脚分列。
- 插入图片:选中页眉页脚单元格,点击插入图片,可以插入图片到对应的单元格内;图片支持放大缩小。
重复打印设置
通过设置重复打印,可以在打印的过程中,将部分内容固定在每一页里打印出来,如:商品销售,商品过多时,将表格头部在每一页中都显示一份。
注意:
- 在开启重复打印之前一定要先选中需要重复打印的「行」,一次只能设置其中一行,如果有多行内容需要重复打印,需要单独一行一行去设置。
- 带有子表单字段的行无法设置重复打印。
批量打印分页设置
- 批量打印分页设置用于批量打印场景,当页面空间允许时,一页内打印多条数据;
- 存在多个打印分页时不支持使用。
- 纸张设置高度为自动的时候不能设置批量打印。
- 打印效果,在同一页纸上打印了多条数据:
边界线
- 边界线标注了打印范围,位于边界线之内的内容可以被打印出来。
注意:边界线和实际打印边界,并不是完全重合的,会存在不一致的情况。边界线标注的范围 始终 <= 实际打印范围。
- 边界线根据纸张大小确定,当边界线在某行/某列单元格中间时,建议调整单元格宽/高,将单元格完全设计在边界线内,以免单元格内容未打印完整。
- 位于边界线下方的内容,或者其它在一页打印不完的内容,在打印时会自动新增一页打印;
分页设置
- 在打印模板设计的左下角有一个“+”号,点击以后可以进行分页设置,新分页中的内容在打印时会强制换页。
- 添加新分页后,当前页面的内容打印完以后会接着依次打印新分页里面的内容。
- 新分页里支持设置背景图。
- 分页支持删除、重命名、向左移,像右移。
子表单序号打印
- 序号的打印可以很直观地看出明细数据的条数,也可以使得打印的数据更加整齐有序。常用于进销存管理中的出入库单打印、报价管理中的合同打印等,这些都需要将明细数据序号也打印出来等。
- 通过编辑好的自定义打印模板进行打印,可以看到子表单每条子数据所对应的序号。
打印条码或二维码
条形码和二维码仅单行文本和数字控件支持。
- 通过编辑好的自定义打印模板进行打印,可以看到单行文本或数字控件打印的二维码或条形码。
页面缩放
- 支持对模板设计区域进行缩放,缩放范围[10%,400%],默认为100%;
预览
- 在设计模板的时候,当模板做了任何改动,点击预览可以预览打印效果。
- 预览的数据为数据管理列表中第一条数据。
保存
- 保存模板中的设计。
快捷操作
- 我们在设计模板时有一些快捷操作,能帮助我们节省时间,如:设置行宽列高时需要手动拖拽,而快捷操作我们可以直接设置具体数值即可。
行/列右键快捷操作
步骤:【点击单元格或行或列】——【单击鼠标右键】——【选择对应的快捷操作】
相关推荐
- 《每日电讯报》研发数字工具,教你更有效率地报道新闻
-
为鼓励新闻编辑部持续创新,《每日电讯报》正在尝试有战略地研发数字工具。网站的数字媒体主任马尔科姆o科尔斯(MalcolmColes)表示,《每日电讯报》正试图去“创建一些可持续资产”,以便于让记者们...
- html5学得好不好,看掌握多少标签
-
html5你了解了多少?如果你还是入门阶段的话,或者还是一知半解的话,那么我们专门为你们收集的html5常用的标签大全对你就很有帮助了,你需要了解了html5有哪些标签你才能够更好的。驾驭html5...
- 前端分享-少年了解过iframe么(我想了解少年)
-
iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...
- 做SEO要知道什么是AJAX(人能看到但搜索引擎看不到的内容)
-
一个明显的,人能看到但搜索引擎不能看到的内容是AJAX。那么什么是AJAX呢?其实,了解过的基本上也都清楚,AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加...
- 介绍最前沿的人工智能创新,‘无反向传播’神经网络训练方法?
-
图像由GoogleImageFX生成前言:本文整理自NoProp原始论文与实践代码,并结合多个公开实现细节进行了全流程复现。对神经网络训练机制的探索仍在不断演进,如果你也在研究反向传播之...
- 说说我们对HTML6的期许(对html的看法)
-
HTML5概述HTML5是HTML语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了article,section,header这样的标签来帮助开发者更好...
- 浏览器中在线预览pdf文件,pdf.mjs插件实现web预览pdf
-
背景:本来只是淘宝上卖卖袜子,想着扩展一下业务,准备做同名“来家居”海外袜子馆外贸项目,碰到pdf在线预览的需求,就找了pdf.js插件进行实践后把此方法记录下来,可以通过多种方法来实现,每种方法都有...
- SVG 在前端的7种使用方法,你还知道哪几种?
-
本文简介点赞+关注+收藏=学会了技术一直在演变,在网页中使用SVG的方法也层出不穷。每个时期都有对应的最优解。所以我打算把我知道的7种SVG的使用方法列举出来,有备无患~如果你还...
- HTML5常用标签大全(html5em标签)
-
HTML前端开发最终取决于掌握标签的多少HTML大概有七八百个标签楼主这里给大家总结了下HTML常用标签标签描述<!--...-->定义注释。<!DOCTYPE>定义文档类型...
- "伪君子Snoop Dogg!"... WHAT?| MetroDaily 24/7
-
TUE.01-新作品-虽说年纪大了会有点糊涂,但是最近SnoopDogg的这波操作实在是让粉丝们有点迷,甚至有人表示没想到他是这样的"伪君子"......而这一切都源于他近日在IG上Po出的一...
- 莎夏·班克斯盼望表哥Snoop Dogg为其作出场曲
-
NXT女子冠军莎夏·班克斯(SashaBanks)近日接受了迈阿密先驱报采访,访谈纪要如下:关于她出众的形象:“我一向喜欢与众不同。为了能让人眼前一亮,我的装束总是非常前卫、非常抢眼,这样才能让观众...
- 喜欢Snoop!全球第一间「史努比博物馆」海外分馆在东京!
-
1950年起,由美國漫畫家CharlesM.Schulz創作的作品《Snoopy》史努比,其鮮明的可愛角色與幽默的劇情內容,至今仍成為許多大朋友與小朋友心中的最愛。為了紀念作者所設立的全球首...
- Vetements 推出 Snoop Dogg 肖像「天价」T-Shirt
-
Vetements的CEOGuramGvasalia早前才透露品牌经营策略的秘密–Vetements如何成为人人热议的话题品牌。但似乎他仍有更多需要解释的东西–这个法国奢侈品牌最新...
- 狗爷Snoop Dogg的《I Wanna Thank Me》巡回演唱会旧金山站
-
西海岸匪帮说唱歌手SnoopDogg在《IWannaThankMe》巡回演唱会旧金山站表演(图片来自ICphoto)西海岸匪帮说唱歌手SnoopDogg(图片来自ICphoto)西海...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- maven镜像 (69)
- undefined reference to (60)
- zip格式 (63)
- oracle over (62)
- date_format函数用法 (67)
- 在线代理服务器 (60)
- shell 字符串比较 (74)
- x509证书 (61)
- localhost (65)
- java.awt.headless (66)
- syn_sent (64)
- settings.xml (59)
- 弹出窗口 (56)
- applicationcontextaware (72)
- my.cnf (73)
- httpsession (62)
- pkcs7 (62)
- session cookie (63)
- java 生成uuid (58)
- could not initialize class (58)
- beanpropertyrowmapper (58)
- word空格下划线不显示 (73)
- jar文件 (60)
- jsp内置对象 (58)
- makefile编写规则 (58)