代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="鲸鱼">
<title>绑卡用户分析</title>
<link rel="stylesheet" href="css/daterangepicker.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
<script type="text/javascript" src="js/jquery.daterangepicker.js"></script>
<script type="text/javascript" src="js/highchart.js"></script>
<script type="text/javascript" src="js/grid.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<style>
.show-area{display: none;}
</style>
<script>
$(function(){
$('#date-select').dateRangePicker({
showShortcuts: false,
beforeShowDay: function(t)
{
var n = new Date();
n.setDate(n.getDate()-1);
var m = n.getTime();
var valid = !(t.getTime()>m); //disable saturday and sunday
var _class = '';
var _tooltip = valid ? '' : '超过当天日期不可选';
return [valid,_class,_tooltip];
}
}
);
cycleSelect('小时');
$('.selectDiv li').bind('click',function(){
var t = $(this).text();
cycleSelect(t);
});
//全部省点击操作
$('.all-pros').click(function(){
if(!$('.citys').is(':animated')){
$('.citys').slideToggle();
}
});
});
</script>
</head>
<body>
<div class="analyseBox">
<p class="head-title">绑卡统计</p>
<div class="search-area">
<div class="area1">
<div class="cycle">
<label for="">统计周期：</label>
<span class="input" onselectstart = "return false">小时</span>
<div class="selectDiv">
<ul>
<li>小时</li>
<li>天</li>
<li>月</li>
</ul>
</div>
</div>
<div class="date">
<label for="date-select">选择日期：</label><input type="text" id="date-select" size="30" value="">
</div>
</div>
<div class="area2">
<span>选择区域：</span>
<div class="divs">
<div class="provinces">
<ul>
<li class="all-pros">全部省</li>
</ul>
</div>
<div class="citys">
<ul>
<li class="all-citys on">全部市</li>
</ul>
</div>
</div>
</div>
<div>
<input type="button" value="查询" class="search" onclick="checkInfo('绑卡人数',0)">
</div>
</div>
<div class="show-area" id="hourBox">
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡统计（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="lineChart">
<label for="">已显示折线图：</label>
<span class="input" onselectstart = "return false">4月7日</span>
<div class="selectDiv">
<ul>
</ul>
</div>
</div>
<div id="container"></div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>时间</th>
<th>4月1日</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>0-1点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>1-2点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-银行类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>银行名称</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>农业银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>工商银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-问题类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>原因说明</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>持卡已绑定</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>系统异常</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
</div>
<div class="show-area hide" id="dayBox">
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡统计（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div id="container2"></div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>时间</th>
<th>4月1日</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>0-1点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>1-2点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-银行类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>银行名称</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>农业银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>工商银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-问题类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>原因说明</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>持卡已绑定</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>系统异常</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
</div>
<div class="show-area hide" id="monthBox">
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡统计（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div id="container6"></div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>时间</th>
<th>4月1日</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>0-1点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>1-2点</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-银行类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>银行名称</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>农业银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>工商银行</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
<div class="box">
<div class="opespan">
<p class="chart-title">用户绑卡失败统计-问题类别（<span class="startDate"></span>到<span class="endDate"></span>）</p>
<p class="operator"><span class="big">放大</span><span class="small">缩小</span><span class="normal">还原</span><span>全屏查看</span></p>
</div>
<div class="sexdiv">
<a href="" class="export">导出数据↓</a>
</div>
<div class="tablediv">
<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
<tr>
<th>原因说明</th>
<th>合计</th>
<th>4月2日</th>
<th>4月3日</th>
<th>4月4日</th>
<th>4月5日</th>
<th>4月6日</th>
<th>4月7日</th>
<th>4月8日</th>
<th>.....</th>
</tr>
<tr>
<td>持卡已绑定</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
<tr>
<td>系统异常</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>.....</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手