驼驼-商城

htmldev/loan/src/views/loan/calculator/index.vue

@@ -43,7 +43,7 @@
           readonly
           clickable
           name="gjjnianxian"
-          :value="gjjnianxian"
+          :value="gjjnianxian.text"
           :border="false"
           :right-icon="iconOfarrow"
           placeholder="请选择贷款年限"
@@ -60,7 +60,7 @@
           readonly
           clickable
           name="gjjlilv"
-          :value="gjjlilv"
+          :value="gjjlilv.text"
           :border="false"
           :right-icon="iconOfarrow"
           placeholder="请选择利率"
@@ -95,7 +95,7 @@
           readonly
           clickable
           name="sdnianxian"
-          :value="sdnianxian"
+          :value="sdnianxian.text"
           :border="false"
           :right-icon="iconOfarrow"
           placeholder="请选择贷款年限"
@@ -112,7 +112,7 @@
           readonly
           clickable
           name="sdlilv"
-          :value="sdlilv"
+          :value="sdlilv.text"
           :border="false"
           :right-icon="iconOfarrow"
           placeholder="请选择利率"
@@ -130,7 +130,7 @@
         readonly
         clickable
         name="hkfangshi"
-        :value="hkfangshi"
+        :value="hkfangshi.text"
         :border="false"
         :right-icon="iconOfarrow"
         placeholder="请选择还款方式"
@@ -293,12 +293,12 @@ export default {
     return {
       loanType: loanConfig.loanType[0], // 贷款类型
       gjjjine: '', // 公积金贷款金额
-      gjjnianxian: loanConfig.loanYear[19].text, // 公积金贷款年限
-      gjjlilv: loanConfig.gjjSelect[0].text, // 公积金贷款利率
+      gjjnianxian: loanConfig.loanYear[19], // 公积金贷款年限
+      gjjlilv: loanConfig.gjjSelect[0], // 公积金贷款利率
       sdjine: '', // 商贷金额
-      sdnianxian: loanConfig.loanYear[19].text, // 商贷年限
-      sdlilv: loanConfig.shangdaiSelect[0].text, // 商贷利率
-      hkfangshi: loanConfig.payType[0].text, // 还款方式
+      sdnianxian: loanConfig.loanYear[19], // 商贷年限
+      sdlilv: loanConfig.shangdaiSelect[0], // 商贷利率
+      hkfangshi: loanConfig.payType[0], // 还款方式
       meiyuehuanchuan: '', // 每月还款
       zonglixi: '', // 总共支付利息
       showPicker0: false,
@@ -308,13 +308,11 @@ export default {
       columns1: loanConfig.loanYear,
       defaultIndex1: 19,
       showPicker2: false,
-      columns2: loanConfig.gjjSelect,
       defaultIndex2: 0,
       showPicker3: false,
       columns3: loanConfig.loanYear,
       defaultIndex3: 19,
       showPicker4: false,
-      columns4: loanConfig.shangdaiSelect,
       defaultIndex4: 0,
       showPicker5: false,
       columns5: loanConfig.payType,
@@ -325,6 +323,12 @@ export default {
     iconOfarrow () {
       return require('./image/btn_next@2x.png')
     },
+    columns2 () {
+      return this.lilvCal(this.gjjnianxian.value, loanConfig.gjjLilv, loanConfig.gjjSelect)
+    },
+    columns4 () {
+      return this.lilvCal(this.sdnianxian.value, loanConfig.shangdaiLilv, loanConfig.shangdaiSelect)
+    },
     verify () {
       const errorList = []
 
@@ -341,15 +345,15 @@ export default {
     this.$route.meta.isUseCache = false
   },
   methods: {
-    // sdYear, config.shangdaiLilv, config.shangdaiSelect, 'shangyelanlilv'
-    lilvCal (year, lilv, selectcontent, id) {
+    // sdYear, config.shangdaiLilv, config.shangdaiSelect
+    lilvCal (year, lilv, selectcontent) {
       let getLilv = ''
       lilv.forEach(item => {
         if (year >= item.year) {
           getLilv = item.lilv
         }
       })
-      JSON.parse(JSON.stringify(selectcontent)).map(item => {
+      return JSON.parse(JSON.stringify(selectcontent)).map(item => {
         return {
           lilv: (item.lilv * getLilv).toFixed(4),
           text: item.text
@@ -374,7 +378,7 @@ export default {
       this.showPicker1 = false
     },
     onCancel1 () {
-      const index = this.columns1.findIndex(item => item.text === this.gjjnianxian)
+      const index = this.columns1.findIndex(item => item.value === this.gjjnianxian.value)
       if (index > -1) {
         this.$refs.myPicker1.setIndexes([index])
       }
@@ -382,11 +386,11 @@ export default {
     },
     // 公积金贷款利率
     onConfirm2 (value, index) {
-      this.gjjlilv = value.text
+      this.gjjlilv = value
       this.showPicker2 = false
     },
     onCancel2 () {
-      const index = this.columns2.findIndex(item => item.text === this.gjjlilv)
+      const index = this.columns2.findIndex(item => item.lilv === this.gjjlilv.lilv)
       if (index > -1) {
         this.$refs.myPicker2.setIndexes([index])
       }
@@ -398,7 +402,7 @@ export default {
       this.showPicker3 = false
     },
     onCancel3 () {
-      const index = this.columns3.findIndex(item => item.text === this.sdnianxian)
+      const index = this.columns3.findIndex(item => item.value === this.sdnianxian.value)
       if (index > -1) {
         this.$refs.myPicker3.setIndexes([index])
       }
@@ -410,7 +414,7 @@ export default {
       this.showPicker4 = false
     },
     onCancel4 () {
-      const index = this.columns4.findIndex(item => item.text === this.sdlilv)
+      const index = this.columns4.findIndex(item => item.lilv === this.sdlilv.lilv)
       if (index > -1) {
         this.$refs.myPicker4.setIndexes([index])
       }
@@ -422,7 +426,7 @@ export default {
       this.showPicker5 = false
     },
     onCancel5 () {
-      const index = this.columns5.findIndex(item => item.text === this.hkfangshi)
+      const index = this.columns5.findIndex(item => item.value === this.hkfangshi.value)
       if (index > -1) {
         this.$refs.myPicker5.setIndexes([index])
       }