Commit b066c484 authored by 786817560's avatar 786817560

'试算'

parent 36eeb012
...@@ -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-09-30 13:08:02 * @LastEditTime: 2019-10-18 10:57:30
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</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="plan_price" placeholder="请输入设备总价">
</item> </item>
<item> <item>
<div slot="name" class="font-color">首付款比例</div> <div slot="name" class="font-color">首付款比例</div>
...@@ -90,11 +90,25 @@ export default { ...@@ -90,11 +90,25 @@ export default {
name: 'FinancingDetails', name: 'FinancingDetails',
data () { data () {
return { return {
plan_price: '',
price_date_to: '',
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
if (from.name === 'FinancingTrial') {
next(vm => {
vm.price_date_to = vm.$route.params.price_date_to // 有效日期
vm.plan_price = vm.$route.params.plan_price // 参考价
// console.log(vm.plan_price, vm.price_date_to)
})
}
next()
},
created () {
},
methods: methods:
{ {
goRepay () { goRepay () {
...@@ -147,9 +161,9 @@ export default { ...@@ -147,9 +161,9 @@ export default {
margin-top: 7px; margin-top: 7px;
margin-left: 20px; margin-left: 20px;
line-height: 15px; line-height: 15px;
font-size: 13px; font-size: 13px;
color: rgba(101,100,100,0.80); color: rgba(101,100,100,0.80);
letter-spacing: 0.4px; letter-spacing: 0.4px;
} }
.alert img { .alert img {
width: 18px; width: 18px;
...@@ -163,7 +177,7 @@ letter-spacing: 0.4px; ...@@ -163,7 +177,7 @@ letter-spacing: 0.4px;
} }
.footer-button { .footer-button {
.approve { .approve {
width: 358.6px; width: 96%;
height: 44px; height: 44px;
background: #00469c; background: #00469c;
border-radius: 4px; border-radius: 4px;
...@@ -172,6 +186,7 @@ letter-spacing: 0.4px; ...@@ -172,6 +186,7 @@ letter-spacing: 0.4px;
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
letter-spacing: 10px; letter-spacing: 10px;
margin: 0 auto;
} }
} }
} }
......
...@@ -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-09-30 10:04:07 * @LastEditTime: 2019-10-18 10:11:01
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</h-header> </h-header>
<h-content> <h-content>
<div class="descript"> <div class="descript">
<img src="" alt=""> <img src="@/assets/trial/product.png" alt="">
<p class="produc">零手续费产品</p> <p class="produc">零手续费产品</p>
</div> </div>
...@@ -54,16 +54,34 @@ export default { ...@@ -54,16 +54,34 @@ export default {
name: 'FinancingTrial', name: 'FinancingTrial',
data () { data () {
return { return {
plan_price: '',
price_date_to: '',
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
if (from.name === 'ProDetailed') {
next(vm => {
vm.price_date_to = vm.$route.params.price_date_to // 有效日期
vm.plan_price = vm.$route.params.plan_price // 参考价
// console.log(vm.plan_price, vm.price_date_to)
})
}
next()
},
created () {
},
methods: methods:
{ {
goDetails () { goDetails () {
this.$router.push({ this.$router.push({
name: 'FinancingDetails', name: 'FinancingDetails',
params: {
plan_price: this.plan_price,
price_date_to: this.price_date_to,
},
}) })
}, },
}, },
...@@ -91,9 +109,16 @@ export default { ...@@ -91,9 +109,16 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background: rgba(0, 70, 156, 0.1); background: rgba(0, 70, 156, 0.1);
img {
width: 16px;
height: 16px;
margin-left: 16px;
margin-top: 9px;
margin-right: 8px;
}
.produc { .produc {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 15px; font-size: 14px;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
color: #00469C; color: #00469C;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip: 产品明细 * @Descrip: 产品明细
* @Author: your name * @Author: your name
* @Date: 2019-10-15 14:30:00 * @Date: 2019-10-15 14:30:00
* @LastEditTime: 2019-10-17 19:12:22 * @LastEditTime: 2019-10-18 10:06:48
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
</list-item> </list-item>
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button :class="{bgcolor: bgc_flag}" class="butt"><img src="@/assets/productQuery/trial.png" alt=""> 试算</tab-button> <tab-button :class="{bgcolor: bgc_flag}" class="butt" @click.native="goTrial(baseInfo.plan_price,baseInfo.price_date_to)"><img src="@/assets/productQuery/trial.png" alt=""> 试算</tab-button>
<tab-button class="collect butt" @click.native="collect"><img :src="src" alt="">收藏</tab-button> <tab-button class="collect butt" @click.native="collect"><img :src="src" alt="">收藏</tab-button>
</bottom-tab> </bottom-tab>
<div v-if="collect_flag" class="show-collect"> <div v-if="collect_flag" class="show-collect">
...@@ -122,10 +122,18 @@ export default { ...@@ -122,10 +122,18 @@ export default {
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
if (from.name === 'ProductList') {
next(vm => {
vm.baseMsg()
vm.detailMsg()
vm.confgMsg()
})
}
next()
},
created () { created () {
this.baseMsg()
this.detailMsg()
this.confgMsg()
}, },
methods: methods:
{ {
...@@ -190,6 +198,16 @@ export default { ...@@ -190,6 +198,16 @@ export default {
} }
}) })
}, },
// 试算price:产品参考价,date:有效日期
goTrial (price, date) {
this.$router.push({
name: 'FinancingTrial',
params: {
plan_price: price,
price_date_to: date,
},
})
},
}, },
} }
</script> </script>
......
...@@ -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-17 11:02:08 * @LastEditTime: 2019-10-18 10:14:00
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
*/ */
import Vue from 'vue' import Vue from 'vue'
...@@ -40,8 +40,9 @@ import Refund from '@/pages/intoApproval/intoApproval/refund' ...@@ -40,8 +40,9 @@ import Refund from '@/pages/intoApproval/intoApproval/refund'
import ContractList from '@/pages/distributorSign/contract-list' 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 FinancingTrial from '@/pages/distributorSign/financing-trial' // 融资试算
import FinancingDetails from '@/pages/distributorSign/financing-details' // 融资明细 import FinancingTrial from '@/pages/financingTrial/financing-trial'
import FinancingDetails from '@/pages/financingTrial/financing-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'
...@@ -153,7 +154,8 @@ export default new Router({ ...@@ -153,7 +154,8 @@ export default new Router({
{path: '/contract-list', component: ContractList, name: 'ContractList', meta: {keepAlive: false}}, {path: '/contract-list', component: ContractList, name: 'ContractList', meta: {keepAlive: false}},
{path: '/contract-details', component: ContractDetails, name: 'ContractDetails', meta: {keepAlive: false}}, {path: '/contract-details', component: ContractDetails, name: 'ContractDetails', meta: {keepAlive: false}},
{path: '/financ-details', component: FinancDetails, name: 'FinancDetails', meta: {keepAlive: true}}, {path: '/financ-details', component: FinancDetails, name: 'FinancDetails', meta: {keepAlive: true}},
{path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: false}}, // 试算
{path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: true}},
{path: '/financing-details', component: FinancingDetails, name: 'FinancingDetails', 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-signing', component: ContractSigning, name: 'ContractSigning', meta: {keepAlive: true}},
...@@ -173,7 +175,7 @@ export default new Router({ ...@@ -173,7 +175,7 @@ export default new Router({
{path: '/margin-pay-entry', component: MarginPayEntry, name: 'MarginPayEntry', meta: {keepAlive: true}}, {path: '/margin-pay-entry', component: MarginPayEntry, name: 'MarginPayEntry', meta: {keepAlive: true}},
// 产品查询 // 产品查询
{path: '/query-home', component: QueryHome, name: 'QueryHome', meta: {keepAlive: true}}, {path: '/query-home', component: QueryHome, name: 'QueryHome', meta: {keepAlive: true}},
{path: '/product-detailed', component: ProDetailed, name: 'ProDetailed', meta: {keepAlive: false}}, {path: '/product-detailed', component: ProDetailed, name: 'ProDetailed', meta: {keepAlive: true}},
{path: '/product-list', component: ProductList, name: 'ProductList', meta: {keepAlive: true}}, {path: '/product-list', component: ProductList, name: 'ProductList', meta: {keepAlive: true}},
], ],
scrollBehavior (to, from, savedPosition) { scrollBehavior (to, from, savedPosition) {
......
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