预算配置

pages/index/index.js

@@ -1,7 +1,11 @@
 const app = getApp()
 Page({
     data: {
-        progress: 89,
+        sumToday:0,
+        sumBalance:0,
+        sumBudget:0,
+        sumUsed:0,
+        progress:0,
         todayList: []
     },
     onLoad: function (options) {
@@ -13,6 +17,16 @@ Page({
                 this.setData({todayList})
             }
         })
+        app.$api.getBudgetIndex().then(res => {
+            if (res.data){
+                let sumToday = res.data.sumToday
+                let sumBalance = res.data.sumBalance
+                let sumBudget = res.data.sumBudget
+                let sumUsed = res.data.sumUsed
+                let progress = Math.floor(res.data.sumUsed / res.data.sumBudget * 10000) / 100
+                this.setData({sumToday,sumBalance,sumBudget,sumUsed,progress})
+            }
+        })
         if (wx.canIUse('hideHomeButton')) {
             wx.hideHomeButton()
         }

pages/index/index.wxml

@@ -1,12 +1,12 @@
 <view class="main_look">
-    <view class="look_content">
+    <view class="look_content font_big">
         <view class="pay_look">
             <text>今日支出\n</text>
-            <text class="font_big">200.00</text>
+            <text class="font_big">{{sumToday}}</text>
         </view>
         <view class="balance_look">
-            <text>账户余额:2235.20</text>
-            <text>预算余额:300.00</text>
+            <text>账户余额:{{sumBalance}}</text>
+            <text>预算余额:{{sumBudget - sumUsed}}</text>
         </view>
     </view>
 </view>
@@ -15,11 +15,11 @@
     <view bind:tap="modifyBudget" class="inline_box"><t-icon name="money-circle" size="28rpx"/>查看</view>
 </view>
 <view class="padding_box">
-    <t-progress theme="plump" percentage="{{progress}}" status="{{progress > 80 ? 'error' : 'success' }}" />
+    <t-progress theme="plump" percentage="{{progress}}" status="{{ progress > 80 ? 'error' : 'success' }}" />
 </view>
 <view class="space_box font_small">
-    <text>当月预算:54602.00</text>
-    <text>已消费:777.80</text>
+    <text>当月预算:{{sumBudget}}</text>
+    <text>已消费:{{sumUsed}}</text>
 </view>
 <view class="padding_box">
     <t-button theme="primary" size="medium" block bind:tap="addBill">记一笔</t-button>