Commit b8f0964d authored by linxin's avatar linxin

fixed

parent 1ccc649c
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
<div class="center"> <div class="center">
<div><span>合同金额</span><p>{{ item.total_price|currency }}</p></div> <div><span>合同金额</span><p>{{ item.total_price|currency }}</p></div>
<div><span>已还金额</span><p class="bold">{{ item.recivied_amount|currency }}</p></div> <div><span>已还金额</span><p class="bold">{{ item.recivied_amount|currency }}</p></div>
<span class="red">逾期{{ item.overdue_times }}</span> <span v-if="item.overdue_status==='Y'" class="red">已逾</span>
<section @click="toRepayDetails(item.project_id)"> <section @click="toRepayDetails(item)">
<img src="@/assets/contractRepayment/view.png" alt=""> <img src="@/assets/contractRepayment/view.png" alt="">
<span>查看合同明细</span> <span>查看合同明细</span>
</section> </section>
...@@ -90,7 +90,8 @@ export default { ...@@ -90,7 +90,8 @@ export default {
this.$router.push({ this.$router.push({
name: 'RepayDetails', name: 'RepayDetails',
params: { params: {
project_id: e, project_id: e.project_id,
overdue_status: e.overdue_status,
}, },
}) })
}, },
...@@ -213,7 +214,6 @@ export default { ...@@ -213,7 +214,6 @@ export default {
div:first-child { div:first-child {
border-top: 1px solid #F3F3F7; border-top: 1px solid #F3F3F7;
} }
span.red{ span.red{
margin-top: 10px; margin-top: 10px;
position: relative; position: relative;
......
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
</div> </div>
</div> </div>
<div slot="content"> <div slot="content">
<span :class="['status','red']">{{ '逾期X期' }}</span>
<div class="plan" @click="toRepayPlan(item.contract_id)"> <div class="plan" @click="toRepayPlan(item.contract_id)">
<img src="@/assets/contractRepayment/plan.png" alt=""> <img src="@/assets/contractRepayment/plan.png" alt="">
<span>还款计划</span> <span>还款计划</span>
...@@ -81,6 +82,7 @@ export default { ...@@ -81,6 +82,7 @@ export default {
}, },
data () { data () {
return { return {
overdue_status: this.$route.params.overdue_status,
detailInfo: { detailInfo: {
project_number: '', project_number: '',
agent_bp_name: '', agent_bp_name: '',
...@@ -155,6 +157,18 @@ export default { ...@@ -155,6 +157,18 @@ export default {
</script> </script>
<style lang='less' > <style lang='less' >
#repay-details { #repay-details {
.status{
margin-bottom:20px;
display: inline-block;
}
.red{
color: red;
border-bottom: 1px solid red;
}
.blue{
color: blue;
border-bottom: 1px solid blue;
}
.h-header { .h-header {
background-color: @headerColor; background-color: @headerColor;
.h-header-btn { .h-header-btn {
......
...@@ -96,10 +96,10 @@ export default { ...@@ -96,10 +96,10 @@ export default {
vm.done = [] vm.done = []
vm.tabNum = 0 vm.tabNum = 0
vm.undo = vm.lists.filter(i => { vm.undo = vm.lists.filter(i => {
return i.leases_status === 'N' return i.car_start_status === 'REJECTED' || i.car_start_status === 'NEW'
}) })
vm.done = vm.lists.filter(i => { vm.done = vm.lists.filter(i => {
return i.leases_status === 'Y' return i.car_start_status === 'APPROVED'
}) })
this.showList = this.undo this.showList = this.undo
}, },
......
...@@ -172,7 +172,6 @@ export default { ...@@ -172,7 +172,6 @@ export default {
<style lang='less' > <style lang='less' >
#contract-record { #contract-record {
.top-head { .top-head {
position: fixed;
width: 100%; width: 100%;
height: 142px; height: 142px;
background: url("../../../assets/payment/back1.png"); background: url("../../../assets/payment/back1.png");
...@@ -204,8 +203,7 @@ export default { ...@@ -204,8 +203,7 @@ export default {
.pay-content { .pay-content {
width: 100%; width: 100%;
position: relative; margin-top:-60px;
top: 80px;
height: 370px; height: 370px;
overflow: scroll; overflow: scroll;
.contract-item { .contract-item {
......
...@@ -77,7 +77,8 @@ ...@@ -77,7 +77,8 @@
</section> </section>
</item> </item>
</list-item> </list-item>
</scroll></div> </scroll>
</div>
</div> </div>
</transition> </transition>
<transition name="trans"> <transition name="trans">
...@@ -202,7 +203,7 @@ export default { ...@@ -202,7 +203,7 @@ export default {
return (this.money * (this.rate / 100)).toFixed(2) return (this.money * (this.rate / 100)).toFixed(2)
}, },
rate () { rate () {
return this.checkType.bank_full_name.indexOf('农业') !== -1 ? 0.00 : 0.18 return this.checkType.bank_full_name.indexOf('农业') !== -1 ? 0.0 : 0.18
}, },
sumMoney () { sumMoney () {
return (parseFloat(this.serviceCharge) + parseFloat(this.money)).toFixed( return (parseFloat(this.serviceCharge) + parseFloat(this.money)).toFixed(
...@@ -355,7 +356,7 @@ export default { ...@@ -355,7 +356,7 @@ export default {
</script> </script>
<style lang='less' > <style lang='less' >
#pay-entry { #pay-entry {
.vue-better-scroll__wrapper{ .vue-better-scroll__wrapper {
padding: 0; padding: 0;
} }
.trans-enter-active, .trans-enter-active,
...@@ -378,12 +379,12 @@ export default { ...@@ -378,12 +379,12 @@ export default {
.down { .down {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:16%; top: 18%;
background-color: #fff; background-color: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
.top { .top {
...@@ -404,7 +405,6 @@ export default { ...@@ -404,7 +405,6 @@ export default {
text-align: center; text-align: center;
} }
} }
} }
} }
.modal-show-bank { .modal-show-bank {
...@@ -419,12 +419,12 @@ export default { ...@@ -419,12 +419,12 @@ export default {
.down { .down {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:16%; top: 18%;
background-color: #fff; background-color: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
.top { .top {
...@@ -447,9 +447,8 @@ export default { ...@@ -447,9 +447,8 @@ export default {
} }
} }
.pay-way { .pay-way {
width: 100%;
width: 100%; padding: 0 4% 0 4%;
padding: 0 4% 0 4%;
background: #fff; background: #fff;
.hls-item { .hls-item {
padding-left: 12px; padding-left: 12px;
...@@ -459,7 +458,7 @@ export default { ...@@ -459,7 +458,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
div{ div {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -484,7 +483,7 @@ export default { ...@@ -484,7 +483,7 @@ export default {
display: block; display: block;
float: left; float: left;
position: relative; position: relative;
margin: 0 8px 0 3px; margin: 0 8px 0 3px;
} }
} }
...@@ -497,7 +496,7 @@ export default { ...@@ -497,7 +496,7 @@ export default {
} }
} }
} }
.info { .info {
width: 100%; width: 100%;
height: 226px; height: 226px;
background-color: #fff; background-color: #fff;
...@@ -560,7 +559,7 @@ export default { ...@@ -560,7 +559,7 @@ export default {
background-color: rgba(75, 74, 75, 0.1); background-color: rgba(75, 74, 75, 0.1);
} }
} }
.icon { .icon {
width: 30px; width: 30px;
display: block; display: block;
float: left; float: left;
...@@ -568,7 +567,8 @@ export default { ...@@ -568,7 +567,8 @@ export default {
margin: 12px 8px 0 3px; margin: 12px 8px 0 3px;
} }
.push { .push {
width: 35px; margin-left:20px;
width: 35px;
} }
.modal-show { .modal-show {
width: 100%; width: 100%;
...@@ -643,69 +643,69 @@ export default { ...@@ -643,69 +643,69 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
} }
.info { .info {
width: 100%; width: 100%;
height: 226px; height: 226px;
background-color: #fff; background-color: #fff;
.info-item { .info-item {
height: 46px; height: 46px;
width: 335px; width: 335px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.arrow { .arrow {
margin-right: -10px; margin-right: -10px;
}
img {
width: 17px;
margin-right: 10px;
}
span:first-child {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
line-height: 18px;
}
span:last-child {
font-family: Verdana;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
line-height: 18px;
display: flex;
align-items: center;
}
} }
img { .info-item:nth-of-type(1)::after {
width: 17px; content: "";
margin-right: 10px; display: block;
position: absolute;
right: 20px;
top: 25px;
border: 10px solid #fff;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: rgba(75, 74, 75, 0.1);
} }
span:first-child { .info-item:nth-of-type(1) {
font-family: PingFangSC-Regular; border-top: 1px solid #d9dbdf;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
line-height: 18px;
} }
span:last-child { .interest {
font-family: Verdana; width: 100%;
font-size: 14px; height: 37px;
color: #383f45; line-height: 37px;
font-family: PingFangSC-Medium;
font-size: 11px;
color: #4b4a4b;
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; text-indent: 215px;
display: flex; background-color: rgba(75, 74, 75, 0.1);
align-items: center;
} }
} }
.info-item:nth-of-type(1)::after {
content: "";
display: block;
position: absolute;
right: 20px;
top: 25px;
border: 10px solid #fff;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: rgba(75, 74, 75, 0.1);
}
.info-item:nth-of-type(1) {
border-top: 1px solid #d9dbdf;
}
.interest {
width: 100%;
height: 37px;
line-height: 37px;
font-family: PingFangSC-Medium;
font-size: 11px;
color: #4b4a4b;
letter-spacing: 0;
text-indent: 215px;
background-color: rgba(75, 74, 75, 0.1);
}
}
} }
.foot { .foot {
background-color: @headerColor; background-color: @headerColor;
......
...@@ -385,7 +385,7 @@ export default { ...@@ -385,7 +385,7 @@ export default {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:16%; top:18%;
background: #fff; background: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
...@@ -428,7 +428,7 @@ export default { ...@@ -428,7 +428,7 @@ export default {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:16%; top:18%;
background: #fff; background: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
...@@ -580,6 +580,7 @@ export default { ...@@ -580,6 +580,7 @@ export default {
/* position: absolute; /* position: absolute;
top: 10px; top: 10px;
margin-left: 10px;*/ margin-left: 10px;*/
margin-left:20px;
width: 35px; width: 35px;
} }
.modal-show { .modal-show {
......
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