網頁打印

            // 打印(先請求全部數據)
            printExpertFee(){
                let param = {
                    projectId:this.projectId
                };
                findExpertFees(param).then((res)=>{
                    const {code, data} = res;
                    console.log(data)
                    if (code === 200&&!!data){
                        let iframe = document.getElementById("print-iframe");
                        if(!iframe){
                            iframe = document.createElement('IFRAME');
                            iframe.setAttribute("id", "print-iframe");
                            iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:0px;top:0px;');
                            document.body.appendChild(iframe);
                            let bodyC = "<OBJECT classid=\"CLSID:8856F961-340A-11D0-A96B-00C04FD705A2\" height=0 id='wb' name=wb width=0></OBJECT><div id='printContent'></div>";
                            iframe.contentWindow.document.write(bodyC);
                        }
                        // 拼接表格
                        let printContent = "";
                        printContent+="<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" style=\"text-align: center;table-layout: fixed\">";
                        printContent+="<thead><tr style='height: 50px'><th>評委姓名</th><th>身份證號碼</th><th>銀行賬號</th><th>銀行名稱</th><th>簽到時間</th><th>角色</th><th>費用</th><th>備註</th></tr></thead>";
                        printContent+="<tbody>";
                        for(let obj of data){
                            let personType
                            if(obj.idCard===obj.winnerIdCard){
                                personType = '評委組長';
                            }else{
                                personType = '普通評委';
                            }
                            printContent+="<tr>";
                            printContent+="<td style=\"width: 80px;word-break: break-all;word-wrap: break-word;\">"+obj.personName+"</td>";
                            printContent+="<td style=\"width: 100px;word-break: break-all;word-wrap: break-word;\">"+obj.idCard+"</td>";
                            printContent+="<td style=\"width: 100px;word-break: break-all;word-wrap: break-word;\">"+obj.bankAccount+"</td>";
                            printContent+="<td style=\"width: 100px;word-break: break-all;word-wrap: break-word;\">"+obj.bankName+"</td>";
                            printContent+="<td style=\"width: 100px;word-break: break-all;word-wrap: break-word;\">"+obj.signTime+"</td>";
                            printContent+="<td style=\"width: 80px;word-break: break-all;word-wrap: break-word;\">"+personType+"</td>";
                            printContent+="<td style=\"width: 50px;word-break: break-all;word-wrap: break-word;\">"+obj.fee+"</td>";
                            printContent+="<td style=\"width: 100px;word-break: break-all;word-wrap: break-word;\">"+obj.feeRemark+"</td>";
                            printContent+="</tr>";
                        }
                        printContent+="</tbody>";
                        printContent+="</table>";
                        let doc = iframe.contentWindow.document;
                        doc.getElementById("printContent").innerHTML=printContent;
                        doc.close();
/*                        iframe.contentWindow.focus();
                        doc.getElementById("wb").execwb(6,2);*/
                        iframe.contentWindow.print();
                    }
                });
            },