| | |
| | | <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.feeType === 0">周期费用</span> |
| | | <span v-if="row.feeType === 1">一次性费用</span> |
| | | <span v-if="row.costType === 0">租赁费</span> |
| | | <span v-if="row.costType === 1">物业费</span> |
| | | <span v-if="row.costType === 2">租赁押金</span> |
| | | <span v-if="row.costType === 3">物业押金</span> |
| | | <span v-if="row.costType === 4">水电费</span> |
| | | <span v-if="row.costType === 5">杂项费</span> |
| | | <span v-if="row.costType === 6">其它</span> |
| | | <span v-if="row.costType === 7">保证金</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否逾期" min-width="100" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.isOverdue === 0">否</span> |
| | | <span v-if="row.isOverdue === 1">是</span> |
| | | <span v-if="row.isOverdue === 0">未逾期</span> |
| | | <span v-if="row.isOverdue === 1" style="color: red;">已逾期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="计费周期" min-width="100" show-overflow-tooltip> |
| | | <el-table-column label="计费周期" min-width="200" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | {{ row.startDate }} ~ {{ row.endDate }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="planPayDate" label="应收日期" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="createTime" label="账单来源" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="statusName" label="合同状态" min-width="100" fixed="right" 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> |
| | | <span v-if="row.type === 1">自建账单</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="账单状态" min-width="100" fixed="right" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.status === 0">开启</span> |
| | | <span v-if="row.status === 1" style="color: red;">关闭</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" min-width="120" fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="handleDetail(row)" icon="el-icon-edit" v-permissions="['business:category:update']">查看详情</el-button> |
| | |
| | | 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: '待退款' } |
| | | ] |
| | | }, |
| | | { |
| | |
| | | }, |
| | | getList (page) { |
| | | const { pagination, filters } = this |
| | | let form = JSON.parse(JSON.stringify(filters)) |
| | | if (form && form.selDate && form.selDate.length > 0) { |
| | | form.planPayDateStart = form.payDate[0] |
| | | form.planPayDateEnd = form.payDate[1] |
| | | } |
| | | this.loading = true |
| | | fetchList({ |
| | | model: { |