30 lines
891 B
TypeScript
30 lines
891 B
TypeScript
/**
|
||
* 营业日口径提示组件。
|
||
*
|
||
* 在日期选择器旁显示 Tooltip + 文字标注，说明当前营业日分割点。
|
||
* 例如：「营业日：08:00 起」
|
||
*/
|
||
|
||
import React from "react";
|
||
import { Tooltip, Typography } from "antd";
|
||
import { InfoCircleOutlined } from "@ant-design/icons";
|
||
import { useBusinessDayStore } from "../store/businessDayStore";
|
||
|
||
const { Text } = Typography;
|
||
|
||
const BusinessDayHint: React.FC = () => {
|
||
const startHour = useBusinessDayStore((s) => s.startHour);
|
||
const hh = String(startHour).padStart(2, "0");
|
||
|
||
return (
|
||
<Tooltip title={`统计日期按营业日口径划分：每天 ${hh}:00 至次日 ${hh}:00`}>
|
||
<Text type="secondary" style={{ fontSize: 12, marginLeft: 4 }}>
|
||
<InfoCircleOutlined style={{ marginRight: 2 }} />
|
||
营业日：{hh}:00 起
|
||
</Text>
|
||
</Tooltip>
|
||
);
|
||
};
|
||
|
||
export default BusinessDayHint;
|