dingding/application/api/view/common/index.html

<style>
    table {
        /*letter-spacing: 1px;*/
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }
    td {
        text-align: left; /* 文本左对齐 */
        /*border: 1px solid black; !* 设置单元格边框 *!*/
    }
    .content {
        border: 1px solid black;
        /*line-height: 1.6em;*/
        /*text-indent: 5px;*/
    }
    .content1 {
        border: 1px solid black;
        /*line-height: 1.6em;*/
        /*text-indent: 5px;*/
        /*padding: 10px;*/
        /*box-sizing: border-box;*/
    }
    .with-30{
        width:30%;
    }
    .with-70{
        width:60%;
    }
    .border-0{
        border: none;
    }
    .line-height-30{
        line-height: 30px;
    }
    .align-center {
        text-align: center;
    }
    .font-size-14{
        font-size: 14pt;
    }
</style>
<div class="align-center font-size-14">出差审批单</div>
<table cellpadding="8">
    <tr>
        <td class="content">附件</td>
        <td class="content1">深圳市食药安办 深圳市教育局 深圳市市场监督管理局关于开展2022年“护苗促食安”校园食品安全专项行动的通知(深食药安办〔2022〕23号).pdf</td>
    </tr>
</table>
<table cellpadding="8">
    <tr>
        <td class="content" rowspan="3">审批流程</td>
        <td class="content" style="line-height: 100%;">
            <div style="line-height: 100%;">拟由总务处（安全办）阅办。请校长审批。</div>
            <div style="line-height: 100%;">范静 已同意 create-time</div>
            <table>
                <tr>
                    <td><img src="https://static-legacy.dingtalk.com/media/lADPDgQ9rIaigmHMs8yz_179_179.jpg" with="20px"
                             height="20px"></td>
                    <td align="right">createtime</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="content" style="line-height: 100%;">
            <div style="line-height: 100%;">拟由总务处（安全办）阅办。请校长审批。</div>
            <div style="line-height: 100%;">范静 已同意 create-time</div>
            <table>
                <tr>
                    <td><img src="https://static-legacy.dingtalk.com/media/lADPDgQ9rIaigmHMs8yz_179_179.jpg" with="20px"
                             height="20px"></td>
                    <td align="right">createtime</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="content" style="line-height: 100%;">
            <div style="line-height: 100%;">拟由总务处（安全办）阅办。请校长审批。</div>
            <div style="line-height: 100%;">范静 已同意 create-time</div>
            <table>
                <tr>
                    <td><img src="https://static-legacy.dingtalk.com/media/lADPDgQ9rIaigmHMs8yz_179_179.jpg" with="20px"
                             height="20px"></td>
                    <td align="right">createtime</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<!--<table cellpadding="8">-->
<!--    <tr>-->
<!--        <td class="content" rowspan="3">审批流程</td>-->
<!--        <td colspan="2" class="content">拟由总务处（安全办）阅办。请校长审批。</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td class="content">范静 已同意</td>-->
<!--        <td class="content" align="right">create-time</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td class="content" align="left" colspan="2" >-->
<!--            <img src="https://static-legacy.dingtalk.com/media/lADPDgQ9rIaigmHMs8yz_179_179.jpg" with="20px"-->
<!--                 height="20px">-->
<!--        </td>-->
<!--    </tr>-->
<!--</table>-->