|
|
@ -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,9 +76,11 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { typeValues } from '@/api/Common/dictcommons' |
|
|
|
import { |
|
|
|
typeValues |
|
|
|
} from '@/api/Common/dictcommons' |
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'OpeningBank', |
|
|
|
data() { |
|
|
|
return { |
|
|
@ -92,16 +103,34 @@ export default { |
|
|
|
}, |
|
|
|
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' }] |
|
|
|
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) => { |
|
|
|
typeValues({ |
|
|
|
type: 'accountType' |
|
|
|
}).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.dueBank_list = res.data |
|
|
|
} |
|
|
@ -158,17 +187,19 @@ export default { |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.span-sty { |
|
|
|
.span-sty { |
|
|
|
width: 140px !important; |
|
|
|
} |
|
|
|
.addinputInfo { |
|
|
|
} |
|
|
|
|
|
|
|
.addinputInfo { |
|
|
|
margin-left: 130px !important; |
|
|
|
} |
|
|
|
/deep/ .el-form-item__error { |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|