update customer chart

src/pages/customer/component/CustomerConsumptionDailyChart.vue

@@ -1,18 +1,17 @@
 <template>
-	<gao-chart-card
+	<date-range-chart-card
 		title="有效消费趋势"
 		caption="金额已换算为元"
 		:date-text-list="dateTextList"
 		:option="buildOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="18rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoSalesOrderConsumptionDailyStatView } from "@/types/GaoChart";
 import { buildAxisChartOption, formatChartYuan, getDailyItem, getNumber } from "@/pages/product/component/chartUtils";
 

src/pages/customer/component/CustomerOrderCalendarChart.vue

@@ -1,18 +1,17 @@
 <template>
-	<gao-chart-card
+	<date-range-chart-card
 		title="订单日历"
 		caption="按下单日期统计"
 		:date-text-list="dateTextList"
 		:option="buildOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="18rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoSalesOrderCalendarStatView } from "@/types/GaoChart";
 import { buildAxisChartOption, formatChartYuan, getDailyItem, getNumber } from "@/pages/product/component/chartUtils";
 

src/pages/customer/component/CustomerOrderCharts.vue

@@ -1,12 +1,5 @@
 <template>
 	<section class="order-charts">
-		<div class="section-heading">
-			<div>
-				<div class="eyebrow" v-text="'订单经营分析'" />
-				<h2 v-text="'客户订单看板'" />
-			</div>
-			<span v-text="'金额单位：元，数量单位：基础单位'" />
-		</div>
 		<order-daily-chart
 			:date-text-list="dateTextList"
 			:list="dailyList"

src/pages/customer/component/CustomerOrderProductRankChart.vue

@@ -1,17 +1,16 @@
 <template>
-	<gao-chart-card
-		title="客户产品购买排行"
+	<date-range-chart-card
+		title="产品购买排行"
 		caption="基础单位购买及履约进度，前 10"
 		:option="chartOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="20rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoCustomerOrderProductRankView } from "@/types/GaoChart";
 import { buildHorizontalBarOption, getNumber } from "@/pages/product/component/chartUtils";
 

src/pages/customer/component/CustomerOrderSkuRankChart.vue

@@ -1,17 +1,16 @@
 <template>
-	<gao-chart-card
-		title="客户 SKU 购买排行"
+	<date-range-chart-card
+		title="SKU 购买排行"
 		caption="基础单位购买及履约进度，前 10"
 		:option="chartOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="20rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoCustomerOrderSkuRankView } from "@/types/GaoChart";
 import { buildHorizontalBarOption, getNumber } from "@/pages/product/component/chartUtils";
 

src/pages/customer/component/CustomerRepeatDailyChart.vue

@@ -1,18 +1,17 @@
 <template>
-	<gao-chart-card
+	<date-range-chart-card
 		title="复购趋势"
 		caption="缺失日期按 0 展示"
 		:date-text-list="dateTextList"
 		:option="buildOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="18rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoCustomerRepeatDailyStatView } from "@/types/GaoChart";
 import { buildAxisChartOption, getDailyItem, getNumber } from "@/pages/product/component/chartUtils";
 

src/pages/customer/component/CustomerRepeatIntervalChart.vue

@@ -1,17 +1,16 @@
 <template>
-	<gao-chart-card
+	<date-range-chart-card
 		title="复购间隔"
 		caption="按间隔天数统计订单数"
 		:option="chartOption"
 		:loading="loading"
-		:has-data="list.length > 0"
-		height="18rem"
+		height="14rem"
 	/>
 </template>
 
 <script setup lang="ts">
 import type { EChartsOption } from "echarts";
-import GaoChartCard from "@/pages/product/component/GaoChartCard.vue";
+import DateRangeChartCard from "@/components/DateRangeChartCard.vue";
 import type { GaoCustomerRepeatIntervalStatView } from "@/types/GaoChart";
 import { buildHorizontalBarOption, getNumber } from "@/pages/product/component/chartUtils";