|  |  |  | 
|---|
|  |  |  | <div class="main_app"> | 
|---|
|  |  |  | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> | 
|---|
|  |  |  | <div class="mt20"> | 
|---|
|  |  |  | <!--      <el-button v-permissions="['business:ywpatrolline:create']">导出</el-button>--> | 
|---|
|  |  |  | <!--      <el-button v-permissions="['business:ywpatrolline:create']">导出</el-button>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-table v-loading="loading" :data="list" stripe> | 
|---|
|  |  |  | <el-table-column prop="customerName" label="客户名称" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column label="房号" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <div style="display: flex; flex-direction: column;" v-if="row.roomPathName"> | 
|---|
|  |  |  | <span v-for="(item, index) in row.roomPathName.split(';')" :key="index">{{item}}</span> | 
|---|
|  |  |  | <span v-for="(item, index) in row.roomPathName.split(';')" :key="index">{{ item }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column label="操作" min-width="190" fixed="right"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.details.open('收支流水详情', row.id)">查看详情</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="closeDW(row.id)" v-if="row.status !== 1 || !['3','4'].includes(row.contractStatus)">关闭流水</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="closeDW(row.id)" v-if="isShow(row.status, row.contractStatus)">关闭流水</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | isShow(status, contractStatus) { | 
|---|
|  |  |  | if (status === 1) return false | 
|---|
|  |  |  | if (contractStatus === '3' || contractStatus === '4') return false | 
|---|
|  |  |  | return true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { pagination, filters } = this | 
|---|
|  |  |  | let form = JSON.parse(JSON.stringify(filters)) | 
|---|
|  |  |  | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | closeDW (id) { | 
|---|
|  |  |  | closeDW(id) { | 
|---|
|  |  |  | this.$confirm('确认关闭此流水吗?', '提示', { | 
|---|
|  |  |  | confirmButtonText: '确定', | 
|---|
|  |  |  | cancelButtonText: '取消', | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }).catch(() => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDel(row) { | 
|---|
|  |  |  | let message = `确认删除该记录吗?` | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | this.pagination.pageSize = capacity | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|