| | |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | prop="date" |
| | | prop="code" |
| | | label="账单编号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | label="实收/付金额"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="needReceivableFee" |
| | | label="需收/付金额"> |
| | | <template slot-scope="{row}"> |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-tag type="success" v-if="row.needReceivableFee > 0">收</el-tag> |
| | | <el-tag type="warning" v-if="row.needReceivableFee < 0">付</el-tag> |
| | | <span>{{Math.abs(row.needReceivableFee)}}</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="receivableFee" |
| | | prop="planPayDate" |
| | | label="应收/付日期"> |
| | | </el-table-column> |
| | | </el-table> |