selfrelease
d79e3baa34
- 面包屑导航组件，集成至TopNav header - 侧边栏菜单分组间距增大，分组间分隔线 - 制度公示员工阅读签收：PolicyReadRecord模型、portal路由、管理端阅读统计 - 修复Policies.tsx民主程序推进bug（字段名/API路径/参数） - 用工文本模板变量名英文转中文显示 - 通知类型TYPE_LABELS补全(RISK_ALERT/SOCIAL_INS/OVERTIME_ALERT/PAYSLIP_READY) - 通知示例数据补充 - h2标题统一为text-sm font-medium - 新增run.md
30 lines
685 B
TypeScript
30 lines
685 B
TypeScript
/**
|
|
* 错误提示横幅组件
|
|
* 统一各页面的错误信息展示样式
|
|
*/
|
|
|
|
interface ErrorBannerProps {
|
|
/** 错误信息 */
|
|
message: string
|
|
/** 变体：错误(红) / 警告(黄) */
|
|
variant?: 'error' | 'warning'
|
|
/** 自定义 className */
|
|
className?: string
|
|
}
|
|
|
|
const variantStyles: Record<string, string> = {
|
|
error: 'bg-red-50 text-red-700',
|
|
warning: 'bg-amber-50 text-amber-700',
|
|
}
|
|
|
|
/**
|
|
* 错误/警告提示横幅
|
|
*/
|
|
export default function ErrorBanner({ message, variant = 'error', className = '' }: ErrorBannerProps) {
|
|
return (
|
|
<div className={`px-3 py-2 rounded-md text-xs ${variantStyles[variant]} ${className}`}>
|
|
{message}
|
|
</div>
|
|
)
|
|
}
|