Calculation/app/view/payment/detail.ejs

<script type="text/javascript" src="/public/jspdf/jspdf.min.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_public.js"></script>
<script type="text/javascript" src="/public/js/common_ajax.js"></script>
<script type="text/javascript" src="/public/report/js/jpc_output_value_define.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_signature.js"></script>
<script type="text/javascript" src="/public/report/js/jpc_output.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_move_signature.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_jspdf.js"></script>

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between">
            <div><a href="payment-approval-detail.html"><i class="fa fa-chevron-left mr-2"></i></a>土建01标 / 报表2 / YFK 003</div>
            <div>
                <a href="#add-lot" data-toggle="modal" data-target="#add-lot" class="btn btn-sm btn-warning pull-right">审批退回</a>
                <a href="#add-lot" data-toggle="modal" data-target="#add-lot" class="btn btn-sm btn-success pull-right mr-2">审批通过</a>
                <a href="#add-lot" data-toggle="modal" data-target="#add-lot" class="btn btn-sm btn-primary pull-right mr-2">上报审批</a>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="row m-0 my-3">
                    <div class="col-6">
                        <form>
                            <h5>表头内容</h5>
                            <div class="form-group">
                                <label>编号：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>合同号：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>工程名称：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>项目公司名称：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>合同价款：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>已付价款：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>结算价款：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <h5>表单内容</h5>
                            <div class="form-group">
                                <label>单位名称：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>申请内容及金额：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>开票或者收据编号：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>开户银行：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>账号：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label>联系电话：</label>
                                <input type="text" class="form-control form-control-sm" placeholder="请输入">
                            </div>
                        </form>
                    </div>
                    <div class="col-6">
                        <div class="d-flex flex-row">
                            <a href="#" class="mr-2" >刷新</a>
                            <a href="javascript: void(0);" class="mr-2"  onclick="auditRptPrintHelper.directPDF()">导出pdf</a>
                            <a href="javascript: void(0);" onclick="auditRptPrintHelper.directPrint()">打印</a>
                        </div>
                        <div align="center">
                            <canvas id="auditRptCanvas" height="820" width="920"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    let tesRpttData = {
        "control_collection": {
            "Default": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "left",
                "Vertical": "bottom",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Title": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "center",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Header": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "left",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Header_Right": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Footer": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "left",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Footer_Right": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Column": {
                "Shrink": "F",
                "ShowZero": "F",
                "Horizon": "center",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Column_Left": {
                "Shrink": "F",
                "ShowZero": "F",
                "Horizon": "left",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Column_Right": {
                "Shrink": "F",
                "ShowZero": "F",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "F"
            },
            "Content_Left": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "left",
                "Vertical": "bottom",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Content_Right": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "right",
                "Vertical": "bottom",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Content_Center": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "center",
                "Vertical": "bottom",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "NewContent_Left": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "left",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "NewContent_Right": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "NewContent_Center": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "center",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Currency": {
                "Shrink": "T",
                "ShowZero": "F",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "F",
                "ShrinkFirst": "T",
                "CloseOutput": "F"
            },
            "Left_Top": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "left",
                "Vertical": "top",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Center_Top": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "center",
                "Vertical": "top",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Right_Top": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "right",
                "Vertical": "top",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Left_Center": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "left",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Center_Center": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "center",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            },
            "Right_Center": {
                "Shrink": "F",
                "ShowZero": "T",
                "Horizon": "right",
                "Vertical": "center",
                "Wrap": "T",
                "ShrinkFirst": "F",
                "CloseOutput": "T"
            }
        },
        "style_collection": {
            "Default_None": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Default": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Default_Normal": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_Underline": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_Left": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_Right": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_Top": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_LeftTop": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_LeftBottom": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_RightTop": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_RightBottom": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_TopBottom": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_TopCover": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_BottomCover": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_LeftCover": {
                "Left": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "Label_RightCover": {
                "Left": {
                    "LineWeight": "0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "1",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            },
            "BORDER_ALL_AROUND": {
                "Left": {
                    "LineWeight": "2.0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Right": {
                    "LineWeight": "2.0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Top": {
                    "LineWeight": "2.0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                },
                "Bottom": {
                    "LineWeight": "2.0",
                    "DashStyle": "SOLID",
                    "Color": "BLACK"
                }
            }
        },
        "font_collection": {
            "ReportTitle_Main": {
                "Name": "宋体",
                "FontHeight": "32",
                "FontColor": "BLACK",
                "FontBold": "T",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "ReportTitle_Vice_1": {
                "Name": "宋体",
                "FontHeight": "22",
                "FontColor": "BLACK",
                "FontBold": "T",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "ReportTitle_Vice_2": {
                "Name": "宋体",
                "FontHeight": "18",
                "FontColor": "BLACK",
                "FontBold": "T",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "HeaderColumn": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "Header": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "FooterColumn": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "Footer": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "GrandTotal": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "SectionTotal": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "Content": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "Content_Narrow": {
                "Name": "Arial Narrow",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "0"
            },
            "Header_V1": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "90"
            },
            "Header_V2": {
                "Name": "宋体",
                "FontHeight": "12",
                "FontColor": "BLACK",
                "FontBold": "F",
                "FontItalic": "F",
                "FontUnderline": "F",
                "FontStrikeOut": "F",
                "FontAngle": "-90"
            }
        },
        "打印页面_信息": {
            "报表名称": "测试报表",
            "纸张宽高": [8.27, 11.69],
            "页边距": {
                "Top": "1.0",
                "Left": 1.2,
                "Right": 1.2,
                "Bottom": "1.0"
            }
        },
        "items": [{
            "page_seq": 1,
            "cells": [{
                "font": "ReportTitle_Main",
                "control": "Column",
                "style": "Default_None",
                "Value": "工程结算款支付申请单",
                "area": {
                    "Left": 45,
                    "Right": 749,
                    "Top": 38,
                    "Bottom": 88
                }
            }, {
                "font": "ReportTitle_Vice_1",
                "control": "Column",
                "style": "Default_None",
                "Value": "余姚市交通运输局",
                "area": {
                    "Left": 45,
                    "Right": 749,
                    "Top": 88,
                    "Bottom": 123
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "编号：",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 123,
                    "Bottom": 146
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "工程名称:",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 123,
                    "Bottom": 146
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "          合同价款:",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 123,
                    "Bottom": 146
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "结算价款:",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 123,
                    "Bottom": 146
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "合同号:",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 146,
                    "Bottom": 168
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "项目公司名称:",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 146,
                    "Bottom": 168
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "已付价款:",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 146,
                    "Bottom": 168
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_None",
                "Value": "备注:适用于采购、测绘、察、设计、监理、造价咨询(招标代理)费用支出。",
                "area": {
                    "Left": 45,
                    "Right": 749,
                    "Top": 1046,
                    "Bottom": 1084
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "内容(意见)栏",
                "area": {
                    "Left": 222,
                    "Right": 570,
                    "Top": 168,
                    "Bottom": 214
                }
            }, {
                "font": "Content",
                "control": "NewContent_Center",
                "style": "Default_Normal",
                "Value": "承包单位|(由单位申请并盖章)",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 214,
                    "Bottom": 489
                }
            }, {
                "font": "Content",
                "control": "Left_Top",
                "style": "Default_Normal",
                "Value": "项目负责人或项目总监：",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 214,
                    "Bottom": 489
                }
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "人民币 (大写) :元整_￥:77479.00 元",
                "area": {
                    "Left": 45,
                    "Right": 749,
                    "Top": 856,
                    "Bottom": 985
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "单位",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 168,
                    "Bottom": 214
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "签字栏",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 168,
                    "Bottom": 214
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "单位名称",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 214,
                    "Bottom": 260
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "申请内容及金额:",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 260,
                    "Bottom": 305
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "发票或收据编号:",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 305,
                    "Bottom": 351
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "开户银行",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 351,
                    "Bottom": 397
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "账号",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 397,
                    "Bottom": 443
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "联系电话",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 443,
                    "Bottom": 489
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "监理公司|（总监或总监代表）|（审核意见）",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 489,
                    "Bottom": 551
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 489,
                    "Bottom": 551
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 489,
                    "Bottom": 551
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 489,
                    "Bottom": 551
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "造价咨询单位|（项目负责人）|（审核意见）",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 551,
                    "Bottom": 612
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 551,
                    "Bottom": 612
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 551,
                    "Bottom": 612
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 551,
                    "Bottom": 612
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "经办人|审核意见",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 612,
                    "Bottom": 674
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 612,
                    "Bottom": 674
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 612,
                    "Bottom": 674
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 612,
                    "Bottom": 674
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "合同管理人|审核意见",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 674,
                    "Bottom": 733
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 674,
                    "Bottom": 733
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 674,
                    "Bottom": 733
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 674,
                    "Bottom": 733
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "相关科室负责人|审核意见",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 733,
                    "Bottom": 795
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 733,
                    "Bottom": 795
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 733,
                    "Bottom": 795
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 733,
                    "Bottom": 795
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "计划财务科科长|审核意见",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 795,
                    "Bottom": 856
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 795,
                    "Bottom": 856
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 795,
                    "Bottom": 856
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 795,
                    "Bottom": 856
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "分管领导审核意见",
                "area": {
                    "Left": 45,
                    "Right": 222,
                    "Top": 985,
                    "Bottom": 1046
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 222,
                    "Right": 336,
                    "Top": 985,
                    "Bottom": 1046
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 985,
                    "Bottom": 1046
                }
            }, {
                "font": "Content",
                "control": "Column",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 570,
                    "Right": 749,
                    "Top": 985,
                    "Bottom": 1046
                }
            }
            ],
            "interact_cells": [{
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 214,
                    "Bottom": 260
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_text"
            }, {
                "font": "Content",
                "control": "Default",
                "style": "Default_None",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 260,
                    "Bottom": 305
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_number"
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 305,
                    "Bottom": 351
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_text"
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 351,
                    "Bottom": 397
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_text"
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 397,
                    "Bottom": 443
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_text"
            }, {
                "font": "Content",
                "control": "Column_Left",
                "style": "Default_Normal",
                "Value": "",
                "area": {
                    "Left": 336,
                    "Right": 570,
                    "Top": 443,
                    "Bottom": 489
                },
                "BandName": "ContentBand",
                "DataType": "intact_type_text"
            }
            ],
            "page_merge_border": {
                "Left": 45,
                "Right": 749,
                "Top": 168,
                "Bottom": 1046
            },
            "signature_cells": [],
            "signature_date_cells": [],
            "signature_audit_cells": []
        }
        ],
        "MergeBand": {
            "Left": 45,
            "Right": 749,
            "Top": 168,
            "Bottom": 1046,
            "style": {
                "ID": "BORDER_ALL_AROUND",
                "CfgDispName": "报表边框",
                "border_style": [{
                    "Color": "BLACK",
                    "Position": "Left",
                    "DashStyle": "SOLID",
                    "LineWeight": "2.0"
                }, {
                    "Color": "BLACK",
                    "Position": "Right",
                    "DashStyle": "SOLID",
                    "LineWeight": "2.0"
                }, {
                    "Color": "BLACK",
                    "Position": "Top",
                    "DashStyle": "SOLID",
                    "LineWeight": "2.0"
                }, {
                    "Color": "BLACK",
                    "Position": "Bottom",
                    "DashStyle": "SOLID",
                    "LineWeight": "2.0"
                }
                ]
            }
        }
    };

    const SCREEN_DPI = [];
    const PAGE_SHOW = {closeWaterMark: 1};
    const current_stage_status = -1;
    const VIEW_CANVAS = document.getElementById("auditRptCanvas");
    const CUST_CFG = {
        "fonts": [
            {
                "ID": "ReportTitle_Main",
                "Name": "宋体",
                "FontBold": "T",
                "FontHeight": 32,
                "FontItalic": "F",
                "CfgDispName": "表标题",
                "FontUnderline": "F"
            },
            {
                "ID": "Column",
                "Name": "宋体",
                "FontBold": "F",
                "FontHeight": 12,
                "FontItalic": "F",
                "CfgDispName": "列标题",
                "FontUnderline": "F"
            },
            {
                "ID": "Content",
                "Name": "宋体",
                "FontBold": "F",
                "FontHeight": 12,
                "FontItalic": "F",
                "CfgDispName": "正文内容",
                "FontUnderline": "F"
            },
            {
                "ID": "Total",
                "Name": "宋体",
                "FontBold": "F",
                "FontHeight": 12,
                "FontItalic": "F",
                "CfgDispName": "合计",
                "FontUnderline": "F"
            },
            {
                "ID": "Header",
                "Name": "宋体",
                "FontBold": "F",
                "FontHeight": 12,
                "FontItalic": "F",
                "CfgDispName": "表眉/表脚",
                "FontUnderline": "F"
            }
        ],
        "margins": {
            "Top": 12,
            "Left": 15,
            "Right": 15,
            "Bottom": 15
        },
        "fillZero": false,
        "isNarrow": false,
        "borderThick": 2,
        "showVerticalLine": true,
        "closeWarterMark": false,
        "continuousOutput": true
    }

    let zTreeOprObj = {
        _chkPrePayStatus: function() {
            return -1;
        }
    };

    let rptTplObj = {
        pdfFont: {'SmartSimsun': [], 'simhei': [], 'simkai': []},
        isLoading: false,
    };

    let auditRptPrintHelper = {
        currentPageData: null,
        currentDownloadIdx: 0,
        showPage: function() {
            JpcCanvasOutput.cleanCanvas(VIEW_CANVAS);
            JpcCanvasOutput.drawPageBorder(tesRpttData, VIEW_CANVAS, getScreenDPI());
            JpcCanvasOutput.drawToCanvas(tesRpttData, VIEW_CANVAS, 1);
        },
        directPrint: function() {
            sessionStorage.report_direct_data = JSON.stringify(tesRpttData);
            sessionStorage.closeWaterMark = 1;
            sessionStorage.pageSize = 'A4';
            window.open('/printReport/A4');
        },
        directPDF: function() {
            if (rptTplObj.pdfFont['SmartSimsun'].length === 2) {
                downloadPDFReport([tesRpttData], 'A4', ['测试审核表'], [], [], [-1], []);
            } else {
                dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-normal2.js', 'normal', getPdfFontCallback);
                dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-bold.js', 'bold', getPdfFontCallback);
            }
        },
    };
    $(document).ready(() => {
        autoFlashHeight();
        auditRptPrintHelper.showPage();
        iniPage();
    });
    function downloadPDFReport(pageDataArr, pageSize, rpt_names, signatureRelArr, signatureRelInfo, refRptTplIds, STAGE_AUDIT) {
        auditRptPrintHelper.currentDownloadIdx = 0;
        const private_download = function(newPageDataArr, new_rpt_names) {
            if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) {
                let singleSignatureRelArr = [];
                for (let rIdx = 0; rIdx < signatureRelInfo.length; rIdx++) {
                    let rptId = refRptTplIds[auditRptPrintHelper.currentDownloadIdx];
                    if (signatureRelInfo[rIdx].rpt_id === rptId) {
                        singleSignatureRelArr = signatureRelArr[rIdx]; // 有些报表可能没有签名
                        break;
                    }
                }
                let pageData = newPageDataArr[auditRptPrintHelper.currentDownloadIdx];
                let rptName = new_rpt_names[auditRptPrintHelper.currentDownloadIdx];
                auditRptPrintHelper.currentDownloadIdx++;
                JpcJsPDFHelper.outputAsPdf(pageData, pageSize, rptName, singleSignatureRelArr, STAGE_AUDIT); // 精确控制签名
                if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) setTimeout(private_download(newPageDataArr, new_rpt_names), 2000);
            }
        };
        // 导出PDF真实优化代码
        let picPaths = [], dummyPicAmt = 0, dummyCells = [], dupPicPath = [], dupPicCell = [];
        // 1. 先找有没有dummy
        for (let pageData of pageDataArr) {
            for (let page of pageData.items) {
                for (let dCell of page.signature_cells) {
                    if (dCell.signature_name.indexOf('dummy_pic') >= 0) {
                        let picIdx = picPaths.indexOf(dCell.path);
                        if (picIdx < 0) {
                            picPaths.push(dCell.path);
                            dummyCells.push(dCell);
                            dummyPicAmt++;
                        } else {
                            let dPicIdx = dupPicPath.indexOf(dCell.path);
                            if (dPicIdx < 0) {
                                dupPicPath.push(dCell.path);
                                dupPicCell.push([]);
                                dPicIdx = dupPicPath.length - 1;
                            }
                            dupPicCell[dPicIdx].push(dCell);
                        }
                    }
                }
            }
        }
        if (dummyPicAmt > 0) {
            // 2. 有则一个个请求下载图片，下载完后统一导出PDF
            $.bootstrapLoading.start();
            let handledAmt = 0, exceptionAmt = 0;
            for (let pIdx = 0; pIdx < dummyCells.length; pIdx++) {
                let dCell = dummyCells[pIdx];
                getBlobPublic(dCell.path).then(blob => {
                    if (blob === 'not found!') {
                        exceptionAmt++;
                        if ((handledAmt + exceptionAmt) === dummyPicAmt) {
                            $.bootstrapLoading.end();
                            private_download(pageDataArr, rpt_names);
                        }
                    } else {
                        let oFileReader = new FileReader();
                        oFileReader.onloadend = function (e) {
                            let base64 = e.target.result;
                            dCell.pic = base64;
                            handledAmt++;
                            let pPathIdx = dupPicPath.indexOf(dCell.path);
                            if (pPathIdx >= 0) {
                                for (let dupCell of dupPicCell[pPathIdx]) {
                                    dupCell.pic = base64;
                                }
                            }
                            // console.log(`已处理草图: ${handledAmt}`);
                            if ((handledAmt + exceptionAmt) === dummyPicAmt) {
                                $.bootstrapLoading.end();
                                private_download(pageDataArr, rpt_names);
                            }
                        };
                        oFileReader.readAsDataURL(blob);
                    }
                });
            }
        } else {
            // 3. 无则普通导出
            private_download(pageDataArr, rpt_names);
        }
        //*/
    }
    function iniPage() {
        dynamicLoadJs('/public/jspdf/Arial Narrow-normal.js');
        dynamicLoadJs('/public/jspdf/Arial Narrow-bold.js');
        dynamicLoadJs('/public/jspdf/Arial Narrow-italic.js');
        dynamicLoadJs('/public/jspdf/Arial Narrow-bolditalic.js');

        rptTplObj.isLoading = true;
        dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-normal2.js', 'normal', getPdfFontCallbackLight);
        dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-bold.js', 'bold', getPdfFontCallbackLight);
    }
    function getPdfFontCallbackLight(fontProperty) {
        rptTplObj.pdfFont['SmartSimsun'].push(fontProperty);
        if (rptTplObj.pdfFont['SmartSimsun'].length === 2) {
            rptTplObj.isLoading = false;
        }
    }
    function getPdfFontCallback(fontProperty) {
        if (rptTplObj.pdfFont['SmartSimsun'].length === 2) {
            downloadPDFReport([tesRpttData], 'A4', ['测试审核表'], [], [], [-1], []);
        }
    }
</script>