|  |  |  | 
|---|
|  |  |  | <el-tag type="info" v-if="info.status === 3">退租结算中</el-tag> | 
|---|
|  |  |  | <el-tag type="info" v-if="info.status === 4">已退租</el-tag> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-button plain type="danger" v-if="[0, 1, 2].includes(info.status)" @click="refund">退租</el-button> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <el-button type="primary" @click="$refs.pendingBills.open('待处理账单', id)" v-if="info.status === 3">查看待处理账单</el-button> | 
|---|
|  |  |  | <el-button @click="$refs.terminationAgreement.open('退租协议', id)" v-if="[3,4].includes(info.status)">查看退租协议</el-button> | 
|---|
|  |  |  | <el-button plain type="danger" v-if="[0, 1, 2].includes(info.status)" @click="refund">退租</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="remark" v-if="info">{{info.remark}}</div> | 
|---|
|  |  |  | <div class="remark" v-if="info && info.status === 3">{{info.btRemark}}</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | v-loading="loading" | 
|---|
|  |  |  | style="width: 100%"> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | width="150" | 
|---|
|  |  |  | label="账单编号"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="openBill(row.id)">{{row.code}}</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="费用类型"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.costType === 0">租赁费</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | label="账单来源"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.type === 0">合同账单</span> | 
|---|
|  |  |  | <span v-if="row.type === 1">自建账单</span> | 
|---|
|  |  |  | <span v-else>自建账单</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--  退租  --> | 
|---|
|  |  |  | <TerminateLease ref="terminateLease" @success="getData" /> | 
|---|
|  |  |  | <!--  待处理账单  --> | 
|---|
|  |  |  | <PendingBills ref="pendingBills" /> | 
|---|
|  |  |  | <!--  退租协议  --> | 
|---|
|  |  |  | <TerminationAgreement ref="terminationAgreement" /> | 
|---|
|  |  |  | <!--  账单详情  --> | 
|---|
|  |  |  | <BullDetail ref="bullDetail" /> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import TerminateLease from './terminateLease' | 
|---|
|  |  |  | import PendingBills from './pendingBills' | 
|---|
|  |  |  | import TerminationAgreement from './terminationAgreement' | 
|---|
|  |  |  | import BullDetail from '../../finance/components/bullDetail' | 
|---|
|  |  |  | import { getById } from '@/api/contract' | 
|---|
|  |  |  | import { fetchList } from '@/api/bill' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow, | 
|---|
|  |  |  | TerminateLease | 
|---|
|  |  |  | TerminateLease, | 
|---|
|  |  |  | PendingBills, | 
|---|
|  |  |  | TerminationAgreement, | 
|---|
|  |  |  | BullDetail | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | loading: false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | xiazai (url) { | 
|---|
|  |  |  | window.open(url) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | openBill(id) { | 
|---|
|  |  |  | this.$refs.bullDetail.open('账单详情', id) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | returnUnit (type) { | 
|---|
|  |  |  | switch (type) { | 
|---|
|  |  |  | case 0: | 
|---|