update customer chart

src/pages/product/component/OrderPaymentChart.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="17rem"
 	/>
 </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 { GaoSalesOrderPaymentStatView } from "@/types/GaoChart";
 import { buildHorizontalBarOption, getNumber } from "@/pages/product/component/chartUtils";