ops/datacollect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

日报样式修改

Browse Source
This commit is contained in:
yulixing 2019-10-23 15:07:47 +08:00
parent 860c0df5aa
commit 381403f64d
1 changed files with 161 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

241
daily_report/templates/report.html
View File

@ -1,95 +1,176 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<title>金蚕游戏日报，By ops</title> <title>金蚕游戏日报 · OPS</title>
</head> <style>
<body> * {
margin: 0;
padding: 0;
}
{% for line in data %} html {
background-color: #fdfdfd;
}
body {
padding: 0 20px;
color: #333;
}
<h2> h1 {
<strong> margin: 30px 0 20px;
<span style="font-size:18px;">游戏内容</span> font-weight: 500;
</strong> text-align: center;
<!-- <span style="font-size:18px;">all：{{data}}</span> --> }
<span style="font-size:18px;">游戏ID：{{line['gameid']}}</span><br>
<span style="font-size:18px;">渠道ID：{{line['channelid']}}</span><br>
</h2> .date {
<h3> margin: 20px 0;
<strong> text-align: center;
<span style="font-size:18px;">总表</span> }
</strong></h3> .section {
<!-- activa, new, share, timeonlie, ad_101, ad_1, ad_201--> border-top: 1px dashed #ccc;
<table border="1"> }
<tbody>
<tr>
<th>活跃</th>
<th>新增</th>
<th>分享</th>
<th>时长</th>
<th>视屏显示</th>
<th>banner显示</th>
<th>插屏显示</th>
<th>导出率</th>
</tr>
<tr> .info {
{% for item in line.get('all') %} margin: 60px 0 30px;
<td>{{ item }}</td> text-align: center;
{% endfor %} }
</tr>
</tbody>
</table> .info > span {
margin-right: 20px;
}
.info .gameid,
.info .channelid {
font-weight: 700;
}
<h1>导入数据：</h1> .panel {
<table border="1"> width: 80%;
<tbody> margin: 0 auto 60px;
<tr> }
<!--('wxdb103a128e118619', '拯救熊猫泡泡', 2, 1, 0, 0.0)-->
<th>渠道ID</th>
<th>游戏名称</th>
<th>活跃</th>
<th>新增</th>
<th>分享</th>
<th>K值</th>
</tr>
<tr> .panel h2 {
{% for one in line.get('input') %} height: 36px;
{% for item in one %} padding-left: 16px;
<td>{{ item }}</td> margin: 20px 0;
{% endfor %} font-weight: 500;
</tr> border-left: #909090 3px solid;
{% endfor %} }
</tbody>
</table>
.panel table {
width: 100%;
line-height: 2;
text-align: left;
border-collapse: collapse;
}
<h1>导出数据：</h1> .panel table th {
<table border="1"> font-weight: 500;
<tbody> color: #909090;
<tr> }
<th>渠道ID</th>
<th>跳转目标</th>
<th>跳转次数</th>
<th>跳转人数</th>
</tr>
<tr>
{% for one in line.output %}
{% for item in one %}
<td>{{ item }}</td>
{% endfor %}
</tr> .panel table td,
{% endfor %} .panel table th {
</tbody> padding: 0 8px;
</table> border-bottom: 1px solid #f0f0f0;
{% endfor %} }
</body>
</html> .panel table tr:nth-child(even) {
background-color: #f3f3f3;
}
</style>
</head>
<body>
<h1>金蚕游戏日报 · OPS</h1>
<p class="date">2019-10-23</p>
{% for line in data %}
<div class="section">
<div class="info">
<span
>游戏ID：<span class="gameid">{{ line['gameid'] }}</span></span
>
<span
>渠道ID：<span class="channelid">{{ line['channelid'] }}</span></span
>
</div>
<!-- activa, new, share, timeonlie, ad_101, ad_1, ad_201-->
<div class="panel">
<h2>总表</h2>
<table>
<thead>
<tr>
<th>活跃</th>
<th>新增</th>
<th>分享</th>
<th>时长</th>
<th>视屏显示</th>
<th>banner显示</th>
<th>插屏显示</th>
<th>导出率</th>
</tr>
</thead>
<tbody>
<tr>
{% for item in line.get('all') %}
<td>{{ item }}</td>
{% endfor %}
</tr>
</tbody>
</table>
</div>
<div class="panel">
<h2>导入数据</h2>
<table>
<thead>
<tr>
<!--('wxdb103a128e118619', '拯救熊猫泡泡', 2, 1, 0, 0.0)-->
<th>渠道ID</th>
<th>游戏名称</th>
<th>活跃</th>
<th>新增</th>
<th>分享</th>
<th>K值</th>
</tr>
</thead>
<tbody>
{% for one in line.get('input') %}
<tr>
{% for item in one %}
<td>{{ item }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="panel">
<h2>导出数据：</h2>
<table>
<thead>
<tr>
<th>渠道ID</th>
<th>跳转目标</th>
<th>跳转次数</th>
<th>跳转人数</th>
</tr>
</thead>
<tbody>
{% for one in line.output %}
<tr>
{% for item in one %}
<td>{{ item }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<!-- {% endfor %} -->
</body>
</html>