From 0ddee2db6bad52a4d44d2cda16a1b531e3f97726 Mon Sep 17 00:00:00 2001 From: wangliang Date: Thu, 18 Aug 2022 18:31:42 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AD=98=E6=AC=BE=E5=88=A9=E6=81=AF,=E8=B4=B7?= =?UTF-8?q?=E6=AC=BE=E5=88=A9=E6=81=AF=E8=AF=95=E7=AE=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../DepositInterestTrial/CountResult.vue | 35 ++++++-- .../DepositInterestTrial/CountResultB.vue | 29 ++++-- .../DepositInterestTrial.vue | 88 ++++++++++++++++--- src/views/DepositInterestTrial/Test.ts | 19 ++++ 4 files changed, 143 insertions(+), 28 deletions(-) create mode 100644 src/views/DepositInterestTrial/Test.ts diff --git a/src/views/DepositInterestTrial/CountResult.vue b/src/views/DepositInterestTrial/CountResult.vue index ab794d4..d530b9b 100644 --- a/src/views/DepositInterestTrial/CountResult.vue +++ b/src/views/DepositInterestTrial/CountResult.vue @@ -13,20 +13,20 @@
贷款利息试算金额
¥100000.00
-
壹佰万元整
-
贷款金额(元)20000
-
贷款期限(月)20000
-
贷款利率(%)20000
-
计划月还款(元)20000
-
贷款种类一般经营贷款
-
还款方式等额本息
+ font-style: normal;">¥{{result}} +
{{result}}
+
贷款金额(元){{loanAmt}}
+
贷款期限(月){{loanTime}}
+
贷款利率(%){{loanRate}}
+
计划月还款(元){{result/loanTime}}
+ +
还款方式{{choice}}
确定 - 重新计算 + 重新计算 @@ -37,8 +37,25 @@ import {Component, Prop, Vue} from "vue-property-decorator"; name: "CountResult", }) export default class CountResult extends Vue{ + choice=""; + result=""; + loanAmt=""; + loanRate=""; + loanTime=""; titleName="试算结果"; titleflag=true; + mounted() { + this.result = this.$route.params.result; + this.loanAmt = this.$route.params.loanAmt; + this.loanRate = this.$route.params.loanRate; + this.loanTime = this.$route.params.loanTime; + this.choice = this.$route.params.choice; + } + returnCount() { + this.$router.push({ + name: "DepositInterestTrial", + }); + } } diff --git a/src/views/DepositInterestTrial/CountResultB.vue b/src/views/DepositInterestTrial/CountResultB.vue index b92729c..e64b840 100644 --- a/src/views/DepositInterestTrial/CountResultB.vue +++ b/src/views/DepositInterestTrial/CountResultB.vue @@ -13,18 +13,18 @@
存款收益后账户金额
¥100000.00
-
壹佰万元整
-
存款金额(元)20000
-
存款时长(月)20000
-
存款利率(%)20000
-
共计收益(元)20000
+ font-style: normal;">¥{{countResult}} +
{{countResult}}
+
存款金额(元){{depositAmt}}
+
存款时长(月){{depositTime}}
+
存款利率(%){{depositRate}}
+
共计收益(元){{countResult-depositAmt}}
确定 - 重新计算 + 重新计算 @@ -35,8 +35,23 @@ import {Component, Prop, Vue} from "vue-property-decorator"; name: "CountResultB", }) export default class CountResultB extends Vue{ + countResult=""; + depositAmt=""; + depositTime=""; + depositRate=""; titleName="试算结果"; titleflag=true; + returnCount() { + this.$router.push({ + name: "DepositInterestTrial", + }); + } + mounted() { + this.countResult = this.$route.params.countResult; + this.depositAmt = this.$route.params.depositAmt; + this.depositTime = parseInt(this.$route.params.depositTime).toString(); + this.depositRate = this.$route.params.depositRate; + } } diff --git a/src/views/DepositInterestTrial/DepositInterestTrial.vue b/src/views/DepositInterestTrial/DepositInterestTrial.vue index 80826e3..35dfceb 100644 --- a/src/views/DepositInterestTrial/DepositInterestTrial.vue +++ b/src/views/DepositInterestTrial/DepositInterestTrial.vue @@ -16,22 +16,35 @@ -
-
存款金额(元)
-
存入日期
-
取出日期
+
+
存款金额(元)
+
存款利息(%)
+
存入日期
+
取出日期
-
-
贷款金额(元)
-
贷款期限(月)
-
计划月还款(元)
-
贷款利率(%)
-
贷款种类
-
还款方式
+
+
贷款金额(元)
+
贷款期限(月)
+ +
贷款利率(%)
+ + +
还款方式 + + {{item}} + +
+ + + + + + +
计算 - 清除 + 清除
计算 @@ -43,10 +56,26 @@ @@ -101,4 +162,7 @@ export default class DepositInterestTrial extends Vue{ margin-left: 5%; margin-top: -30%; } +::v-deep .ant-select-selection { + border: none; + } diff --git a/src/views/DepositInterestTrial/Test.ts b/src/views/DepositInterestTrial/Test.ts new file mode 100644 index 0000000..d170bb9 --- /dev/null +++ b/src/views/DepositInterestTrial/Test.ts @@ -0,0 +1,19 @@ +export class Test { + depositAmt: string; + depositRate: string; + putDate: string; + getDate: string; + constructor( + options: { + depositAmt?: string; + depositRate?: string; + putDate?: string; + getDate?: string; + } = {} + ) { + this.depositAmt = options.depositAmt || ""; + this.depositRate = options.depositRate || ""; + this.putDate = options.putDate || ""; + this.getDate = options.getDate || ""; + } +} -- 2.22.0