fix:支付

src/components/currencyInput.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-  export default {
+export default {
   name: 'CurrencyInput',
   props: {
     value: {
@@ -64,7 +64,7 @@
       this.focused = false
     },
   },
-  }
+}
 </script>
 
 <style scoped lang="less">

src/pages/pay/firstPay/contract-record.vue

@@ -36,8 +36,7 @@
               <div class="item-right">
                 <p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
                 <p>{{ e.received_amount|currency }}</p>
-                <input v-model="e.amount" type="number" placeholder="请输入还款金额">
-              </div>
+              <CurrencyInput v-model="e.amount" placeholder="请输入还款金额"/></div>
             </div>
           </div>
         </section>
@@ -60,8 +59,11 @@
 </template>
 
 <script>
+import CurrencyInput from '../../../components/currencyInput'
 export default {
-  components: {},
+  components: {
+    CurrencyInput,
+  },
   data () {
     return {
       money: 0,
@@ -120,7 +122,7 @@ export default {
           vm.prj_lists = res.prj_lists
           vm.prj_lists.forEach(i => {
             i.cf_lists.forEach(j => {
-              let num = parseFloat(j.due_amount) - parseFloat(j.received_amount)
+              let num = (parseFloat(j.due_amount) - parseFloat(j.received_amount)).toFixed(2)
               vm.$set(j, 'amount', num)
             })
           })
@@ -213,7 +215,8 @@ export default {
     bottom: 150px;
     width: 100%;
     //margin-top:-60px;
-    height: 370px;
+    // height: 370px;
+    height:7.4rem;
     overflow: scroll;
     //background-color: #FFF;
     .contract-item {
@@ -382,4 +385,31 @@ export default {
     color: #fff;
   }
 }
+.platform-ios {
+  #contract-record  {
+    .pay-content {
+      height: 370px;
+    }
+  }
+}
+@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  .platform-ios {
+    #contract-record {
+      .pay-content {
+        height: 9.4rem;
+      }
+    }
+  }
+}
+// iPhoneXR适配
+@media (device-width: 414px) and (device-height: 896px) {
+  .platform-ios {
+    #contract-record {
+      .pay-content {
+        height: 9.4rem;
+      }
+    }
+  }
+}
+
 </style>

src/pages/pay/payment/contract-record.vue

@@ -71,7 +71,7 @@
                 <div>
                   <span>本次还款</span>
                   <section>
-                    <input v-model="detail.amount" type="number" placeholder="请输入还款金额" >
+                    <CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" />
                   </section>
                 </div>
               </div>
@@ -102,9 +102,12 @@
   </h-view>
 </template>
 <script>
+import CurrencyInput from '../../../components/currencyInput'
 export default {
   name: 'PaymentContractRecord',
-  components: {},
+  components: {
+    CurrencyInput,
+  },
   beforeRouteEnter (to, from, next) {
     next(vm => {
       vm.getRentInfo()
@@ -478,4 +481,23 @@ export default {
     color: white;
   }
 }
+@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  .platform-ios {
+    #payment-contract-record {
+      .pay-content {
+        height: 63%;
+      }
+    }
+  }
+}
+// iPhoneXR适配
+@media (device-width: 414px) and (device-height: 896px) {
+  .platform-ios {
+    #payment-contract-record {
+      .pay-content {
+        height: 63%;
+      }
+    }
+  }
+}
 </style>