master

分支 (1)

管理

管理

master

vue3_vite_qiankun_ts
/
ceshi.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div style='margin: 0 auto;'>
        <style type='text/css'>
            table {
                width: 100%;
                background-color: #fff;
                color: #666;
                border-collapse: collapse;
                border-spacing: 0
            }

            table tr {
                transition: all .3s;
                -webkit-transition: all .3s
            }

            table th {
                text-align: left;
                font-weight: 400
            }

            table thead tr {
                background-color: #fafafa
            }

            th,
            td {
                border-width: 1px;
                border-style: solid;
                border-color: #eee;
                position: relative;
                padding: 9px 15px;
                min-height: 20px;
                line-height: 20px;
                font-size: 14px
            }

            h2 {
                text-align: center;
            }

            h4 {
                margin-top: 40px;
            }

            .desc {
                color: rgb(36, 91, 219);
                font-size: 14px;
                margin: 20px 0;
            }

            .mt10 {
                margin-top: 10px;
            }

            .t1 {
                color: rgb(36, 91, 219);
            }

            .t2 {
                display: inline-block;
                width: 180px;
            }

            .t3 {
                color: rgb(36, 91, 219);
                font-weight: bold;
            }
        </style>
        <div class="desc">
            <div class="mt10">内容</div>
            <div class="mt10">大家好</div>
            <div class="mt10">明锐拆解厂申请退车，退车信息如下：</div>
        </div>

        <table>
            <thead>
                <tr>
                    <th>车牌号码</th>
                    <th>车架号码</th>
                    <th>客户名称</th>
                    <th>业务经理</th>
                    <th>提交人</th>
                    <th>提交时间</th>
                    <th>退车类型</th>
                    <th>退车原因</th>
                </tr>
            </thead>
            <tbody class="desc">
                <tr th:each='item,itemStat : ${obj.costPayMap}'>
                    <th th:text='${itemStat.count}'>车牌号码</th>
                    <th th:text='${itemStat.count}'>车架号码</th>
                    <th th:text='${itemStat.count}'>客户名称</th>
                    <th th:text='${itemStat.count}'>业务经理</th>
                    <th th:text='${itemStat.count}'>提交人</th>
                    <th th:text='${itemStat.count}'>提交时间</th>
                    <th th:text='${itemStat.count}'>退车类型</th>
                    <th th:text='${itemStat.count}'>退车原因</th>
                </tr>
            </tbody>
        </table>
        <div class="t1" style="margin-top:20px;font-size: 14px;">
            附件照片：【图片】
            <div style="margin-top: 8px">请各位知悉。</div>
        </div>
    </div>
</body>

</html>