You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.6 KiB
84 lines
2.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- IIS Virtual Directory name -->
|
|
<!--<base href="/JSViewer_MVC_Core/">-->
|
|
<meta charset="utf-8">
|
|
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="theme-color" content="#000000">
|
|
<title>JS Viewer</title>
|
|
<link href="jsViewer.min.css" rel="stylesheet">
|
|
<link href="index.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body onload="loadViewer()">
|
|
<div class="container">
|
|
|
|
<div id="viewerContainer">
|
|
</div>
|
|
</div>
|
|
|
|
<!--配置API路径-->
|
|
<script src="ActiveReportsPathConfig.js"></script>
|
|
<script type="text/javascript" src="jsViewer.min.js"></script>
|
|
<script type="text/javascript">
|
|
var dataUrl = getQueryVariable("dataUrl");
|
|
var report_name = getQueryVariable("reportName");
|
|
var data_id = getQueryVariable("dataId");
|
|
var path = "jsondoc=" + hostPrintApi + dataUrl;
|
|
console.log(path);
|
|
|
|
let viewer;
|
|
//加载报表
|
|
function loadViewer() {
|
|
viewer = GrapeCity.ActiveReports.JSViewer.print({
|
|
element: '#viewerContainer',
|
|
reportID: report_name,
|
|
reportParameters: [{ name: 'UrlPm', values: [path] }],
|
|
reportService: {},
|
|
setting: {
|
|
ZoomType: 'fitpage'
|
|
}
|
|
});
|
|
|
|
//createAR();
|
|
};
|
|
//创建报表
|
|
function createAR() {
|
|
let oReq = new XMLHttpRequest();
|
|
oReq.onload = function () {
|
|
|
|
let reportsArray = JSON.parse(this.responseText);
|
|
|
|
for (let i = 0; i < reportsArray.length; i++) {
|
|
const reportName = reportsArray[i];
|
|
|
|
if (report_name == reportName) {
|
|
viewer.openReport(reportName, [{ name: 'UrlPm', values: [path] }]);
|
|
}
|
|
}
|
|
|
|
//if (reportsArray.length > 0) {
|
|
// viewer.openReport(reportsArray[0], [{ name: 'UrlPm', values: [path] }]);
|
|
//}
|
|
};
|
|
|
|
oReq.open("get", "reports", false);
|
|
oReq.send();
|
|
}
|
|
//获取参数
|
|
function getQueryVariable(variable) {
|
|
var query = window.location.search.substring(1);
|
|
var vars = query.split("&");
|
|
for (var i = 0; i < vars.length; i++) {
|
|
var pair = vars[i].split("=");
|
|
if (pair[0] == variable) { return pair[1]; }
|
|
}
|
|
return (false);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|