You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
484 lines
18 KiB
484 lines
18 KiB
<template>
|
|
<div style="margin-top: 2px">
|
|
<div v-show="viewState == 1">
|
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02">
|
|
<div class="title titleOne">
|
|
<div>消贷金融方案</div>
|
|
<el-button type="primary" size="mini" class="btntopblueline" @click="financialComputing">金融计算</el-button>
|
|
</div>
|
|
<div>
|
|
<el-row style="border-top: 1px solid #E0E3EB">
|
|
<el-col :span="6">
|
|
<div class="span-sty">是否打包</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<div class="span-sty">产品政策</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">融资项目</div>
|
|
<el-form-item>
|
|
<div class="addinputInfo">
|
|
<span>主车发票价 {{ formobj.mainVehicleAmount }} 元</span>
|
|
<span> 配件 {{ formobj.accessoriesAmount }} 元</span>
|
|
<span> 挂车 {{ formobj.trailerAmount }} 元</span>
|
|
<span> 保险 {{ formobj.premium }} 元</span>
|
|
<span> 购置税 {{ formobj.purchaseTax }} 元</span>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<div class="span-sty">融资项目总额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">首付比例(%)</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">首付金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">产品贷款金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">产品期数</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">贷款保证金比例(%)</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">贷款保证金</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">厂家贴息</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">贴息用途</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">年利率(%)</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">月还金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">利息总额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div v-show="formobj.factoryDiscountUseKey == '01'">
|
|
<div class="span-sty">贴息抵车款</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<div v-show="formobj.otherPolicyState">
|
|
<div class="title">其它融</div>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">其它融名称</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">贷款金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">期数</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">年利率(%)</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">月还金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">利息总额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
<div class="title">方案汇总</div>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">融资首付</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">实际首付比例(%)</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">总贷款金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">期数</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6"></el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">月还金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">利息总额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">预计首款还款日</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">应收明细</div>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">融资首付</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">贷款保证金</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">保险保证金</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">落户保证金</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">服务费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">代收意外险</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">上牌费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">运管费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">补车价</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">其它费用</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">其它费用说明</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">办理方式选择</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
|
|
<el-col :span="6">
|
|
<div class="span-sty">代收费用合计</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<div class="span-sty">代收首年保险费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<div class="span-sty">代收购置税</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">应收合计</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
|
|
<el-col :span="6">
|
|
<div class="span-sty">抵顶费用合计</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<div class="span-sty">抵顶首年保险费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<div class="span-sty">抵顶购置税</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">实收合计</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">车辆总价</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">名义(留购)价</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
<financialscheme v-show="viewState == 2" v-bind="$attrs" ref="divCount" @backData="backData" @doback="resetState"/>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import financialscheme from './financialscheme'
|
|
|
|
export default {
|
|
name: '',
|
|
components: {
|
|
financialscheme
|
|
},
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
viewState: 1,
|
|
formobj: {
|
|
accessoriesAmount: '',
|
|
accessoriesAmountCb: false,
|
|
bondAmount: '',
|
|
bondAmounts: '',
|
|
bondRatio: '',
|
|
dealWay: '',
|
|
dealWayKey: '',
|
|
depositPremium: '',
|
|
depositSettle: '',
|
|
discountCar: '',
|
|
downPayAmount: '',
|
|
downPayAmounts: '',
|
|
downPayAmountsRatio: '',
|
|
downPayRatio: '',
|
|
factoryDiscount: '',
|
|
factoryDiscountUse: '',
|
|
factoryDiscountUseKey: '',
|
|
interest: '',
|
|
isPack: '',
|
|
isShowMore: false,
|
|
loanAmount: '',
|
|
loanAmountTotal: '',
|
|
loanDownPay: '',
|
|
loanInterest: '',
|
|
loanPayMoney: '',
|
|
loanPeriod: '',
|
|
loanTotal: '',
|
|
mainVehicleAmount: '',
|
|
monthlyRepay: '',
|
|
nominalPrice: '',
|
|
offsetPremium: '',
|
|
offsetPurchasetax: '',
|
|
offsetTotal: '',
|
|
operationAmount: '',
|
|
otherAmount: '',
|
|
otherAmountRemark: '',
|
|
otherPolicyAmount: '',
|
|
otherPolicyInterest: '',
|
|
otherPolicyMonthlyRepay: '',
|
|
otherPolicyName: '',
|
|
otherPolicyPeriod: '',
|
|
otherPolicySid: '',
|
|
otherPolicyState: false,
|
|
otherPolicyYearRatio: '',
|
|
period: '',
|
|
policyName: '',
|
|
policySid: '',
|
|
policyYearRatio: '',
|
|
premium: '',
|
|
premiumCb: false,
|
|
proxyAccidentPremium: '',
|
|
proxyPremium: '',
|
|
proxyPurchasetax: '',
|
|
proxyTotal: '',
|
|
purchaseTax: '',
|
|
purchaseTaxCb: false,
|
|
realTotal: '',
|
|
receivableTotal: '',
|
|
registerAmount: '',
|
|
returnTime: '',
|
|
salesOrderSid: '',
|
|
serviceAmount: '',
|
|
serviceChargeTypeKey: '',
|
|
serviceChargeTypeValue: '',
|
|
trailerAmount: '',
|
|
trailerAmountCb: false,
|
|
vehOtherPrice: '',
|
|
vehTotalPrice: ''
|
|
},
|
|
rules: {}
|
|
}
|
|
},
|
|
methods: {
|
|
showInfo(value) {
|
|
this.formobj = JSON.parse(JSON.stringify(value))
|
|
},
|
|
financialComputing() {
|
|
this.viewState = 2
|
|
this.$refs['divCount'].showAdd(this.formobj)
|
|
},
|
|
backData(value) {
|
|
this.viewState = 1
|
|
this.formobj = JSON.parse(JSON.stringify(value))
|
|
},
|
|
backParameters() {
|
|
this.$emit('backParameters', this.formobj)
|
|
this.formobj = {
|
|
accessoriesAmount: '',
|
|
accessoriesAmountCb: false,
|
|
bondAmount: '',
|
|
bondAmounts: '',
|
|
bondRatio: '',
|
|
dealWay: '',
|
|
dealWayKey: '',
|
|
depositPremium: '',
|
|
depositSettle: '',
|
|
discountCar: '',
|
|
downPayAmount: '',
|
|
downPayAmounts: '',
|
|
downPayAmountsRatio: '',
|
|
downPayRatio: '',
|
|
factoryDiscount: '',
|
|
factoryDiscountUse: '',
|
|
factoryDiscountUseKey: '',
|
|
interest: '',
|
|
isPack: '',
|
|
isShowMore: false,
|
|
loanAmount: '',
|
|
loanAmountTotal: '',
|
|
loanDownPay: '',
|
|
loanInterest: '',
|
|
loanPayMoney: '',
|
|
loanPeriod: '',
|
|
loanTotal: '',
|
|
mainVehicleAmount: '',
|
|
monthlyRepay: '',
|
|
nominalPrice: '',
|
|
offsetPremium: '',
|
|
offsetPurchasetax: '',
|
|
offsetTotal: '',
|
|
operationAmount: '',
|
|
otherAmount: '',
|
|
otherAmountRemark: '',
|
|
otherPolicyAmount: '',
|
|
otherPolicyInterest: '',
|
|
otherPolicyMonthlyRepay: '',
|
|
otherPolicyName: '',
|
|
otherPolicyPeriod: '',
|
|
otherPolicySid: '',
|
|
otherPolicyState: false,
|
|
otherPolicyYearRatio: '',
|
|
period: '',
|
|
policyName: '',
|
|
policySid: '',
|
|
policyYearRatio: '',
|
|
premium: '',
|
|
premiumCb: false,
|
|
proxyAccidentPremium: '',
|
|
proxyPremium: '',
|
|
proxyPurchasetax: '',
|
|
proxyTotal: '',
|
|
purchaseTax: '',
|
|
purchaseTaxCb: false,
|
|
realTotal: '',
|
|
receivableTotal: '',
|
|
registerAmount: '',
|
|
returnTime: '',
|
|
salesOrderSid: '',
|
|
serviceAmount: '',
|
|
serviceChargeTypeKey: '',
|
|
serviceChargeTypeValue: '',
|
|
trailerAmount: '',
|
|
trailerAmountCb: false,
|
|
vehOtherPrice: '',
|
|
vehTotalPrice: ''
|
|
}
|
|
},
|
|
resetState() {
|
|
this.viewState = 1
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.formaddcopy02 {
|
|
padding: 0px;
|
|
}
|
|
.span-sty {
|
|
width: 130px !important;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 120px !important;
|
|
}
|
|
.titleOne {
|
|
padding: 7px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.tlineheightb {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
|
|
line-height: 15px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|