|  |  | 
 |  |  |                 <div class="tab" :class="{ active: billType === 1 }" @click="tabsClick(1)">逾期付款账单</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="btns"> | 
 |  |  |                 <el-button @click="$refs.call.open('批量催缴')">批量催缴</el-button> | 
 |  |  |                 <el-button :disabled="ids.length === 0" @click="batchCall">批量催缴</el-button> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <el-table v-loading="loading" :data="list" stripe> | 
 |  |  |         <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange" stripe> | 
 |  |  |             <el-table-column | 
 |  |  |                 type="selection" | 
 |  |  |                 width="55"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column prop="customerName" label="客户名称" min-width="100" show-overflow-tooltip /> | 
 |  |  |             <el-table-column label="房间" min-width="170" show-overflow-tooltip> | 
 |  |  |                 <template slot-scope="{row}"> | 
 |  |  | 
 |  |  |             </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> | 
 |  |  |                     <span v-if="row.isSendSms === 0">否</span> | 
 |  |  |                     <span v-if="row.isSendSms === 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> | 
 |  |  |                     <span v-if="row.isSendEmail === 0">否</span> | 
 |  |  |                     <span v-if="row.isSendEmail === 1">是</span> | 
 |  |  |                 </template> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column label="操作" min-width="120" fixed="right"> | 
 |  |  | 
 |  |  |         <Edit ref="EditRef" @success="getList" /> | 
 |  |  |         <Detail ref="DetailRef" @success="getList" /> | 
 |  |  |         <BullEditFu ref="BullEditFu" @success="getList" /> | 
 |  |  |         <Call ref="call" @success="getList" /> | 
 |  |  |         <BatchCall ref="batchCall" @success="getList" /> | 
 |  |  |     </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |   import Edit from './components/bullEdit.vue' | 
 |  |  |   import BullEditFu from './components/bullEditFu.vue' | 
 |  |  |   import Detail from './components/bullDetail.vue' | 
 |  |  |   import Call from './components/call.vue' | 
 |  |  |   import BatchCall from './components/batchCall.vue' | 
 |  |  |   import { fetchList } from '@/api/ywContractBill' | 
 |  |  |   export default { | 
 |  |  |     components: { | 
 |  |  | 
 |  |  |       Edit, | 
 |  |  |       Detail, | 
 |  |  |       BullEditFu, | 
 |  |  |       Call | 
 |  |  |       BatchCall | 
 |  |  |     }, | 
 |  |  |     data () { | 
 |  |  |       return { | 
 |  |  | 
 |  |  |           page: 1, | 
 |  |  |           total: 0 | 
 |  |  |         }, | 
 |  |  |         ids: [], | 
 |  |  |         billType: 0, | 
 |  |  |         filters: { | 
 |  |  |           status: 0 | 
 |  |  | 
 |  |  |       this.getList() | 
 |  |  |     }, | 
 |  |  |     methods: { | 
 |  |  |       batchCall() { | 
 |  |  |         if (!this.ids) return this.$message.warning('请先选择账单') | 
 |  |  |         this.$refs.batchCall.open('批量催缴', this.ids) | 
 |  |  |       }, | 
 |  |  |       handleSelectionChange(e) { | 
 |  |  |         this.ids = e.map(item => item.id) | 
 |  |  |       }, | 
 |  |  |       addOpen () { | 
 |  |  |         if (this.billType === 0) { | 
 |  |  |           this.$refs.EditRef.open('创建收款账单') | 
 |  |  | 
 |  |  |         }).then(res => { | 
 |  |  |           this.loading = false | 
 |  |  |           this.list = res.records || [] | 
 |  |  |           this.list.forEach(item => { | 
 |  |  |             item.statusName = item.status === 1 ? '损坏' : item.status === 2 ? '报废' : '正常' | 
 |  |  |           }) | 
 |  |  |           this.pagination.total = res.total || 0 | 
 |  |  |         }, () => { | 
 |  |  |           this.loading = false |