|  |  |  | 
|---|
|  |  |  | v-permissions="['business:ywpatrolline:create']">新建</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-table v-loading="loading" :data="list" stripe> | 
|---|
|  |  |  | <el-table-column prop="code" label="收支条目" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="name" label="收款公司" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="" label="账户类型" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="modelNo" label="账户名称" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="realName" label="开户银行" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="realName" label="银行账号" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="title" label="收支条目" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="companyName" label="收款公司" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column label="账户类型" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template v-slot="{ row }"> | 
|---|
|  |  |  | <span v-if="row.type == 0">对公</span> | 
|---|
|  |  |  | <span v-if="row.type == 1">个人</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="账户名称" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="bankName" label="开户银行" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="bankNo" label="银行账号" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="status" label="状态" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"> | 
|---|
|  |  |  | <el-switch v-model="scope.row.status" @change="e => changeStatus(scope.row)" :active-value="0" | 
|---|
|  |  |  | :inactive-value="1"> | 
|---|
|  |  |  | </el-switch> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="handleEdit(row)" icon="el-icon-edit" | 
|---|
|  |  |  | v-permissions="['business:category:update']">编辑</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" | 
|---|
|  |  |  | <el-button type="text" @click="handleDel(row)" icon="el-icon-delete" | 
|---|
|  |  |  | v-permissions="['business:category:delete']">删除</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import Edit from './components/accountEdit.vue' | 
|---|
|  |  |  | import { companyGetList, deleteById } from '@/api/business/company' | 
|---|
|  |  |  | import { fetchList, updateById, deleteById } from '@/api/business/ywAccount' | 
|---|
|  |  |  | import { companyGetList } from '@/api/business/company' | 
|---|
|  |  |  | import { Message } from 'element-ui' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | 
|---|
|  |  |  | queryFormConfig: { | 
|---|
|  |  |  | formItems: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | filed: 'name', | 
|---|
|  |  |  | filed: 'title', | 
|---|
|  |  |  | type: 'input', | 
|---|
|  |  |  | label: '收支条目' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | filed: 'name', | 
|---|
|  |  |  | filed: 'companyId', | 
|---|
|  |  |  | type: 'select', | 
|---|
|  |  |  | label: '收款公司' | 
|---|
|  |  |  | label: '收款公司', | 
|---|
|  |  |  | labelCode: 'name', | 
|---|
|  |  |  | valueCode: 'id', | 
|---|
|  |  |  | options: [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | online: true | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { pagination, filters } = this | 
|---|
|  |  |  | this.loading = true | 
|---|
|  |  |  | companyGetList({ | 
|---|
|  |  |  | fetchList({ | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | ...filters, | 
|---|
|  |  |  | type: 2 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | capacity: pagination.pageSize, | 
|---|
|  |  |  | page: page || pagination.page, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeStatus(row) { | 
|---|
|  |  |  | updateById(row).then(res => { | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | Message.success('更新状态成功') | 
|---|
|  |  |  | }, () => { | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getCompany() { | 
|---|
|  |  |  | companyGetList({ | 
|---|
|  |  |  | model: { type: 2 }, | 
|---|
|  |  |  | capacity: 9999, | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.queryFormConfig.formItems[1].options = res.records || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEdit(row) { | 
|---|
|  |  |  | this.showEdit = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDel(row) { | 
|---|
|  |  |  | let message = `确认删除该记录吗?` | 
|---|
|  |  |  | let message = `确认删除该账户吗?` | 
|---|
|  |  |  | this.$dialog.deleteConfirm(message) | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.isWorking.delete = true | 
|---|
|  |  |  | deleteById(row.id) | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.$tip.apiSuccess('删除成功') | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | this.pagination.pageSize = capacity | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|