Commit 7ef7484d authored by 李晓兵's avatar 李晓兵

'登录注册'

parents 940d5bba 1cb0c0c3
/*
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-09-24 12:34:06
* @LastEditors: your name
*/
// The Vue build version to load with the `import` command // The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue' import Vue from 'vue'
import FastClick from 'fastclick' import FastClick from 'fastclick'
import router from './router' import router from './router'
import App from './App' import App from './App'
import Vuex from 'vuex' import Vuex from 'vuex'
...@@ -50,10 +57,10 @@ import Jpush from './scripts/jpushService' ...@@ -50,10 +57,10 @@ import Jpush from './scripts/jpushService'
import Jmessage from './scripts/jmessageService' import Jmessage from './scripts/jmessageService'
/*if (process.env.CONFIG_ENV === 'uat') { /* if (process.env.CONFIG_ENV === 'uat') {
const VConsole = require('vconsole') const VConsole = require('vconsole')
new VConsole() // eslint-disable-line new VConsole() // eslint-disable-line
}*/ } */
Vue.use(componentInstall) Vue.use(componentInstall)
Vue.use(components) Vue.use(components)
...@@ -147,7 +154,7 @@ vum.$vumPlatform.ready(function () { ...@@ -147,7 +154,7 @@ vum.$vumPlatform.ready(function () {
}) })
vum.$vumPlatform.registerBackButtonAction(function (e) { vum.$vumPlatform.registerBackButtonAction(function (e) {
let vm = this // let vm = this
let time let time
let path = router.currentRoute.path let path = router.currentRoute.path
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: 合同详情 * @Description: 合同详情
* @Author: your name * @Author: your name
* @Date: 2019-09-25 15:38:21 * @Date: 2019-09-25 15:38:21
* @LastEditTime: 2019-09-29 10:47:02 * @LastEditTime: 2019-09-29 14:35:11
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -14,7 +14,6 @@ ...@@ -14,7 +14,6 @@
</div> </div>
</h-header> </h-header>
<Tab @getTabNum="getTabNum" /> <Tab @getTabNum="getTabNum" />
<!-- 基本信息 --> <!-- 基本信息 -->
<h-content v-if="tabNum === 0"> <h-content v-if="tabNum === 0">
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
...@@ -30,10 +29,10 @@ ...@@ -30,10 +29,10 @@
<div class="equipment-list" @click="judgeBp">承租人信息</div> <div class="equipment-list" @click="judgeBp">承租人信息</div>
<!-- 法人信息 --> <!-- 法人信息 -->
<LegalPerson v-if="bp_flag"/> <LegalPerson v-if="bp_flag" :baseInfo="baseInfo"/>
<!-- 个人信息(自然人) --> <!-- 个人信息(自然人) -->
<Personal v-if="!bp_flag"/> <Personal v-if="!bp_flag" :baseInfo="baseInfo"/>
<div class="equipment-list">担保人信息</div> <div class="equipment-list">担保人信息</div>
<list-item :item-height="76"> <list-item :item-height="76">
...@@ -83,51 +82,51 @@ ...@@ -83,51 +82,51 @@
<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>
<input slot="content" v-model="info.product_plan_id_n" > <input slot="content" v-model="info.product_plan_id_n" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">设备总价</div> <div slot="name" class="font-color">设备总价</div>
<input slot="content" v-model="info.equip_price" > <span slot="content">{{ info.equip_price|NumFormat }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">融资金额</div> <div slot="name" class="font-color">融资金额</div>
<input slot="content" v-model="info.finance_amount" > <span slot="content">{{ info.finance_amount|NumFormat }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">首付款</div> <div slot="name" class="font-color">首付款</div>
<input slot="content" v-model="info.down_payment" > <input slot="content" v-model="info.down_payment" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金比例</div> <div slot="name" class="font-color">保证金比例</div>
<input slot="content" v-model="info.deposit_ratio" > <input slot="content" v-model="info.deposit_ratio" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金</div> <div slot="name" class="font-color">保证金</div>
<input slot="content" v-model="info.deposit" > <span slot="content">{{ info.deposit|NumFormat }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费比例</div> <div slot="name" class="font-color">手续费比例</div>
<input slot="content" v-model="info.lease_charge_ratio"> <input slot="content" v-model="info.lease_charge_ratio" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费</div> <div slot="name" class="font-color">手续费</div>
<input slot="content" v-model="info.lease_charge" > <span slot="content">{{ info.lease_charge|NumFormat }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">预计付款日</div> <div slot="name" class="font-color">预计付款日</div>
<input slot="content" v-model="info.pre_pay_date" > <input slot="content" v-model="info.pre_pay_date" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">还款周期</div> <div slot="name" class="font-color">还款周期</div>
<input slot="content" v-model="info.annual_pay_times" > <input slot="content" v-model="info.annual_pay_times" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">租赁期数</div> <div slot="name" class="font-color">租赁期数</div>
<input slot="content" v-model="info.lease_times" > <input slot="content" v-model="info.lease_times" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">年利率</div> <div slot="name" class="font-color">年利率</div>
<input slot="content" v-model="info.int_rate" > <input slot="content" v-model="info.int_rate" readonly>
</item> </item>
</list-item> </list-item>
<div class="repay-plan"> <div class="repay-plan">
...@@ -137,15 +136,15 @@ ...@@ -137,15 +136,15 @@
<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>
<input slot="content" v-model="info.product_id" > <input slot="content" v-model="info.product_id" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">产品线</div> <div slot="name" class="font-color">产品线</div>
<input slot="content" v-model="info.division" > <input slot="content" v-model="info.division" readonly>
</item> </item>
<item> <item>
<div slot="name" class="font-color">产品数量</div> <div slot="name" class="font-color">产品数量</div>
<input slot="content" v-model="info.product_num" > <input slot="content" v-model="info.product_num" readonly>
</item> </item>
</list-item> </list-item>
...@@ -207,22 +206,56 @@ export default { ...@@ -207,22 +206,56 @@ export default {
Personal, Personal,
LegalPerson, LegalPerson,
}, },
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 () { data () {
return { return {
info: {}, info: {},
tabNum: 0, tabNum: 0,
baseInfo: {},
bp_flag: false, bp_flag: false,
project_id: this.$route.params.project_id,
bp_class: this.$route.params.bp_class,
} }
}, },
computed: {}, computed: {},
watch: { watch: {
bp_class () {
if (this.bp_class === 'NP') {
this.bp_flag = false
console.log(this.project_id)
this.getBseMsg()
} else {
this.bp_flag = true
}
},
tabNum () { tabNum () {
if (this.tabNum === 1) { if (this.tabNum === 1) {
let vm = this let vm = this
let url = $config.basePath + 'prj_lease_query' let url = $config.basePath + 'prj_lease_query'
let param = { let param = {
project_id: '503', project_id: vm.project_id,
} }
// 租赁信息
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
console.log('result', res) console.log('result', res)
if (res.result === 'S') { if (res.result === 'S') {
...@@ -232,8 +265,34 @@ export default { ...@@ -232,8 +265,34 @@ export default {
} }
}, },
}, },
created () {
if (this.bp_class === 'NP') {
this.bp_flag = false
console.log(this.project_id)
this.getBseMsg()
} else {
this.bp_flag = true
console.log(this.project_id)
this.getBseMsg()
}
},
methods: methods:
{ {
// 基本信息
getBseMsg () {
let vm = this
let url = $config.basePath + 'prj_np_info_query'
let param = {
project_id: vm.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log('baseinfo', res)
if (res.result === 'S') {
// vm.lists = res.lists
vm.baseInfo = res.info
}
})
},
getTabNum (i) { getTabNum (i) {
console.log(i) console.log(i)
this.tabNum = i this.tabNum = i
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,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(index)"> <div class="details" @click="goDetails(item)">
<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>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="option"> <div class="option">
<p class="name">合同租金</p> <p class="name">合同租金</p>
<p class="normal money">{{ item.finance_amount }}</p> <p class="normal money">{{ item.finance_amount }}</p>
<img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(item)"> <img src="@/assets/distributorSign/goDetails.png" alt="">
</div> </div>
<div class="option"> <div class="option">
<p class="name">申请时间</p> <p class="name">申请时间</p>
...@@ -48,43 +48,53 @@ ...@@ -48,43 +48,53 @@
</template> </template>
<script> <script>
import Tab from '@/pages/distributorSign/tab' import Tab from '@/pages/distributorSign/tab'
export default { export default {
name: 'ContractList', name: 'ContractList',
components: { components: {
Tab, Tab,
}, },
data() { data () {
return { return {
tabNum: 0, tabNum: 0,
lists: [], lists: [],
} }
}, },
created() { created () {
let vm = this let vm = this
let url = $config.basePath + 'prj_confirm_list_query' let url = $config.basePath + 'prj_confirm_list_query'
let param = { let param = {
user_phone: '18507155349', user_phone: '18507155349',
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log(res.result)
if (res.result === 'S') {
vm.lists = res.lists
} }
vm.hlsHttp.post(url, param).then(function (res) { })
console.log(res.result) },
if (res.result === 'S') { methods: {
vm.lists = res.lists goDetails (item) {
} console.log(item.project_id, item.bp_class)
this.$router.push({
name: 'ContractDetails',
params: {
bp_class: item.bp_class,
project_id: item.project_id,
},
}) })
}, },
methods: { getTabNum (i) {
getTabNum(i) { this.tabNum = i
this.tabNum = i
},
goDetails() {
this.$router.push({
name: 'ContractDetails',
})
},
}, },
} goDetails () {
this.$router.push({
name: 'ContractDetails',
})
},
},
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#sign { #sign {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip:个人信息 * @Descrip:个人信息
* @Author: your name * @Author: your name
* @Date: 2019-09-26 15:47:45 * @Date: 2019-09-26 15:47:45
* @LastEditTime: 2019-09-27 13:21:47 * @LastEditTime: 2019-09-29 13:53:24
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -10,50 +10,50 @@ ...@@ -10,50 +10,50 @@
<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>
<input slot="content" placeholder="张三" > <input slot="content" v-model="baseInfo.bp_name" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">证件号</div> <div slot="name" class="font-color">证件号</div>
<input slot="content" placeholder="421120298709240987" > <input slot="content" v-model="baseInfo.id_card_no" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">电话号码</div> <div slot="name" class="font-color">电话号码</div>
<input slot="content" placeholder="15768097665" > <input slot="content" v-model="baseInfo.cell_phone" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">居住地址</div> <div slot="name" class="font-color">居住地址</div>
<input slot="content" placeholder="湖北省武汉市洪山区" > <input slot="content" v-model="baseInfo.living_address" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">户籍地址</div> <div slot="name" class="font-color">户籍地址</div>
<input slot="content" placeholder="湖北省武汉市江岸区" > <input slot="content" v-model="baseInfo.address_on_resident_booklit" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">学历</div> <div slot="name" class="font-color">学历</div>
<input slot="content" placeholder="本科" > <input slot="content" v-model="baseInfo.academic_background_n" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">婚姻状况</div> <div slot="name" class="font-color">婚姻状况</div>
<input slot="content" placeholder="已婚" > <input slot="content" v-model="baseInfo.marital_status_n" >
</item> </item>
</list-item> </list-item>
<div class="equipment-list">配偶信息</div> <div class="equipment-list">配偶信息</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>
<input slot="content" placeholder="李四" > <input slot="content" v-model="baseInfo.bp_name_sp" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">电话号码</div> <div slot="name" class="font-color">电话号码</div>
<input slot="content" placeholder="18907658990" > <input slot="content" v-model="baseInfo.spouse_phone" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">工作单位</div> <div slot="name" class="font-color">工作单位</div>
<input slot="content" placeholder="上海汉得" > <input slot="content" v-model="baseInfo.working_place_sp" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">居住地址</div> <div slot="name" class="font-color">居住地址</div>
<input slot="content" placeholder="湖北省武汉市洪山区" > <input slot="content" v-model="baseInfo.address_sp" >
</item> </item>
</list-item> </list-item>
</div> </div>
...@@ -61,6 +61,12 @@ ...@@ -61,6 +61,12 @@
<script> <script>
export default { export default {
name: '', name: '',
props: {
'baseInfo': {
type: Object,
default: {},
},
},
data () { data () {
return { return {
......
<template> <template>
<h-view id="approval" class="public-style" title="进件审批"> <h-view id="approval" class="public-style" title="进件审批">
<div v-if="!isConfirm" class="myModal"> <div v-if="!isConfirm" v-once class="myModal">
<div class="box"> <div class="box">
<span class="title-box">征信授权书</span> <span class="title-box">征信授权书</span>
<div class="content-box"> <div class="content-box">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<input type="checkbox" @click="select" > <input type="checkbox" @click="select" >
<span>我本人已阅读本协议,并同意授权xxxx</span> <span>我本人已阅读本协议,并同意授权xxxx</span>
</div> </div>
<button :class="[ischecked?'check':'uncheck']" @click="confirm">同意</button> <button :class="[ischecked?'check1':'uncheck']" @click="confirm">同意</button>
</div> </div>
</div> </div>
<div v-if="downNum" class="modal-show"> <div v-if="downNum" class="modal-show">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<img src="@/assets/intoApproval/back.png" > <img src="@/assets/intoApproval/back.png" >
</div> </div>
</div> </div>
<button class="check" @click="confirm">下载</button> <button @click="confirm">下载</button>
</div> </div>
</div> </div>
<h-header :proportion="[5,1,1]" class="header"> <h-header :proportion="[5,1,1]" class="header">
...@@ -106,7 +106,10 @@ ...@@ -106,7 +106,10 @@
<input slot="content" v-model="personInfo.address_sp" readonly > <input slot="content" v-model="personInfo.address_sp" readonly >
</item> </item>
</list-item> </list-item>
<div class="userInfo">担保人信息<span v-if="bondsInfo.length==0">(无)</span></div> <div class="userInfo">
担保人信息
<span v-if="bondsInfo.length==0">(无)</span>
</div>
<list-item :item-height="76"> <list-item :item-height="76">
<item v-for="(item,index) in bondsInfo" :key="index"> <item v-for="(item,index) in bondsInfo" :key="index">
<div slot="name"> <div slot="name">
...@@ -198,17 +201,20 @@ ...@@ -198,17 +201,20 @@
<input slot="content" v-model="companyInfo.auth_person_matter" readonly > <input slot="content" v-model="companyInfo.auth_person_matter" readonly >
</item> </item>
</list-item> </list-item>
<div class="userInfo">担保人信息<span v-if="bondsInfo.length==0">(无)</span></div> <div class="userInfo">
担保人信息
<span v-if="bondsInfo.length==0">(无)</span>
</div>
<list-item :item-height="76"> <list-item :item-height="76">
<item v-for="(item,index) in bondsInfo" :key="index"> <item v-for="(item,index) in bondsInfo" :key="index">
<div slot="name"> <div slot="name">
<span class="name-box">{{ index }}</span> <span class="name-box">{{ index+1 }}</span>
<span class="name">担保人{{ index }}姓名</span> <span class="name">担保人{{ index+1 }}姓名</span>
<span class="card-num">证件号</span> <span class="card-num">证件号</span>
</div> </div>
<div slot="content" class="right"> <div slot="content" class="right">
<img src="@/assets/intoApproval/introduce.png" > <img src="@/assets/intoApproval/introduce.png" >
<span>{{ item.bp_name }}</span> <span :title="item.bp_name">{{ item.bp_name }}</span>
<br > <br >
<span>{{ item.organization_code }}</span> <span>{{ item.organization_code }}</span>
</div> </div>
...@@ -229,7 +235,7 @@ ...@@ -229,7 +235,7 @@
</div> </div>
</div> </div>
</div> </div>
<RentInfo v-show="tabNum==1" :rentInfo="rentInfo" /> <RentInfo v-show="tabNum==1"/>
<AccessoryInfo v-show="tabNum==2" @down="getDown" /> <AccessoryInfo v-show="tabNum==2" @down="getDown" />
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
...@@ -281,7 +287,7 @@ export default { ...@@ -281,7 +287,7 @@ export default {
baseInfo: {}, baseInfo: {},
checkedImg: checkedImg, checkedImg: checkedImg,
isDown: false, isDown: false,
bp_class: this.$route.params.bp_class, bp_class: window.sessionStorage.bp_class,
rentInfo: {}, rentInfo: {},
bondsInfo: [], bondsInfo: [],
personInfo: { personInfo: {
...@@ -315,8 +321,15 @@ export default { ...@@ -315,8 +321,15 @@ export default {
}, },
} }
}, },
created () {
if (this.bp_class === 'NP') {
this.getNPBase()
} else if (this.bp_class === 'ORG') {
this.getOrgBase()
}
},
mounted () { mounted () {
this.getRent() // this.getRent()
this.getBonds() this.getBonds()
this.popProtocol() this.popProtocol()
}, },
...@@ -329,20 +342,34 @@ export default { ...@@ -329,20 +342,34 @@ export default {
}, },
select () { select () {
this.ischecked = !this.ischecked this.ischecked = !this.ischecked
console.log(this.ischecked)
}, },
confirm () { confirm () {
this.ischecked ? this.isConfirm = true : this.isConfirm = false this.ischecked ? (this.isConfirm = true) : (this.isConfirm = false)
},
getNPBase () {
let vm = this
let url = process.env.basePath + 'prj_np_info_query'
let param = {
project_id: window.sessionStorage.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
Object.assign(vm.personInfo, res.info)
}
})
}, },
getRent () { getOrgBase () {
let vm = this let vm = this
let url = process.env.basePath + 'prj_lease_query' let url = process.env.basePath + 'prj_org_info_query'
let param = { let param = {
'project_id': '46002', project_id: window.sessionStorage.project_id,
} }
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.rentInfo = res.info Object.assign(vm.companyInfo, res.info)
} }
}) })
}, },
...@@ -350,7 +377,7 @@ export default { ...@@ -350,7 +377,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'prj_guarantor_list_query' let url = process.env.basePath + 'prj_guarantor_list_query'
let param = { let param = {
'project_id': '46002', project_id: '46002',
} }
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
...@@ -451,11 +478,17 @@ export default { ...@@ -451,11 +478,17 @@ export default {
.right span { .right span {
float: right; float: right;
margin-right: 48px; margin-right: 48px;
display: block;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: rgba(56, 63, 69, 0.6); color: rgba(56, 63, 69, 0.6);
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
margin-top: -10px;
} }
.right span:last-child { .right span:last-child {
margin-top: 7px; margin-top: 7px;
...@@ -565,7 +598,7 @@ export default { ...@@ -565,7 +598,7 @@ export default {
bottom: 16px; bottom: 16px;
left: 30.5px; left: 30.5px;
} }
.check { .check1 {
background-color: #00469c; background-color: #00469c;
} }
.uncheck { .uncheck {
......
...@@ -9,26 +9,26 @@ ...@@ -9,26 +9,26 @@
</h-header> </h-header>
<div class="top-content"> <div class="top-content">
<span class="top-tittle">融资额(元)</span> <span class="top-tittle">融资额(元)</span>
<span class="num">190,000.00</span> <span class="num">{{ info.finance_amount|NumFormat }}</span>
<div class="top-detail"> <div class="top-detail">
<div class="left"> <div class="left">
<span class="line">保证金</span> <span class="line">保证金</span>
<span>5,000.00</span> <span>{{ info.deposit|NumFormat }}</span>
</div> </div>
<div class="right"> <div class="right">
<span class="line">首付款</span> <span class="line">首付款</span>
<span>20,000.00</span> <span>{{ info.down_payment|NumFormat }}</span>
</div> </div>
</div> </div>
<div class="clear" /> <div class="clear" />
<div class="top-detail"> <div class="top-detail">
<div class="left"> <div class="left">
<span class="line">手续费</span> <span class="line">手续费</span>
<span>5,000.00</span> <span>{{ info.lease_charge|NumFormat }}</span>
</div> </div>
<div class="right"> <div class="right">
<span class="line">合同期数</span> <span class="line">合同期数</span>
<span>20,000.00</span> <span>{{ info.lease_times }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -41,24 +41,65 @@ ...@@ -41,24 +41,65 @@
<th>现金流项目</th> <th>现金流项目</th>
<th>应还金额</th> <th>应还金额</th>
</tr> </tr>
<tr> <tr v-for="(item,index) in lists" :key="index">
<td>1</td> <td>{{ index+1 }}</td>
<td>2019-01-01</td> <td>{{ item.due_date }}</td>
<td>租金</td>
<td>9,000.00</td>
</tr>
<tr>
<td>1</td>
<td>2019-01-01</td>
<td>租金</td> <td>租金</td>
<td>9,000.00</td> <td>{{ item.rental|NumFormat }}</td>
</tr> </tr>
</table> </table>
</h-content> </h-content>
</h-view> </h-view>
</template> </template>
<script> <script>
export default {} export default {
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: {},
lists: [],
}
},
created () {
this.getInfo()
},
methods: {
getInfo () {
let vm = this
let url = process.env.basePath + 'prj_cashflow_query'
let param = {
project_id: window.sessionStorage.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
vm.info = res.info
}
})
},
},
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#refund { #refund {
...@@ -83,9 +124,9 @@ export default {} ...@@ -83,9 +124,9 @@ export default {}
} }
.top { .top {
width: 100%; width: 100%;
height: 265px; height: 285px;
background: url("../../../assets/intoApproval/backtop.png") no-repeat; background: url("../../../assets/intoApproval/backtop.png") no-repeat;
background-size: 375px 285px; background-size: 100% 285px;
.top-detail { .top-detail {
margin-top: 12px; margin-top: 12px;
width: 260px; width: 260px;
...@@ -94,13 +135,16 @@ export default {} ...@@ -94,13 +135,16 @@ export default {}
font-size: 12px; font-size: 12px;
height: 12px; height: 12px;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding-left: 10px;
} }
.line::before { .line::before {
content: "|"; content: "";
color: #ffffff; display:inline-block;
width:2px;
height:12px;
background-color: #ffffff;
position: relative; position: relative;
left: -10px; left: -5px;
top:2px;
} }
.left { .left {
float: left; float: left;
......
...@@ -101,23 +101,58 @@ export default { ...@@ -101,23 +101,58 @@ export default {
} }
}, },
}, },
props: { data () {
'rentInfo': { return {
default: {}, rentInfo: {
type: Object, finance_amount: '',
}, lease_charge: '',
annual_pay_times: '',
deposit_ratio_n: ' ',
lease_charge_ratio_n: ' ',
product_plan_id: '',
equip_price: '',
lease_charge_ratio: '',
int_rate_n: ' ',
product_num: '',
down_payment: '',
deposit_ratio: '',
division: '',
lease_times: '',
pre_pay_date: '',
product_id: '',
deposit: '',
int_rate: '',
product_plan_id_n: '',
},
}
}, },
computed: { computed: {
'time': function () { 'time': function () {
return this.rentInfo.pre_pay_date.substr(0, 10) return this.rentInfo.pre_pay_date.substr(0, 10)
}, },
}, },
created () {
this.getRent()
},
methods: { methods: {
changeRefund () { changeRefund () {
this.$router.push({ this.$router.push({
name: 'Refund', name: 'Refund',
}) })
}, },
getRent () {
let vm = this
let url = process.env.basePath + 'prj_lease_query'
let param = {
project_id: window.sessionStorage.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.rentInfo = res.info
}
})
},
}, },
} }
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.finance_amount }}</p> <p class="code">{{ item.finance_amount }}</p>
</div> </div>
<div class="details" @click="goDetails(index)"> <div class="details">
<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>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="option"> <div class="option">
<p class="name">合同租金</p> <p class="name">合同租金</p>
<p class="normal money">{{ item.finance_amount }}</p> <p class="normal money">{{ item.finance_amount }}</p>
<img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(index)"> <img src="@/assets/distributorSign/goDetails.png" alt="">
</div> </div>
<div class="option"> <div class="option">
<p class="name">申请时间</p> <p class="name">申请时间</p>
...@@ -73,12 +73,11 @@ export default { ...@@ -73,12 +73,11 @@ export default {
getTabNum (i) { getTabNum (i) {
this.tabNum = i this.tabNum = i
}, },
goDetails () { goDetails (item) {
window.sessionStorage.setItem('bp_class', item.bp_class)
window.sessionStorage.setItem('project_id', item.project_id)
this.$router.push({ this.$router.push({
name: 'Base', name: 'Base',
params: {
bp_class: 'NP',
},
}) })
}, },
}, },
......
...@@ -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-09-27 14:36:20 * @LastEditTime: 2019-09-29 14:53:45
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
*/ */
import Vue from 'vue' import Vue from 'vue'
...@@ -36,7 +36,6 @@ import ContractList from '@/pages/distributorSign/contract-list' ...@@ -36,7 +36,6 @@ import ContractList from '@/pages/distributorSign/contract-list'
import ContractDetails from '@/pages/distributorSign/contract-details' import ContractDetails from '@/pages/distributorSign/contract-details'
import FinancDetails from '@/pages/distributorSign/financ-details' import FinancDetails from '@/pages/distributorSign/financ-details'
// 合同签约 // 合同签约
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'
...@@ -108,7 +107,7 @@ export default new Router({ ...@@ -108,7 +107,7 @@ export default new Router({
{path: '/nature-person', component: NaturePerson, name: 'NaturePerson', meta: {keepAlive: false}}, {path: '/nature-person', component: NaturePerson, name: 'NaturePerson', meta: {keepAlive: false}},
{path: '/enterprise', component: Enterprise, name: 'Enterprise', meta: {keepAlive: false}}, {path: '/enterprise', component: Enterprise, name: 'Enterprise', meta: {keepAlive: false}},
// 进件审批 // 进件审批
{path: '/base', component: Base, name: 'Base', meta: {keepAlive: true}}, {path: '/base', component: Base, name: 'Base', meta: {keepAlive: false}},
{path: '/refund', component: Refund, name: 'Refund', meta: {keepAlive: false}}, {path: '/refund', component: Refund, name: 'Refund', meta: {keepAlive: false}},
{path: '/intoList', component: IntoList, name: 'IntoList', meta: {keepAlive: false}}, {path: '/intoList', component: IntoList, name: 'IntoList', meta: {keepAlive: false}},
// 经销商签约 // 经销商签约
......
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