| | |
| | | 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() |
| | | } |
| | | } |
| | | } |