refactor(@vben/web-antd): 移除 CardTitle 组件
移除了 CardTitle 组件及相关样式,直接使用 <span> 标签展示标题。 受影响的主要文件: - 删除了 card-title.vue 文件 - 更新了 SummaryCard 组件的标题展示方式 - 修改了 TimeSummaryChart组件,用 <span> 替代 CardTitle 组件pull/181/MERGE
parent
b41ac68e06
commit
7526ff5b87
|
|
@ -1,33 +0,0 @@
|
||||||
<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>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
export { default as CardTitle } from './card-title.vue';
|
|
||||||
|
|
@ -17,7 +17,6 @@ import {
|
||||||
getPurchaseTimeSummary,
|
getPurchaseTimeSummary,
|
||||||
} from '#/api/erp/statistics/purchase';
|
} from '#/api/erp/statistics/purchase';
|
||||||
import { getSaleSummary, getSaleTimeSummary } from '#/api/erp/statistics/sale';
|
import { getSaleSummary, getSaleTimeSummary } from '#/api/erp/statistics/sale';
|
||||||
import { CardTitle } from '#/components/card';
|
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
title: string;
|
title: string;
|
||||||
|
|
@ -167,7 +166,7 @@ defineExpose({
|
||||||
<template>
|
<template>
|
||||||
<Card>
|
<Card>
|
||||||
<template #title>
|
<template #title>
|
||||||
<CardTitle :title="title" />
|
<span>{{ title }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 折线图 -->
|
<!-- 折线图 -->
|
||||||
<EchartsUI ref="chartRef" />
|
<EchartsUI ref="chartRef" />
|
||||||
|
|
|
||||||
|
|
@ -30,10 +30,7 @@ const purchaseChartRef = ref();
|
||||||
<Spin :spinning="loading">
|
<Spin :spinning="loading">
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<!-- 销售/采购的全局统计 -->
|
<!-- 销售/采购的全局统计 -->
|
||||||
<SummaryCard
|
<SummaryCard />
|
||||||
:sale-summary="saleChartRef?.saleSummary"
|
|
||||||
:purchase-summary="purchaseChartRef?.purchaseSummary"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 销售/采购的时段统计 -->
|
<!-- 销售/采购的时段统计 -->
|
||||||
<Row :gutter="16">
|
<Row :gutter="16">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue