<template>
|
<div class="_block">
|
<header>
|
<p>
|
<span></span>
|
定价信息
|
</p>
|
<p v-if="discountAgreementFile">
|
<el-button style="margin-right: 60px" plain @click="downloadDiscountAgreement" v-no-more-click>查看贴息方案</el-button>
|
</p>
|
</header>
|
<div class="form">
|
<el-form-item label="贴息标志">
|
<el-input v-model="pricingInfo.discountflagDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="贴息类型">
|
<el-input v-model="pricingInfo.discounttypeDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="贴息付款方式">
|
<el-input v-model="pricingInfo.discountwayDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="贴息机构">
|
<el-input v-model="pricingInfo.enterprisename" disabled></el-input>
|
</el-form-item>
|
</div>
|
<div class="form">
|
<el-form-item label="计息口径">
|
<el-input v-model="pricingInfo.interesttypeDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="计息周期">
|
<el-input v-model="pricingInfo.interestperiodDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="利率单位">
|
<el-input v-model="pricingInfo.rateunitDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="利率">
|
<el-input v-model="pricingInfo.rate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="利息总额">
|
<el-input v-model="pricingInfo.interesttotal" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="利息补贴总额">
|
<el-input v-model="pricingInfo.interesttotalsubsidy" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="实际利息总额">
|
<el-input v-model="pricingInfo.actualinteresttotal" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="年化利率">
|
<el-input v-model="pricingInfo.yearRate" disabled></el-input>
|
</el-form-item>
|
</div>
|
<div class="form">
|
<el-form-item label="手续费率">
|
<el-input v-model="pricingInfo.poundagerate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="手续费">
|
<el-input v-model="pricingInfo.poundage" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="手续费补贴">
|
<el-input v-model="pricingInfo.poundagesubsidy" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="实际手续费">
|
<el-input v-model="pricingInfo.actualpoundage" disabled></el-input>
|
</el-form-item>
|
</div>
|
<div class="form">
|
<el-form-item label="担保费率">
|
<el-input v-model="pricingInfo.guarantyrate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="担保费">
|
<el-input v-model="pricingInfo.guaranty" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="担保费补贴">
|
<el-input v-model="pricingInfo.guarantysubsidy" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="实际担保费">
|
<el-input v-model="pricingInfo.actualguaranty" disabled></el-input>
|
</el-form-item>
|
</div>
|
<div class="form">
|
<el-form-item label="平台服务费率">
|
<el-input v-model="pricingInfo.platformrate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="平台服务费">
|
<el-input v-model="pricingInfo.platform" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="平台服务费补贴">
|
<el-input v-model="pricingInfo.platformsubsidy" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="实际平台服务费">
|
<el-input v-model="pricingInfo.actualplatform" disabled></el-input>
|
</el-form-item>
|
</div>
|
<div class="form">
|
<el-form-item label="息费总额">
|
<el-input v-model="pricingInfo.totalinterestrate" disabled></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { setStorage,getStorage } from '@/utils/storage'
|
import { downloadDiscountAgreement } from "@comprehensive/serve/public";
|
export default {
|
props: ['pricingInfo','discountAgreementFile'],
|
data () {
|
return {
|
applyInfo:this.$store.state.product.applyInfo,
|
}
|
},
|
watch: {
|
pricingInfo(val){
|
this.getPricingInfo()
|
}
|
},
|
created () {
|
// 给表单里面的利率加上%号单位
|
this.getPricingInfo()
|
},
|
methods: {
|
// 处理数据
|
getPricingInfo(){
|
this.pricingInfo.rate = this.formatRate(this.pricingInfo.rate)
|
this.pricingInfo.yearRate = this.formatRate(this.pricingInfo.yearRate, 2)
|
this.pricingInfo.poundagerate = this.formatRate(this.pricingInfo.poundagerate)
|
this.pricingInfo.guarantyrate = this.formatRate(this.pricingInfo.guarantyrate)
|
this.pricingInfo.platformrate = this.formatRate(this.pricingInfo.platformrate)
|
this.pricingInfo.interesttotal = this.formatMoney(this.pricingInfo.interesttotal)
|
this.pricingInfo.interesttotalsubsidy = this.formatMoney(this.pricingInfo.interesttotalsubsidy)
|
this.pricingInfo.poundage = this.formatMoney(this.pricingInfo.poundage)
|
this.pricingInfo.poundagesubsidy = this.formatMoney(this.pricingInfo.poundagesubsidy)
|
this.pricingInfo.actualpoundage = this.formatMoney(this.pricingInfo.actualpoundage)
|
this.pricingInfo.actualinteresttotal = this.formatMoney(this.pricingInfo.actualinteresttotal)
|
this.pricingInfo.guaranty = this.formatMoney(this.pricingInfo.guaranty)
|
this.pricingInfo.guarantysubsidy = this.formatMoney(this.pricingInfo.guarantysubsidy)
|
this.pricingInfo.actualguaranty = this.formatMoney(this.pricingInfo.actualguaranty)
|
this.pricingInfo.platform = this.formatMoney(this.pricingInfo.platform)
|
this.pricingInfo.platformsubsidy = this.formatMoney(this.pricingInfo.platformsubsidy)
|
this.pricingInfo.actualplatform = this.formatMoney(this.pricingInfo.actualplatform)
|
this.pricingInfo.totalinterestrate = this.formatMoney(this.pricingInfo.totalinterestrate)
|
},
|
// 查看贴息方案
|
async downloadDiscountAgreement(){
|
await downloadDiscountAgreement({serialNo:this.applyInfo.serialNo})
|
},
|
// 利率保留五位小数
|
formatRate(val, digit){
|
digit = digit || 5
|
val += ''
|
if(!val)return ''
|
if(val.indexOf('.')==-1){
|
let r = ''
|
for (let i = 0; i < digit; i++) {
|
r+='0'
|
}
|
return val+'.'+r+'%'
|
}else{
|
let l = val.split(".")[0]
|
let r = val.split(".")[1]
|
if(r.length< digit){
|
const num = digit - r.length
|
for (let i = 0; i < num; i++) {
|
r+='0'
|
}
|
}
|
return l+'.'+r+'%'
|
}
|
},
|
// 金额格式化
|
formatMoney(value) {
|
value = typeof value == 'number'?value+'':value
|
value = parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(2) + "";
|
if(value=='NaN')return
|
let l = value.split(".")[0].split("").reverse();
|
let r = value.split(".")[1];
|
let t = "";
|
for (let i = 0; i < l.length; i++) {
|
t += l[i] + ((i + 1) % 3 === 0 && (i + 1) !== l.length ? "," : "");
|
}
|
return t.split("").reverse().join("") + "." + r;
|
},
|
}
|
}
|
</script>
|
<style lang="stylus">
|
|
</style>
|
