前端优化展示

src/api/statistics/statistics.js

@@ -309,3 +309,25 @@ export function thisMonthRecvCount(param){
     params: param
   })
 }
+
+/**
+ * 获取订单信息
+ */
+export function getStatisticsStroe(data) {
+  return request({
+    url: '/index/statistics/getStatisticsStroe',
+    method: 'post',
+    data: data
+  })
+}
+
+/**
+ * 获取订单信息
+ */
+export function getStatisticsUser(data) {
+  return request({
+    url: '/index/statistics/getStatisticsUser',
+    method: 'post',
+    data: data
+  })
+}

src/views/index.vue

@@ -36,20 +36,24 @@
                 <img src="../assets/images/member.png" alt="" class="icon-img">
                 会员数量
               </div>
-              <div class="card-value highlight1">
-                <count-to :start-val="0" :end-val="memberCount" :duration="3600" class="card-panel-num companynumber" />
-                <span class="highlight-today-add companyadd">+{{todayIncreaseUserNum}}</span>
-              </div>
+<!--              <div class="card-value highlight1">-->
+<!--                <count-to :start-val="0" :end-val="memberCount" :duration="3600" class="card-panel-num companynumber" />-->
+<!--                <span class="highlight-today-add companyadd">+{{todayIncreaseUserNum}}</span>-->
+<!--              </div>-->
+              <span>企微：{{automaticTotalUser}}</span><br/>
+              <span>会员：{{manualTotalUser}}</span>
 
             </div>
             <div class="cardafter companycard">
               <div class="card-title1">
                 <img src="../assets/images/tab_enterprise.png" alt="" class="icon-img">
-                企微数量
-              </div>
-              <div class="card-value highlight1">
-                <count-to :start-val="0" :end-val="qwMemberNum" :duration="3600" class="card-panel-num companynumber" />
+                今日新增
               </div>
+<!--              <div class="card-value highlight1">-->
+<!--                <count-to :start-val="0" :end-val="qwMemberNum" :duration="3600" class="card-panel-num companynumber" />-->
+<!--              </div>-->
+              <span>企微：{{automaticTodayUser}}</span><br/>
+              <span>会员：{{manualTodayUser}}</span>
             </div>
             <div class="botttombg companycard">
               <div class="card-title1">
@@ -105,6 +109,16 @@
         <el-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16">
           <div class="operatetitle">
             经营数据
+            <span>
+                <el-select style="width: 240px" v-model="storeId" @change="statisticsStroe" placeholder="请选择店铺" filterable clearable size="small">
+          <el-option
+            v-for="item in storeOptions"
+            :key="item.storeId"
+            :label="item.storeName"
+            :value="item.storeId"
+          />
+        </el-select>
+            </span>
           </div>
           <div class="operatetitle-col">
             <div class="operatetitle-card">
@@ -114,9 +128,9 @@
               </div>
               <div class="operate-value highlight">
                 <count-to :start-val="0" :end-val="recvTotalNum" :duration="3600" class="card-panel-num" />
-                <div class="yesterdaybox">
-                  较昨日 <span class="highlight-today-add2">+{{recvTodayNum}}</span>
-                </div>
+<!--                <div class="yesterdaybox">-->
+<!--                  较昨日 <span class="highlight-today-add2">+{{recvTodayNum}}</span>-->
+<!--                </div>-->
               </div>
               <div class="card-badge">
               </div>
@@ -128,34 +142,34 @@
               </div>
               <div class="operate-value highlight">
                 <count-to :start-val="0" :end-val="orderTotalNum" :duration="3600" class="card-panel-num" />
-                <div class="yesterdaybox">
-                  较昨日 <span class="highlight-today-add2">+{{todayOrderNum}}</span>
-                </div>
+<!--                <div class="yesterdaybox">-->
+<!--                  较昨日 <span class="highlight-today-add2">+{{todayOrderNum}}</span>-->
+<!--                </div>-->
 
               </div>
               <div class="card-badge">
               </div>
 
             </div>
-            <div class="operatetitle-card">
-              <div class="card-title">
-                平台今日看课人数
-              </div>
-              <div class="operate-value highlight">
-                <count-to :start-val="0" :end-val="todayWatchUserCount" :duration="3600" class="card-panel-num" />
-              </div>
-              <div class="card-sub">
-                <span>配额上限</span>
-                <span class="sub-value">
-                  <count-to :start-val="0" :end-val="todayWatchUserCount" :duration="3600" class="card-panel-num"
-                            style="color: rgba(49, 185, 154, 1);" />
-                  /
-                  <count-to :start-val="0" :end-val="versionLimit" :duration="3600" class="card-panel-num" />
-                </span>
-              </div>
-              <el-progress :percentage="versionLimitPercent" :show-text="false"
-                           color="#409EFF"></el-progress>
-            </div>
+<!--            <div class="operatetitle-card">-->
+<!--              <div class="card-title">-->
+<!--                平台今日看课人数-->
+<!--              </div>-->
+<!--              <div class="operate-value highlight">-->
+<!--                <count-to :start-val="0" :end-val="todayWatchUserCount" :duration="3600" class="card-panel-num" />-->
+<!--              </div>-->
+<!--              <div class="card-sub">-->
+<!--                <span>配额上限</span>-->
+<!--                <span class="sub-value">-->
+<!--                  <count-to :start-val="0" :end-val="todayWatchUserCount" :duration="3600" class="card-panel-num"-->
+<!--                            style="color: rgba(49, 185, 154, 1);" />-->
+<!--                  /-->
+<!--                  <count-to :start-val="0" :end-val="versionLimit" :duration="3600" class="card-panel-num" />-->
+<!--                </span>-->
+<!--              </div>-->
+<!--              <el-progress :percentage="versionLimitPercent" :show-text="false"-->
+<!--                           color="#409EFF"></el-progress>-->
+<!--            </div>-->
             <div class="operatetitle-card">
               <div class="card-title">
                 <i class="el-icon-shopping-cart-full"></i>
@@ -163,9 +177,9 @@
               </div>
               <div class="operate-value highlight">
                 <count-to :start-val="0" :end-val="goodsTotalNum" :duration="3600" class="card-panel-num" />
-                <div class="yesterdaybox">
-                  较昨日 <span class="highlight-today-add2">+{{todayGoodsNum}}</span>
-                </div>
+<!--                <div class="yesterdaybox">-->
+<!--                  较昨日 <span class="highlight-today-add2">+{{todayGoodsNum}}</span>-->
+<!--                </div>-->
 
               </div>
               <div class="card-badge">
@@ -556,13 +570,14 @@ import {
   authorizationInfo,
   dealerAggregated, deaMemberTopTen, rechargeComsumption, rewardMoneyTopTen, rewardMoneyTrend,
   smsBalance, thisMonthOrderCount, thisMonthRecvCount, trafficLog,
-  watchCourseTopTen, watchEndPlayTrend
+  watchCourseTopTen, watchEndPlayTrend,getStatisticsStroe,getStatisticsUser
 } from "@/api/statistics/statistics";
 import dayjs from 'dayjs';
 import {noticeInfo} from '@/api/system/user'
 import { listDept } from '@/api/system/dept'
 import { listCompany } from '@/api/his/company'
 import { getConfigByKey } from '@/api/system/config'
+import {listStore} from '@/api/hisStore/store'
 
 
 const viewCharOption = {
@@ -987,7 +1002,20 @@ export default {
       // 商品总数
       goodsTotalNum: 0,
       // 今日商品总数
-      todayGoodsNum: 0
+      todayGoodsNum: 0,
+
+
+      //新版本字段----------->
+      //手动总会员数
+      manualTotalUser:0,
+      //手动今日新增会员数量
+      manualTodayUser:0,
+      //企微自动总会员数量
+      automaticTotalUser:0,
+      //企微今日员数量
+      automaticTodayUser:0,
+      storeOptions: [],
+      storeId:null,
     }
   },
   mounted() {
@@ -1030,8 +1058,28 @@ export default {
         this.handleNoticeInfo();
       }
     })
+    listStore().then(response => {
+      this.storeOptions = response.rows;
+    });
+    this.statisticsStroe();
+    this.statisticsUser();
   },
   methods: {
+    statisticsUser(){
+      getStatisticsUser({deptId:this.deptId,companyId:this.companyId}).then(res => {
+        this.manualTotalUser = res.data.manualTotalUser;
+        this.manualTodayUser = res.data.manualTodayUser;
+        this.automaticTotalUser = res.data.automaticTotalUser;
+        this.automaticTodayUser = res.data.automaticTodayUser;
+      })
+    },
+    statisticsStroe(){
+      getStatisticsStroe({storeId:this.storeId}).then(res => {
+        this.goodsTotalNum = res.data.goodsTotalNum;
+        this.orderTotalNum = res.data.orderTotalNum;
+        this.recvTotalNum  = res.data.recvTotalNum;
+      })
+    },
     getDeptOptions(deptId) {
       const deptInitOptions = this.deptInitOptions;
       // 部门本身节点
@@ -1083,11 +1131,13 @@ export default {
     },
     //首页统计选择部门、销售公司
     handleDeptChange() {
+      this.statisticsUser();
       this.getCompanyOptions(this.deptId);
       this.refresh();
     },
     handleCompanyChange() {
       this.staticParam.companyId = this.companyId;
+      this.statisticsUser();
       this.refresh();
     },
     handleUserType() {
@@ -1244,12 +1294,10 @@ export default {
           this.normalNum = res.data.normalNum ?? 0;
           this.blackNum = res.data.blackNum ?? 0;
           this.todayIncreaseUserNum = res.data.todayIncreaseUserNum ?? 0;
-          this.orderTotalNum = res.data.orderTotalNum ?? 0;
+          // this.orderTotalNum = res.data.orderTotalNum ?? 0;
           this.todayOrderNum = res.data.todayOrderNum ?? 0;
-          this.recvTotalNum = res.data.recvTotalNum ?? 0;
+          // this.recvTotalNum = res.data.recvTotalNum ?? 0;
           this.recvTodayNum = res.data.recvTodayNum ?? 0;
-          this.goodsTotalNum = res.data.goodsTotalNum ?? 0;
-          this.todayGoodsNum = res.data.todayGoodsNum ?? 0;
         }
       })
       let param = this.getParam();
@@ -1626,7 +1674,7 @@ export default {
     // window.removeEventListener('resize', this.resizeHandler)
     this.viewerChart && this.viewerChart.dispose()
     this.dealerChart && this.dealerChart.dispose()
-  }
+  },
 }
 </script>