<template>
<div>
<TABLE border="0" class="table_box">
<!-- 公共拥有的头部 start -->
<THEAD style="display: table-header-group">
<TR style="page-break-inside: avoid">
<TH colspan="20" style="color: #000 !important; page-break-inside: avoid"> </TH
></TR>
</THEAD>
<!-- 公共拥有的尾部 end -->
<TBODY style="display: table-header-group">
<TR
><TD>
<table cellspacing="0" cellpadding="0" border="0" class="table_show">
<!-- 制单表头 >每页都展示 start -->
<thead style="font-size: 13px !important;}">
<tr class="tr_fist">
<td style="width: 80px">序号</td>
</tr>
</thead>
<tbody v-if="tablist.length">
<tr v-for="(item, index) in tablist" :key="index">
<td style="width: 80px">{{ index + 1 }}</td>
</tr>
</tbody>
<div v-if="!tablist.length" class="table-empty">
<span class="table-empty-text">暂无数据</span>
</div>
</table>
</TD></TR
>
</TBODY>
<!-- 公共拥有的尾部 start -->
<TFOOT style="display: table-footer-group">
<TR>
<TD colspan="2" align="center"> </TD>
</TR>
</TFOOT>
<!-- 公共拥有的尾部 end -->
</TABLE>
</div>
</template>