test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(接口测试): 测试报告导出异常

This commit is contained in:
chenjianxing 2020-11-25 17:31:55 +08:00
parent 754f067cdd
commit 5bf126fa2e
5 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/business/components/api/report/ApiReportViewDetail.vue
View File

@ -46,10 +46,9 @@ import MsScenarioResults from "./components/ScenarioResults";
import MsContainer from "@/business/components/common/components/MsContainer"; import MsContainer from "@/business/components/common/components/MsContainer";
import MsMainContainer from "@/business/components/common/components/MsMainContainer"; import MsMainContainer from "@/business/components/common/components/MsMainContainer";
import MsApiReportExport from "./ApiReportExport"; import MsApiReportExport from "./ApiReportExport";
import {exportPdf} from "@/common/js/utils";
import html2canvas from "html2canvas";
import MsApiReportViewHeader from "./ApiReportViewHeader"; import MsApiReportViewHeader from "./ApiReportViewHeader";
import {RequestFactory} from "../test/model/ScenarioModel"; import {RequestFactory} from "../test/model/ScenarioModel";
import {windowPrint} from "../../../../common/js/utils";
export default { export default {
name: "MsApiReportViewDetail", name: "MsApiReportViewDetail",
@ -154,23 +153,16 @@ export default {
this.scenarioName = requestResult.scenarioName; this.scenarioName = requestResult.scenarioName;
}); });
}, },
handleExport(name) { handleExport() {
this.loading = true;
this.reportExportVisible = true; this.reportExportVisible = true;
let reset = this.exportReportReset; let reset = this.exportReportReset;
this.$nextTick(() => {
this.$nextTick(function () { windowPrint('apiTestReport', 0.57);
html2canvas(document.getElementById('apiTestReport'), { reset();
// scale: 2,
}).then(function (canvas) {
exportPdf(name, [canvas]);
reset();
});
}); });
}, },
exportReportReset() { exportReportReset() {
this.reportExportVisible = false; this.$router.go(0);
this.loading = false;
} }
}, },

4
frontend/src/business/components/common/components/report/MsReportTitle.vue
View File

@ -9,9 +9,7 @@
</div> </div>
</div> </div>
<div class="report-right"> <div class="report-right">
<div class="test"> <img class="logo" src="@/assets/logo-MeterSphere.png">
<img class="logo" src="@/assets/logo-MeterSphere.png">
</div>
</div> </div>
</div> </div>

2
frontend/src/business/components/performance/report/PerformanceReportView.vue
View File

@ -272,7 +272,7 @@ export default {
this.$nextTick(function () { this.$nextTick(function () {
html2canvas(document.getElementById('performanceReportExport'), { html2canvas(document.getElementById('performanceReportExport'), {
// scale: 2 scale: 2
}).then(function (canvas) { }).then(function (canvas) {
exportPdf(name, [canvas]); exportPdf(name, [canvas]);
reset(); reset();

4
frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportView.vue
View File

@ -211,7 +211,7 @@
this.$nextTick(function () { this.$nextTick(function () {
html2canvas(document.getElementById('testCaseReportExport'), { html2canvas(document.getElementById('testCaseReportExport'), {
// scale: 2 scale: 2
}).then(function(canvas) { }).then(function(canvas) {
exportPdf(name, [canvas]); exportPdf(name, [canvas]);
reset(); reset();
@ -225,7 +225,7 @@
}, },
} }
} }
</script> </script>cd
<style scoped> <style scoped>

14
frontend/src/common/js/utils.js
View File

@ -259,3 +259,17 @@ export function exportPdf(name, canvasList) {
} }
export function windowPrint(id, zoom) {
//根据div标签ID拿到div中的局部内容
let bdhtml=window.document.body.innerHTML;
let el = document.getElementById(id);
var jubuData = el.innerHTML;
document.getElementsByTagName('body')[0].style.zoom=zoom;
//把获取的 局部div内容赋给body标签, 相当于重置了 body里的内容
window.document.body.innerHTML= jubuData;
//调用打印功能
window.print();
window.document.body.innerHTML=bdhtml;//重新给页面内容赋值；
return false;
}