shaojiahao
/
Jinan_project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[完善]打印文档

非煤矿山灾害智能感知和预警系统
邵佳豪 3 years ago
parent
d8f8abb49f
commit
8a4f454858
3 changed files with 1294 additions and 1256 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 56
      src/app/home/basic-info/unit-details/unit-details.component.html
  2. 4
      src/app/home/basic-info/unit-details/unit-details.component.scss
  3. 22
      src/app/home/basic-info/unit-details/unit-details.component.ts

56
src/app/home/basic-info/unit-details/unit-details.component.html
Unescape View File

@ -881,8 +881,12 @@
style="font-family:Calibri; font-size:10.5pt">&#xa0;</span></p>
</div>
<div class="formbox" *ngIf="index == 2">
<table cellspacing="0" cellpadding="0"
<button nz-button nzType="primary" (click)="download(2)">下载表格</button>
<div id="tablebox">
<table cellspacing="0" cellpadding="0" id="tablebox"
style="border-collapse:collapse; margin-left:0pt; width:465.2pt; margin: 0 auto;">
<tr style="height:23.45pt">
<td colspan="8"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; padding-left:5.4pt; padding-right:5.4pt; vertical-align:middle; width:454.4pt">
@ -972,7 +976,8 @@
</td>
<td colspan="5"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:317pt">
<p style="margin:0pt"><span style="font-family:仿宋_GB2312; font-size:12pt">{{exerciseData.data.time}}</span>
<p style="margin:0pt"><span
style="font-family:仿宋_GB2312; font-size:12pt">{{exerciseData.data.time}}</span>
</p>
</td>
</tr>
@ -1388,7 +1393,8 @@
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:183.6pt">
<p style="margin:0pt"><span style="font-family:仿宋_GB2312; font-size:12pt"
*ngIf="exerciseData.data.data.from[2].form">{{exerciseData.data.data.from[2].form.gongshui}}</span></p>
*ngIf="exerciseData.data.data.from[2].form">{{exerciseData.data.data.from[2].form.gongshui}}</span>
</p>
</td>
</tr>
<tr style="height:28.35pt">
@ -1450,7 +1456,8 @@
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:183.6pt">
<p style="margin:0pt"><span style="font-family:仿宋_GB2312; font-size:12pt"
*ngIf="exerciseData.data.data.from[6].form">{{exerciseData.data.data.from[6].form.zhaoming}}</span></p>
*ngIf="exerciseData.data.data.from[6].form">{{exerciseData.data.data.from[6].form.zhaoming}}</span>
</p>
</td>
</tr>
<tr style="height:28.35pt">
@ -1527,7 +1534,8 @@
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:183.6pt">
<p style="margin:0pt"><span style="font-family:仿宋_GB2312; font-size:12pt"
*ngIf="exerciseData.data.data.from[8].form">{{exerciseData.data.data.from[8].form.qingdian}}</span></p>
*ngIf="exerciseData.data.data.from[8].form">{{exerciseData.data.data.from[8].form.qingdian}}</span>
</p>
</td>
</tr>
<tr style="height:28.35pt">
@ -1576,10 +1584,11 @@
<td style="width:92.9pt; border:none"></td>
</tr>
</table>
</div>
</div>
<div class="formbox" *ngIf="index == 3">
<button nz-button nzType="primary" (click)=" download(3)">下载表格</button>
<div id="tablebox2">
<table cellspacing=" 0" cellpadding="0" style="border-collapse:collapse; margin:0 auto; width:488.45pt">
<tr style="height:18.4pt">
<td colspan="20"
@ -1680,7 +1689,8 @@
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:42.15pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:'Times New Roman'; font-size:9pt">{{planData.data.basicInfo.zhandimianji}}</span></p>
style="font-family:'Times New Roman'; font-size:9pt">{{planData.data.basicInfo.zhandimianji}}</span>
</p>
</td>
<td colspan="4"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt">
@ -1719,7 +1729,8 @@
<td colspan="7"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:87.5pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">南</span><span style="font-family:宋体; font-size:9pt">：</span><span
style="font-family:宋体; font-size:9pt">南</span><span
style="font-family:宋体; font-size:9pt">：</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.basicInfo.pilin.nan}}</span></p>
</td>
<td colspan="5"
@ -1862,8 +1873,8 @@
style="font-family:宋体; font-size:9pt">有（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[0].isHave ? '√' :
''}}）</span><br /><span style="font-family:宋体; font-size:9pt">无（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[0].isHave ? '' : '√'}}</span><span
style="font-family:宋体; font-size:9pt">）</span></p>
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[0].isHave ? '' :
'√'}}</span><span style="font-family:宋体; font-size:9pt">）</span></p>
</td>
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:54.8pt">
@ -1876,8 +1887,8 @@
style="font-family:宋体; font-size:9pt">有（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[1].isHave ? '√' :
''}}）</span><br /><span style="font-family:宋体; font-size:9pt">无（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[1].isHave ? '' : '√'}}</span><span
style="font-family:宋体; font-size:9pt">）</span></p>
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[1].isHave ? '' :
'√'}}</span><span style="font-family:宋体; font-size:9pt">）</span></p>
</td>
<td colspan="4"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt">
@ -1890,8 +1901,8 @@
style="font-family:宋体; font-size:9pt">有（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[2].isHave ? '√' :
''}}）</span><br /><span style="font-family:宋体; font-size:9pt">无（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[2].isHave ? '' : '√'}}</span><span
style="font-family:宋体; font-size:9pt">）</span></p>
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[2].isHave ? '' :
'√'}}</span><span style="font-family:宋体; font-size:9pt">）</span></p>
</td>
<td colspan="2"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:36.55pt">
@ -1904,8 +1915,8 @@
style="font-family:宋体; font-size:9pt">有（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[3].isHave ? '√' :
''}}）</span><br /><span style="font-family:宋体; font-size:9pt">无（</span><span
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[3].isHave ? '' : '√'}}</span><span
style="font-family:宋体; font-size:9pt">）</span></p>
style="font-family:宋体; font-size:9pt">{{planData.data.other.radiodata[3].isHave ? '' :
'√'}}</span><span style="font-family:宋体; font-size:9pt">）</span></p>
</td>
</tr>
<tr style="height:25.5pt">
@ -1961,7 +1972,8 @@
<td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:39.2pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">流量</span><span style="font-family:宋体; font-size:9pt">：</span><span
style="font-family:宋体; font-size:9pt">流量</span><span
style="font-family:宋体; font-size:9pt">：</span><span
style="font-family:'Times New Roman'; font-size:9pt">{{planData.data.other.listdata[1].data[2].value}}</span><span
style="font-family:'Times New Roman'; font-size:9pt">L/S</span></p>
</td>
@ -2083,7 +2095,8 @@
</td>
<td colspan="4"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:101.05pt">
<p style="margin:0pt; text-align:center"><span style="font-family:'Times New Roman'; font-size:9pt"></span>
<p style="margin:0pt; text-align:center"><span
style="font-family:'Times New Roman'; font-size:9pt"></span>
</p>
</td>
<td colspan="4"
@ -2182,9 +2195,12 @@
</tr>
</table>
</div>
</div>
<div class="formbox" *ngIf="index == 4">
<button nz-button nzType="primary" (click)="print()">打印表格</button>
<div id="xxx">
<iframe id="iframe1" style="display: none"></iframe>
<div id="tablebox3">
<p style="margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:'Times New Roman'; font-size:16pt; font-weight:bold">“</span><span
style="font-family:仿宋_GB2312; font-size:16pt; font-weight:bold">防消联勤</span><span

4
src/app/home/basic-info/unit-details/unit-details.component.scss
Unescape View File

@ -238,8 +238,8 @@
position: relative;
button{
position: absolute;
right: 80px;
top: 80px;
right: 15%;
top: 50px;
}
}
}

22
src/app/home/basic-info/unit-details/unit-details.component.ts
Unescape View File

@ -1509,5 +1509,27 @@ export class UnitDetailsComponent implements OnInit {
print() {
// console.log(1111111,$('#xxx'))
// $('#xxx').printArea()
const iframe: any = document.getElementById("iframe1");//获取iframe的window对象
const iwindow: any = iframe.contentWindow;
// iwindow.document.body.innerText = "";//先清空iframe原先的内容
const printhtml: any = window.document.getElementById('tablebox3');
if (iwindow.document.readyState == "complete") {
const stylArr: Array<any> = [];
Object.assign(stylArr, window.document.getElementsByTagName('style'));
// 内容加上去
iwindow.document.write(printhtml.innerHTML);
// 样式加上去
for (let i = 0; i < stylArr.length; i++) {
const style = document.createElement('style');
style.innerHTML = stylArr[i].innerHTML;
iwindow.document.getElementsByTagName("head")[0].appendChild(style);
}
}
iwindow.print();
iwindow.close();
}
download(type) {
type == 2 ? $("#tablebox").wordExport('演练卡') : $("#tablebox2").wordExport('数字化预案');
}
}

Write Preview
Loading…
Cancel
Save