|
|
@ -13,23 +13,27 @@ |
|
|
|
<el-row style="border-top: 1px solid #e0e3eb"> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty"><span class="icon">*</span>开户银行</div> |
|
|
|
<el-form-item prop="bankName"><el-input class="addinputInfo addinputw" v-model="formobj.bankName" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item prop="bankName"><el-input class="addinputInfo addinputw" v-model="formobj.bankName" |
|
|
|
clearable placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty"><span class="icon">*</span>银行账号</div> |
|
|
|
<el-form-item prop="bankAccount"><el-input class="addinputInfo addinputw" v-model="formobj.bankAccount" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item prop="bankAccount"><el-input class="addinputInfo addinputw" v-model="formobj.bankAccount" |
|
|
|
clearable placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty"><span class="icon">*</span>账号名称</div> |
|
|
|
<el-form-item prop="accountName"><el-input class="addinputInfo addinputw" v-model="formobj.accountName" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item prop="accountName"><el-input class="addinputInfo addinputw" v-model="formobj.accountName" |
|
|
|
clearable placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty"><span class="icon">*</span>账号类型</div> |
|
|
|
<el-form-item prop="dueBankKey"> |
|
|
|
<el-select v-model="formobj.dueBankKey" class="addinputInfo" placeholder="" @change="dueBankChange"> |
|
|
|
<el-option v-for="item in dueBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
|
<el-option v-for="item in dueBank_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
:value="item.dictKey" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
@ -37,27 +41,32 @@ |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty">开户行地址</div> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.bankAddress" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.bankAddress" clearable |
|
|
|
placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">银行网点</div> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.bankingOutlets" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.bankingOutlets" clearable |
|
|
|
placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">联行号</div> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.paymentLines" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.paymentLines" clearable |
|
|
|
placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">swiftCode(银行代码)</div> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.swiftCode" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.swiftCode" clearable |
|
|
|
placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">币种</div> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.currency" clearable placeholder="" /></el-form-item> |
|
|
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.currency" clearable |
|
|
|
placeholder="" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
@ -67,108 +76,130 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { typeValues } from '@/api/Common/dictcommons' |
|
|
|
import { |
|
|
|
typeValues |
|
|
|
} from '@/api/Common/dictcommons' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'OpeningBank', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
viewTitle: '', |
|
|
|
viewState: 1, |
|
|
|
dueBank_list: [], |
|
|
|
formobj: { |
|
|
|
sid: '', |
|
|
|
supplierSid: '', |
|
|
|
bankName: '', |
|
|
|
bankAccount: '', |
|
|
|
accountName: '', |
|
|
|
dueBankKey: '', |
|
|
|
dueBankValue: '', |
|
|
|
bankingOutlets: '', |
|
|
|
bankAddress: '', |
|
|
|
paymentLines: '', |
|
|
|
swiftCode: '', |
|
|
|
currency: '' |
|
|
|
}, |
|
|
|
index: '', |
|
|
|
rules: { |
|
|
|
bankName: [{ required: true, message: '开户银行不能为空', trigger: 'blur' }], |
|
|
|
bankAccount: [{ required: true, message: '银行账号不能为空', trigger: 'blur' }], |
|
|
|
accountName: [{ required: true, message: '账号名称不能为空', trigger: 'blur' }], |
|
|
|
dueBankKey: [{ required: true, message: '账号类型不能为空', trigger: 'change' }] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
init() { |
|
|
|
typeValues({ type: 'dueBank' }).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.dueBank_list = res.data |
|
|
|
export default { |
|
|
|
name: 'OpeningBank', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
viewTitle: '', |
|
|
|
viewState: 1, |
|
|
|
dueBank_list: [], |
|
|
|
formobj: { |
|
|
|
sid: '', |
|
|
|
supplierSid: '', |
|
|
|
bankName: '', |
|
|
|
bankAccount: '', |
|
|
|
accountName: '', |
|
|
|
dueBankKey: '', |
|
|
|
dueBankValue: '', |
|
|
|
bankingOutlets: '', |
|
|
|
bankAddress: '', |
|
|
|
paymentLines: '', |
|
|
|
swiftCode: '', |
|
|
|
currency: '' |
|
|
|
}, |
|
|
|
index: '', |
|
|
|
rules: { |
|
|
|
bankName: [{ |
|
|
|
required: true, |
|
|
|
message: '开户银行不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
bankAccount: [{ |
|
|
|
required: true, |
|
|
|
message: '银行账号不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
accountName: [{ |
|
|
|
required: true, |
|
|
|
message: '账号名称不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
dueBankKey: [{ |
|
|
|
required: true, |
|
|
|
message: '账号类型不能为空', |
|
|
|
trigger: 'change' |
|
|
|
}] |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
showAdd() { |
|
|
|
this.viewTitle = '【新增】开户行信息' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
showEdit(value, index) { |
|
|
|
this.viewTitle = '【编辑】开户行信息' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
this.init() |
|
|
|
this.formobj = JSON.parse(JSON.stringify(value)) |
|
|
|
this.index = index |
|
|
|
}, |
|
|
|
dueBankChange(value) { |
|
|
|
const choose = this.dueBank_list.filter((item) => item.dictKey === value) |
|
|
|
if (choose !== null && choose.length > 0) { |
|
|
|
this.formobj.dueBankValue = choose[0].dictValue |
|
|
|
} else { |
|
|
|
this.formobj.dueBankValue = '' |
|
|
|
} |
|
|
|
}, |
|
|
|
saveOrUpdate() { |
|
|
|
this.$refs['form_obj'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.$emit('backData', this.formobj, this.index) |
|
|
|
this.handleReturn() |
|
|
|
methods: { |
|
|
|
init() { |
|
|
|
typeValues({ |
|
|
|
type: 'accountType' |
|
|
|
}).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.dueBank_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
showAdd() { |
|
|
|
this.viewTitle = '【新增】开户行信息' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
showEdit(value, index) { |
|
|
|
this.viewTitle = '【编辑】开户行信息' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
this.init() |
|
|
|
this.formobj = JSON.parse(JSON.stringify(value)) |
|
|
|
this.index = index |
|
|
|
}, |
|
|
|
dueBankChange(value) { |
|
|
|
const choose = this.dueBank_list.filter((item) => item.dictKey === value) |
|
|
|
if (choose !== null && choose.length > 0) { |
|
|
|
this.formobj.dueBankValue = choose[0].dictValue |
|
|
|
} else { |
|
|
|
this.formobj.dueBankValue = '' |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleReturn() { |
|
|
|
this.formobj = { |
|
|
|
sid: '', |
|
|
|
supplierSid: '', |
|
|
|
bankName: '', |
|
|
|
bankAccount: '', |
|
|
|
accountName: '', |
|
|
|
dueBankKey: '', |
|
|
|
dueBankValue: '', |
|
|
|
bankingOutlets: '', |
|
|
|
bankAddress: '', |
|
|
|
paymentLines: '', |
|
|
|
swiftCode: '', |
|
|
|
currency: '' |
|
|
|
}, |
|
|
|
saveOrUpdate() { |
|
|
|
this.$refs['form_obj'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.$emit('backData', this.formobj, this.index) |
|
|
|
this.handleReturn() |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleReturn() { |
|
|
|
this.formobj = { |
|
|
|
sid: '', |
|
|
|
supplierSid: '', |
|
|
|
bankName: '', |
|
|
|
bankAccount: '', |
|
|
|
accountName: '', |
|
|
|
dueBankKey: '', |
|
|
|
dueBankValue: '', |
|
|
|
bankingOutlets: '', |
|
|
|
bankAddress: '', |
|
|
|
paymentLines: '', |
|
|
|
swiftCode: '', |
|
|
|
currency: '' |
|
|
|
} |
|
|
|
this.index = '' |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
this.index = '' |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.span-sty { |
|
|
|
width: 140px !important; |
|
|
|
} |
|
|
|
.addinputInfo { |
|
|
|
margin-left: 130px !important; |
|
|
|
} |
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
.span-sty { |
|
|
|
width: 140px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.addinputInfo { |
|
|
|
margin-left: 130px !important; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|