add

src/pages/contractRepayment/contract-repayment.vue

@@ -14,7 +14,7 @@
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
             <!-- 状态用类名控制  待还款orange,待签约blue,还款中green -->
-            <p class="green">待还款</p>
+            <p :class="{'green':item.repayment_status==='首付还款中','blue':item.repayment_status==='待首付','orange':item.repayment_status==='还款中','grey':item.repayment_status==='已结清'}">{{ item.repayment_status }}</p>
           </div>
           <div class="center">
             <div><span>合同金额</span><p>{{ item.total_price|currency }}</p></div>
@@ -168,7 +168,10 @@ export default {
           border: 1px solid #FDB62F;
           color: #FDB62F;
         }
-
+        p.grey{
+          border: 1px solid grey;
+          color: grey;
+        }
         p.blue {
           color: @headerColor;
           border: 1px solid @headerColor;

src/pages/contractRepayment/refund.vue

@@ -284,7 +284,7 @@ export default {
         height: 30px;
         position: absolute;
         left: -8px;
-        top: 44px;
+        top: 34px;
       }
 
       .status {

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

@@ -36,7 +36,9 @@
               <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="text" placeholder="请输入还款金额" >
+                <!-- <input v-model="e.amount" type="number" placeholder="请输入还款金额"> -->
+                <input :value="e.amount" type="number" placeholder="请输入还款金额">
+
               </div>
             </div>
           </div>
@@ -61,19 +63,17 @@
 
 <script>
 export default {
-  name: 'ContractRecord',
   components: {},
   data () {
     return {
       money: 0,
-      inputNum: 0,
       prj_lists: [],
     }
   },
-
   watch: {
-    prj_lists: {
+    'prj_lists': {
       handler (newName, oldName) {
+        console.log(1)
         let vm = this
         let sumL = []
         for (let i of this.prj_lists) {
@@ -98,6 +98,7 @@ export default {
         }
       },
       deep: true,
+      immediate: true,
     },
   },
   beforeRouteEnter (to, from, next) {
@@ -105,7 +106,9 @@ export default {
       vm.getDetail()
     })
   },
-
+  mounted () {
+    console.log(this.prj_lists)
+  },
   methods: {
     getDetail () {
       let vm = this
@@ -118,6 +121,12 @@ export default {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           vm.prj_lists = res.prj_lists
+          vm.prj_lists.forEach(i => {
+            i.cf_lists.forEach(j => {
+              console.log(2)
+              j.amount = (parseFloat(j.due_amount) - parseFloat(j.received_amount))
+            })
+          })
         } else {
           hlsPopup.showLongCenter(res.message)
         }