<div style="position:fixed;"> <a-button v-print="'#purchaseContractReport'" type="primary">打印</a-button> </div> <div id="purchaseContractReport"> <table border="1" style="width: 100%;margin: 0 auto;text-align: left;font-weight: bold"> <tr> <td>签订日期：{{ factoryItem.detail[0]['signingDate'] }}</td> </tr> <tr> <td>签订地点：成都市【青羊区】</td> </tr> </table> </div> <style media="print"> @page { size: auto; /* auto is the initial value */ margin: 3mm; /* this affects the margin in the printer settings */ } /*!*避免出现空白尾页*!*/ html,body,#app{ height: 98% !important; margin: 0px; padding: 0px; } </style> <style scoped lang="scss"> #purchaseContractReport { margin-left: auto; margin-right: 0; } </style> 以上是我打印报表的代码，但是打印出来的报表，上下左右的边框线都没有了，如何解决

这可能是由于打印机的边距设置引起的问题，您可以尝试在打印设置中调整边距，或者在CSS中添加以下代码来设置边距：

@media print {
  body {
    margin: 1cm;
  }
}

您可以将`1cm`替换为所需的边距大小。如果这不起作用，您可以尝试在CSS中添加以下代码来强制显示边框：

@media print {
  table, td {
    border: 1px solid black !important;
  }
}

这将在打印时将表格和单元格边框设置为1像素的黑色边框。如果您想要其他颜色或粗细，请相应调整样式。