完成评查点分组列表和评查点列表的页面，封装部分组件，重新构造样式文件结构

2025-03-26 18:39:42 +08:00
parent 97ccf5a077
commit d9b9ce4676
34 changed files with 3281 additions and 3777 deletions
@@ -0,0 +1,33 @@
+type StatusType = 'success' | 'error' | 'warning' | 'default' | 'processing';
+
+interface StatusDotProps {
+  status: StatusType | boolean;
+  text?: string;
+  className?: string;
+}
+
+export function StatusDot({ 
+  status, 
+  text, 
+  className = ''
+}: StatusDotProps) {
+  // 如果status是布尔值，则转换为对应的状态类型
+  const statusType = typeof status === 'boolean' 
+    ? (status ? 'success' : 'default') 
+    : status;
+  
+  // 如果没有提供文本，则根据状态类型提供默认文本
+  const statusText = text ?? (
+    statusType === 'success' ? '启用' :
+    statusType === 'error' ? '禁用' :
+    statusType === 'warning' ? '警告' :
+    statusType === 'processing' ? '处理中' : '未知'
+  );
+  
+  return (
+    <span className={`inline-flex items-center ${className}`}>
+      <i className={`status-dot status-dot-${statusType}`}></i>
+      {statusText}
+    </span>
+  );
+}