<template> <div> <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"> <table border="0" cellspacing="1" cellpadding="0" class="guideTotalDetailsTable" > <tr> <th>累计团数</th> <th>人数</th> <th>进店时间</th> <th>进店团号</th> <th>店名</th> <th>总金额</th> <th>司机佣金</th> <th>领队佣金</th> <th>导游佣金</th> <th>公司佣金</th> <th>凭证上传</th> <th>导游佣金调整后</th> <th>额外奖励</th> <th>其他扣除</th> <th>所得金额小计</th> <th>所得金额总计</th> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> </div> </div> </template> <script> </script> <style> .guideTotalDetailsTable{ background: #ccc; width: 100%;} .guideTotalDetailsTable tr th{background: #E6E6E6;height:40px; font-size: 12px; color: #333;} .guideTotalDetailsTable tr{background: #fff;text-align: center; height: 40px;} .guideTotalDetailsTable tr td{font-size: 12px;} .guideTotalDetailsTable tr td .pHouseStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px;} .guideTotalDetailsTable tr td .pHouseStyle:last-child{border-bottom: none;} .guideTotalDetailsTable tr td .pDateStyle{border-bottom: 1px solid #ccc; height: 20px; line-height: 20px; margin-top: 0;} .guideTotalDetailsTable tr td .pMsgStyle{; padding: 0 10px; line-height: 20px;} .guideTotalDetailsTable tr td .link p:hover{text-decoration: underline; cursor: pointer;} .guideTotalDetailsTable tr td .phoverStype:hover{text-decoration: underline; cursor: pointer;} </style>