| | |
| | | </el-input> |
| | | </div> |
| | | </div> |
| | | <div style="height: calc(100vh - 208px)"> |
| | | <div style="height: calc(100vh - 158px)"> |
| | | <el-table |
| | | v-loading="listLoading" |
| | | :data="list" |
| | |
| | | <el-table-column label="学员" prop="playerBaseInfo.name"> |
| | | </el-table-column> |
| | | <el-table-column label="电话" prop="mobile"> </el-table-column> |
| | | <el-table-column label="购买方式" width="200" prop="payType"> |
| | | <el-table-column label="购买方式" prop="payType"> |
| | | <template slot-scope="scope"> |
| | | {{ |
| | | scope.row.payType == 'DIRECT' |
| | |
| | | </el-table-column> |
| | | <el-table-column label="实际缴费" width="80" prop="amt"> |
| | | </el-table-column> |
| | | <el-table-column label="订单时间" width="200" prop="createTime"> |
| | | <el-table-column label="订单时间" width="180" prop="createTime"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="200"> |
| | | <el-table-column label="操作" width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-link |
| | | @click="handlePrint(scope.row)" |
| | |
| | | <td>${o.qty} </td> |
| | | <td> ${o.giftQty || 0}</td> |
| | | <td>${o.amt}</td> |
| | | <td>${row.saleStaff.name} </td> |
| | | <td>${row.saleStaff ? row.saleStaff.name : ''} </td> |
| | | </tr>`; |
| | | }); |
| | | |
| | |
| | | <h2 style="text-align: center;">${orgName}缴费收据 </h2> |
| | | <div> 订单号:${row.number}</div> |
| | | <div class="div-2-column"> |
| | | <div> 学员姓名:<u>${row.playerBaseInfo ? row.playerBaseInfo.name : "" |
| | | <div> 学员姓名:<u>${row.playerBaseInfo ? (row.playerBaseInfo.name||'') : "" |
| | | }</u> </div> |
| | | <div>联系电话:<u>${row.mobile || "未录入"} </u></div> |
| | | </div> |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | #print-container { |
| | | display: none; |
| | | } |
| | | @media print { |
| | | body > :not(.print-container) { |
| | | display: none; |
| | | } |
| | | html, |
| | | body { |
| | | display: block !important; |
| | | } |
| | | #print-container { |
| | | display: block; |
| | | } |
| | | } |
| | | @page { |
| | | margin-top: 0; |
| | | margin-bottom: 0; |
| | | } |
| | | .div-2-column { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | } |
| | | .m-h2 { |
| | | text-align: center; |
| | | font-size: 1.17em; |
| | | margin-top: 50px; |
| | | font-weight: bold; |
| | | } |
| | | #tr { |
| | | height: 30px; |
| | | } |
| | | .txt-center { |
| | | text-align: center; |
| | | } |
| | | </style> |