Commit 9a4f8183 authored by 786817560's avatar 786817560

Merge branch 'ren' into develop

parents e6169e0a 3fef43fd
src/assets/trial/date.png

396 Bytes | W: | H:

src/assets/trial/date.png

893 Bytes | W: | H:

src/assets/trial/date.png
src/assets/trial/date.png
src/assets/trial/date.png
src/assets/trial/date.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/trial/product.png

1.36 KB | W: | H:

src/assets/trial/product.png

1.02 KB | W: | H:

src/assets/trial/product.png
src/assets/trial/product.png
src/assets/trial/product.png
src/assets/trial/product.png
  • 2-up
  • Swipe
  • Onion skin
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-29 10:04:11 * @LastEditTime: 2019-10-30 14:28:29
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -179,6 +179,7 @@ export default { ...@@ -179,6 +179,7 @@ export default {
return { return {
isshow: false, // 提示框的显示与隐藏 isshow: false, // 提示框的显示与隐藏
num: 0, num: 0,
bp_name: '',
project_id: '', project_id: '',
bank_flag: false, bank_flag: false,
confirm_id: '', confirm_id: '',
...@@ -197,6 +198,7 @@ export default { ...@@ -197,6 +198,7 @@ export default {
next(vm => { next(vm => {
if (from.name === 'ContractSigning') { if (from.name === 'ContractSigning') {
vm.bank_flag = false vm.bank_flag = false
vm.bp_name = vm.$route.params.bp_name
vm.project_id = vm.$route.params.project_id vm.project_id = vm.$route.params.project_id
vm.confirm_id = vm.$route.params.confirm_id vm.confirm_id = vm.$route.params.confirm_id
vm.confirm_status = vm.$route.params.confirm_status vm.confirm_status = vm.$route.params.confirm_status
...@@ -252,6 +254,7 @@ export default { ...@@ -252,6 +254,7 @@ export default {
this.$router.push({ this.$router.push({
name: 'EntryInfo', name: 'EntryInfo',
params: { params: {
bp_name: this.bp_name,
project_id: this.project_id, project_id: this.project_id,
entry_info_flag: this.entry_info_flag, entry_info_flag: this.entry_info_flag,
}, },
...@@ -287,7 +290,6 @@ export default { ...@@ -287,7 +290,6 @@ export default {
// 银行卡查询 // 银行卡查询
bankCardQuery () { bankCardQuery () {
debugger
let vm = this let vm = this
let url = $config.basePath + 'con_bank_query' let url = $config.basePath + 'con_bank_query'
let param = { let param = {
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-29 09:56:37 * @LastEditTime: 2019-10-30 09:34:22
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.project_number }}</p> <p class="code">{{ item.project_number }}</p>
</div> </div>
<div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id)"> <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id,item.bp_name)">
<div class="option"> <div class="option">
<p class="name">承租人</p> <p class="name">承租人</p>
<p class="full-name normal">{{ item.bp_name }}</p> <p class="full-name normal">{{ item.bp_name }}</p>
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.project_number }}</p> <p class="code">{{ item.project_number }}</p>
</div> </div>
<div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id)"> <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id,item.bp_name)">
<div class="option"> <div class="option">
<p class="name">承租人</p> <p class="name">承租人</p>
<p class="full-name normal">{{ item.bp_name }}</p> <p class="full-name normal">{{ item.bp_name }}</p>
...@@ -126,15 +126,15 @@ export default { ...@@ -126,15 +126,15 @@ export default {
} }
}) })
}, },
// val: project_id, status: confirm_status // val: project_id, status: confirm_status, bpName: 承租人
goDetails (val, status, id) { // 银行卡录入页面keep alive为true,根据project_id和add_status重置页面 goDetails (val, status, id, bpName) {
// window.sessionStorage.setItem('add_status', false)
this.$router.push({ this.$router.push({
name: 'ContractDetail', name: 'ContractDetail',
params: { params: {
project_id: val, project_id: val,
confirm_status: status,
confirm_id: id, confirm_id: id,
bp_name: bpName,
confirm_status: status,
}, },
}) })
}, },
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-29 10:00:03 * @LastEditTime: 2019-10-30 14:29:27
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -30,18 +30,20 @@ ...@@ -30,18 +30,20 @@
<div slot="name" >银行卡卡号</div> <div slot="name" >银行卡卡号</div>
<input <input
slot="content" v-model="bank_lists[0].bank_account_num" type="text" slot="content" v-model="bank_lists[0].bank_account_num" type="text"
placeholder="上传银行卡自动填充" placeholder="上传银行卡自动填充" readonly
> >
</item> </item>
<item> <item>
<div slot="name" >账户名称</div> <div slot="name" >账户名称</div>
<input slot="content" v-model="bank_lists[0].bank_account_name" type="text" placeholder="请输入账户名称"> <input
slot="content" v-model="bank_lists[0].bank_account_name" type="text" readonly
placeholder="请输入账户名称">
</item> </item>
<item> <item>
<div slot="name" >银行名称</div> <div slot="name" >银行名称</div>
<input <input
slot="content" v-model="bank_lists[0].bank_full_name" type="text" slot="content" v-model="bank_lists[0].bank_full_name" type="text"
placeholder="请输入银行名称"> placeholder="请输入银行名称" readonly>
</item> </item>
<item> <item>
<div slot="name" >支行名称</div> <div slot="name" >支行名称</div>
...@@ -86,7 +88,7 @@ export default { ...@@ -86,7 +88,7 @@ export default {
{ {
bank_full_name: '', // 银行名称 bank_full_name: '', // 银行名称
bank_account_num: '', // 卡号 bank_account_num: '', // 卡号
bank_account_name: '', bank_account_name: this.$route.params.bp_name,
bank_branch_name: '', bank_branch_name: '',
}, },
], ],
...@@ -104,7 +106,7 @@ export default { ...@@ -104,7 +106,7 @@ export default {
{ {
bank_full_name: '', // 银行名称 bank_full_name: '', // 银行名称
bank_account_num: '', // 卡号 bank_account_num: '', // 卡号
bank_account_name: '', bank_account_name: this.$route.params.bp_name,
bank_branch_name: '', bank_branch_name: '',
}, },
] ]
...@@ -183,20 +185,16 @@ export default { ...@@ -183,20 +185,16 @@ export default {
}) })
}, },
cardAdd () { cardAdd () {
for (var key in this.bank_lists[0]) { if (this.bank_lists[0].bank_account_num === '') {
if (!this.bank_lists[0][key]) { this.hlsPopup.showLongCenter('请识别银行卡')
this.bank_card_flag = false
} else if (this.hlsUtil.isBankAccount(this.bank_lists[0].bank_account_num)) {
this.bank_card_flag = false this.bank_card_flag = false
this.hlsPopup.showLongCenter('银行信息不完整!') this.hlsPopup.showLongCenter('请输入正确银行卡号!')
return
} else { } else {
this.bank_card_flag = true this.bank_card_flag = true
} }
}
if (this.hlsUtil.isBankAccount(this.bank_lists[0].bank_account_num)) {
this.bank_card_flag = false
this.hlsPopup.showLongCenter('请输入正确银行卡号!')
}
if (this.bank_card_flag) { if (this.bank_card_flag) {
let vm = this let vm = this
let url = $config.basePath + 'con_bank_save' let url = $config.basePath + 'con_bank_save'
...@@ -232,8 +230,10 @@ export default { ...@@ -232,8 +230,10 @@ export default {
} }
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
if (res.result === 'S') { if (res.result === 'S') {
if ('info' in res) { if (res.info.bank_full_name !== ' ') {
vm.bank_lists = [res.info] vm.bank_lists = [res.info]
} else {
vm.bank_lists[0].bank_account_name = vm.$route.params.bp_name
} }
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-29 20:31:00 * @Date: 2019-09-29 20:31:00
* @LastEditTime: 2019-10-29 19:30:27 * @LastEditTime: 2019-10-30 19:03:32
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -14,15 +14,6 @@ ...@@ -14,15 +14,6 @@
</div> </div>
</h-header> </h-header>
<h-content> <h-content>
<div class="alert">
<div class="alert-content">
<div class="title">
<img src="@/assets/intoApproval/info.png" >
<span class="info-word">提示</span>
</div>
<p class="top-info">具体请以实际进件发生情况为准,谢谢!</p>
</div>
</div>
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">商务政策</div> <div slot="name" class="font-color">商务政策</div>
...@@ -38,7 +29,7 @@ ...@@ -38,7 +29,7 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">首付款</div> <div slot="name" class="font-color">首付款</div>
<span v-if="!equip_price" slot="content">首付款金额自动填充</span> <span v-if="!equip_price" slot="content" class="autoColor">首付款金额自动填充</span>
<span v-if="equip_price" slot="content">{{ equip_price*info.down_payment_ratio_n.replace("%","")/100 | currency }}</span> <span v-if="equip_price" slot="content">{{ equip_price*info.down_payment_ratio_n.replace("%","")/100 | currency }}</span>
</item> </item>
<item> <item>
...@@ -47,7 +38,7 @@ ...@@ -47,7 +38,7 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金</div> <div slot="name" class="font-color">保证金</div>
<span v-if="!equip_price" slot="content">保证金额自动填充</span> <span v-if="!equip_price" slot="content" class="autoColor">保证金额自动填充</span>
<span v-if="equip_price" slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span> <span v-if="equip_price" slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span>
</item> </item>
<item> <item>
...@@ -56,13 +47,13 @@ ...@@ -56,13 +47,13 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费</div> <div slot="name" class="font-color">手续费</div>
<span v-if="!equip_price" slot="content">手续费金额自动填充</span> <span v-if="!equip_price" slot="content" class="autoColor">手续费金额自动填充</span>
<span v-if="equip_price" slot="content">{{ equip_price*info.lease_charge_ratio_n.replace("%","")/100 | currency }}</span> <span v-if="equip_price" slot="content">{{ equip_price*info.lease_charge_ratio_n.replace("%","")/100 | currency }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">预计付款日</div> <div slot="name" class="font-color">预计付款日</div>
<!-- <input slot="content" placeholder="YYYY-MM-DD" readonly> --> <!-- <input slot="content" placeholder="YYYY-MM-DD" readonly> -->
<div slot="content">{{ price_date_to | dateFormat }}</div> <div slot="content" class="autoColor">{{ price_date_to | dateFormat }}</div>
<img src="@/assets/trial/date.png" alt="" class="date-pic" @click="showTime('YYYY-MM-DD')"> <img src="@/assets/trial/date.png" alt="" class="date-pic" @click="showTime('YYYY-MM-DD')">
</item> </item>
<item> <item>
...@@ -81,6 +72,15 @@ ...@@ -81,6 +72,15 @@
<div slot="name" class="font-color">查看还款计划</div> <div slot="name" class="font-color">查看还款计划</div>
</item> </item>
</list-item> </list-item>
<div class="alert">
<div class="alert-content">
<div class="title">
<img src="@/assets/intoApproval/info.png" >
<span class="info-word">提示</span>
</div>
<p class="top-info">具体请以实际进件发生情况为准,谢谢!</p>
</div>
</div>
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button class="approve" @click.native="calculationSave"> <tab-button class="approve" @click.native="calculationSave">
...@@ -97,6 +97,8 @@ export default { ...@@ -97,6 +97,8 @@ export default {
return { return {
info: {}, info: {},
dates: '', dates: '',
quotation_id: '', // 试算成功返回id
trial_flag: false, // 检测是否通过试算
equip_price: '', equip_price: '',
price_date_to: '', price_date_to: '',
product_plan_id: '', product_plan_id: '',
...@@ -113,7 +115,11 @@ export default { ...@@ -113,7 +115,11 @@ export default {
if (from.name === 'FinancingTrial') { if (from.name === 'FinancingTrial') {
vm.price_date_to = vm.$route.params.price_date_to // 有效日期 vm.price_date_to = vm.$route.params.price_date_to // 有效日期
vm.equip_price = vm.$route.params.plan_price // 参考价 vm.equip_price = vm.$route.params.plan_price // 参考价
if (vm.product_plan_id !== vm.$route.params.product_plan_id) {
vm.product_plan_id = vm.$route.params.product_plan_id vm.product_plan_id = vm.$route.params.product_plan_id
vm.quotation_id = ''
vm.trial_flag = false
}
vm.detailsQuery() vm.detailsQuery()
} }
}) })
...@@ -124,11 +130,21 @@ export default { ...@@ -124,11 +130,21 @@ export default {
}, },
methods: methods:
{ {
// 还款计划
goRepay () { goRepay () {
if (this.trial_flag) {
this.$router.push({ this.$router.push({
name: 'FinancDetails', name: 'TrialRepayPlan',
params: {
quotation_id: this.quotation_id,
},
}) })
} else {
hlsPopup.showLongCenter('您还未通过试算')
}
}, },
// 时间选择
showTime (format) { showTime (format) {
let vm = this let vm = this
hlsPopup.showTime({ hlsPopup.showTime({
...@@ -148,7 +164,6 @@ export default { ...@@ -148,7 +164,6 @@ export default {
} }
vm.hlsPopup.showLoading('数据加载中') vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
console.log(res)
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.info = res.info vm.info = res.info
...@@ -179,10 +194,10 @@ export default { ...@@ -179,10 +194,10 @@ export default {
vm.hlsPopup.showLoading('试算中,请稍后') vm.hlsPopup.showLoading('试算中,请稍后')
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
console.log('.........', res)
if (res.result === 'S') { if (res.result === 'S') {
hlsPopup.showLongCenter('试算成功') hlsPopup.showLongCenter('试算成功')
// vm.info = res.info vm.quotation_id = res.quotation_id
vm.trial_flag = true
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -197,7 +212,7 @@ export default { ...@@ -197,7 +212,7 @@ export default {
.date-pic { .date-pic {
height: 17px; height: 17px;
width: 17px; width: 17px;
margin-top: 14px; margin-top: 15px;
margin-left: 6px; margin-left: 6px;
} }
.h-header-btn { .h-header-btn {
...@@ -217,6 +232,7 @@ export default { ...@@ -217,6 +232,7 @@ export default {
.alert { .alert {
height: 70px; height: 70px;
width: 100%; width: 100%;
margin-bottom: 25px;
background: rgba(252, 200, 0, 0.16); background: rgba(252, 200, 0, 0.16);
} }
.alert-content { .alert-content {
...@@ -254,6 +270,14 @@ export default { ...@@ -254,6 +270,14 @@ export default {
color: #656464; color: #656464;
letter-spacing: 0; letter-spacing: 0;
} }
.autoColor {
font-family: PingFangSC-Regular;
//font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
// text-align: right;
// line-height: 18px;
}
.footer-button { .footer-button {
.approve { .approve {
width: 96%; width: 96%;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip 融资试算 * @Descrip 融资试算
* @Author: your name * @Author: your name
* @Date: 2019-09-29 17:09:49 * @Date: 2019-09-29 17:09:49
* @LastEditTime: 2019-10-29 18:45:37 * @LastEditTime: 2019-10-30 18:15:44
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -13,15 +13,27 @@ ...@@ -13,15 +13,27 @@
<span>融资试算</span> <span>融资试算</span>
</div> </div>
</h-header> </h-header>
<h-content>
<section v-for="(item,index) in lists" :key="index">
<div class="descript"> <!-- 搜索 -->
<div class="hinput">
<div class="search-box">
<input type="text" placeholder="请输入产品名称">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
<scroll
ref="scrollList"
:pullUp="true"
>
<section v-for="(item,index) in lists" :key="index">
<div class="descript" @click="goDetails(item.product_plan_id)">
<img src="@/assets/trial/product.png" alt=""> <img src="@/assets/trial/product.png" alt="">
<p class="produc">零手续费产品</p> <p class="produc">{{ item.product_plan_id_n }}</p>
<img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
</div> </div>
<div class="tario" @click="goDetails(item.product_plan_id)"> <div class="tario">
<div class="wrap"> <div class="wrap">
<p class="ratio"> <p class="ratio">
<span>保证金比例</span> <span>保证金比例</span>
...@@ -42,14 +54,9 @@ ...@@ -42,14 +54,9 @@
<span>{{ item.lease_times }}</span> <span>{{ item.lease_times }}</span>
</p> </p>
</div> </div>
<!-- <div class="pic"> -->
<img src="@/assets/distributorSign/righticon.png" alt="">
<!-- </div> -->
</div> </div>
</section> </section>
</scroll>
</h-content>
</h-view> </h-view>
</template> </template>
...@@ -132,27 +139,79 @@ export default { ...@@ -132,27 +139,79 @@ export default {
line-height: 24px; line-height: 24px;
} }
} }
.scrollContent {
padding-bottom: 1.4rem;
}
.hinput {
position: relative;
z-index: 50;
width: 100%;
height: 50px;
//border-bottom: 1px solid #cccccc70;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
font-family: PingFangSC-Regular;
border: 1px solid #1D3FFF;
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input {
width: 90%;
height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
}
}
}
section {
width: 95%;
margin: 0 auto;
margin-top: 8px;
}
.descript { .descript {
width: 100%; width: 100%;
height: 34px; height: 44px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background: rgba(0, 70, 156, 0.1); background: #fff;
img { img {
width: 30px;
height: 30px;
margin-left: 10px;
margin-top: 8px;
// margin-right: 8px;
}
.linkPic {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-left: 16px; margin-top: 15px;
margin-top: 9px; margin-left: -7px;
margin-right: 8px; margin-right: 10px;
} }
.produc { .produc {
font-family: PingFangSC-Semibold; height: 44px;
font-size: 14px; display: flex;
height: 34px; flex: 1;
line-height: 34px; font-size: 15px;
color: #00469C; color: #4B4A4B;
font-weight: bold; line-height: 44px;
font-weight: 500;
letter-spacing: 0; letter-spacing: 0;
margin-left: 10px;
font-family: PingFangSC-Semibold;
border-bottom: 1px solid #F3F3F7;
} }
} }
.tario { .tario {
...@@ -162,7 +221,8 @@ export default { ...@@ -162,7 +221,8 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
background: #fff; background: #fff;
margin-bottom: 8px; // margin-bottom: 8px;
padding-left: 18px;
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
......
<!--
* @Author: your name
* @Date: 2019-10-30 11:16:17
* @LastEditTime: 2019-10-30 18:54:41
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \hls-xcmg-vue-app\src\pages\financingTrial\trial-repay-plan.vue
-->
<template>
<h-view id="trialRepayPlan">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>融资明细</span>
</div>
</h-header>
<h-content>
<div class="topMoney">
<div class="quota">
<div class="total">
<p>融资额</p>
<p>90000</p>
</div>
<div class="times">{{ info.lease_times }}</div>
</div>
<div class="fund">
<div>
<p class="name">保证金</p>
<p class="money">{{ info.deposit | currency }}</p>
</div>
<div>
<p class="name">首付款</p>
<p class="money">{{ info.down_payment | currency }}</p>
</div>
<div>
<p class="name">手续费</p>
<p class="money">{{ info.lease_charge | currency }}</p>
</div>
</div>
</div>
<div class="repay">
<div class="repayPlan">
<p>还款计划</p>
<img src="@/assets/trial/down.png" alt="">
</div>
</div>
<div class="items">
<img src="@/assets/trial/buleClip.png" alt="">
<div class="content">
<div class="dates">
<p>2019</p>
<p>01-01</p>
</div>
<div class="cash">
<p>现金流</p>
<p>应还金额</p>
</div>
<div class="rent">
<p>租金</p>
<p>90,000.00</p>
</div>
</div>
</div>
<div class="items">
<img src="@/assets/trial/buleClip.png" alt="">
<div class="content">
<div class="dates">
<p>2019</p>
<p>01-01</p>
</div>
<div class="cash">
<p>现金流</p>
<p>应还金额</p>
</div>
<div class="rent">
<p>租金</p>
<p>9,000,000.00</p>
</div>
</div>
</div>
</h-content>
</h-view>
</template>
<script>
export default {
name: '',
data () {
return {
info: {},
}
},
computed: {},
watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'FinancingDetails') {
vm.repayQuery()
}
})
next()
},
methods: {
repayQuery () {
let vm = this
let url = $config.basePath + 'prd_repayment_plan'
let param = {
quotation_id: vm.$route.params.quotation_id,
}
vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
console.log(res)
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.info = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
},
}
</script>
<style lang='less' scoped>
@import "../../styles/public-style";
#trialRepayPlan {
.topMoney {
width: 100%;
height: 150px;
background: #1D3FFF;
background-image: url('../../assets/trial/cur.png');
background-size: 100% 100%;
.quota {
width: 100%;
height: 48px;
display: flex;
flex-direction: row;
padding-top: 36px;
align-items: center;
.total {
margin-left: 20px;
letter-spacing: 0;
position: relative;
}
.total p:nth-of-type(1){
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #FFFFFF;
height: 20px;
line-height: 20px;
}
.total p:nth-of-type(2){
font-family: Verdana-BoldItalic;
font-size: 20px;
color: #FFFFFF;
height: 24px;
line-height: 24px;
margin-top: 4px;
}
.times {
font-family: Verdana-BoldItalic;
width: 65px;
height: 24px;
line-height: 24px;
font-size: 14px;
color: #1D3FFF;
text-align: center;
letter-spacing: 0;
position: absolute;
right: 20px;
background-image: url('../../assets/trial/times.png');
background-size: 100%;
}
}
.fund {
width: 100%;
display: flex;
flex-direction: row;
margin-top: 40px;
div {
width: 33%
}
.name {
width: 100%;
height: 17px;
line-height: 17px;
text-align: center;
opacity: 0.8;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #FFFFFF;
letter-spacing: 0;
}
.money {
width: 100%;
height: 16px;
line-height: 16px;
text-align: center;
font-family: Verdana-Bold;
font-size: 13px;
color: #fff;
letter-spacing: 0;
margin-top: 5px;
}
}
}
.repay {
height: 52px;
width: 100%;
background: #1D3FFF;
.repayPlan {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #21254C;
letter-spacing: 0;
height: 52px;
line-height: 52px;
background-color: #fafafa;
padding-left: 24px;
font-weight: 600;
position: relative;
border-radius: 24px 0 0 0;
display: flex;
flex-direction: row;
img {
height: 19px;
width: 19px;
position: absolute;
right: 24px;
top: 16px;
}
}
.repayPlan::before {
content: "";
display: block;
width: 4px;
height: 16px;
background: #2D6FFF;
position: absolute;
left: 13px;
top: 17px;
}
}
.items {
height: 78px;
width: 95%;
display: flex;
flex-direction: row;
margin: 0 16px 8px 6px;
align-items: center;
.content {
height: 76px;
display: flex;
flex-direction: row;
box-shadow: 0 1px 5px 0 rgba(219,219,219,0.69);
position: relative;
.dates {
margin-left: 8px;
display: flex;
flex-direction: column;
justify-content: center;
p:nth-of-type(1) {
height: 15px;
line-height: 15px;
font-family: DIN-Regular;
font-size: 12px;
color: rgba(56,63,69,0.60);
letter-spacing: 0;
}
p:nth-of-type(2) {
height: 17px;
line-height: 17px;
font-family: DIN-Bold;
font-size: 14px;
color: #21254C;
letter-spacing: 0;
font-weight: bold;
}
}
.cash {
margin-left: 36px;
p {
opacity: 0.6;
height: 18px;
line-height: 18px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4B4A4B;
letter-spacing: 0;
}
p:nth-of-type(1) {
margin-top: 16px
}
p:nth-of-type(2) {
margin-top: 10px
}
}
.rent {
position: absolute;
right: 20px;
height: 18px;
line-height: 18px;
p {
font-size: 13px;
color: #4B4A4B;
letter-spacing: 0;
width: 90px;
text-align: right
}
p:nth-of-type(1) {
margin-top: 16px;
font-family: PingFangSC-Regular;
}
p:nth-of-type(2) {
font-family: Verdana;
color: #1D3FFF;
margin-top: 10px
}
}
}
img {
width: 10px;
height: 35px;
}
}
}
</style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-10-11 09:39:51 * @Date: 2019-10-11 09:39:51
* @LastEditTime: 2019-10-29 09:51:19 * @LastEditTime: 2019-10-30 17:07:26
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -115,7 +115,7 @@ export default { ...@@ -115,7 +115,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'fnd_province_query' let url = process.env.basePath + 'fnd_province_query'
let param = {} let param = {}
vm.hlsPopus.showLoading('请稍后') vm.hlsPopup.showLoading('请稍后')
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
vm.lists = res.lists vm.lists = res.lists
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-24 12:34:06 * @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-10-29 19:34:45 * @LastEditTime: 2019-10-30 11:24:48
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
*/ */
import Vue from 'vue' import Vue from 'vue'
...@@ -42,6 +42,7 @@ import FinancDetails from '@/pages/distributorSign/financ-details' // 还款计 ...@@ -42,6 +42,7 @@ import FinancDetails from '@/pages/distributorSign/financ-details' // 还款计
// 融资试算 // 融资试算
import FinancingTrial from '@/pages/financingTrial/financing-trial' import FinancingTrial from '@/pages/financingTrial/financing-trial'
import FinancingDetails from '@/pages/financingTrial/financing-details' // 融资明细 import FinancingDetails from '@/pages/financingTrial/financing-details' // 融资明细
import TrialRepayPlan from '@/pages/financingTrial/trial-repay-plan'
// 合同签约 // 合同签约
import ContractSigning from '../pages/contractSigning/contract-signing' import ContractSigning from '../pages/contractSigning/contract-signing'
import ContractDetail from '@/pages/ContractSigning/contract-detail' import ContractDetail from '@/pages/ContractSigning/contract-detail'
...@@ -176,6 +177,7 @@ export default new Router({ ...@@ -176,6 +177,7 @@ export default new Router({
// 试算 // 试算
{path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: true}}, {path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: true}},
{path: '/financing-details', component: FinancingDetails, name: 'FinancingDetails', meta: {keepAlive: true}}, {path: '/financing-details', component: FinancingDetails, name: 'FinancingDetails', meta: {keepAlive: true}},
{path: '/trial-repay-plan', component: TrialRepayPlan, name: 'TrialRepayPlan', meta: {keepAlive: true}},
// 合同签约 // 合同签约
{path: '/contract-signing', component: ContractSigning, name: 'ContractSigning', meta: {keepAlive: true}}, {path: '/contract-signing', component: ContractSigning, name: 'ContractSigning', meta: {keepAlive: true}},
{path: '/contract-detail', component: ContractDetail, name: 'ContractDetail', meta: {keepAlive: true}}, {path: '/contract-detail', component: ContractDetail, name: 'ContractDetail', meta: {keepAlive: true}},
......
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