Переглянути джерело

fix 用户统计界面字段

ylong 4 місяців тому
батько
коміт
4288a51c50

+ 10 - 7
src/views/customer/stat/components/user-active-compare.vue

@@ -15,9 +15,9 @@
             <el-col :span="8">
                 <el-statistic :value="yesterdayActiveNum" title="昨日" suffix="人" />
             </el-col>
-            <el-col :span="8">
+            <!-- <el-col :span="8">
                 <el-statistic :value="averageActiveNum" title="均值" suffix="人" />
-            </el-col>
+            </el-col> -->
         </el-row>
         <v-chart ref="saleChartRef" style="height: 280px" :option="options" />
     </div>
@@ -65,6 +65,10 @@
         yesterdayActiveNumCharts: {
             type: Array,
             default: () => []
+        },
+        todayActiveNumComparison: {
+            type: Number,
+            default: 0
         }
     });
 
@@ -77,18 +81,17 @@
 
     // 计算环比显示(这里简化处理,实际应该从接口获取环比数据)
     const comparisonType = computed(() => {
-        const comparison = props.todayActiveNum - props.yesterdayActiveNum;
+        const comparison = props.todayActiveNumComparison;
         return comparison > 0 ? 'success' : 'danger';
     });
 
     const comparisonValue = computed(() => {
-        const comparison = props.todayActiveNum - props.yesterdayActiveNum;
-        if (props.yesterdayActiveNum === 0) return 0;
-        return Math.abs(Math.round((comparison / props.yesterdayActiveNum) * 100));
+        const comparison = props.todayActiveNumComparison;
+        return Math.abs(comparison);
     });
 
     const comparisonIcon = computed(() => {
-        const comparison = props.todayActiveNum - props.yesterdayActiveNum;
+        const comparison = props.todayActiveNumComparison;
         return comparison > 0 ? Top : Bottom;
     });
 

+ 2 - 2
src/views/customer/stat/components/user-add-compare.vue

@@ -15,9 +15,9 @@
             <el-col :span="8">
                 <el-statistic :value="yesterdayRegNum" title="昨日" suffix="人" />
             </el-col>
-            <el-col :span="8">
+            <!-- <el-col :span="8">
                 <el-statistic :value="averageRegNum" title="均值" suffix="人" />
-            </el-col>
+            </el-col> -->
         </el-row>
         <v-chart ref="saleChartRef" style="height: 280px" :option="options" />
     </div>

+ 4 - 0
src/views/customer/stat/index.vue

@@ -191,6 +191,9 @@
                     <user-active-compare
                         :today-active-num="userStatData.todayActiveNum"
                         :yesterday-active-num="userStatData.yesterdayActiveNum"
+                        :today-active-num-comparison="
+                            userStatData.todayActiveNumComparison
+                        "
                         :chat-axis="userStatData.chatAxis"
                         :today-active-num-charts="
                             userStatData.todayActiveNumCharts
@@ -236,6 +239,7 @@ const userStatData = ref({
     yesterdayRegNumCharts: [],
     todayActiveNumCharts: [],
     yesterdayActiveNumCharts: [],
+    todayActiveNumComparison: 0,
 });
 
 // 用户统计曲线数据