console
const data = {
"hos_code": "1000021252",
"begin_date": "2025-05-01 00:00:00",
"end_date": "2025-05-31 23:59:00",
"绩效数据": [{
"姓名": "史梦茹",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "吕秋楠",
"门诊挂号量": 6,
"住院人数": 0,
"开立总处方数": 187,
"输液费": 0,
"开处方总价格": 4072.51,
"诊查费金额": 403,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 80.6,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "屈慧",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "常晓雪",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "张志军",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "扈韦唯",
"门诊挂号量": 4,
"住院人数": 3,
"开立总处方数": 115,
"输液费": 0,
"开处方总价格": 2940.33,
"诊查费金额": 260,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 22.2,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "李新亮",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "杜改莲",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "杨浩",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "武俊英",
"门诊挂号量": 10,
"住院人数": 0,
"开立总处方数": 130,
"输液费": 0,
"开处方总价格": 3398.91,
"诊查费金额": 312,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 27.9,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "王勇",
"门诊挂号量": 14,
"住院人数": 0,
"开立总处方数": 327,
"输液费": 0,
"开处方总价格": 11846.01,
"诊查费金额": 791,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 580.2,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "王宁",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "王燕飞",
"门诊挂号量": 426,
"住院人数": 0,
"开立总处方数": 13,
"输液费": 0,
"开处方总价格": -584.45,
"诊查费金额": -30,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "管理员",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "莫尔根",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "贺积山",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 141,
"输液费": 0,
"开处方总价格": 15389.09,
"诊查费金额": 504,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 105.3,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 1,
"b超数量": 0
}, {
"姓名": "郝永祥",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "银瑞卓",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}, {
"姓名": "银锐锋 ",
"门诊挂号量": 0,
"住院人数": 0,
"开立总处方数": 0,
"输液费": 0,
"开处方总价格": 0,
"诊查费金额": 0,
"按摩金额": 0,
"火罐金额": 0,
"针灸金额": 0,
"治疗金额": 0,
"心电图数量": 0,
"dr数量": 0,
"化验数量": 0,
"b超数量": 0
}]
}
const readerHtml = window.template.render(document.getElementById('temp').innerHTML, data)
document.getElementById('render').innerHTML = readerHtml
<div>
<div id="temp" style="display:none;">
<div style="width: 297mm; height: 100%;">
<div style="width: 100%; padding: 10pt 0; box-sizing: border-box; user-select: none;">
<div style="text-align: center; font-size: 13pt; font-weight: bold; user-select: none;">医保数据统计表</div>
<div style="margin-top: 7pt;font-size: 10pt; ">
<span>医疗类别: </span><span style="font-size: 13.3333px; font-weight: 600; text-align: start;">{{med_type_name}}</span>
<span>医保费别: </span><span style="font-size: 13.3333px; font-weight: 600; text-align: start;">{{pact_name}}</span>
<span>职工城乡: </span><span style="font-size: 13.3333px; font-weight: 600; text-align: start;">{{insutype_name}}</span>
<span>日结时间: </span><span style="font-size: 13.3333px; font-weight: 600; text-align: start;">{{begin_date}}</span><span style="">至 </span><span style="font-size: 13.3333px;"><strong>{{end_date}}</strong></span>
<span>单位: </span><span style="font-size: 13.3333px; font-weight: 600; text-align: start;">元</span>
</div>
</div>
<div style="width: 100%; display: flex; flex-wrap: wrap; user-select: none;">
<table style="width: 100%; border: 2pt solid #000; border-collapse: collapse;font-size: 10pt;">
<tbody>
<tr>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">序号</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">病人</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">身份证号</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">病种信息</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">统筹支付</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">现金支付</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">账户支付</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">医疗总费用</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">结算日期</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">医疗类别</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">职工城乡</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">医疗救助</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">居民大病</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">职工大额</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">共济支出</td>
</tr>
<tr>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 10mm;text-align:center">{{index+1}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.病人}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">{{$value.身份证号}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt;">{{$value.病种信息}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.统筹支付}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.现金支付}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.账户支付}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 18mm;">{{$value.医疗总费用}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 22mm;">{{$value.结算日期}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.医疗类型}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.职工城乡}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.医疗救助}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.居民大病}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.职工大额}}</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; width: 16mm;">{{$value.共济支出}}</td>
</tr>
<tr>
<td colspan="4" style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">合计</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">176.22</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">169.79</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">1133.49</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;"></td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;"></td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;"></td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;"></td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">0</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">0</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">0</td>
<td style=" font-weight: bold; border: 1pt solid #000000; padding: 2pt; text-align: center;">0</td>
</tr>
<tr>
<td colspan="7" style=" font-weight: bold; padding: 2pt; text-align: left;">制表人：{{userName}}</td>
<td colspan="8" style=" font-weight: bold; padding: 2pt; text-align: right;">制单时间：{{dateNow}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="render">
</div>
</div>