|
@@ -60,8 +60,54 @@
|
|
|
<text>没有更多了</text>
|
|
<text>没有更多了</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 曲线图区域 -->
|
|
|
|
|
+ <view class="charts-section" v-if="curveDataReady">
|
|
|
|
|
+ <view class="charts-grid">
|
|
|
|
|
+ <!-- 团队成长曲线 -->
|
|
|
|
|
+ <view class="chart-card">
|
|
|
|
|
+ <view class="chart-header">
|
|
|
|
|
+ <text class="chart-title">团队成长曲线</text>
|
|
|
|
|
+ <text class="chart-subtitle">按月份统计的新成员注册数</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-container">
|
|
|
|
|
+ <canvas canvas-id="growthCurveCanvas" class="growth-canvas"></canvas>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-legend">
|
|
|
|
|
+ <text class="legend-label">新成员数</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 所有成员消费曲线 -->
|
|
|
|
|
+ <view class="chart-card">
|
|
|
|
|
+ <view class="chart-header">
|
|
|
|
|
+ <text class="chart-title">所有成员消费曲线</text>
|
|
|
|
|
+ <text class="chart-subtitle">按月份统计的累计消费额</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-container">
|
|
|
|
|
+ <canvas canvas-id="membersConsumptionCanvas" class="members-canvas"></canvas>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-legend">
|
|
|
|
|
+ <text class="legend-label">累计消费(分)</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 直推团队(L1)消费曲线 -->
|
|
|
|
|
+ <view class="chart-card">
|
|
|
|
|
+ <view class="chart-header">
|
|
|
|
|
+ <text class="chart-title">直推团队(L1)消费曲线</text>
|
|
|
|
|
+ <text class="chart-subtitle">按月份统计L1成员消费总额</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-container">
|
|
|
|
|
+ <canvas canvas-id="l1ConsumptionCanvas" class="l1-canvas"></canvas>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="chart-legend">
|
|
|
|
|
+ <text class="legend-label">L1消费(分)</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
-</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import { getCfRate, getTeamList } from '../../utils/api.js'
|
|
import { getCfRate, getTeamList } from '../../utils/api.js'
|