Commit e18af40d authored by 李晓兵's avatar 李晓兵

Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

parents ea5481f4 9a40d7cb
Pipeline #4323 canceled with stages
...@@ -49,43 +49,43 @@ ...@@ -49,43 +49,43 @@
</item> </item>
<item> <item>
<div slot="name">设备单价</div> <div slot="name">设备单价</div>
<CurrencyInput slot="content" v-model="saveInfo.equip_price" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.equip_price" placeholder="0" />
</item> </item>
<item> <item>
<div slot="name">融资金额</div> <div slot="name">融资金额</div>
<CurrencyInput slot="content" v-model="saveInfo.finance_amount" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="finance_amount" placeholder="0" />
</item> </item>
<item> <item>
<div slot="name">首付比例</div> <div slot="name">首付比例</div>
<input slot="content" v-model="saveInfo.down_payment_ratio_n" placeholder="暂无信息" > <input slot="content" v-model="saveInfo.down_payment_ratio_n" placeholder="%" >
</item> </item>
<item> <item>
<div slot="name">首付款</div> <div slot="name">首付款</div>
<CurrencyInput slot="content" v-model="saveInfo.down_payment" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.down_payment" placeholder="0" @input="changeRatio" />
</item> </item>
<item> <item>
<div slot="name">保证金比例</div> <div slot="name">保证金比例</div>
<input slot="content" v-model="saveInfo.deposit_ratio_n" placeholder="暂无信息" > <input slot="content" v-model="saveInfo.deposit_ratio_n" placeholder="%" >
</item> </item>
<item> <item>
<div slot="name">保证金</div> <div slot="name">保证金</div>
<CurrencyInput slot="content" v-model="saveInfo.deposit" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.deposit" placeholder="0" @input="changeDeposit"/>
</item> </item>
<item> <item>
<div slot="name">手续费比例</div> <div slot="name">手续费比例</div>
<input slot="content" v-model="saveInfo.lease_charge_ratio_n" placeholder="暂无信息" > <input slot="content" v-model="saveInfo.lease_charge_ratio_n" placeholder="%" >
</item> </item>
<item> <item>
<div slot="name">手续费</div> <div slot="name">手续费</div>
<CurrencyInput slot="content" v-model="saveInfo.lease_charge" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.lease_charge" placeholder="0" @input="changeLeaseCharge"/>
</item> </item>
<item> <item>
<div slot="name">GPS费用</div> <div slot="name">GPS费用</div>
<CurrencyInput slot="content" v-model="saveInfo.gps_fee" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.gps_fee" placeholder="0" />
</item> </item>
<item> <item>
<div slot="name">保险押金</div> <div slot="name">保险押金</div>
<CurrencyInput slot="content" v-model="saveInfo.insurance_fee" placeholder="暂无信息" /> <CurrencyInput slot="content" v-model="saveInfo.insurance_fee" placeholder="0" />
</item> </item>
<item class="date-check" @click.native="showTime('YYYY-MM-DD')"> <item class="date-check" @click.native="showTime('YYYY-MM-DD')">
<div slot="name">预计付款日</div> <div slot="name">预计付款日</div>
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
</item> </item>
<item> <item>
<div slot="name">年利率</div> <div slot="name">年利率</div>
<input slot="content" v-model="saveInfo.int_rate_n" readonly placeholder="暂无信息" > <input slot="content" v-model="saveInfo.int_rate_n" readonly placeholder="%" >
</item> </item>
<item :showArrow="true" @click.native="selectPayWay"> <item :showArrow="true" @click.native="selectPayWay">
<div slot="name">支付方式</div> <div slot="name">支付方式</div>
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
</item> </item>
<item> <item>
<div slot="name">逾期日利率</div> <div slot="name">逾期日利率</div>
<input slot="content" v-model="saveInfo.penalty_rate_n" readonly placeholder="暂无信息" > <input slot="content" v-model="saveInfo.penalty_rate_n" readonly placeholder="%" >
</item> </item>
<item> <item>
<div slot="name">留购价</div> <div slot="name">留购价</div>
...@@ -270,6 +270,11 @@ export default { ...@@ -270,6 +270,11 @@ export default {
}, },
} }
}, },
computed: {
'finance_amount' () { // 融资金额
return parseFloat(this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100).toFixed(2)
},
},
watch: { watch: {
policyKeyWord (newVal, oldVal) { policyKeyWord (newVal, oldVal) {
this.searchBusinessPolicy() this.searchBusinessPolicy()
...@@ -277,6 +282,20 @@ export default { ...@@ -277,6 +282,20 @@ export default {
keyWordProduct (newVal, oldVal) { keyWordProduct (newVal, oldVal) {
this.searchProduct() this.searchProduct()
}, },
'saveInfo.equip_price' () {
this.saveInfo.down_payment = (this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100).toFixed(2)
this.saveInfo.deposit = (this.saveInfo.equip_price * this.saveInfo.deposit_ratio_n.replace('%', '') / 100).toFixed(2)
this.saveInfo.lease_charge = parseFloat((this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100) * (this.saveInfo.lease_charge_ratio_n.replace('%', '') / 100)).toFixed(2)
},
'saveInfo.deposit_ratio_n' (newVal, oldVal) {
this.saveInfo.deposit = (this.saveInfo.equip_price * newVal.replace('%', '') / 100).toFixed(2)
},
'saveInfo.down_payment_ratio_n' (newVal, oldVal) {
this.saveInfo.down_payment = (this.saveInfo.equip_price * newVal.replace('%', '') / 100).toFixed(2)
},
'saveInfo.lease_charge_ratio_n' (newVal, oldVal) {
this.saveInfo.lease_charge = parseFloat((this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100) * (this.saveInfo.lease_charge_ratio_n.replace('%', '') / 100)).toFixed(2)
},
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
...@@ -297,6 +316,15 @@ export default { ...@@ -297,6 +316,15 @@ export default {
}) })
}, },
methods: { methods: {
changeRatio () {
this.saveInfo.down_payment_ratio_n = `${(this.saveInfo.down_payment / this.saveInfo.equip_price).toFixed(2) * 100}%`
},
changeDeposit () {
this.saveInfo.deposit_ratio_n = `${(this.saveInfo.deposit / this.saveInfo.equip_price).toFixed(2) * 100}%`
},
changeLeaseCharge () {
this.saveInfo.lease_charge_ratio_n = `${(this.saveInfo.lease_charge / (this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100)).toFixed(2) * 100}%`
},
selectBusinessPolicy (e) { selectBusinessPolicy (e) {
let vm = this let vm = this
vm.saveInfo.product_plan_id = e.product_plan_id vm.saveInfo.product_plan_id = e.product_plan_id
...@@ -316,7 +344,14 @@ export default { ...@@ -316,7 +344,14 @@ export default {
}, },
save () { save () {
let vm = this let vm = this
vm.$router.push({
name: 'CreateEnclosureInfo',
})
let url = process.env.basePath + 'prj_lease_info_save' let url = process.env.basePath + 'prj_lease_info_save'
vm.saveInfo.down_payment_ratio = (vm.saveInfo.down_payment_ratio_n.replace('%', '') / 100).toFixed(2)
vm.saveInfo.lease_charge_ratio = (vm.saveInfo.lease_charge_ratio_n.replace('%', '') / 100).toFixed(2)
vm.saveInfo.deposit_ratio = (vm.saveInfo.deposit_ratio_n.replace('%', '') / 100).toFixed(2)
vm.saveInfo.finance_amount = vm.finance_amount
let param = { let param = {
master: vm.saveInfo, master: vm.saveInfo,
} }
...@@ -646,7 +681,7 @@ export default { ...@@ -646,7 +681,7 @@ export default {
name: 'ContractRepayPlan', name: 'ContractRepayPlan',
params: { params: {
product_num: this.productInfo.product_num, product_num: this.productInfo.product_num,
project_id: this.project_id, project_id: window.localStorage.project_id,
}, },
}) })
}, },
......
...@@ -26,13 +26,7 @@ ...@@ -26,13 +26,7 @@
<div class="userInfo">基本资料</div> <div class="userInfo">基本资料</div>
<div v-if="bpClass === 'ORG'" class="house"> <div v-if="bpClass === 'ORG'" class="house">
<p class="titles">营业执照</p> <p class="titles">营业执照</p>
<div v-if="!licenseImg" class="card-upload" @click="ocrShow('CAR_CARD', '')"> <div v-if="licenseImg" class="card-upload">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="licenseImg && status !== 'APPROVED'" class="card-upload">
<img :src="licenseImg" @click="ocrShow('CAR_CARD', '')">
</div>
<div v-if="licenseImg && status === 'APPROVED'" class="card-upload">
<img :src="licenseImg" @click="showBigPicture(licenseImg)"> <img :src="licenseImg" @click="showBigPicture(licenseImg)">
</div> </div>
</div> </div>
...@@ -40,11 +34,7 @@ ...@@ -40,11 +34,7 @@
<p v-if="bpClass === 'NP'" class="titles">身份证</p> <p v-if="bpClass === 'NP'" class="titles">身份证</p>
<p v-if="bpClass === 'ORG'" class="titles">法人代表身份证</p> <p v-if="bpClass === 'ORG'" class="titles">法人代表身份证</p>
<div class="upload-box"> <div class="upload-box">
<div v-if="!idCardFront" @click="ocrShow('idCard', 'front')"> <div v-if="idCardFront">
<img src="@/assets/userBind/front.png" >
<p>正面</p>
</div>
<div v-if="idCardFront && status === 'APPROVED'">
<img <img
v-if="idCardFront" v-if="idCardFront"
:src="idCardFront" :src="idCardFront"
...@@ -52,19 +42,7 @@ ...@@ -52,19 +42,7 @@
@click="showBigPicture(idCardFront)" @click="showBigPicture(idCardFront)"
> >
</div> </div>
<div v-if="idCardFront && status !== 'APPROVED'"> <div v-if="idCardBack">
<img
v-if="idCardFront"
:src="idCardFront"
style="width: 100%;height: 100%;margin: 0"
@click="ocrShow('idCard', 'front')"
>
</div>
<div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
<img src="@/assets/userBind/back.png" >
<p>反面</p>
</div>
<div v-if="idCardBack && status === 'APPROVED'">
<img <img
v-if="idCardBack" v-if="idCardBack"
:src="idCardBack" :src="idCardBack"
...@@ -72,49 +50,23 @@ ...@@ -72,49 +50,23 @@
@click="showBigPicture(idCardBack)" @click="showBigPicture(idCardBack)"
> >
</div> </div>
<div v-if="idCardBack && status !== 'APPROVED'">
<img
v-if="idCardBack"
:src="idCardBack"
style="width: 100%;height: 100%;margin: 0"
@click="ocrShow('idCard', 'back')"
>
</div>
</div> </div>
</div> </div>
<div class="house"> <div class="house">
<p class="titles">房产证件</p> <p class="titles">房产证件</p>
<div v-if="!houseImg" class="card-upload" @click="ocrShow('HOUSE_CARD', '')"> <div v-if="houseImg" class="card-upload">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="houseImg && status !== 'APPROVED'" class="card-upload">
<img :src="houseImg" @click="ocrShow('HOUSE_CARD', '')">
</div>
<div v-if="houseImg && status === 'APPROVED'" class="card-upload">
<img :src="houseImg" @click="showBigPicture(houseImg)"> <img :src="houseImg" @click="showBigPicture(houseImg)">
</div> </div>
</div> </div>
<div class="house"> <div class="house">
<p class="titles">车辆行驶证</p> <p class="titles">车辆行驶证</p>
<div v-if="!carImg" class="card-upload" @click="ocrShow('CAR_CARD', '')"> <div v-if="carImg" class="card-upload">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="carImg && status !== 'APPROVED'" class="card-upload">
<img :src="carImg" @click="ocrShow('CAR_CARD', '')">
</div>
<div v-if="carImg && status === 'APPROVED'" class="card-upload">
<img :src="carImg" @click="showBigPicture(carImg)"> <img :src="carImg" @click="showBigPicture(carImg)">
</div> </div>
</div> </div>
<div v-if="bpClass === 'NP'" class="house"> <div v-if="bpClass === 'NP'" class="house">
<p class="titles">婚姻状况证明</p> <p class="titles">婚姻状况证明</p>
<div v-if="!marryImg" class="card-upload" @click="ocrShow('CAR_CARD', '')"> <div v-if="marryImg" class="card-upload">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="marryImg && status !== 'APPROVED'" class="card-upload">
<img :src="marryImg" @click="ocrShow('', '')">
</div>
<div v-if="marryImg && status === 'APPROVED'" class="card-upload">
<img :src="marryImg" @click="showBigPicture(marryImg)"> <img :src="marryImg" @click="showBigPicture(marryImg)">
</div> </div>
</div> </div>
...@@ -134,7 +86,7 @@ ...@@ -134,7 +86,7 @@
</h-content> </h-content>
<bottom-tab class="add-box"> <bottom-tab class="add-box">
<tab-button class="before" @click.native="$routeGo()">保存</tab-button> <tab-button class="before" @click.native="$routeGo()">保存</tab-button>
<tab-button class="next" @click.native="goRent">提交</tab-button> <tab-button class="next" @click.native="handleSubmit">提交</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
...@@ -173,6 +125,7 @@ export default { ...@@ -173,6 +125,7 @@ export default {
vm.bpClass = window.localStorage.bp_class vm.bpClass = window.localStorage.bp_class
vm.status = window.localStorage.user_bp_status vm.status = window.localStorage.user_bp_status
vm.loadItemList() vm.loadItemList()
// vm.getPrjId()
} }
}) })
}, },
...@@ -329,6 +282,36 @@ export default { ...@@ -329,6 +282,36 @@ export default {
} }
}) })
}, },
// 获取项目id
getPrjId () {
let vm = this
let url = process.env.basePath + 'get_project_id'
let param = { }
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
console.log('获取项目id', res)
if (res.result === 'S') {
// vm.showLists = res.lists
}
})
},
// 项目提交审批
handleSubmit () {
let vm = this
let url = process.env.basePath + 'prj_project_submit'
let param = {
project_id: vm.project_id,
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
console.log('项目提交审批', res)
if (res.result === 'S') {
// vm.showLists = res.lists
}
})
},
}, },
} }
</script> </script>
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-31 09:49:57 * @Date: 2019-10-31 09:49:57
* @LastEditTime : 2019-12-24 18:28:09 * @LastEditTime : 2019-12-24 18:34:37
* @LastEditors : Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: 还款 * @Description: 还款
* @FilePath: * @FilePath:
...@@ -58,10 +58,8 @@ ...@@ -58,10 +58,8 @@
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<!-- <span>款项</span> <span>利息</span>
<span>租金</span> --> <span>{{ item.interest | currency }}</span>
<p>利息</p>
<p>{{ item.interest }}</p>
</div> </div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status"> <img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status"> <img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
...@@ -376,6 +374,7 @@ export default { ...@@ -376,6 +374,7 @@ export default {
color: #4B4A4B; color: #4B4A4B;
//padding-top: 20px; //padding-top: 20px;
margin-left: 40px; margin-left: 40px;
margin-top: -16px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
} }
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-30 19:29:24 * @Date: 2019-10-30 19:29:24
* @LastEditTime: 2019-11-15 09:14:47 * @LastEditTime : 2019-12-24 18:38:21
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<template> <template>
...@@ -47,13 +47,19 @@ ...@@ -47,13 +47,19 @@
<p>{{ item.due_date.substr(0,4) }}</p> <p>{{ item.due_date.substr(0,4) }}</p>
<span>{{ dateConverse(item.due_date).substr(5,10) }}</span> <span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
</div> </div>
<div class="name">
<span>款项</span>
<span>租金</span>
</div>
<div class="number"> <div class="number">
<span>应还金额</span> <div>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental * product_num |currency }}</span> <span>本金</span>
<span>{{ item.principal |currency }}</span>
</div>
<div>
<span>租金</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
</div>
</div>
<div class="name">
<span>利息</span>
<span>{{ item.interest | currency }}</span>
</div> </div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status"> <img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status"> <img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
...@@ -384,7 +390,7 @@ export default { ...@@ -384,7 +390,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 22px; margin-left: 22px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
...@@ -396,11 +402,15 @@ export default { ...@@ -396,11 +402,15 @@ export default {
.number { .number {
// flex: 9; // flex: 9;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 40px; margin-left: 40px;
margin-top: -16px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
} }
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-30 19:29:24 * @Date: 2019-10-30 19:29:24
* @LastEditTime: 2019-11-13 16:36:01 * @LastEditTime : 2019-12-24 18:39:52
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<template> <template>
...@@ -45,13 +45,19 @@ ...@@ -45,13 +45,19 @@
<p>{{ item.due_date.substr(0,4) }}</p> <p>{{ item.due_date.substr(0,4) }}</p>
<span>{{ dateConverse(item.due_date).substr(5,10) }}</span> <span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
</div> </div>
<div class="name">
<span>款项</span>
<span>租金</span>
</div>
<div class="number"> <div class="number">
<span>应还金额</span> <div>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental*product_num |currency }}</span> <span>本金</span>
<span>{{ item.principal |currency }}</span>
</div>
<div>
<span>租金</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
</div>
</div>
<div class="name">
<span>利息</span>
<span>{{ item.interest | currency }}</span>
</div> </div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status"> <img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status"> <img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
...@@ -348,7 +354,7 @@ export default { ...@@ -348,7 +354,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 22px; margin-left: 22px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
...@@ -360,11 +366,15 @@ export default { ...@@ -360,11 +366,15 @@ export default {
.number { .number {
// flex: 9; // flex: 9;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 40px; margin-left: 40px;
margin-top: -16px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
} }
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-30 19:29:24 * @Date: 2019-10-30 19:29:24
* @LastEditTime: 2019-11-13 10:34:23 * @LastEditTime : 2019-12-24 18:41:37
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<template> <template>
...@@ -45,13 +45,19 @@ ...@@ -45,13 +45,19 @@
<p>{{ item.due_date.substr(0,4) }}</p> <p>{{ item.due_date.substr(0,4) }}</p>
<span>{{ dateConverse(item.due_date).substr(5,10) }}</span> <span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
</div> </div>
<div class="name">
<span>款项</span>
<span>租金</span>
</div>
<div class="number"> <div class="number">
<span>应还金额</span> <div>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span> <span>本金</span>
<span>{{ item.principal |currency }}</span>
</div>
<div>
<span>租金</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
</div>
</div>
<div class="name">
<span>利息</span>
<span>{{ item.interest | currency }}</span>
</div> </div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status"> <img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status"> <img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
...@@ -366,7 +372,7 @@ export default { ...@@ -366,7 +372,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 22px; margin-left: 22px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
...@@ -378,11 +384,15 @@ export default { ...@@ -378,11 +384,15 @@ export default {
.number { .number {
// flex: 9; // flex: 9;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4B4A4B; color: #4B4A4B;
padding-top: 20px; //padding-top: 20px;
margin-left: 40px; margin-left: 40px;
margin-top: -16px;
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 8px; margin-left: 8px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment