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