Skip to content

S
sfp-program
Commit 76b016d6 by kyle
Options

还款方式改为按钮，组件显示问题修改

parent adbd83a0
Showing with 48 additions and 15 deletions
pages/housePurchase/housePurchase.vue
...@@ -214,7 +214,6 @@ ...@@ -214,7 +214,6 @@
data(){ data(){
return{ return{
dataLists:null, dataLists:null,
loanType:1,
dialogIsShow:false,//弹窗显示与隐藏 dialogIsShow:false,//弹窗显示与隐藏
isDisplace:false, isDisplace:false,
isLoanSelected:false, isLoanSelected:false,
...@@ -270,8 +269,8 @@ ...@@ -270,8 +269,8 @@
this.commercialLoansParams = this.dataLists.b; this.commercialLoansParams = this.dataLists.b;
this.dialogIsShow = false; this.dialogIsShow = false;
console.log('父组件拿到值了',e); console.log('父组件拿到值了',e);
console.log('父组件拿到值了',this.accumulationFundParams); console.log('父组件拿到公积金贷款的值了',this.accumulationFundParams);
console.log('父组件拿到值了',this.commercialLoansParams); console.log('父组件拿到商业贷款值了',this.commercialLoansParams);
this.houseLoanOldList = this.dataLists.c; this.houseLoanOldList = this.dataLists.c;
console.log(this.houseLoanOldList) console.log(this.houseLoanOldList)
}, },
......
pages/housePurchase/loanBalance.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</view> </view>
<!-- 商业贷款 --> <!-- 商业贷款 -->
<view class="commercialLoans" v-if="loanType==1|| loanType==3"> <view class="commercialLoans" v-if="loanType=='1'|| loanType=='3'">
<h5 v-if="!isReadonly">商业贷款</h5> <h5 v-if="!isReadonly">商业贷款</h5>
<ul> <ul>
<li v-for="item of commercialLoansParams" :key="item.id"> <li v-for="item of commercialLoansParams" :key="item.id">
...@@ -33,8 +33,10 @@ ...@@ -33,8 +33,10 @@
<input class="uni-input" type="{{item.type}}" v-model="item.value" placeholder="请输入" :disabled="isReadonly"/> <input class="uni-input" type="{{item.type}}" v-model="item.value" placeholder="请输入" :disabled="isReadonly"/>
<span>{{item.unit}}</span> <span>{{item.unit}}</span>
</div> </div>
<div v-else-if="item.type==='select'" style="width:30%"> <div v-else-if="item.type==='select'" style="width:55%">
<uni-data-select v-model="item.value" :localdata="repaymentMethodLists" :disable="isReadonly"></uni-data-select> <view class="btn_wrapper">
<button class="min-btn" @click="slectedMethod=listItem.value;item.value=listItem.value" :class="{actived:slectedMethod == listItem.value}" type="default" plain="true" v-for="listItem of repaymentMethodLists">{{listItem.text}}</button>
</view>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -53,17 +55,18 @@ ...@@ -53,17 +55,18 @@
emits:['getData'], emits:['getData'],
data(){ data(){
return{ return{
slectedMethod:1,
accumulationFundParams:[ accumulationFundParams:[
{id:'00',text:'公积金贷款余额',value:null,type:'digit',unit:'元',alias:'oldHouseLoanBalance'}, {id:'00',text:'公积金贷款余额',value:null,type:'digit',unit:'元',alias:'oldHouseLoanBalance'},
{id:'01',text:'公积金还款方式',value:null,type:'select',unit:'',alias:'oldCalcuteType'}, {id:'01',text:'公积金还款方式',value:null,type:'select',unit:'',alias:'oldCalcuteType'},
{id:'02',text:'剩余月份',value:null,type:'number',unit:'月',alias:'oldHouseRepaymentMonth'}, {id:'02',text:'公积金剩余月份',value:null,type:'number',unit:'月',alias:'oldHouseRepaymentMonth'},
{id:'03',text:'年利率',value:null,type:'digit',unit:'%',alias:'oldInterestRate'}, {id:'03',text:'公积金年利率',value:null,type:'digit',unit:'%',alias:'oldInterestRate'},
], ],
commercialLoansParams:[ commercialLoansParams:[
{id:'00',text:'商业贷款余额',value:null,type:'digit',unit:'元',alias:'oldHouseLoanBalance'}, {id:'00',text:'商业贷款余额',value:null,type:'digit',unit:'元',alias:'oldHouseLoanBalance'},
{id:'01',text:'商业还款方式',value:null,type:'select',unit:'',alias:'oldCalcuteType'}, {id:'01',text:'商业还款方式',value:null,type:'select',unit:'',alias:'oldCalcuteType'},
{id:'02',text:'剩余月份',value:null,type:'number',unit:'月',alias:'oldHouseRepaymentMonth'}, {id:'02',text:'商业贷款剩余月份',value:null,type:'number',unit:'月',alias:'oldHouseRepaymentMonth'},
{id:'03',text:'年利率',value:null,type:'digit',unit:'%',alias:'oldInterestRate'}, {id:'03',text:'商业贷款年利率',value:null,type:'digit',unit:'%',alias:'oldInterestRate'},
], ],
loanTypeLists:[ loanTypeLists:[
{id:'00',text:'商业贷款',value:1}, {id:'00',text:'商业贷款',value:1},
...@@ -100,17 +103,17 @@ ...@@ -100,17 +103,17 @@
}, },
mounted(){ mounted(){
if(JSON.stringify(this.a) != '{}'){ if(JSON.stringify(this.a) != '{}'){
this.accumulationFundParams = JSON.parse(JSON.stringify(this.a))[0]._object this.accumulationFundParams = JSON.parse(JSON.stringify(this.a))[0]._object;
} }
if(JSON.stringify(this.b) != '{}'){ if(JSON.stringify(this.b) != '{}'){
this.commercialLoansParams = JSON.parse(JSON.stringify(this.b))[0]._object; this.commercialLoansParams = JSON.parse(JSON.stringify(this.b))[0]._object;
} }
if(this.accumulationFundParams){ if(!(this.accumulationFundParams.findIndex(item=>item.value==null || item.value == '') >= 0) && !(this.commercialLoansParams.findIndex(item=>item.value==null || item.value == '') >= 0)){
this.loanType = 1; this.loanType = 3;
}else if(this.commercialLoansParams){ }else if(!(this.accumulationFundParams.findIndex(item=>item.value==null || item.value == '') >= 0)){
this.loanType = 2; this.loanType = 2;
}else{ }else{
this.loanType = 3; this.loanType = 1;
} }
}, },
methods:{ methods:{
...@@ -318,6 +321,37 @@ ...@@ -318,6 +321,37 @@
span{ span{
padding-left: 10rpx; padding-left: 10rpx;
} }
.btn_wrapper{
display: flex;
width: 100%;
.min-btn{
position: relative;
flex: 1;
width: 0;
margin-left: 10rpx;
line-height: 1.8;
font-size: 26rpx;
border-radius: 6rpx;
border: 1px solid #CEB07D;
&.actived{
color: #6B4000;
}
&.actived::after{
display: block;
content: "";
position: absolute;
left: 80%;
top: 20%;
width: 0;
height: 0;
border: 40rpx solid #fed9a1;
border-top-color: transparent;
border-left-color: transparent;
}
}
}
} }
} }
} }
......
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