提交 fd719dee 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612

修改

上级 7303a3a7
const state = {
questionAnswerObj: {},
faceSignInfo: {},
imageFileObj: []
};
const mutations = {
setQuestionAnswerObj: (state: any, questionAnswerObj: any) => {
state.questionAnswerObj = questionAnswerObj
},
setFaceSignInfo: (state: any, faceSignListInfo: any) =>{
state.faceSignInfo = faceSignListInfo
},
setImageFileObj: (state: any, imageFileObj: any) =>{
state.imageFileObj = imageFileObj
},
addImageFileObj: (state: any, imageFileObj: any) =>{
state.imageFileObj.push(imageFileObj);
}
};
const actions = {};
const getters = {
getQuestionAnswerObj: (state: any) => {
return state.questionAnswerObj;
},
getFaceSignInfo: (state: any) => {
return state.faceSignInfo;
},
getImageFileObj: (state: any) => {
return state.imageFileObj;
}
};
export default {
state,
mutations,
actions,
getters
};
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</tatle-bar> </tatle-bar>
</div> </div>
<div class="card"> <div class="card">
<div style="margin-top: 4%; margin-left: 20px"><span style="color: #9e9e9e">贷款利息(元)</span><span style="margin-left: 130px; color: #3672F1" @click="toSeeRepayPlan">查看还款计划</span></div> <div style="margin-top: 4%; margin-left: 20px"><span style="color: #9e9e9e">贷款利息(元)</span><span v-if="flag" style="margin-left: 130px; color: #3672F1" @click="toSeeRepayPlan">查看还款计划</span></div>
<div style="margin-top: 0px; margin-left: 20px"><span style="color: #FFA121;font-size: 24px;font-family: '思源黑体 Bold', '思源黑体 Regular', '思源黑体'; <div style="margin-top: 0px; margin-left: 20px"><span style="color: #FFA121;font-size: 24px;font-family: '思源黑体 Bold', '思源黑体 Regular', '思源黑体';
font-weight: 700; font-weight: 700;
font-style: normal;">{{result}}</span></div> font-style: normal;">{{result}}</span></div>
...@@ -37,43 +37,47 @@ ...@@ -37,43 +37,47 @@
<van-col span="12" style="text-align: right">{{loanRate}}</van-col> <van-col span="12" style="text-align: right">{{loanRate}}</van-col>
</van-row> </van-row>
</div> </div>
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px"> <!-- <div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">-->
<van-row> <!-- <van-row>-->
<van-col span="12" style="color: #999999">计划月还款</van-col> <!-- <van-col span="12" style="color: #999999">计划月还款</van-col>-->
<van-col span="12" style="text-align: right">{{planMonthRepay}}</van-col> <!-- <van-col span="12" style="text-align: right">{{planMonthRepay}}</van-col>-->
</van-row> <!-- </van-row>-->
</div> <!-- </div>-->
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px"> <!-- <div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">-->
<van-row> <!-- <van-row>-->
<van-col span="12" style="color: #999999">贷款种类</van-col> <!-- <van-col span="12" style="color: #999999">贷款种类</van-col>-->
<van-col span="12" style="text-align: right">{{loanType}}</van-col> <!-- <van-col span="12" style="text-align: right">{{loanType}}</van-col>-->
</van-row> <!-- </van-row>-->
</div> <!-- </div>-->
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px"> <div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">
<van-row> <van-row>
<van-col span="12" style="color: #999999">还款方式</van-col> <van-col span="12" style="color: #999999">还款方式</van-col>
<van-col span="12" style="text-align: right">{{repayType}}</van-col> <van-col span="12" style="text-align: right">{{repayType}}</van-col>
</van-row> </van-row>
</div> </div>
<van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 16%;height: 6%;border-radius: 5px;" type="primary" @click="returnCount">确定</van-button> <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 36%;height: 6%;border-radius: 5px;" type="primary" @click="returnCount">确定</van-button>
<van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 28%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="returnCount"><span style="color: #1890ff">重新计算</span></van-button> <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 50%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="returnCount"><span style="color: #1890ff">重新计算</span></van-button>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import {Component, Prop, Vue} from "vue-property-decorator"; import {Component, Prop, Vue} from "vue-property-decorator";
import router from "@/router";
import VueRouter, { Route, RouteConfig } from "vue-router";
Vue.use(VueRouter);
@Component({ @Component({
name: "CountResult", name: "CountResult",
}) })
export default class CountResult extends Vue{ export default class CountResult extends Vue{
resultPlus=""; flag=true;
result=""; resultPlus:any="";
loanAmt=""; result:any="";
loanRate=""; loanAmt:any="";
loanRate:any="";
planMonthRepay = ""; planMonthRepay = "";
loanTime=""; loanTime:any="";
repayType = ""; repayType:any = "";
loanType = ""; loanType = "";
titleName="试算结果"; titleName="试算结果";
titleflag=true; titleflag=true;
...@@ -84,13 +88,33 @@ export default class CountResult extends Vue{ ...@@ -84,13 +88,33 @@ export default class CountResult extends Vue{
this.loanRate = this.$route.params.loanRate; this.loanRate = this.$route.params.loanRate;
this.loanTime = this.$route.params.loanTime; this.loanTime = this.$route.params.loanTime;
this.repayType = this.$route.params.repayType; this.repayType = this.$route.params.repayType;
this.planMonthRepay = this.$route.params.planMonthRepay; //this.planMonthRepay = this.$route.params.planMonthRepay;
this.loanType = this.$route.params.loanType; //this.loanType = this.$route.params.loanType;
if(this.repayType=="利随本清"){
this.flag=false;
}
console.log("@@@@@@@@@@@@@@"+this.$route.redirectedFrom);
}
//router.beforeEach((to,from,next) => {});
//beforeRouteLeave(to:any,from,next){}
created() {
this.result = window.localStorage.getItem("result");
this.loanAmt= window.localStorage.getItem("loanAmt");
this.resultPlus=window.localStorage.getItem("resultPlus");
this.loanRate=window.localStorage.getItem("loanRate");
this.loanTime=window.localStorage.getItem("loanTime");
this.repayType=window.localStorage.getItem("repayType");
} }
returnCount() { returnCount() {
this.$router.back(); this.$router.back();
} }
toSeeRepayPlan() { toSeeRepayPlan() {
window.localStorage.setItem("result",this.result);
window.localStorage.setItem("loanAmt",this.loanAmt);
window.localStorage.setItem("resultPlus",this.resultPlus);
window.localStorage.setItem("loanRate",this.loanRate);
window.localStorage.setItem("loanTime",this.loanTime);
window.localStorage.setItem("repayType",this.repayType);
this.$router.push({ this.$router.push({
name: "RepayPlan", name: "RepayPlan",
}); });
......
...@@ -32,31 +32,30 @@ ...@@ -32,31 +32,30 @@
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
</div> </div>
<div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate"> <!-- <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">-->
查看基准存款利率 <!-- 查看基准存款利率-->
</div> <!-- </div>-->
<div class="card" v-if="!flag" :model="test2"> <div class="card" v-if="!flag" :model="test2">
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div> <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>-->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类 <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类-->
<a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto"> <!-- <a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">-->
<!-- </a-select>-->
<!-- </div>-->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">还款方式
<a-select v-model:value="test2.repayType" :options="choices" placeholder="请选择还款方式" style="width: 60%;margin-top: -2%;margin-left: auto">
</a-select> </a-select>
</div> </div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">还款方式<a-select :v-model="test2.repayType" @change="handleChoiceChange" placeholder="请选择还款方式" style="width: 50%;margin-top: -2%;margin-left: auto">
<a-select-option v-for="(item, index) in choices" :key="index" :value="item">
{{item}}
</a-select-option>
</a-select></div>
</div> </div>
<div v-if="flag"> <div v-if="flag">
<van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 40%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button> <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button>
<van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 54%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearData"><span style="color: #1890ff">清除</span></van-button> <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 100%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearData"><span style="color: #1890ff">清除</span></van-button>
</div> </div>
<div v-if="!flag"> <div v-if="!flag">
<van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countB">计算</van-button> <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countB">计算</van-button>
<van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 102%;height: 6%;border-radius: 5px;border-color: #1890ff"><span style="color: #1890ff">清除</span></van-button> <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 102%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearDataB"><span style="color: #1890ff">清除</span></van-button>
</div> </div>
</div> </div>
</div> </div>
...@@ -69,7 +68,6 @@ import {Test} from "@/views/DepositInterestTrial/Test"; ...@@ -69,7 +68,6 @@ import {Test} from "@/views/DepositInterestTrial/Test";
name: "DepositInterestTrial", name: "DepositInterestTrial",
}) })
export default class DepositInterestTrial extends Vue{ export default class DepositInterestTrial extends Vue{
choices: string[] = ["利随本清","等额本金","等额本息"];
loanTypes: any[] = [ loanTypes: any[] = [
{ {
value : "有抵押", value : "有抵押",
...@@ -88,6 +86,28 @@ export default class DepositInterestTrial extends Vue{ ...@@ -88,6 +86,28 @@ export default class DepositInterestTrial extends Vue{
label : "非定期", label : "非定期",
} }
]; ];
choices: any[] = [
{
value : "利随本清",
label : "利随本清",
},{
value : "等额本金",
label : "等额本金",
},{
value : "等额本息",
label : "等额本息",
},
{
value : "按季结息(到期一次性还本)",
label : "按季结息(到期一次性还本)",
},{
value : "按月结息(到期一次性还本)",
label : "按月结息(到期一次性还本)",
},{
value : "按年结息(到期一次性还本)",
label : "按年结息(到期一次性还本)",
}
];
timeTypes: any[] = [ timeTypes: any[] = [
{ {
value : "定存整取", value : "定存整取",
...@@ -115,10 +135,10 @@ export default class DepositInterestTrial extends Vue{ ...@@ -115,10 +135,10 @@ export default class DepositInterestTrial extends Vue{
test2: any = { test2: any = {
loanAmt: "", loanAmt: "",
loanTime: "", loanTime: "",
planMonthRepay : "", //planMonthRepay : "",
loanRate: "", loanRate: "",
loanType: undefined, //loanType: undefined,
repayType: "", repayType: undefined,
}; };
test: Test = new Test();//测试数据 test: Test = new Test();//测试数据
flag:boolean=true; flag:boolean=true;
...@@ -172,6 +192,12 @@ export default class DepositInterestTrial extends Vue{ ...@@ -172,6 +192,12 @@ export default class DepositInterestTrial extends Vue{
clearData() { clearData() {
this.test = new Test(); this.test = new Test();
} }
clearDataB() {
this.test2.loanAmt="";
this.test2.loanTime="";
this.test2.repayType=undefined;
this.test2.loanRate="";
}
handleChoiceChange(value:any) { handleChoiceChange(value:any) {
this.test2.repayType = value; this.test2.repayType = value;
} }
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div class="rarle"> <div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar> <tatle-bar :tatle="tatleName"></tatle-bar>
</div> </div>
<scroller-view> <scroller-view pulldown="true" pullup="true">
<div v-for="count in 3" :key="count" class="imag-card" @click="pushProduct"> <div v-for="count in 3" :key="count" class="imag-card" @click="pushProduct">
<img :src="require('@/assets/svg/licai.svg')" style="width: 100%;"/> <img :src="require('@/assets/svg/licai.svg')" style="width: 100%;"/>
<div> <div>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册