| | |
| | | <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 { fetchList } from '@/api/bill' |
| | | import BatchCall from './components/batchCall.vue' |
| | | import { fetchList } from '@/api/ywContractBill' |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | |
| | | 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 |