@{
Layout = null;
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>报表中心</title>
<!-- Bootstrap Styles-->
<link rel="shortcut icon" href="bitbug_favicon.ico">
<link href="/Content/h5report/css/bootstrap.css" rel="stylesheet" />
<!-- FontAwesome Styles-->
<link href="/Content/h5report/css/fontawesome-all.css" rel="stylesheet" />
<!-- Morris Chart Styles-->
<link href="/Content/h5report/css/morris-0.4.3.min.css" rel="stylesheet" />
<!-- Custom Styles-->
<link href="/Content/h5report/css/custom-styles.css" rel="stylesheet" />
<!-- Google Fonts-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/Content/h5report/css/cssCharts.css">
@*<link href="/Content/h5report/css/GrapeCity.ActiveReports.Viewer.Html.css" rel="stylesheet" />*@
<link rel="stylesheet" href="/Content/AR/vendor/css/materialdesignicons.min.css" media="all" type="text/css" />
<link rel="stylesheet" href="/Content/AR/vendor/css/fonts-googleapis.css" type="text/css" />
<link rel="stylesheet" href="/Content/AR/jsViewer.min.css" />
<style>
.navbar-side {
z-index: 2000;
width: 100%;
}
.gcv-menu {
display: none;
}
.gcv-header-container {
display: none;
}
#page-wrapper {
padding: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default top-navbar" role="navigation">
<div class="navbar-header">
<a id="reportname" class="navbar-brand" href="javascript:;">
@*<img src="bitbug_favicon (1).ico" />*@ <strong>报表查看</strong>
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@*<div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>*@
</div>
</nav>
<!--/. NAV TOP -->
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
@Html.Raw(ViewBag.html)
@*<li>
<a href="index.html?reportid=historicBill"><i class="fa fa-qrcode"></i>信用卡账单</a>
</li>*@
</ul>
</div>
</nav>
<!-- /. NAV SIDE -->
<div id="page-wrapper" width="100%">
<div id="test" style="width:100%;height:800px"></div>
</div>
</div>
<script src="/Content/h5report/js/jquery-1.10.2.js"></script>
<script src="/Content/h5report/js/bootstrap-3.0.0.js"></script>
<script src="/Content/h5report/js/jquery.metisMenu.js"></script>
<script src="/Content/h5report/js/knockout-2.3.0.js"></script>
@*<script src="/Content/h5report/js/GrapeCity.ActiveReports.Viewer.Html.js"></script>
<script src="/Content/h5report/js/ViewerEx.js"></script>*@
<script src="/Content/AR/jsViewer.min.js"></script>
<script src="/Content/h5report/js/custom-scripts.js"></script>
<script>
$(function () {
var viewer = GrapeCity.ActiveReports.JSViewer.create({
element: '#test',
reportID: '@Request["reportid"]',
reportService: {
},
displayMode: 'Continuous',
documentLoaded: function () {
viewer._viewer.zoom = { mode: 1 };
},
localeUri: '/Content/AR/custom-locale.json',
});
console.log(viewer);
//$('[title="全屏"]').click();
$(".nav li").on("click", function () {
//$(".nav li").removeClass("active-menu");
$(this).addClass("active-menu");
});
});
</script>
</body>
</html> |