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.
339 lines
15 KiB
339 lines
15 KiB
<template>
|
|
<div>
|
|
<div>
|
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02">
|
|
<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 style="padding-left: 10px">配件 {{ formobj.accessoriesAmount }} 元</span>
|
|
<span style="padding-left: 10px">挂车 {{ formobj.trailerAmount }} 元</span>
|
|
<span style="padding-left: 10px">保险 {{ formobj.premium }} 元</span>
|
|
<span style="padding-left: 10px">购置税 {{ 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" class="tlineheightb">
|
|
<div class="span-sty">厂家贴息</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }} {{ formobj.actualDiscount !== '' ? '(实贴' + formobj.actualDiscount + ')' : '' }}</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="6">
|
|
<div class="span-sty">利息总额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6" class="tlineheightb">
|
|
<div class="span-sty">其它融贴息</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.otherDiscount }} {{ formobj.otherActualDiscount !== '' ? '(实贴' + formobj.otherActualDiscount + ')' : '' }}</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>
|
|
<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 v-if="formobj.proxyTotal != '0'">
|
|
<div class="span-sty">代收首年保险费</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<div v-if="formobj.proxyTotal != '0'">
|
|
<div class="span-sty">代收购置税</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
|
|
</div>
|
|
</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>
|
|
<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="6">
|
|
<div v-if="formobj.offsetTotal != '0'">
|
|
<div class="span-sty">首年保险费抵顶</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div v-if="formobj.offsetTotal != '0'">
|
|
<div class="span-sty">购置税抵顶</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div v-if="formobj.offsetTotal != '0'">
|
|
<div class="span-sty">配件抵顶</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.offsetAccessories }}</span></el-form-item>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
|
|
export default {
|
|
name: 'JinRongFangAnInfo',
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
tableKey: 0,
|
|
index: 0,
|
|
formobj: {
|
|
otherPolicyState: false
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
showInfo(value) {
|
|
this.viewTitle = '金融方案'
|
|
this.formobj = JSON.parse(JSON.stringify(value))
|
|
},
|
|
handleReturn() {
|
|
this.$emit('doback')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.formaddcopy02 {
|
|
padding: 0px;
|
|
}
|
|
.span-sty {
|
|
width: 130px !important;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 120px !important;
|
|
}
|
|
.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>
|
|
|