|  |  | 
 |  |  |       <div class="btns"> | 
 |  |  |         <el-button type="primary" @click="addOpen" icon="el-icon-plus" | 
 |  |  |           v-permissions="['business:ywpatrolline:create']">新建</el-button> | 
 |  |  |         <el-button @click="handleDetail" v-permissions="['business:ywpatrolline:create']">导出</el-button> | 
 |  |  | <!--        <el-button @click="handleDetail" v-permissions="['business:ywpatrolline:create']">导出</el-button>--> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <el-table v-loading="loading" :data="list" stripe> | 
 |  |  | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column prop="totleFee" label="账单金额" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="receivableFee" label="应收金额" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="actReceivableFee" label="实收金额" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="needReceivableFee" label="需收金额" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="receivableFee" :label="`应${billType === 0 ? '收' : '付'}金额`" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="actReceivableFee" :label="`实${billType === 0 ? '收' : '付'}金额`" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column :label="`需收/付金额`" min-width="100" show-overflow-tooltip> | 
 |  |  |         <template slot-scope="{row}"> | 
 |  |  |           {{Math.abs(row.needReceivableFee)}} | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column label="费用类型" min-width="100" show-overflow-tooltip> | 
 |  |  |         <template slot-scope="{row}"> | 
 |  |  |           <span v-if="row.costType === 0">租赁费</span> | 
 |  |  | 
 |  |  |           {{ row.startDate }} ~ {{ row.endDate }} | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column prop="planPayDate" label="应收日期" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="planPayDate" :label="`应${billType === 0 ? '收' : '付'}日期`" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column label="账单来源" min-width="100" show-overflow-tooltip> | 
 |  |  |         <template slot-scope="{row}"> | 
 |  |  |           <span v-if="row.type === 0">合同账单</span> | 
 |  |  | 
 |  |  |             label: '客户名称' | 
 |  |  |           }, | 
 |  |  |           { | 
 |  |  |             filed: 'contractCode', | 
 |  |  |             type: 'input', | 
 |  |  |             label: '合同编号' | 
 |  |  |           }, | 
 |  |  |           { | 
 |  |  |             filed: 'status', | 
 |  |  |             type: 'select', | 
 |  |  |             label: '账单状态', | 
 |  |  | 
 |  |  |             label: '结清状态', | 
 |  |  |             options: [ | 
 |  |  |               { value: 0, label: '待收款' }, | 
 |  |  |               { value: 1, label: '已结算' }, | 
 |  |  |               { value: 1, label: '已结清' }, | 
 |  |  |               { value: 2, label: '部分结清' }, | 
 |  |  |               { value: 3, label: '待退款' }, | 
 |  |  |               { value: 4, label: '待付款' } | 
 |  |  |               { value: 3, label: '待付款' }, | 
 |  |  |               { value: 4, label: '待退款' } | 
 |  |  |             ] | 
 |  |  |           }, | 
 |  |  |           { |