Skip to content

M
mcep-h5
提交 fd719dee 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612
浏览文件
操作

修改

上级 7303a3a7
隐藏空白字符变更
内嵌 并排
正在显示 包含 129 行增加 和 42 行删除
src/stores/modules/tsts.module.ts 0 → 100644
浏览文件 @ fd719dee
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
};
src/views/DepositInterestTrial/CountResult.vue
浏览文件 @ fd719dee
......@@ -10,7 +10,7 @@
</tatle-bar>
</div>
<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', '思源黑体';
font-weight: 700;
font-style: normal;">{{result}}</span></div>
......@@ -37,43 +37,47 @@
<van-col span="12" style="text-align: right">{{loanRate}}</van-col>
</van-row>
</div>
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">
<van-row>
<van-col span="12" style="color: #999999">计划月还款</van-col>
<van-col span="12" style="text-align: right">{{planMonthRepay}}</van-col>
</van-row>
</div>
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">
<van-row>
<van-col span="12" style="color: #999999">贷款种类</van-col>
<van-col span="12" style="text-align: right">{{loanType}}</van-col>
</van-row>
</div>
<!-- <div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">-->
<!-- <van-row>-->
<!-- <van-col span="12" style="color: #999999">计划月还款</van-col>-->
<!-- <van-col span="12" style="text-align: right">{{planMonthRepay}}</van-col>-->
<!-- </van-row>-->
<!-- </div>-->
<!-- <div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">-->
<!-- <van-row>-->
<!-- <van-col span="12" style="color: #999999">贷款种类</van-col>-->
<!-- <van-col span="12" style="text-align: right">{{loanType}}</van-col>-->
<!-- </van-row>-->
<!-- </div>-->
<div style="margin-top: 20px; margin-left: 30px; margin-right: 30px">
<van-row>
<van-col span="12" style="color: #999999">还款方式</van-col>
<van-col span="12" style="text-align: right">{{repayType}}</van-col>
</van-row>
</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%;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%;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: 50%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="returnCount"><span style="color: #1890ff">重新计算</span></van-button>
</div>
</div>
</template>
<script lang="ts">
import {Component, Prop, Vue} from "vue-property-decorator";
import router from "@/router";
import VueRouter, { Route, RouteConfig } from "vue-router";
Vue.use(VueRouter);
@Component({
name: "CountResult",
})
export default class CountResult extends Vue{
resultPlus="";
result="";
loanAmt="";
loanRate="";
flag=true;
resultPlus:any="";
result:any="";
loanAmt:any="";
loanRate:any="";
planMonthRepay = "";
loanTime="";
repayType = "";
loanTime:any="";
repayType:any = "";
loanType = "";
titleName="试算结果";
titleflag=true;
......@@ -84,13 +88,33 @@ export default class CountResult extends Vue{
this.loanRate = this.$route.params.loanRate;
this.loanTime = this.$route.params.loanTime;
this.repayType = this.$route.params.repayType;
this.planMonthRepay = this.$route.params.planMonthRepay;
this.loanType = this.$route.params.loanType;
//this.planMonthRepay = this.$route.params.planMonthRepay;
//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() {
this.$router.back();
}
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({
name: "RepayPlan",
});
......
src/views/DepositInterestTrial/DepositInterestTrial.vue
浏览文件 @ fd719dee
......@@ -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%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
</div>
<div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">
查看基准存款利率
</div>
<!-- <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">-->
<!-- 查看基准存款利率-->
<!-- </div>-->
<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.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%">贷款种类
<a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">
<!-- <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>-->
<!-- </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>
</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 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%;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%;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: 100%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearData"><span style="color: #1890ff">清除</span></van-button>
</div>
<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%;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>
......@@ -69,7 +68,6 @@ import {Test} from "@/views/DepositInterestTrial/Test";
name: "DepositInterestTrial",
})
export default class DepositInterestTrial extends Vue{
choices: string[] = ["利随本清","等额本金","等额本息"];
loanTypes: any[] = [
{
value : "有抵押",
......@@ -88,6 +86,28 @@ export default class DepositInterestTrial extends Vue{
label : "非定期",
}
];
choices: any[] = [
{
value : "利随本清",
label : "利随本清",
},{
value : "等额本金",
label : "等额本金",
},{
value : "等额本息",
label : "等额本息",
},
{
value : "按季结息(到期一次性还本)",
label : "按季结息(到期一次性还本)",
},{
value : "按月结息(到期一次性还本)",
label : "按月结息(到期一次性还本)",
},{
value : "按年结息(到期一次性还本)",
label : "按年结息(到期一次性还本)",
}
];
timeTypes: any[] = [
{
value : "定存整取",
......@@ -115,10 +135,10 @@ export default class DepositInterestTrial extends Vue{
test2: any = {
loanAmt: "",
loanTime: "",
planMonthRepay : "",
//planMonthRepay : "",
loanRate: "",
loanType: undefined,
repayType: "",
//loanType: undefined,
repayType: undefined,
};
test: Test = new Test();//测试数据
flag:boolean=true;
......@@ -172,6 +192,12 @@ export default class DepositInterestTrial extends Vue{
clearData() {
this.test = new Test();
}
clearDataB() {
this.test2.loanAmt="";
this.test2.loanTime="";
this.test2.repayType=undefined;
this.test2.loanRate="";
}
handleChoiceChange(value:any) {
this.test2.repayType = value;
}
......
src/views/ManageMoneyProduct/ManageMoneyProduct.vue
浏览文件 @ fd719dee
......@@ -7,7 +7,7 @@
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<scroller-view>
<scroller-view pulldown="true" pullup="true">
<div v-for="count in 3" :key="count" class="imag-card" @click="pushProduct">
<img :src="require('@/assets/svg/licai.svg')" style="width: 100%;"/>
<div>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或