html如何查看文档,查看文档

设计步骤(返回正文)

一、绘制表格

1、在手动设计Html模板之前,我们先需要一个模板的样式,这个样式我们可以拿原来的纸质的样式,也可以在Excel表格中画一个样式,如图1所示,我们后面的设计都要根据这个表格来进行设计。

e40fd04818c330997ba046312545c38e.png

图1

2、打开发文流程的创建节点表单设计页面,如图2所示,点击显示模板的【新建】按钮后开始创建显示模板;

31d118f808e38b32afc19d6746664151.png

图2

3、查看原稿模板,需要11行4列,所以我们在打开的表单页面中先框出4行11列的表格范围,如图3所示

d4b3adcd803b5428c1890a6d2231eec9.png

图3选中列表范围;

然后调整线条的颜色;

在表格线条中选择【所有框线】;

表格就画好了。

4、仍然选中单元格范围,如图4所示,点击鼠标右键,有行高和列宽的设置,行高设置为50PX,列宽设置为200PX

45bd7300d7be72482eb39cdf31ac2187.png

图4

5、观察图1的原稿模板,第1行、第2行和后面5行每一行都只有1个字段,所以我们需要将表格中合并一些单元格,如图5所示,以第2行为例,选中要合并的单元格后点击上方的

c80bea1b0fe8a89c7124905f4c58b701.png按钮,可以将选中的单元格合并,同样的方法将其它需要合并的单元格都合并了。

222ec6d65164e9da1e9f55f2c99d7a70.png

图5

6、在第一行中我们输入公文的文头,因为这个不是字段,而是文字,输入完成后如图6所示,需要点击

4f8d065c074d543c2d598411c0f263db.png按钮,让文字能够居中,同时通过左侧字体设置文字的字体、大小及颜色。

1e8c8d66f6b460e6ad444c871c717887.png

图6

7、最终结果如图7所示,这样我们就按照原稿的样式设计完成了表单的表格绘制工作。

876de652656e506b2730eb18f38a38d9.png

图7

二、字段管理

1、接下来我们需要将字段添加到表格中,根据原稿模板,先添加字段的显示标签,如图8所示

1156501

图8只要选中单元格后点击右侧的字段就添加完成了;

被添加的字段在字段列表中变灰;

一个格子只能添加一个字段显示名标签或字段

2、添加的字段同样需要调整字体、颜色及在单元格中的位置,这里有个小窍门,可以选中所有需要调整的单元格之后再选择要调整的内容,如图9所示,选中了所有的单元格,再将字体调整为12,这样所有选中的单元格就批量调整了。

1156500

图9

3、接下来可以设置字体的背景色,如图10所示,选中单元格后在右键菜单的【格式设置】中进行,当然由于我们制作的是公文流转单,所以背景色就不进行设置了。

a2e3f1a33f620f444f03d9a68afef22a.png

图10

4、字段添加后可以看到字段的编辑属性并不符合我们的要求,所以我们需要调整每个字段的编辑属性,图11

1156498

图11将表单设计器的顶部菜单切换为【字段属性】;

选中要设置的字段就显示出此字段的编辑属性了,可以根据需要进行设置每个字段的编辑属性。

5、在图11中我们将签字意见也放到了表格中,这个可以根据需要进行,并不强求。

6、最后提示做完以上工作一定不要忘记点击右上角的【保存】按钮。

三、复制表单

1、经过以上那么多的操作我们才做完了一个节点的Html表单,象发文流程这样节点很多的流程如果每个节点都要如此设置就太浪费时间了,我们需要用到表单复制的功能,点击表单设计器上的【模板】菜单,显示如图12所示

1156497

图12

2、除了拟稿节点外其它节点都是没有模板的,拟稿节点后面有

1156232按钮,点击后显示如图13所示;

1156495

图13

3、点击确定后如图14所示,所有的节点都有模板了,非常方便;

687f371e57e633b4085a31aac4e26147.png

图14

4、因为同步的时候不仅仅是同步了表格及字段,包括字段的编辑属性等也会同步,这个时候就需要我们编辑每个显示模板,修改字段的编辑属性了。

四、打印模板

1、公文流程在归档之后除了正文之外,表单通常也是需要打印出来的,所以我们要设置一个打印模板,我们打开归档节点的表单设置,点击打印模板后面的【选择】按钮,如图15所示,我们可以选择一个已经保存的显示模板来做为归档节点的打印模板。

1156492

图15

2、点击被引用的打印模板之后显示如图16所示,我们要对表单进行小小改造,需要将核稿、会签、签发三个审批节点签字意见放到表单中去,这样打印的时候就会连签字意见一起打印了。

1156490

图16在表单的最后增加了3个空白行,设置好表格边框及合并了单元格;

右侧我们添加的不再是主表字段了,将列表切换到【流程节点】,如图17所示,可以看到节点显示名标签不符合我们的需求,所以我们直接在表单中输入名称,比如【核稿人意见】、【会签人意见】和【签发人意见】;

1156489

图17再将右侧的节点添加的表格中,注意是流转意见下的节点,不是节点名称,最终结果如图18所示。

1156485

图18

五、总结

1、通过公文流程的制作我们已经可以掌握以下技能了绘制表格,包括表格边框、行高、列宽等;

添加字段并设置属性,包括字段的字体属性、编辑属性等;

复制一个做好的表单到其它节点中;

制作打印模板,并添加节点意见到模板中。

2、在制作过程中需要注意以下一些关键点在合并单元格的时候,一定要先清除单元格中的字段,包括了字段显示名标签、字段、节点名称、节点意见,否则合并后会出现找不到单元格的情况;

节点意见不仅仅在打印模板中可以添加,在显示模板中同样可以添加;

将显示模板同步到其它节点后,需要查看一下字段的编辑属性,防止不该编辑的字段可以编辑了,需要编辑的字段又不能编辑。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/422448.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

父亲的忠告:把孩子培养成普通人

现在你用不到,将来你肯定用的到。你一定会做个好爸爸。 转自:http://luo.bo/25512/转载于:https://www.cnblogs.com/webcc/archive/2012/06/01/2531207.html

U盘装XP系统(含截图,2012最新原创超简单方法)

U盘装XP系统(含截图,2012最新原创超简单方法)首先准备好3样必备东西 1.U盘2.XP系统(推荐GhostXP SP3 2012统一论坛最新版;迅雷快传下载地址:http://kuai.xunlei.com/d/BMLHLZHXVGKT)3.制作U盘WINPE软件(推荐UltraISO&a…

2021年峰峰春晖中学高考成绩查询,峰峰春晖中学2019年录取分数线

技校网专门为您推荐的类似问题答案问题1:河北丰润车轴山中学2011年录取分数线按学校名次录取问题2:广州美术中学2011年中考录取分数线提前批优先线为693分,比往年略高。公费线640分,择校、民办线为620分。问题3:2009年…

推到重做

自己做到太差了,完全是在1.16的基础上进行了少量的修改,和自己当初的想法完全不一样,推到重新做!!! 先找下思路,复习下自己的系统以及uboot烧写过程。 自带Uboot烧写过程 硬件检测结果&#xff…

广东省2021年普通高考成绩复查结果查询,广东省2021年普通高考英语听说考试成绩可以查询啦!...

广东省2021年普通高考英语听说考试评卷工作已经结束。现将考试成绩发布的有关事项通知如下。一、考试成绩发布广东省2021年普通高考英语听说考试成绩将于4月28日统一发布。高考英语听说考试成绩按考生卷面成绩(满分60分)3,四舍五入取整数后计得。英语听说考试成绩与…

c#完美截断字符串(中文+非中文)

public static string Truncation(this HtmlHelper htmlHelper, string str, int len){if (str null || str.Length 0 || len < 0){return string.Empty;}int l str.Length;#region 计算长度int clen 0;while (clen < len && clen < l){//每遇到一个中文&…

2021辽宁大洼高中高考成绩查询,2021大洼高中最后一跑——励志高考,逆袭人生...

六月的天&#xff0c;湛蓝六月的风&#xff0c;不燥六月的日子&#xff0c;激情四溢六月里的故事&#xff0c;总是以青春为主题六月里的大洼高中高三学子们迎来了人生重要的里程碑——高考2021年6月5日&#xff0c;是大洼高中高三学子们热情饱满准备出征高考、逆袭人生的日子。…

jQuery ajax 和 普通js ajax 笔记

首先引用 两个js 文件 1 <script src"js/jquery-1.7.1.js" type"text/javascript"></script> 2 <script src"js/Common.js" type"text/javascript"></script> html 代码&#xff1a; 1 <body> 2 …

html 在手机上运行,怎么在手机上打开HTML

回答&#xff1a;一1、我们打开XMind软件2、点击插入----超链接3、我们输入我们的网址二使用二&#xff1a;XMind如何分享&#xff0c;XMind提供非常强大的共享功能&#xff0c;而且在不断完善&#xff0c;那么大家知道XMind如何分享吗&#xff1f;其实操作还是简单的。1、我们…

attribute 扩展

今天参考json-c的源码 读到一个关于attribute 扩展 static void json_object_init(void) __attribute__ ((constructor)); static void json_object_fini(void) __attribute__ ((destructor)); google到含义如下 void main_enter() __attribute__((constructor));//main_enter函…

计算机等级的有关知识,计算机等级二级基础知识.doc

计算机等级二级基础知识认真复习&#xff0c;努力冲刺&#xff0c;成功通过&#xff01;计算机基础知识教材张福炎孙志挥主编的南京大学出版社《大学计算机信息技术教程》。考题都是以单项选择题形式出现命题的基本考虑以常识性、实用性知识为主以知识点为单元进行考核基础部分…

background 旋转_基于HTML5 Canvas实现工控2D叶轮旋转

之前在拓扑上的应用都是些静态的图元&#xff0c;今天我们将在拓扑上设计一个会动的图元——叶轮旋转。我们先来看下这个叶轮模型长什么样从模型上看&#xff0c;这个叶轮模型有三个叶片&#xff0c;每一个叶片都是不规则图形&#xff0c;显然无法用上我们HT for Web的基础图形…

linux命令 scp

man scp: scp copies files between hosts on a network. 最简单的用法:scp zzr10.103.33.131:/var/log/zzrlog /var/www/zzr/The authenticity of host 10.103.33.131 (10.103.33.131) cant be established.RSA key fingerprint is 8b:c3:5e:a0:cf:0d:69:bd:xx:xx:xx:xx:xx:xx…

link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点

link和import的区别HTML5学堂&#xff1a;CSS的引入方式有外部引入、页面头部书写、标签内联书写&#xff0c;其实还有import的引入方式&#xff0c;但是现在基本被淘汰掉了。为了让大家了解到更多的知识&#xff0c;今天给大家分享link和import的区别。页面中使用CSS的方式主要…

h5活动是什么意思_深度|场景赋能H5,365天让保险线上拓客更广更容易

上周局长和大家分析了保险头部公司母亲节的一些“新玩法“&#xff08;戳这里可回看&#xff09;&#xff0c;不难看出&#xff0c;在当下这种特殊的环境中&#xff0c;保险公司都在打通线上线下双运营模式&#xff0c;都在寻求更多不一样的拓客机遇。在普华永道的最新研究报告…

数据量化算法

数据量化算法 数据量化算法 1. 四舍五入 float val 0.9; int nval val 0.5;2. 浮点类型的数组int quantization(float * pnote, int note_num, int * out_template){float best_shift -1000.0f;float min_dist 10000.0f; //最小路径 //寻找最小路径(最佳偏移值…

微型计算机原理设计存储系统,微机原理与接口技术存储器设计.pdf

2018版微机原理与接口技术第六章 存储器设计董明皓dminghaoxidian.edu.cn准备知识存储器的性能指标-存储容量(常用单位)存储容量的表示 Bit —— 用二进制位定义存储容量 Byte —— 用二进制字节定义存储容量存储容量的常用单位 字 节 —— B (Byte ) 千字节 ——…