统计

src/views/accounts/gaikuang/index.vue

@@ -6,7 +6,7 @@
         <div class="clearfix" style="margin-top: 10px; margin-bottom: 10px;">
           <div class="title_label_box" >
             <div class="title_label" style="margin-bottom: 10px; " >
-              订单概况
+              订单概况 
               <el-tooltip placement="top">
                    <div slot="content" class="tips-content text-tips-content">
                        <div class="rule-box">
@@ -64,8 +64,49 @@
 
           </div>
 
-            <userCard-data :card-lists="userCountLists" class="orderCount-box" />
-            <redCards-data :card-lists="userCountLists1" class="orderCount-box" />
+            <userCard-data :card-lists="userCountListsOne" class="orderCount-box" />
+            <userCard-data :card-lists="userCountListsTow" class="orderCount-box" />
+            <!-- <redCards-data :card-lists="userCountLists1" class="orderCount-box" /> -->
+        </div>
+
+        <!-- 会员概况 -->
+        <div class="redPoint_box" style="margin-top: 10px; margin-bottom: 10px;">
+          <div class="title_label_box">
+            <div class="title_label" style="margin-bottom: 10px; " >
+                会员概况
+            </div>
+          </div>
+            <userCard-data :card-lists="memberCountLists" class="orderCount-box" />
+        </div>
+
+        <!-- PV概况 -->
+        <div class="redPoint_box" style="margin-top: 10px; margin-bottom: 10px;">
+          <div class="title_label_box">
+            <div class="title_label" style="margin-bottom: 10px; " >
+                PV概况
+            </div>
+          </div>
+            <userCard-data :card-lists="pvCountLists" class="orderCount-box" />
+        </div>
+
+        <!-- VR概况 -->
+        <div class="redPoint_box" style="margin-top: 10px; margin-bottom: 10px;">
+          <div class="title_label_box">
+            <div class="title_label" style="margin-bottom: 10px; " >
+                VR概况
+            </div>
+          </div>
+            <userCard-data :card-lists="vrCountLists" class="orderCount-box" />
+        </div>
+
+        <!-- 积分概况 -->
+        <div class="redPoint_box" style="margin-top: 10px; margin-bottom: 10px;">
+          <div class="title_label_box">
+            <div class="title_label" style="margin-bottom: 10px; " >
+                积分概况
+            </div>
+          </div>
+            <userCard-data :card-lists="jifenCountLists" class="orderCount-box" />
         </div>
 
         <!-- 交易概况 -->
@@ -101,7 +142,12 @@
               @change="getTradeGaiKuang" :disabled="notUse3" />
           </div>
 
-          <tongjiCards-data :card-lists="cardLists" class="tradeCount-box" />
+          <tongjiCards-data :card-lists="cardListsOne" class="tradeCount-box" />
+
+          <tongjiCards-data :card-lists="cardListsTow" class="tradeCount-box" />
+
+          <redCards-data :card-lists="cardLists1" class="orderCount-box" />
+
           <!-- 系统支出概况 -->
           <!-- <div class="title_label_box">
             <div class="title_label" style="margin-bottom: 10px; " >
@@ -146,8 +192,19 @@ import {
   getOrderGaiKuangApi,
   getRedPointGaiKuangApi,
   getTradeGaiKuangApi,
-  getUserGaiKuangApi
-
+  getUserGaiKuangApi,
+  getMemberGaiKuangApi,
+  getJifenGaiKuangApi,
+  getPvGaiKuangApi,
+  getVrGaiKuangApi,
+  getPointCountApi,
+  getJingdouCountApi,
+  getHongbaoCountApi,
+  getFugouCountApi,
+  getFenrunApi,
+  getPvCountApi,
+  getVrCountApi,
+  getMemberCountApi,
 } from "@/api/accounts";
 import fileList from "@/components/exportFile/fileList";
 import tongjiCardsData from "@/components/cards/tongjiCard";
@@ -246,7 +303,8 @@ export default {
             LogLoading: false,
             dialogVisible: false,
             fileVisible: false,
-            cardLists: [],
+            cardListsOne: [],
+            cardListsTow: [],
             cardLists1: [],
             orderDatalist: null,
             headeNum: [],
@@ -257,9 +315,14 @@ export default {
               remark:'',
             },
             otherCardsList: [],
-            userCountLists: [],
+            userCountListsOne: [],
+            userCountListsTow: [],
             otherCardsLists:[],
-            userCountLists1: []
+            userCountLists1: [],
+            memberCountLists: [],
+            pvCountLists: [],
+            vrCountLists: [],
+            jifenCountLists: [],
         };
     },
     mounted() {
@@ -270,6 +333,10 @@ export default {
 
         this.getOrderGaiKuang();
         this.getUserGaiKuang();
+        this.getMemberGaiKuang();
+        this.getPvGaiKuang();
+        this.getVrGaiKuang();
+        this.getJifenGaiKuang();
         this.getTradeGaiKuang();
 
     },
@@ -334,23 +401,55 @@ export default {
       getUserGaiKuang() {
         getUserGaiKuangApi(this.paramsData2).then(res => {
               console.log(res)
-              this.userCountLists = res.data.left[0]
-              this.userCountLists1 = res.data.right
-
-
-              // this.userCountLists = res.data
-              // this.userCountLists1 = res.data.right
-
+              this.userCountListsOne = res.data.left.one
+              this.userCountListsTow = res.data.left.tow
             }).catch((res) => {
               this.$message.error(res.message);
             });
       },
 
+      getMemberGaiKuang() {
+        getMemberGaiKuangApi({}).then(res => {
+            console.log(res)
+            this.memberCountLists = res.data.left[0]
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+      },
+
+      getPvGaiKuang() {
+        getPvGaiKuangApi({}).then(res => {
+            console.log(res)
+            this.pvCountLists = res.data.left[0]
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+      },
+
+      getVrGaiKuang() {
+        getVrGaiKuangApi({}).then(res => {
+            console.log(res)
+            this.vrCountLists = res.data.left[0]
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+      },
+
+      getJifenGaiKuang() {
+        getJifenGaiKuangApi({}).then(res => {
+            console.log(res)
+            this.jifenCountLists = res.data.left[0]
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+      },
+
       getTradeGaiKuang() {
         getTradeGaiKuangApi(this.paramsData3).then(res => {
               console.log(res)
-              this.cardLists = res.data;
-              // this.cardLists1 = res.data.lower;
+              this.cardListsOne = res.data.left.one;
+              this.cardListsTow = res.data.left.tow;
+              this.cardLists1 = res.data.right;
             }).catch((res) => {
               this.$message.error(res.message);
             });