From 477d38740ea84af7abf3eb51a3cf98d6b1e9db40 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 16 十月 2025 09:35:03 +0800
Subject: [PATCH] 用户行为分析
---
manager/src/views/statistics/order.vue | 175 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 88 insertions(+), 87 deletions(-)
diff --git a/manager/src/views/statistics/order.vue b/manager/src/views/statistics/order.vue
index 9433b56..a931028 100644
--- a/manager/src/views/statistics/order.vue
+++ b/manager/src/views/statistics/order.vue
@@ -5,85 +5,85 @@
<affixTime @selected="clickBreadcrumb" />
</Card>
</Affix>
- <Card class="card">
- <div class="chart-wrapper">
- <div class="chart-header">
- <h2>PV/UV 瓒嬪娍鍥�</h2>
- </div>
- <div ref="chartDom" class="chart-container"></div>
- </div>
- </Card>
- <Card class="card">
- <div class="my-chart-container">
- <div class="chart-wrapper" style="height: 800px">
- <div class="chart-header">
- <h2>鍟嗗搧/瑙嗛娴忚閲忓畬鎾巼 瓒嬪娍鍥�</h2>
- </div>
- <div class="button-group-wrapper">
- <!-- 绗竴缁勶細鍟嗗搧/瑙嗛锛堥潬宸︼級 -->
- <ButtonGroup>
- <Button
- :type="currentType === 'goods' ? 'primary' : 'default'"
- @click="handleTypeChange('goods')"
- >
- 鍟嗗搧
- </Button>
- <Button
- :type="currentType === 'video' ? 'primary' : 'default'"
- @click="handleTypeChange('video')"
- >
- 瑙嗛
- </Button>
- </ButtonGroup>
- <!-- 绗簩缁勶細鍓�10/鍓�20/鍓�30锛堥潬鍙筹級 -->
- <ButtonGroup>
- <Button
- :type="currentLimit === 10 ? 'success' : 'default'"
- @click="handleLimitChange(10)"
- >
- 鍓�10
- </Button>
- <Button
- :type="currentLimit === 20 ? 'success' : 'default'"
- @click="handleLimitChange(20)"
- >
- 鍓�20
- </Button>
- <Button
- :type="currentLimit === 30 ? 'success' : 'default'"
- @click="handleLimitChange(30)"
- >
- 鍓�30
- </Button>
- </ButtonGroup>
- </div>
- <div ref="viewPrintChartDom" class="view-chart-container"></div>
- </div>
- </div>
- </Card>
- <Card class="card">
- <div class="my-chart-container">
- <div class="chart-wrapper">
- <div class="chart-header">
- <h2>璁㈠崟澧為暱 瓒嬪娍鍥�</h2>
- </div>
- <div ref="orderCountChartDom" class="chart-container"></div>
- </div>
- </div>
- </Card>
+<!-- <Card class="card">-->
+<!-- <div class="chart-wrapper">-->
+<!-- <div class="chart-header">-->
+<!-- <h2>PV/UV 瓒嬪娍鍥�</h2>-->
+<!-- </div>-->
+<!-- <div ref="chartDom" class="chart-container"></div>-->
+<!-- </div>-->
+<!-- </Card>-->
+<!-- <Card class="card">-->
+<!-- <div class="my-chart-container">-->
+<!-- <div class="chart-wrapper" style="height: 800px">-->
+<!-- <div class="chart-header">-->
+<!-- <h2>鍟嗗搧/瑙嗛娴忚閲忓畬鎾巼 瓒嬪娍鍥�</h2>-->
+<!-- </div>-->
+<!-- <div class="button-group-wrapper">-->
+<!-- <!– 绗竴缁勶細鍟嗗搧/瑙嗛锛堥潬宸︼級 –>-->
+<!-- <ButtonGroup>-->
+<!-- <Button-->
+<!-- :type="currentType === 'goods' ? 'primary' : 'default'"-->
+<!-- @click="handleTypeChange('goods')"-->
+<!-- >-->
+<!-- 鍟嗗搧-->
+<!-- </Button>-->
+<!-- <Button-->
+<!-- :type="currentType === 'video' ? 'primary' : 'default'"-->
+<!-- @click="handleTypeChange('video')"-->
+<!-- >-->
+<!-- 瑙嗛-->
+<!-- </Button>-->
+<!-- </ButtonGroup>-->
- <Card class="card">
- <div class="my-chart-container">
- <div class="chart-wrapper">
- <div class="chart-header">
- <h2>娴忚鏁版嵁/璁㈠崟鏃堕棿娈� 瓒嬪娍鍥�</h2>
- </div>
- <div ref="orderTimePeriodChartDom" class="chart-container"></div>
- </div>
- </div>
+<!-- <!– 绗簩缁勶細鍓�10/鍓�20/鍓�30锛堥潬鍙筹級 –>-->
+<!-- <ButtonGroup>-->
+<!-- <Button-->
+<!-- :type="currentLimit === 10 ? 'success' : 'default'"-->
+<!-- @click="handleLimitChange(10)"-->
+<!-- >-->
+<!-- 鍓�10-->
+<!-- </Button>-->
+<!-- <Button-->
+<!-- :type="currentLimit === 20 ? 'success' : 'default'"-->
+<!-- @click="handleLimitChange(20)"-->
+<!-- >-->
+<!-- 鍓�20-->
+<!-- </Button>-->
+<!-- <Button-->
+<!-- :type="currentLimit === 30 ? 'success' : 'default'"-->
+<!-- @click="handleLimitChange(30)"-->
+<!-- >-->
+<!-- 鍓�30-->
+<!-- </Button>-->
+<!-- </ButtonGroup>-->
+<!-- </div>-->
+<!-- <div ref="viewPrintChartDom" class="view-chart-container"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </Card>-->
+<!-- <Card class="card">-->
+<!-- <div class="my-chart-container">-->
+<!-- <div class="chart-wrapper">-->
+<!-- <div class="chart-header">-->
+<!-- <h2>璁㈠崟澧為暱 瓒嬪娍鍥�</h2>-->
+<!-- </div>-->
+<!-- <div ref="orderCountChartDom" class="chart-container"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </Card>-->
+<!-- <Card class="card">-->
+<!-- <div class="my-chart-container">-->
+<!-- <div class="chart-wrapper">-->
+<!-- <div class="chart-header">-->
+<!-- <h2>娴忚鏁版嵁/璁㈠崟鏃堕棿娈� 瓒嬪娍鍥�</h2>-->
+<!-- </div>-->
+<!-- <div ref="orderTimePeriodChartDom" class="chart-container"></div>-->
+<!-- </div>-->
+<!-- </div>-->
- </Card>
+<!-- </Card>-->
<Card class="card">
@@ -1026,8 +1026,8 @@
formatter:tooltipFormatter
},
grid: {
- left: '5%', // 瑙嗛绫诲瀷宸︾Щ锛岀粰瀹屾挱鐜囨爣绛剧暀绌洪棿
- right: '10%',
+ left: '4%', // 瑙嗛绫诲瀷宸︾Щ锛岀粰瀹屾挱鐜囨爣绛剧暀绌洪棿
+ right: '12%',
bottom: '0',
top: '5%',
containLabel: true
@@ -1310,15 +1310,16 @@
this.refundParams.pageSize = 10
//鏇存柊琛ㄦ牸
- this.updateChartData(this.orderParams)
- this.updateOrderCountChartDate(this.orderParams)
- let form = {...this.orderParams};
- form.currentType = this.currentType;
- form.currentLimit = this.currentLimit;
- this.updateViewAndCompletionRateData(form)
-
- this.updateOrderTimePeriodData(this.orderParams)
+ // this.updateChartData(this.orderParams)
+ // this.updateOrderCountChartDate(this.orderParams)
+ //
+ // let form = {...this.orderParams};
+ // form.currentType = this.currentType;
+ // form.currentLimit = this.currentLimit;
+ // this.updateViewAndCompletionRateData(form)
+ //
+ // this.updateOrderTimePeriodData(this.orderParams)
},
// 瀹炰緥鍖栬鍗曟瑙�
@@ -1377,7 +1378,7 @@
mounted() {
console.log('ECharts 鏄惁瀛樺湪锛�', typeof echarts !== 'undefined'); // 搴旇緭鍑� true
- this.initChart();
+ // this.initChart();
this.initBaseParams();
window.addEventListener('resize', this.handleResize)
},
--
Gitblit v1.8.0