|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <GlobalWindow :title="param.id ? '编辑公司' : '新建公司'" :confirmWorking="subLoading" :visible.sync="isShowModal" | 
|---|
|  |  |  | <GlobalWindow :title="param.id ? '编辑账户' : '新建账户'" :confirmWorking="subLoading" :visible.sync="isShowModal" | 
|---|
|  |  |  | width="600px" @close="close" @confirm="handleSub"> | 
|---|
|  |  |  | <el-form :model="param" ref="paramRef" :rules="rules"> | 
|---|
|  |  |  | <el-form-item label="收支条目" prop="name"> | 
|---|
|  |  |  | <el-input v-model="param.name" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | <el-form-item label="收支条目" prop="title"> | 
|---|
|  |  |  | <el-input v-model="param.title" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="收款公司" prop="name"> | 
|---|
|  |  |  | <el-select v-model="param.realName" filterable clearable> | 
|---|
|  |  |  | <el-option value="0" label="xxx"></el-option> | 
|---|
|  |  |  | <el-form-item label="收款公司" prop="companyId"> | 
|---|
|  |  |  | <el-select v-model="param.companyId" filterable clearable> | 
|---|
|  |  |  | <el-option v-for="item in comList" :value="item.id" :label="item.name"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="收款类型" prop="name"> | 
|---|
|  |  |  | <el-radio-group v-model="param.radio"> | 
|---|
|  |  |  | <el-form-item label="收款类型" prop="type"> | 
|---|
|  |  |  | <el-radio-group v-model="param.type"> | 
|---|
|  |  |  | <el-radio :label="0">对公</el-radio> | 
|---|
|  |  |  | <el-radio :label="1">个人</el-radio> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="账户名称" prop="desc"> | 
|---|
|  |  |  | <el-input v-model="param.desc" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | <el-form-item label="账户名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="param.name" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="开户名称"> | 
|---|
|  |  |  | <el-input v-model="param.code" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | <el-form-item label="开户银行" prop="bankName"> | 
|---|
|  |  |  | <el-input v-model="param.bankName" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="银行账号"> | 
|---|
|  |  |  | <el-input v-model="param.addr" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | <el-form-item label="银行账号" prop="bankNo"> | 
|---|
|  |  |  | <el-input v-model="param.bankNo" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="状态" prop="code"> | 
|---|
|  |  |  | <el-switch v-model="param.status" active-value="0" inactive-value="1"> | 
|---|
|  |  |  | <el-form-item label="状态" prop="status"> | 
|---|
|  |  |  | <el-switch v-model="param.status" :active-value="0" :inactive-value="1"> | 
|---|
|  |  |  | </el-switch> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import UploadAvatarImage from '@/components/common/UploadAvatarImage' | 
|---|
|  |  |  | import { create, updateById } from '@/api/business/company' | 
|---|
|  |  |  | import { create, updateById, detailById } from '@/api/business/ywAccount' | 
|---|
|  |  |  | import {  companyGetList } from '@/api/business/company' | 
|---|
|  |  |  | import { Message } from 'element-ui' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { GlobalWindow, UploadAvatarImage }, | 
|---|
|  |  |  | 
|---|
|  |  |  | isShowModal: false, | 
|---|
|  |  |  | subLoading: false, | 
|---|
|  |  |  | param: { | 
|---|
|  |  |  | type: 2, | 
|---|
|  |  |  | status: '0' | 
|---|
|  |  |  | type: 0, | 
|---|
|  |  |  | status: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | cateList: [], | 
|---|
|  |  |  | comList: [], | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | name: [{ required: true, message: '请输入' }], | 
|---|
|  |  |  | desc: [{ required: true, message: '请输入' }] | 
|---|
|  |  |  | title: [{ required: true, message: '请输入' }], | 
|---|
|  |  |  | bankName: [{ required: true, message: '请输入' }], | 
|---|
|  |  |  | bankNo: [{ required: true, message: '请输入' }], | 
|---|
|  |  |  | status: [{ required: true, message: '请选择' }], | 
|---|
|  |  |  | type: [{ required: true, message: '请选择' }], | 
|---|
|  |  |  | companyId: [{ required: true, message: '请选择' }], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleSub() { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getDetail(id) { | 
|---|
|  |  |  | detailById(id).then(res => { | 
|---|
|  |  |  | this.param = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getCompany(){ | 
|---|
|  |  |  | companyGetList({ | 
|---|
|  |  |  | model: {type: 2}, | 
|---|
|  |  |  | capacity: 9999, | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.comList = res.records || [] | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeSel(e) { | 
|---|
|  |  |  | if (e && e.length == 1) { | 
|---|
|  |  |  | this.$set(this.param, 'catePId', e[0]) | 
|---|