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;">&nbsp;支 付 证 明 单&nbsp;</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>

results matching ""

    No results matching ""