首页新增抖音今日消耗+广点通今日消耗

mock/mockData.js

@@ -12,6 +12,8 @@ const mockDataList = {
       msg: 'success',
       data: {
         todayConsume: 1234.56,//今日消耗
+        todayConsumeDy: 234.56,//抖音今日消耗
+        todayConsumeGdt: 1000.00,//广点通今日消耗
         todayPerformance: 56789.01,//今日业绩
         countTypeA: 25,//条数统计A类
         countTypeB: 12,//条数统计B类

pages/person/cards/index.vue

@@ -5,10 +5,18 @@
             <view class="card_item today">
                 <view class="card_item_content">
                     <view class="card_header">
-                        <text class="card_title">今天消耗（元）</text>
+                        <text class="card_title">抖音<br />今天消耗（元）</text>
                     </view>
                     <view class="card_content">
-                        <text class="card_value">{{ cardData.todayConsume }}</text>
+                        <text class="card_value">{{ formatMoney(cardData.todayConsumeDy) }}</text>
+                    </view>
+                </view>
+                <view class="card_item_content">
+                    <view class="card_header">
+                        <text class="card_title">广点通<br />今天消耗（元）</text>
+                    </view>
+                    <view class="card_content">
+                        <text class="card_value">{{ formatMoney(cardData.todayConsumeGdt) }}</text>
                     </view>
                 </view>
                 <view class="card_item_content">
@@ -140,6 +148,8 @@ export default {
             // 卡片数据
             cardData: {
                 todayConsume: '-',
+                todayConsumeDy: '-',
+                todayConsumeGdt: '-',
                 todayPerformance: '-',
                 countTypeA: '-',
                 countTypeB: '-',
@@ -168,7 +178,7 @@ export default {
                 yAxis: {
                     gridType: "dash",
                     dashLength: 2,
-                    axisLabel:{
+                    axisLabel: {
                         show: false
                     }
                 },
@@ -188,6 +198,12 @@ export default {
     },
 
     methods: {
+        formatMoney(val) {
+            if (val === null || val === undefined || val === '' || val === '-') return '-';
+            const num = Number(val);
+            if (Number.isNaN(num)) return '-';
+            return num.toFixed(2);
+        },
         getCardData() {
             uni.$u.api.getPersonCards({ userId: this.$store.state.user.userInfo.userId }).then(res => {
                 if (res.code === 200) {

pages/person/cards/styles/index.scss

@@ -55,6 +55,7 @@
       font-size: 28rpx;
       font-weight: 600;
       color: #333333;
+      text-align: center;
     }
     .count_icon{
       width: 30rpx;