From dcffb9bbe352d8951b044a1dd1115bde869e3b37 Mon Sep 17 00:00:00 2001
From: nehc <934298133@qq.com>
Date: Mon, 21 Jul 2025 20:47:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(@vben/web-antd):=20=E6=96=B0=E5=A2=9E=20Ca?=
 =?UTF-8?q?rdTitle=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96=20TimeSumm?=
 =?UTF-8?q?aryChart?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 CardTitle 组件用于统一卡片标题样式
- 在 TimeSummaryChart 中使用 CardTitle 组件替代原生标题
- 调整 EchartsUI 组件的 height 属性单位
---
 .../src/components/card/card-title.vue        | 33 +++++++++++++++++++
 apps/web-antd/src/components/card/index.ts    |  1 +
 .../erp/home/components/TimeSummaryChart.vue  |  6 ++--
 3 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 apps/web-antd/src/components/card/card-title.vue
 create mode 100644 apps/web-antd/src/components/card/index.ts

diff --git a/apps/web-antd/src/components/card/card-title.vue b/apps/web-antd/src/components/card/card-title.vue
new file mode 100644
index 000000000..96b1ca07d
--- /dev/null
+++ b/apps/web-antd/src/components/card/card-title.vue
@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+interface Props {
+  title: string;
+}
+
+defineProps<Props>();
+</script>
+
+<template>
+  <span class="card-title">{{ title }}</span>
+</template>
+
+<style scoped>
+.card-title {
+  position: relative;
+  padding-left: 12px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.card-title::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  display: inline-block;
+  width: 3px;
+  height: 14px;
+  content: '';
+  background: #1890ff;
+  border-radius: 2px;
+  transform: translateY(-50%);
+}
+</style>
diff --git a/apps/web-antd/src/components/card/index.ts b/apps/web-antd/src/components/card/index.ts
new file mode 100644
index 000000000..d2f875a5a
--- /dev/null
+++ b/apps/web-antd/src/components/card/index.ts
@@ -0,0 +1 @@
+export { default as CardTitle } from './card-title.vue';
diff --git a/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue b/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
index c981d11c9..831e33f80 100644
--- a/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
+++ b/apps/web-antd/src/views/erp/home/components/TimeSummaryChart.vue
@@ -9,6 +9,8 @@ import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 import { Card } from 'ant-design-vue';
 
+import { CardTitle } from '#/components/card';
+
 interface Props {
   title: string;
   value?: Array<{ price: number; time: string }>;
@@ -112,9 +114,9 @@ watch(
 <template>
   <Card>
     <template #title>
-      {{ title }}
+      <CardTitle :title="title" />
     </template>
     <!-- 折线图 -->
-    <EchartsUI ref="chartRef" :height="300" />
+    <EchartsUI ref="chartRef" />
   </Card>
 </template>