Skip to content

H
hls-xcmg-vue-app
Commit 40ca5fbf authored by 786817560's avatar 786817560
Browse files
Options

'新增还款计划'

parent f1ef908f
Show whitespace changes
Inline Side-by-side
Showing with 597 additions and 47 deletions
src/pages/distributorSign/contract-details.vue
View file @ 40ca5fbf
......@@ -2,7 +2,7 @@
* @Description: 合同详情
* @Author: your name
* @Date: 2019-09-25 15:38:21
* @LastEditTime: 2019-09-29 14:35:11
* @LastEditTime: 2019-09-29 16:13:27
* @LastEditors: Please set LastEditors
-->
<template>
......@@ -16,17 +16,6 @@
<Tab @getTabNum="getTabNum" />
<!-- 基本信息 -->
<h-content v-if="tabNum === 0">
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color">业务经办</div>
<input slot="content" placeholder="张三" >
</item>
<item>
<div slot="name" class="font-color">经销商</div>
<input slot="content" placeholder="****代理商" >
</item>
</list-item>
<div class="equipment-list" @click="judgeBp">承租人信息</div>
<!-- 法人信息 -->
<LegalPerson v-if="bp_flag" :baseInfo="baseInfo"/>
......@@ -270,10 +259,12 @@ export default {
this.bp_flag = false
console.log(this.project_id)
this.getBseMsg()
this.getGuarantor()
} else {
this.bp_flag = true
console.log(this.project_id)
this.getBseMsg()
this.getGuarantor()
}
},
methods:
......@@ -281,7 +272,10 @@ export default {
// 基本信息
getBseMsg () {
let vm = this
let url = $config.basePath + 'prj_np_info_query'
let url = ''
let url1 = $config.basePath + 'prj_np_info_query'
let url2 = $config.basePath + 'prj_org_info_query'
vm.bp_class === 'NP' ? url = url1 : url = url2
let param = {
project_id: vm.project_id,
}
......@@ -293,16 +287,31 @@ export default {
}
})
},
// 担保人
getGuarantor () {
let vm = this
let url = $config.basePath + 'prj_guarantor_list_query'
let param = {
project_id: vm.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log('getGuarantor', res)
if (res.result === 'S') {
}
})
},
getTabNum (i) {
console.log(i)
this.tabNum = i
},
judgeBp () {
this.bp_flag = !this.bp_flag
},
repayPlan () {
this.$router.push({
name: 'FinancDetails',
params: {
project_id: this.$route.params.project_id,
},
})
},
},
......
src/pages/distributorSign/financ-details.vue
View file @ 40ca5fbf
<!--
* @Description: 融资明细
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-27 14:25:25
* @LastEditTime: 2019-09-27 14:40:18
* @Date: 2019-09-27 18:07:12
* @LastEditTime: 2019-09-29 17:20:24
* @LastEditors: Please set LastEditors
-->
<template>
<h-view>
<h-view id="financ" class="public-style">
<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>
<h-view id="refund" class="public-style" title="还款计划">
<div class="top">
<h-header :proportion="[5,1,1]" class="header">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/intoApproval/arrow.png" >
<span>还款计划</span>
</div>
</h-header>
<div class="top-content">
<span class="top-tittle">融资额(元)</span>
<span class="num">{{ info.finance_amount|NumFormat }}</span>
<div class="top-detail">
<div class="left">
<span class="line">保证金</span>
<span>￥{{ info.deposit|NumFormat }}</span>
</div>
<div class="right">
<span class="line">首付款</span>
<span>￥{{ info.down_payment|NumFormat }}</span>
</div>
</div>
<div class="clear" />
<div class="top-detail">
<div class="left">
<span class="line">手续费</span>
<span>￥{{ info.lease_charge|NumFormat }}</span>
</div>
<div class="right">
<span class="line">合同期数</span>
<span>{{ info.lease_times }}</span>
</div>
</div>
</div>
</div>
<h-content>
<table>
<tr>
<th />
<th class="table-top">日期</th>
<th class="table-top">现金流项目</th>
<th class="table-top">应还金额</th>
</tr>
<tr v-for="(item,index) in lists" :key="index" @click="goTrial">
<td>{{ index+1 }}</td>
<td>{{ item.due_date }}</td>
<td>租金</td>
<td>{{ item.rental|NumFormat }}</td>
</tr>
</table>
</h-content>
</h-view>
</h-view></template>
</template>
<script>
export default {
name: 'FinancDetails',
filters: {
NumFormat: function (value) {
if (!value) return '0.00'
var intPart = Number(value) | 0 // 获取整数部分
var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
var floatPart = '.00' // 预定义小数部分
var value2Array = value.split('.')
// =2表示数据有小数位
if (value2Array.length === 2) {
floatPart = value2Array[1].toString() // 拿到小数部分
if (floatPart.length === 1) { // 补0,实际上用不着
return intPartFormat + '.' + floatPart + '0'
} else {
return intPartFormat + '.' + floatPart
}
} else {
return intPartFormat + floatPart
}
},
},
data () {
return {
info: {
finance_amount: '',
lease_charge: '',
down_payment: '',
lease_times: '',
deposit: '',
},
lists: [],
}
},
computed: {},
watch: {},
methods:
{
created () {
this.getInfo()
},
methods: {
getInfo () {
let vm = this
let url = process.env.basePath + 'prj_cashflow_query'
let param = {
project_id: this.$route.params.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
console.log(res)
vm.lists = res.lists
Object.assign(vm.info, res.info)
}
})
},
goTrial () {
this.$router.push({
name: 'FinancingTrial',
})
},
},
}
</script>
<style lang='less' scoped>
#financ {
<style lang="less" scoped>
#refund {
.clear {
clear: both;
}
.header {
background-color: rgba(0, 0, 0, 0);
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-family: PingFangSC-Semibold;
font-size: 17px;
color: #ffffff;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
}
.top {
width: 100%;
height: 250px;
background: url("../../assets/intoApproval/backtop.png") no-repeat;
background-size: 100% 285px;
.top-detail {
margin-top: 12px;
width: 260px;
.line {
font-family: PingFangSC-Regular;
font-size: 12px;
height: 12px;
color: rgba(255, 255, 255, 0.6);
}
.line::before {
content: "";
display:inline-block;
width:2px;
height:12px;
background-color: #ffffff;
position: relative;
left: -5px;
top:2px;
}
.left {
float: left;
span:last-child {
display: block;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #ffffff;
letter-spacing: 0;
margin-top: 8px;
}
}
.right {
float: right;
span:last-child {
display: block;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #ffffff;
letter-spacing: 0;
margin-top: 8px;
}
}
}
.top-content {
width: 300px;
margin: 0 auto;
.top-tittle {
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
letter-spacing: 0;
}
.num {
display: block;
font-family: PingFangSC-Semibold;
font-size: 32px;
color: #ffffff;
line-height: 44px;
height: 44px;
margin-bottom: 24px;
margin-top: 8px;
}
}
}
table {
width: 100%;
text-align: center;
.table-top {
font-weight: bold
}
th {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #d9dbdf;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
}
th:first-child {
width: 15%;
}
td:first-child {
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #326aaf;
}
td:not(:first-child) {
border-bottom: 1px solid #d9dbdf;
}
td:last-child {
font-family: PingFangSC-Semibold;
font-size: 17px;
color: #336bb0;
letter-spacing: 0;
}
td {
height: 40px;
line-height: 40px;
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
}
}
}
</style>
src/pages/distributorSign/financing-details.vue 0 → 100644
View file @ 40ca5fbf
<!--
* @Descrip""/>User Settings Edit
* @Author: your name
* @Date: 2019-09-29 20:31:00
* @LastEditTime: 2019-09-29 21:04:35
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="details1" class="public-style">
<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="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">
<item>
<div slot="name" class="font-color">商务政策</div>
<input slot="content" placeholder="零手续费产品" >
</item>
<item>
<div slot="name" class="font-color">设备总价</div>
<input slot="content" placeholder="请输入设备总价" >
</item>
<item>
<div slot="name" class="font-color">首付款比例</div>
<input slot="content" placeholder="30%" >
</item>
<item>
<div slot="name" class="font-color">首付款</div>
<input slot="content" placeholder="首付款金额自动填充" >
</item>
<item>
<div slot="name" class="font-color">保证金比例</div>
<input slot="content" placeholder="10%" >
</item>
<item>
<div slot="name" class="font-color">保证金</div>
<input slot="content" placeholder="保证金金额自动填充" >
</item>
<item>
<div slot="name" class="font-color">手续费比例</div>
<input slot="content" placeholder="5%" >
</item>
<item>
<div slot="name" class="font-color">手续费</div>
<input slot="content" placeholder="手续费金额自动填充" >
</item>
<item>
<div slot="name" class="font-color">预计付款日</div>
<input slot="content" placeholder="YYYY-MM-DD" >
</item>
<item :showArrow="true">
<div slot="name" class="font-color">还款周期</div>
<input slot="content" placeholder="月" >
</item>
<item>
<div slot="name" class="font-color">租赁期数</div>
<input slot="content" placeholder="6" >
</item>
<item>
<div slot="name" class="font-color">年利率</div>
<input slot="content" placeholder="6.5%" >
</item>
<item :showArrow="true">
<div slot="name" class="font-color">查看还款计划</div>
<!-- <input slot="content" placeholder="6.5%" > -->
</item>
</list-item>
</h-content>
<bottom-tab class="footer-button">
<tab-button class="approve" @click.native="showModalValue=true">
试算
</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
export default {
name: 'FinancingDetails',
data () {
return {
}
},
computed: {},
watch: {},
methods:
{
},
}
</script>
<style lang='less' scoped>
#details1 {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.alert {
height: 70px;
width: 100%;
background: rgba(252, 200, 0, 0.16);
}
.alert-content {
width: 334px;
margin: 0 auto;
padding-top: 16px;
}
.info-word {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #fcc800;
letter-spacing: 0.5px;
margin-left: 8px;
}
.title {
display: flex;
align-items: center;
}
.top-info {
font-family: PingFangSC-Regular;
margin-top: 7px;
margin-left: 20px;
line-height: 15px;
font-size: 13px;
color: rgba(101,100,100,0.80);
letter-spacing: 0.4px;
}
.alert img {
width: 18px;
height: 18px;
}
.font-color {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0;
}
.footer-button {
.approve {
width: 358.6px;
height: 44px;
background: #00469c;
border-radius: 4px;
color: #fff;
font-family: PingFangSC-Semibold;
font-size: 15px;
line-height: 20px;
letter-spacing: 10px;
}
}
}
</style>
src/pages/distributorSign/financing-trial.vue 0 → 100644
View file @ 40ca5fbf
<!--
* @Descrip 融资试算
* @Author: your name
* @Date: 2019-09-29 17:09:49
* @LastEditTime: 2019-09-29 20:37:06
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="trial" class="public-style">
<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="descript">
<img src="" alt="">
<p class="produc">零手续费产品</p>
</div>
<div class="tario" @click="goDetails">
<div class="wrap">
<p class="ratio">
<span>保证金比例</span>
<span>10%</span>
</p>
<p>
<span>手续费比例</span>
<span>5%</span>
</p>
</div>
<div class="wrap">
<p>
<span>年利率</span>
<span>10%</span>
</p>
<p>
<span>期 限</span>
<span>12期</span>
</p>
</div>
<!-- <div class="pic"> -->
<img src="@/assets/distributorSign/righticon.png" alt="">
<!-- </div> -->
</div>
</h-content>
</h-view></template>
<script>
export default {
name: 'FinancingTrial',
data () {
return {
}
},
computed: {},
watch: {},
methods:
{
goDetails () {
this.$router.push({
name: 'FinancingDetails',
})
},
},
}
</script>
<style lang='less' scoped>
#trial {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.descript {
width: 100%;
height: 34px;
display: flex;
flex-direction: row;
background: rgba(0, 70, 156, 0.1);
.produc {
font-family: PingFangSC-Semibold;
font-size: 15px;
height: 34px;
line-height: 34px;
color: #00469C;
font-weight: bold;
letter-spacing: 0;
}
}
.tario {
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: space-around;
background: #fff;
img {
width: 16px;
height: 16px;
margin-top: 22px;
}
.wrap {
height: 60px;
// margin-left: 6.4%
}
// .wrap:nth-of-type(2) {
// // margin-left: 12.5%s
// }
p {
height: 30px;
line-height: 30px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56,63,69,0.60);
span:nth-of-type(2) {
margin-left: 16px;
color: rgb(56,63,69);
}
}
}
}
</style>
src/pages/distributorSign/legal-person.vue
View file @ 40ca5fbf
......@@ -2,11 +2,22 @@
* @Description: 法人信息
* @Author: your name
* @Date: 2019-09-26 15:09:24
* @LastEditTime: 2019-09-27 11:00:25
* @LastEditTime: 2019-09-29 15:46:05
* @LastEditors: Please set LastEditors
-->
<template>
<div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color">业务经办</div>
<input slot="content" placeholder="张三" >
</item>
<item>
<div slot="name" class="font-color">经销商</div>
<input slot="content" placeholder="****代理商" >
</item>
</list-item>
<div class="equipment-list">承租人信息</div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color">公司名称</div>
......
src/pages/distributorSign/personal.vue
View file @ 40ca5fbf
......@@ -2,11 +2,22 @@
* @Descrip：个人信息
* @Author: your name
* @Date: 2019-09-26 15:47:45
* @LastEditTime: 2019-09-29 13:53:24
* @LastEditTime: 2019-09-29 15:51:14
* @LastEditors: Please set LastEditors
-->
<template>
<div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color">业务经办</div>
<input slot="content" v-model="baseInfo.bp_id_user_n" >
</item>
<item>
<div slot="name" class="font-color">经销商</div>
<input slot="content" v-model="baseInfo.bp_id_agent_n" >
</item>
</list-item>
<div class="equipment-list">承租人信息</div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color">姓名</div>
......
src/router/index.js
View file @ 40ca5fbf
......@@ -2,7 +2,7 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-09-29 15:28:23
* @LastEditTime: 2019-09-30 09:05:12
* @LastEditors: Please set LastEditors
*/
import Vue from 'vue'
......@@ -34,7 +34,9 @@ import Refund from '@/pages/intoApproval/intoApproval/refund'
// 经销商签约
import ContractList from '@/pages/distributorSign/contract-list'
import ContractDetails from '@/pages/distributorSign/contract-details'
import FinancDetails from '@/pages/distributorSign/financ-details'
import FinancDetails from '@/pages/distributorSign/financ-details' // 还款计划
import FinancingTrial from '@/pages/distributorSign/financing-trial'
import FinancingDetails from '@/pages/distributorSign/financing-details' // 融资明细
// 合同签约
import ContractSigning from '../pages/contractSigning/contract-signing'
......@@ -114,6 +116,8 @@ export default new Router({
{path: '/contract-list', component: ContractList, name: 'ContractList', meta: {keepAlive: false}},
{path: '/contract-details', component: ContractDetails, name: 'ContractDetails', meta: {keepAlive: false}},
{path: '/financ-details', component: FinancDetails, name: 'FinancDetails', meta: {keepAlive: true}},
{path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: false}},
{path: '/financing-details', component: FinancingDetails, name: 'FinancingDetails', meta: {keepAlive: false}},
// 合同签约
{path: '/contract-signing', component: ContractSigning, name: 'ContractSigning', 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