1. 打印配置
1.1. 相关知识
width,height为多少px时,A4纸打印时刚好一页?计算方式:
一般的分辨率为XX像素/英寸,其中一英寸为25.4毫米。
所以一毫米的像素数就为XX/25.4。现在的工作就是求XX的值了,把XX的值求出来以后,
直接用XX/25.4 * 210就得到A4纸的像素宽了。
A4纸的尺寸是210mm×297mm。
分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842(推荐用这个大小比例)。
分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是1240×1754。
分辨率是300像素/英寸时,A4纸的尺寸的图像的像素是2479×3508。
选择不同的分辨率图像像素大小也会随之变化。
我是用下面的转换公式,将A4纸转为在屏幕中的分辨率
页边距: 0.75 inch,A4: 8.27x11.69 inch,打印机DPI:600DPI,屏幕DPI : 96DPI
width = (8.27 - 0.75 * 2) * 96 / 600 = 650 px
height = (11.69 - 0.75 * 2)* 96 / 600 = 978 px
所以,当<table> 的width=650px, height=978px时,用IE 打印时,刚好能打印一页的A4纸.
在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dots Per Inch)指标。
在Windows系统的网页打印中默认采用的是96dpi,Mac系统中默认的是72dpi。
A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸
所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。
理想情况下,打印页边距为0mm 时,网页内最大元素的分辨率:794×1123
<div style="width:794px;height:1123px;border:1px solid #000000;"></div>
但是打印机是无法满幅打印的,总会有页边距,所以我们在制作网页的时候必须考虑到页边距。
各种浏览器的打印页边距设置是不同的,IE打印默认的页边距为19.05mm,
因此针对IE打印页设计的网页页内最大元素的分辨率应为:649×978
<div style="width:649px;height:978px;border:1px solid #000000;"></div>
1.2. 打印模板
<table style="width:660px" class="tablenull" border="0">
<tbody>
<tr class="f24 firstRow">
<td style="height:80px;font-family: 宋体;" colspan="3" align="center">
<strong><span style="text-decoration: underline;"> 支 付 证 明 单 </span></strong>
</td>
</tr>
</tbody>
<tbody>
<tr class="f12">
<td style=";width:33%" type="string" width="33%" valign="bottom">
报销单号:<span field="ord_no"></span>
</td>
<td style=";width:34%" type="string" width="34%" valign="bottom" align="center">
制单人:<span field="ord_creator"></span>
</td>
<td style=";width:34%" type="string" width="34%" valign="bottom" align="right">
填报日期:<span field="ord_date" name="ord_date" fmt="yyyy-mm-dd"></span>
</td>
</tr>
</tbody>
</table>
<table id="td_1" class="tablesimpleline excel" editusers="wn,w3150+=(新建业务时,新建业务单)" style="width:660px" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr class="firstRow">
<td colspan="6" style=";background-color:#f5f5f5" type="string">
<strong>基本信息</strong>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td style="width: 100px;" align="center">
报销人
</td>
<td caption="责任人" name="ord_empname" editable="0" readonly="readonly" type="string" mandatory="0" style=";width:120px" datasource="费用报销人" pick="0" sourcepickjs="~t~65r78r74r7s61r72r61r6dror2s3dr2s6fr72r64r65r72r2er6fr72r64r5fr64r7s69r64r3br"></td>
<td style="width: 100px;" align="center">
费用部门
</td>
<td name="ord_depart" editable="0" type="string" readonly="readonly" datasource="报销责任部门" pick="0" sourcepickfunction="selectmydepart" caption="责任人" mandatory="0" colspan="3"></td>
</tr>
<tr>
<td align="center">
责任公司
</td>
<td name="ord_branch" editable="0" caption="责任公司" type="string" readonly="readonly" colspan="5"></td>
</tr>
<tr>
<td colspan="1" rowspan="1" align="center">
所属部门
</td>
<td colspan="1" rowspan="1" name="ord_bxrbm" editable="0" readonly="readonly" caption="报销人部门" type="string"></td>
<td colspan="1" rowspan="1" align="center">
职务
</td>
<td colspan="1" rowspan="1" name="ord_bxrzw" editable="0" readonly="readonly" style=";width:120px" caption="报销人职务" type="string"></td>
<td align="center" style="width: 100px;">
借款金额
</td>
<td name="ord_jkje" editable="0" readonly="readonly" caption="借款金额" type="decimal" fmt="#,##" style="width: 120px;"></td>
</tr>
<tr>
<td align="center">
冲抵借款
</td>
<td name="ord_dkje" editable="0" caption="抵扣金额" type="decimal" fmt="#,##"></td>
<td align="center">
报销金额
</td>
<td name="ord_bxje" editable="0" caption="报销金额" type="decimal" fmt="#,##" onvalid="isfloatg0(this)" readonly="readonly" style=""></td>
<td align="center">
实付金额
</td>
<td name="ord_bcje" editable="0" readonly="readonly" caption="实付金额" type="decimal" fmt="#,##" mandatory="0"></td>
</tr>
<tr>
<td align="center">
预算季度
</td>
<td name="ord_jd" editable="0" caption="预算季度" type="string" rowspan="1" colspan="1" readonly="readonly"></td>
<td colspan="1" rowspan="1" align="center">
费用类别
</td>
<td colspan="1" rowspan="1" caption="报销费用类别" name="ord_fylb" editable="0" readonly="readonly" type="string" source="宽带费|装修费|广告费|其他费用" placeholder="营运团队必填项"></td>
<td rowspan="1" align="center">
支付方式
</td>
<td rowspan="1" name="ord_zffs" editable="0" readonly="readonly" caption="支付方式" type="string" source="银行转账|现金|借支冲抵" mandatory="0"></td>
</tr>
<tr>
<td align="center" colspan="1" rowspan="1">
开户姓名
</td>
<td colspan="1" rowspan="1" caption="开户姓名" name="ord_khxm" editable="0" type="string" mandatory="0"></td>
<td align="center" colspan="1" rowspan="1">
开户账号
</td>
<td colspan="1" rowspan="1" caption="开户账号" name="ord_khzh" editable="0" type="string" mandatory="0"></td>
<td align="center" colspan="1" rowspan="1">
开户银行
</td>
<td colspan="1" rowspan="1" caption="开户银行" name="ord_khyx" editable="0" type="string" mandatory="0"></td>
</tr>
<tr>
<td align="center">
特殊说明
</td>
<td colspan="5" name="ord_bxym" editable="0" style="height:80px;" caption="报销说明" type="string" fmt="MultiLines" max-length="500" valign="top"></td>
</tr>
<tr>
<td colspan="1" rowspan="1" align="center">
<p>
未取得支付凭证原因
</p>
</td>
<td colspan="5" rowspan="1" style=";height:80px" caption="未取得支付凭证原因" name="ord_wqdyy" editable="0" type="string" fmt="MultiLines" max-length="500" mandatory="0" valign="top"></td>
</tr>
</tbody>
</table>
<table id="table_4432" class="tablelinet0 excel" ord2tag="2" tag="2" style="width:660px" group="报销明细" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr class="firstRow" name="title">
<td colspan="7" style=";background-color:#f5f5f5" type="string" rowspan="1">
<strong>报销明细</strong>
</td>
</tr>
<tr>
<td align="center">
序
</td>
<td style="width: 100px;" caption="报销金额" align="center">
费用编号
</td>
<td style="width: 100px;" type="string" align="center">
费用名称
</td>
<td style=";width:80px" caption="报销事由" align="center">
预算余额
</td>
<td style=";width:100px" caption="报销金额" colspan="3" align="center">
报销金额
</td>
</tr>
</tbody>
<tbody name="details" class="mynone">
<tr value="{ord2_id}">
<td name="order" caption="序号" align="center">
{order}
</td>
<td name="ord2_code" editable="0" caption="费用编号" type="string" readonly="readonly">
{ord2_code}
</td>
<td name="ord2_fymc" editable="0" caption="费用名称" type="string" readonly="readonly">
{ord2_fymc}
</td>
<td name="ord2_ysye" editable="0" caption="预算余额" type="decimal" fmt="#,##" style=";width:80px" readonly="readonly" align="right">
{ord2_ysye}
</td>
<td name="ord2_bxje" editable="0" caption="报销金额" type="decimal" fmt="#,##" style=";width:80px" mandatory="0" colspan="3" align="right">
{ord2_bxje}
</td>
</tr>
<tr value="{ord2_id}">
<td style="width:80px" align="center">
报销事由
</td>
<td name="ord2_bz" editable="0" caption="备注" type="string" style=";height:80px" mandatory="0" fmt="MultiLines" colspan="6" valign="top">
{ord2_bz}
</td>
</tr>
</tbody>
<tbody name="foot"></tbody>
</table>
<!--要想将流程步骤显示到表单或打印模板,需要在流程步骤中设置勾选“本工作执行完后,显示在签字列表中”-->
<table id="table_4433" nopopmenu="0" signiture="0" class="tableline excel" style="width:660px" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr class="firstRow" name="title">
<td colspan="5" style=";background-color:#f5f5f5">
<strong>审核情况</strong>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" style="text-align: center;" width="null" valign="null">
序
</td>
<td type="string" align="center">
流程节点
</td>
<td type="string" align="center">
审核人
</td>
<td type="string" align="center">
审核意见
</td>
<td type="string" style="width: 200px;" align="center">
审核时间
</td>
</tr>
</tbody>
<tbody name="details" class="mynone">
<tr value="{ord2_id}">
<td style=";width:20px" name="order" caption="序号" type="string">
{order}
</td>
<td name="jb_title" style=";width:100px;" caption="工作标题" type="text" nowrap="true">
{jb_title}
</td>
<td name="jb_executor" style=";width:200px" caption="审核人" type="text" nowrap="true">
{jb_depart}/{jb_executor}
</td>
<td style=";width:200px;" name="jb_text" caption="审核意见" type="text">
{jb_text}
</td>
<td name="jb_enddate" editable="0" style=";width:150px;" caption="审核时间" type="text" fmt="yyyy-mm-dd hh:nn:ss" align="center">
{jb_enddate}
</td>
</tr>
</tbody>
</table>