商户后台-首页-优化数据展示

src/views/dashboard/admin/components/PanelGroup.vue

@@ -32,16 +32,70 @@
       <el-col class="card-panel-col el-col-sm-4-8">
         <div class="card-panel" @click="handleSetLineChartData('messages')">
           <div class="card-panel-description">
-            <div class="card-panel-text">线上支付金额</div>
-            <div class="card-panel-num">{{ mainData.all.payPrice }}</div>
+            <div class="card-panel-text">线上现金收益</div>
+            <div class="card-panel-num">{{ mainData.all.payMoney }}</div>
             <div class="card-panel-compared">
               <p>
                 昨日：
-                <span>{{ mainData.yesterday.payPrice }}</span>
+                <span>{{ mainData.yesterday.payMoney }}</span>
               </p>
               <p>
                 今日：
-                <span>{{ mainData.today.payPrice }}</span>
+                <span>{{ mainData.today.payMoney }}</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </el-col>
+      <el-col class="card-panel-col el-col-sm-4-8">
+        <div class="card-panel" @click="handleSetLineChartData('messages')">
+          <div class="card-panel-description">
+            <div class="card-panel-text">线上积分抵扣</div>
+            <div class="card-panel-num">{{ mainData.all.payJiFen }}</div>
+            <div class="card-panel-compared">
+              <p>
+                昨日：
+                <span>{{ mainData.yesterday.payJiFen }}</span>
+              </p>
+              <p>
+                今日：
+                <span>{{ mainData.today.payJiFen }}</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </el-col>
+<!--      <el-col class="card-panel-col el-col-sm-4-8">-->
+<!--        <div class="card-panel" @click="handleSetLineChartData('messages')">-->
+<!--          <div class="card-panel-description">-->
+<!--            <div class="card-panel-text">线上VR收益</div>-->
+<!--            <div class="card-panel-num">{{ mainData.all.payVR }}</div>-->
+<!--            <div class="card-panel-compared">-->
+<!--              <p>-->
+<!--                昨日：-->
+<!--                <span>{{ mainData.yesterday.payVR }}</span>-->
+<!--              </p>-->
+<!--              <p>-->
+<!--                今日：-->
+<!--                <span>{{ mainData.today.payVR }}</span>-->
+<!--              </p>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </el-col>-->
+      <el-col class="card-panel-col el-col-sm-4-8">
+        <div class="card-panel" @click="handleSetLineChartData('messages')">
+          <div class="card-panel-description">
+            <div class="card-panel-text">线上京豆抵扣</div>
+            <div class="card-panel-num">{{ mainData.all.payJingDou }}</div>
+            <div class="card-panel-compared">
+              <p>
+                昨日：
+                <span>{{ mainData.yesterday.payJingDou }}</span>
+              </p>
+              <p>
+                今日：
+                <span>{{ mainData.today.payJingDou }}</span>
               </p>
             </div>
           </div>