请输入
菜单

HTML打印模板如何制作页眉页脚?如何插入电子签章?

下载

一、   HTML打印模板实现页眉和页脚的方法

1. 实现原理:利用 Table 的 thead 和 tfoot 标签实现。在原来的 html 代码中再包一层 table 添加thead 和 tfoot 实现页面、页脚功能。
 
2. 复制如下代码放在原来的 html 代码 <body> 的下面吗,如果不要页脚可删除相应代码
 
<table cellpadding="0" cellspacing="0" style="width:100%">
<!-- 利用 Table 的 thead 标签定义表格的表头(页眉) -->
<thead>
<tr>
<td>
        <div><img src="http://71mis.cn/zf_logo.png" alt="Smiley face" width="145" height="40"></div>
        <hr size="1px" color="red" /></hr>
</td>
</tr>
</thead>       
 
<!-- 利用 Table 的 thead 标签定义表格的表头(页脚) -->
<tfoot>
<tr>
<td>
        <div align="center" style="margin-top:4mm">
            <span style="font-family: 宋体, SimSun; font-size: 12pt; font-weight:normal; color:#999">上海灵当信息科技有限公司</span>
    </div>
</td>
</tr>
</tfoot>       
 
<!-- 利用 Table 的 tbody 标签定义表格的表体内容 -->
<tbody>
<tr>
<td>
<!-- 以下为原打印模板 body 部分的代码 -->
 
3. 复制如下代码放在原来的 html 代码 </body> 的上面
<!-- 以上为原打印模板 body 部分的代码 -->
</td>
</tr>
</tbody>
</table>
 
 
 

二、HTML打印模板如何插入电子签章

1、首先将电子签章图片放入以下路径:CRM安装路径/ldcrm/crm/themes/images

说明:建议将图片放入该路径,也可放在其他路径


2、在打印模板中需要添加电子签章的地方,增加以下html语句




<div style="position:absolute; right:20%; margin-top: -20px;z-index:-1;">
<img src="themes/images/approveresult4.png"/>
</div>

说明:
right为电子签章显示右侧的比例
margin-top为电子签章显示的上下高度
z-index:-1 为图片显示在文字前还是文字后

3、进入单据明细界面,选择该模板打印。


说明:打印时,请勾选打印背景!!!


最近修改: 2024-10-14