一,成品效果图:
二,码源
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="GB2312">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>邮件模板</title>
<style>
* {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
li {
line-height: 35px !important;
}
.box-group {
background-color: #ffffff;
border-radius: 5px;
margin-bottom: 20px;
padding: 15px 20px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.box-group .title {
color: #242834;
padding-left: 10px;
border-left: 4px solid rgb(91, 193, 87);
line-height: 1;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
.box-group .listContent{
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
width: 100px;
font-size: 35px;
font-weight: 700;
font-family: Arial;
line-height: 35px;
text-align: center;
}
.box-group-main {
margin: 0 15px;
}
.info {
margin-top: 20px;
}
.info .leftTitle {
font-family: 思源黑体;
width: 100px;
height: 35px;
display: block;
margin: 15px 0 0 21px;
text-align: center;
line-height: 35px;
background-color: rgb(235, 235, 235);
color: #242834;
}
.shuhang .leftTitle{
margin-left: 50px;
}
.little .leftTitle{
width: 120px;
}
.info .rightContent {
overflow: hidden;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
width: 600px;
height: 35px;
display: block;
margin: 15px 0 0 21px;
text-align: left;
line-height: 35px;
color: #242834;
}
.info .area {
width: 600px;
height: auto;
margin: 15px 0 0 21px;
}
.info .area ul {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
margin:0;
text-align: left;
line-height: 35px !important;
color: #242834;
}
.little a {
font-size: 16px;
font-weight: 400;
text-decoration-line: underline;
color: rgb(0, 107, 255);
font-family: Arial, Helvetica, sans-serif;
width: 600px;
height: 35px;
/* display: block; */
text-align: left;
line-height: 35px;
}
</style>
</head>
<body style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding:0;margin: 0;display: unset;background-color: #fff;line-height: 25px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);color: #242834;font-size: 16px;">
<table style="width: 900px;margin: 0 auto;background-color: rgb(250,250,250);">
<tr>
<td>
<img alt="" style="display: block;" width="100%" src="data:image/png;base64,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">
</td>
</tr>
<tr>
<td style="padding: 0 27px 30px;">
<div class="box-group info" style="border-radius: 5px;">
<div class="title">测试简报</div>
<table>
<tr>
<td>
<span class="leftTitle" style="margin-top: 20px;">测试时间</span>
</td>
<td>
<span class="rightContent" style="margin-top: 20px;">${BUILD_TIMESTAMP}</span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">执行组</span>
</td><td>
<span class="rightContent">自动化性能组</span>
</td>
</tr>
<tr>
<td>
<span style="margin-bottom: 20px;" class="leftTitle">测试报告</span>
</td><td>
<span style="margin-bottom: 20px;" class="rightContent"><a style="margin-bottom: 20px; font-size: 16px;font-weight: 400;
text-decoration-line: underline;
color: rgb(0, 107, 255);
font-family: Arial, Helvetica, sans-serif;
width: 600px;
height: 35px;
text-align: left;
line-height: 35px;" href="${PROJECT_URL}allure">${PROJECT_URL}allure</a></span>
</td>
</tr>
</table>
</div>
<div class="box-group info shuhang" style="height: 200px;border-radius: 5px;">
<div class="title">测试简报</div>
<table style="table-layout: fixed;" width="490">
<tr> <!-- 第一行 -->
<td style="text-align:center; vertical-align:middle"><span class="leftTitle">成功用例</span></td>
<td style="text-align:center; vertical-align:middle"><span class="leftTitle">失败用例</span></td>
<td style="text-align:center; vertical-align:middle"><span class="leftTitle">跳过用例</span></td>
<td style="text-align:center; vertical-align:middle"><span class="leftTitle">共执行用例</span></td>
</tr>
<tr> <!-- 第二行 -->
<td style="padding-top: 30px; text-align:center; vertical-align:middle;"><span class="listContent" style="color:#38AC33;">${TEST_COUNTS, var="pass"}</span></td>
<td style="padding-top: 30px; text-align:center; vertical-align:middle;"><span class="listContent" style="color:#FFA700;">${TEST_COUNTS, var="fail"}</span></td>
<td style="padding-top: 30px; text-align:center; vertical-align:middle;"><span class="listContent" style="color:#8397B0;">${TEST_COUNTS, var="skip"}</span></td>
<td style="padding-top: 30px; text-align:center; vertical-align:middle;"><span class="listContent" style="color:#1E1E1E;">${TEST_COUNTS}</span></td>
</tr>
</table>
</div>
<div class="box-group info little" style="padding-bottom: 30px;">
<div class="title">构建信息</div>
<table>
<tr>
<td>
<span class="leftTitle" style="margin-top: 20px;">项目名称</span>
</td>
<td>
<span class="rightContent" style="margin-top: 20px;font-size: 16px;">${PROJECT_NAME}</span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">构建编号</span>
</td>
<td>
<span class="rightContent" style="font-size: 16px;">第${BUILD_NUMBER}次构建</span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">触发原因</span>
</td>
<td>
<span class="rightContent" style="font-size: 16px;">${CAUSE}</span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">构建状态</span>
</td>
<td>
<span class="rightContent" style="font-size: 16px;">${BUILD_STATUS}</span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">构建日志</span>
</td>
<td>
<span class="rightContent"><a href="${BUILD_URL}console" style="font-size: 16px;">${BUILD_URL}console</a></span>
</td>
</tr>
<tr>
<td>
<span class="leftTitle">工作目录</span>
</td>
<td>
<span class="rightContent"><a href="${PROJECT_URL}ws" style="font-size: 16px;">${PROJECT_URL}ws</a></span>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<span class="leftTitle">Git提交信息</span>
</td>
<td>
<div class="area" style="font-size:16px;">
<ul>${CHANGES_SINCE_LAST_SUCCESS, reverse=true, format="%c", changesFormat="<li>%d [%a] %m</li>"}</ul>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>