极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
<title>OPPO广告平台</title>
<link rel="stylesheet" type="text/css" href="/assets/css/common.css?vertion=1119" />
<link rel="stylesheet" type="text/css" href="/assets/css/report.css?vertion=1119" />
<link rel="stylesheet" type="text/css" href="/assets/css/timechoose-restyle.css" />
<style type="text/css">
.mod_table .tolist {
cursor: default;
}
.toolbar_left b{margin-left:15px;float:left;height:34px;line-height:34px;}
.header_link.cur {
color: #2aaa6f;
}
.header_link {
display: inline-block;
margin: 10px 20px;
font-size: 15px;
}
.header_btn{
display: inline-block;
height: 32px;
min-width: 66px;
background: #fff;
border: 1px solid #c3c6c9;
line-height: 32px;
text-align: center;
padding: 0 5px;
cursor: pointer;
font-size: 12px;
vertical-align: middle;
}
.img_box {
width: 80px;
float: left;
margin: 10px 0;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 10px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail img {
width: 100%;
}
.img_preview {
width: 60px;
height: 60px;
}
.status_oprt {
border: none;
line-height: 100%;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.status_oprt{
vertical-align: middle;
}
.ico-help {
display: inline-block;
width: 17px;
height: 18px;
background: url(../assets/images/ico-help.png) no-repeat;
background-size: 100% 100%;
vertical-align: -4px;
margin-left: 2px;
}
#dateTip{
position: absolute;
z-index: 96;
background: #fff;
border: 1px solid #dbdee1;
border-shadow: 3px 0 10px #B9BFC3;
text-align: left;
padding:10px ;
display: none;
}
</style>
</head>
<body>
<div class="header">
<!--顶部bar-->
<div class="upper_header">
<div class="wrapper">
<ul class="menu">
<li><a href="http://www.oppo.com/">OPPO官网</a></li>
<li><a href="http://store.oppomobile.com/">OPPO软件商店</a></li>
<li><a href="http://open.oppomobile.com/">OPPO开发者社区</a></li>
</ul>
<div class="account_area">陌陌 | 广告主ID:1000002684 | 账户ID:800002684 | <a href="/logout">退出</a></div>
<div class="clear"></div>
</div>
</div>
<!--菜单区域-->
<div class="main_header">
<div class="wrapper">
<div class="logo">
<a href="/"><img src="/assets/images/oppo_logo.png" /></a>
</div>
<ul class="nav">
<li><a href="/bid/list" >推广</a></li>
<li><a href="/cpdStat/index" class="cur">报表</a></li>
<li><a href="/finance/financeRemit" >账务记录</a></li>
<li><a href="/toolbox" >工具箱</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main_content">
<div class="chart_title">效果报表</div>
<div class="tuig_tab">
<ul id="appextend_menu_ul">
<li><a href="/cpdStat/index">应用分发</a></li>
<li><a href="/searchStat/index">搜索推广</a></li>
<li class="cur"><a href="/feedsStat/report">信息流推广</a></li>
</ul>
<div class="clear"></div>
</div>
<div>
<a class="header_link" href="/feedsStat/report">整体数据</a>|<a class="header_link" href="/feedsStat/plan">推广计划数据</a>|<a class="header_link cur" href="/feedsStat/ad">单个广告数据</a>
</div>
<form id="main_form" action="/feedsStat/ad" method="post">
<div class="tuig_toolbar">
<div class="toolbar_left">
<a class="tablink" onClick="down();">下载报表</a>
<a class="tablink" onClick="downIm();" id="down_im">下载IMEI<em class="ico-help"></em></a>
</div>
<div class="toolbar_right">
<input name="adId" value="" class="text" placeholder="广告ID" />
<input name="adName" value="" class="text" placeholder="广告名称"/>
<input type="text" id="daterange" class="text text_date" />
<input type="hidden" id="input_start_date" name="startDate" value="20180214" />
<input type="hidden" id="input_end_date" name="endDate" value="20180220" />
<a class="header_btn">查询</a>
</div>
<div class="clear"></div>
</div>
<div class="table_area">
<table class="mod_table">
<thead>
<tr>
<td width="30%">广告信息</td>
<td width="10%">曝光量</td>
<td width="10%">点击量</td>
<td width="10%">CTR</td>
<td width="10%">消耗金额</td>
<td width="10%">日限额</td>
<td width="10%">点击单价</td>
<td width="10%">操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517991768.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253463</p>
<p>推广名称:APP大图D06社交Y1026橙色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253463','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
4
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
500
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253463">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253463')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517991439.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253446</p>
<p>推广名称:APP大图D78社交Y1026主题</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253446','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
48
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
1,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253446">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253446')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517989184.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253376</p>
<p>推广名称:APP大图D82社交Y1026黄色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253376','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
28
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
3,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253376">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253376')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517988622.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253363</p>
<p>推广名称:APP大图D81社交Y1026黑色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253363','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
125
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
3,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253363">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253363')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517988211.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253346</p>
<p>推广名称:APP大图D80社交Y1026红色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253346','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
0
</td>
<td>
0
</td>
<td>
0.00%
</td>
<td>
0
</td>
<td>
5,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253346">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253346')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/07/1000002684_1517987997.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:253337</p>
<p>推广名称:APP大图D79社交Y1026白色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('253337','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
3
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
5,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/253337">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('253337')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201802/01/1000002684_1517469208.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:249634</p>
<p>推广名称:APP视频S2美女0918跳舞</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('249634','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
43
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
5,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/249634">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('249634')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201801/31/1000002684_1517389261.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:249000</p>
<p>推广名称:APP视频S1美女0918跳舞</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('249000','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
12
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
500
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/249000">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('249000')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201801/30/1000002684_1517298637.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:247691</p>
<p>推广名称:APP大图D18交友0918绿色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('247691','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
3875
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
30,000
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/247691">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('247691')">编辑广告</a></p>
</td>
</tr>
<tr>
<td>
<div style="vertical-align: middle;">
<div class="img_box">
<img class="img_preview" src="http://adsfs.oppomobile.com/res/mat_pic/201801/30/1000002684_1517297205.jpg" />
</div>
<div style="float: left;width: 150px;text-align: left;padding: 0 10px;">
<p>广告ID:247641</p>
<p>推广名称:APP大图D15社交Y1221粉色</p>
<p>
状态:
用户暂停<a title="启动" href="javascript:;" class="status_oprt" onclick="update_status('247641','0')"><img src="/assets/images/start.png" /></a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td>
19
</td>
<td>
0
</td>
<td>
0%
</td>
<td>
0
</td>
<td>
500
</td>
<td>
0
</td>
<td>
<p><a href="/feedsStat/adDetail/247641">数据详情</a></p>
<p><a href="javascript:;" onclick="for_edit('247641')">编辑广告</a></p>
</td>
</tr>
<tr class="tr_pager">
<td colspan="100">
<input type="hidden" name="page" id="hid_page" value="1" />
<input type="hidden" name="totalPage" id="hid_totalPage" value=" 48" />
<input type="hidden" name="sortString" id="hid_sortString" value=" " />
<div style="width:20%;float:left;text-align: left;padding-left: 30px;font-size: 12px;line-height: 30px;">
<select name="rows" style="height: 30px; border: 1px solid #DBDEE1;" onchange="to_page('1')">
<option value="10" selected="selected">每页10条</option>
<option value="20" >每页20条</option>
<option value="50" >每页50条</option>
</select>
共477条记录
</div>
<div style="width:60%;float:left;">
<strong>1</strong>
<a href="javascript:;" onclick="to_page('2')">2</a>
<a href="javascript:;" onclick="to_page('3')">3</a>
<strong>...</strong>
<a href="javascript:;" class="last" onclick="to_page('48')">48</a><a href="javascript:;" onclick="to_page('2');" class="next">下一页</a>
</div>
<div style="width:20%;float:left;">
</div>
<div style="clear: both;"></div>
<script type="text/javascript">
function to_page(page){
$("#hid_page").val(page);
if($("#isSbidSearch").val()=="true"){
//$("#search_div").show();
$("#search_form").submit();
}else{
$("#main_form").submit();
}
}
</script>
</td>
</tr>
</tbody>
</table>
</div>
</form>
<iframe name="exportFrame" style="display: none;"></iframe>
</div>
<div class="layout" id="layout"></div>
<div class="floatdivbg" id="floatdivbg"></div>
<div id="dateTip">每次最多可导出7天的imei数</div>
<form id="for-edit-form" action="/feeds/forEdit" method="post" class="hide">
<input type="hidden" name="id" value="" />
</form>
<script src="/assets/js/jquery-1.8.3.min.js"></script>
<script src="/assets/js/tk.js?v=20170718"></script>
<script src="/assets/js/moment.js"></script>
<script src="/assets/js/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/js/highcharts.js"></script>
<script type="text/javascript">
$(function(){
$('#daterange').daterangepicker({
format : 'YYYY-MM-DD',
separator : '~',
locale : {
applyLabel : '确定',
cancelLabel : '取消',
fromLabel : '从',
toLabel : '到',
daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月','九月', '十月', '十一月', '十二月' ],
firstDay : 1
}
});
$('#daterange').data('daterangepicker').setStartDate($("#input_start_date").val());
$('#daterange').data('daterangepicker').setEndDate($("#input_end_date").val());
$(".header_btn").click(function(){
$("#input_start_date").val($('#daterange').data('daterangepicker').startDate.format('YYYYMMDD'));
$("#input_end_date").val($('#daterange').data('daterangepicker').endDate.format('YYYYMMDD'));
$("#main_form").submit();
});
});
function update_status(id,subStatus){
$.ajax({
url:'../feeds/update',
data:{ids:id,price:-1,subStatus:subStatus},
type:'POST',
success:function(data){
var json = eval(data);
if(json.code==1001){
$("#main_form").submit();
}
else{
nullAlert(json.msg);
}
},
error:function(){
}
});
}
function nullAlert(text) {
$("#layout").html(text);
$("#layout").css({
"top":$(window).height()/2-$("#layout").height()/2+$(window.document).scrollTop()+"px",
"left" : $(window).width() / 2 - $("#layout").width() / 2 + "px",
"display" : "block",
"zIndex" : "9999"
});
$("#layout").fadeOut(3000);
}
function for_edit(id){
$("#for-edit-form [name=id]").val(id);
$("#for-edit-form").submit();
}
function down(){
$("#input_start_date").val($('#daterange').data('daterangepicker').startDate.format('YYYYMMDD'));
$("#input_end_date").val($('#daterange').data('daterangepicker').endDate.format('YYYYMMDD'));
$("#main_form").attr("target","exportFrame").attr("action","/feedsStat/adExport").submit();
$("#main_form").attr("target","").attr("action","/feedsStat/ad");
}
var x1 = null;
function downIm(){
//检验是否大于7天
$("#input_end_date").val($('#daterange').data('daterangepicker').endDate.format('YYYYMMDD'));
var range = $('#daterange').val().split("~");
var start = range[0].replace(/-/g,'/');
var end = range[1].replace(/-/g,'/');
var date1 = new Date(start);
var date2 = new Date(end);
if(date2.getTime() - date1.getTime() > 6 * 24 * 60 * 60 * 1000){
var s = moment($('#daterange').data('daterangepicker').endDate).add(-6,'days').format('YYYYMMDD');
$("#input_start_date").val(s);
}else{
$("#input_start_date").val($('#daterange').data('daterangepicker').startDate.format('YYYYMMDD'));
}
document.getElementById("down_im").setAttribute("onclick","nullAlert('操作过于频繁')");
if (x1 == null){
x1 = setTimeout('document.getElementById("down_im").setAttribute("onclick","downIm()");clearTimeout(x1)',30000);
}
$("#main_form").attr("target","exportFrame").attr("action","/feedsStat/imeireport").submit();
$("#main_form").attr("target","").attr("action","/feedsStat/ad");
}
function _offset(elem) {
var box = elem.getBoundingClientRect(), doc = elem.ownerDocument, body = doc.body, docElem = doc.documentElement;
var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0;
var top = box.top + (self.pageYOffset || docElem.scrollTop) - clientTop, left = box.left + (self.pageXOffset || docElem.scrollLeft) - clientLeft;
return {
left: left,
top: top,
right: left + box.width,
bottom: top + box.height
};
}
$(".ico-help").hover(function(e){
e.stopPropagation();
var px=_offset(this).left;
var py=_offset(this).top;
$("#dateTip").css({
"left":px+"px",
"top":py+20+"px",
"display":"block"
});
},function(){
$("#dateTip").hide();
})
</script>
</body>
</html>
xpath 不好定位，正则有点难写，希望高手指教，谢谢！
python
回答写评论里去了……
其实老老实实拿
tbody然后一行行遍历出子元素再取值也可以啊