| | |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="mt20"> |
| | | <el-button @click="handleEdit()" 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 /> |
| | |
| | | <span v-if="row.payType === 6">其他</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="payDateEnd" label="入账日期" show-overflow-tooltip /> |
| | | <el-table-column prop="actPayDate" label="入账日期" show-overflow-tooltip /> |
| | | <el-table-column prop="createDate" label="创建日期" show-overflow-tooltip /> |
| | | <el-table-column prop="realname" label="创建人" show-overflow-tooltip /> |
| | | <el-table-column label="状态" min-width="100" fixed="right" show-overflow-tooltip> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" min-width="190" fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text">查看详情</el-button> |
| | | <el-button type="text" @click="closeDW(row.id)">关闭流水</el-button> |
| | | <el-button type="text" @click="$refs.details.open('收支流水详情', row.id)">查看详情</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> |
| | | <div class="mt20"> |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | </div> |
| | | <Edit v-if="showEdit" ref="EditRef" @success="getList" @close="showEdit = false" /> |
| | | <!-- 详情 --> |
| | | <Details ref="details" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import Edit from './components/paymentsEdit.vue' |
| | | import Details from './components/details' |
| | | import { fetchList, close } from '@/api/ywContractRevenue' |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm, |
| | | Edit |
| | | Details |
| | | }, |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | showEdit: false, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | |
| | | 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)) |
| | | if (form && form.payDate && form.payDate.length > 0) { |
| | | form.payDateStart = form.payDate[0] |
| | | form.payDateEnd = form.payDate[1] |
| | | } |
| | | this.loading = true |
| | | fetchList({ |
| | | model: { |
| | | ...filters |
| | | ...form |
| | | }, |
| | | capacity: pagination.pageSize, |
| | | page: page || pagination.page, |
| | |
| | | }).catch(() => { |
| | | |
| | | }); |
| | | }, |
| | | handleEdit(row) { |
| | | this.showEdit = true |
| | | this.$nextTick(() => { |
| | | this.$refs.EditRef.isShowModal = true |
| | | if (row && row.id) { |
| | | this.$refs.EditRef.getDetail(row.id) |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | handleDel(row) { |
| | | let message = `确认删除该记录吗?` |