|
|
@@ -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;
|
|
|
});
|
|
|
|