<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="jquery_easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="jquery_easyui/themes/icon.css" />
<script type="text/javascript" src="js/jquery_easyui/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery_easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery_easyui/locale/easyui-lang-zh_CN_my.js"></script>
<script type="text/javascript">
function percentage(data){//将当前数据装换为百分比形式
var strData = parseFloat(data)*10000;
strData = Math.round(strData)/100.00;
var ret = strData.toString()+"%";
return ret;
}
function change(num){//页面跳转改变方法
$("#titlediv").find("li").removeClass("active");
$("#titlediv").find("#title"+num).attr("class","active");
$("#tablediv").find("table").css("display","none");
$("#tablediv").find("#table"+num).css("display","");
}
$(function () {
var html=[];
var n1=0.0122345;
var n2=0.563443;
var n3=0.347788678;
var n4=0.46556556;
var n5=0.12323434;
var n6=0.435365465746;
html += '<tr><td nowrap style="vertical-align: middle;text-align: center;">'+percentage(n1)+'</td>' +
'<td style="vertical-align: middle;text-align: center;">'+percentage(n2)+'</td>' +
'<td style="vertical-align: middle;text-align: center;">'+percentage(n3)+'</td>' +
'<td style="vertical-align: middle;text-align: center;">'+percentage(n4)+'</td>' +
'<td style="vertical-align: middle;text-align: center;">'+percentage(n5)+'</td>' +
'<td style="vertical-align: middle;text-align: center;">'+percentage(n6)+'</td></tr>';
$('#databody').html(html);
var weight = window.screen.availWidth;//返回当前屏幕宽度(空白空间)
var w1=$("#title1").css("weight");
var w2=$("#title2").css("weight");
var w3=$("#title3").css("weight");
var w4=$("#title4").css("weight");
});
</script>
<title>换卡升4G日报</title>
<style type="text/css">
body, table,tr,th,tbody { font-size:12px !important;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" class="table">
<thead>
<tr>
<th colspan='15'>
<span style="font-size:15px;">换卡升4G日报</span>
</th>
</tr>
<tr id="tableTile" style="height:0px;padding-bottom:100%;" bgcolor="#F1DCD9">
<th style="vertical-align: middle;" >分公司</th>
<th style="vertical-align: middle;">用户数</th>
<th style="vertical-align: middle;">当天换卡里</th>
<th style="vertical-align: middle;">当天完成率</th>
<th style="vertical-align: middle;">累计换卡里</th>
<th style="vertical-align: middle;">累计换卡完成率</th>
</tr>
</thead>
<tbody id="databody"></tbody>
</table>
<!-- 上方导航标题 -->
<ul class="nav nav-pills" id="titlediv">
<li id="title1" onclick="change(1)" style="width: 20%;" class="active"><a>title1</a></li>
<li id="title2" onclick="change(2)" style="width: 20%;"><a>title2</a></li>
<li id="title3" onclick="change(3)" style="width: 20%;"><a>title3</a></li>
<li id="title4" onclick="change(4)" style="width: 20%;"><a>title4</a></li>
<li id="title5" onclick="change(5)" ><a>title5</a></li>
</ul>
<!-- 下方对应标题跳转页面内容 -->
<div id="tablediv">
<table id="table1" class="table" ><td>table1</td></table>
<table id="table2" class="table" style="display: none;"><td>table2</td></table>
<table id="table3" class="table" style="display: none;"><td>table3</td></table>
<table id="table4" class="table" style="display: none;"><td>table4</td></table>
<table id="table5" class="table" style="display: none;"><td>table5</td></table>
</div>
</body>
</html>
浙公网安备 33010602011771号