## Kole UI 补充组件规范（第九批）

### 人力资源组件

#### 员工卡片 EmployeeCard
- 用于员工列表或组织架构展示
- 包含：头像、姓名、工号、部门、职位、状态（在职/离职）
- 卡片悬停显示快捷操作：发消息、查看详情、编辑
- 支持标签展示技能或角色
- 可配置显示联系方式（电话、邮箱）
- 卡片圆角 8px，阴影低，内边距 16px

#### 考勤打卡 AttendanceCheckin
- 用于员工每日打卡
- 显示当前时间、打卡状态（未打卡/已打卡/迟到/早退）
- 大按钮“打卡”，点击后成功反馈
- 支持定位、拍照、备注
- 打卡记录列表，按日期筛选
- 异常处理：定位失败、超出范围提示

#### 请假申请 LeaveRequest
- 用于员工发起请假申请
- 表单：请假类型（年假/事假/病假等）、开始时间、结束时间、时长、事由
- 自动计算请假天数
- 提交后进入审批流
- 显示剩余年假天数
- 支持附件（如病假证明）

#### 绩效评估 PerformanceReview
- 用于员工绩效打分与评价
- 评分项列表，每项可打分（1-5星或百分制）
- 支持自评、上级评、同事评（360度）
- 评语输入框
- 总分自动计算，等级展示
- 评估进度条，提交后锁定

### 销售与CRM组件

#### 销售漏斗 SalesFunnel
- 展示销售阶段转化数据
- 阶段：线索、商机、报价、谈判、成交
- 每个阶段显示数量、金额
- 漏斗图可视化，宽度递减
- 点击阶段查看明细
- 支持拖动阶段调整顺序

#### 跟进记录 FollowUpRecord
- 用于记录客户跟进情况
- 时间轴展示跟进历史
- 每条记录：时间、跟进人、方式（电话/邮件/拜访）、内容、下次跟进时间
- 支持添加跟进记录
- 可关联客户、商机
- 支持搜索、筛选

#### 商机卡片 OpportunityCard
- 用于商机列表或看板
- 包含：商机名称、客户名称、金额、阶段、预计成交日期、负责人
- 阶段标签颜色区分
- 卡片支持拖拽到不同阶段
- 点击查看详情，快捷操作（编辑、关闭）
- 进度条显示阶段推进

#### 联系人卡片 ContactCard
- 用于客户联系人管理
- 包含：头像、姓名、职务、电话、邮箱、客户名称
- 支持一键拨号、发邮件
- 标签展示关系（决策人、技术联系人等）
- 点击查看详情
- 支持多选、批量操作

### 供应链与库存组件

#### 库存卡片 InventoryCard
- 用于库存商品展示
- 包含：商品图片、名称、SKU、库存数量、安全库存、单位
- 库存状态标签：充足、不足、缺货
- 支持快速调整库存（加减）
- 点击查看库存流水
- 低库存时红色提示

#### 采购单 PurchaseOrder
- 用于采购订单管理
- 列表展示：采购单号、供应商、商品、数量、金额、状态
- 状态：草稿、待审批、已批准、已收货、已取消
- 详情页包含商品明细、审批记录、收货记录
- 支持新建、编辑、提交审批
- 打印采购单

#### 供应商卡片 SupplierCard
- 用于供应商管理
- 包含：供应商Logo/名称、联系人、电话、地址、评级
- 评级用星标或标签展示
- 支持快捷操作：发邮件、查看详情
- 供应商分类标签
- 点击查看供货记录

#### 物流跟踪 LogisticsTracking
- 展示物流信息
- 时间轴显示物流节点：已发货、运输中、到达站点、派送中、已签收
- 每个节点显示时间、地点、说明
- 顶部显示物流公司、运单号
- 支持刷新、复制运单号
- 异常节点红色提示

### 财务组件

#### 发票管理 InvoiceManagement
- 发票列表：发票号码、类型（增值税专票/普票）、金额、税额、状态
- 状态：待开、已开、已寄、已收、已作废
- 支持开具发票、下载PDF、发送邮件
- 发票详情展示完整信息
- 支持筛选、导出

#### 账单管理 BillingManagement
- 用于账单查询与支付
- 账单列表：账单号、周期、金额、状态（待付/已付/逾期）
- 支持选择多个账单合并支付
- 支付方式选择（银行卡、支付宝、微信）
- 支付成功后结果页
- 支持下载账单明细

#### 支付组件 PaymentComponent
- 用于在线支付
- 支付方式选择：银行卡、第三方支付
- 输入支付密码或验证码
- 支付金额显示，支持优惠券
- 支付中加载状态，成功/失败结果
- 支持退款、支付记录

#### 对账组件 Reconciliation
- 用于财务对账
- 对比账单与交易记录
- 差异高亮显示
- 支持自动匹配、手动调整
- 对账报告生成
- 导出结果

### 教育学习组件

#### 课程卡片 CourseCard
- 用于课程列表
- 包含：课程封面、标题、讲师、价格、评分、学习人数
- 标签显示分类、等级
- 点击查看课程详情
- 支持收藏、分享
- 进度条显示已学进度

#### 学习进度 LearningProgress
- 展示学员学习情况
- 课程列表，每个课程显示进度条
- 总进度百分比
- 学习时长统计
- 支持继续学习、查看证书
- 进度更新实时同步

#### 测验组件 QuizComponent
- 用于在线测验
- 题目类型：单选、多选、判断、填空
- 逐题展示或一页展示
- 计时器、进度条
- 提交后显示得分、错题解析
- 支持重新测验

#### 成绩单 Transcript
- 展示考试成绩
- 列表：考试名称、时间、分数、等级
- 分数用颜色区分（及格绿、不及格红）
- 详情展示各题得分、总评
- 支持导出PDF
- 排名展示

### 医疗健康组件

#### 患者卡片 PatientCard
- 用于患者列表
- 包含：姓名、性别、年龄、病历号、就诊日期、主治医生
- 标签展示病情严重程度
- 点击查看病历详情
- 支持快速建档、预约
- 隐私保护，敏感信息脱敏

#### 预约组件 Appointment
- 用于预约挂号
- 选择科室、医生、时间
- 日历视图展示可约时间
- 预约确认弹窗
- 预约成功提醒
- 支持取消、改约

#### 处方组件 Prescription
- 展示处方信息
- 药物列表：名称、剂量、用法、数量
- 医生签名、日期
- 支持打印、发送药房
- 用药提醒设置
- 处方状态：有效、已过期

#### 病历组件 MedicalRecord
- 电子病历展示
- 基本信息、主诉、诊断、检查结果、医嘱
- 时间轴展示就诊历史
- 支持上传检查报告
- 隐私加密，权限控制
- 导出PDF

### 物联网组件

#### 设备卡片 DeviceCard
- 用于设备列表
- 包含：设备图标、名称、编号、状态（在线/离线/告警）
- 状态用颜色圆点表示
- 点击查看设备详情
- 支持快捷操作：开关、重启
- 离线设备灰色显示

#### 设备控制面板 DeviceControlPanel
- 用于控制物联网设备
- 显示实时数据：温度、湿度、功率等
- 控制按钮：开关、模式切换、参数调节
- 数据图表实时刷新
- 告警提示
- 支持远程控制

#### 实时数据组件 RealtimeData
- 展示传感器实时数据
- 数值大屏展示，支持多指标
- 历史曲线图
- 数据刷新频率可配置
- 阈值告警变色
- 导出数据

#### 设备告警 DeviceAlert
- 告警列表：设备名称、告警类型、级别、时间、状态
- 级别颜色：紧急红、重要橙、一般黄
- 告警详情
- 支持确认、处理、忽略
- 告警规则配置入口

### 内容管理组件

#### 文章列表 ArticleList
- 用于文章管理
- 列表：标题、作者、分类、状态、发布时间
- 状态：草稿、待审核、已发布、已下线
- 支持搜索、筛选、批量操作
- 点击编辑进入富文本编辑器
- 支持置顶、推荐

#### 内容审核 ContentModeration
- 用于审核提交的内容
- 待审列表：标题、提交人、时间
- 审核详情：内容预览、审核意见
- 操作：通过、驳回（填写原因）
- 审核记录
- 支持批量审核

#### 标签管理 TagManagement
- 管理内容标签
- 标签列表：名称、颜色、使用次数
- 支持新增、编辑、删除
- 标签颜色选择器
- 点击标签查看关联内容
- 支持合并标签

### 社交组件

#### 动态卡片 ActivityCard
- 用于社交动态流
- 包含：发布者头像、姓名、时间、内容、图片/视频
- 点赞、评论、转发按钮
- 点赞数、评论数显示
- 支持展开全文、收起
- 点击头像进入个人主页

#### 关注按钮 FollowButton
- 用于关注用户
- 状态：未关注（品牌色背景）、已关注（白底灰字）
- 点击切换状态，带过渡动画
- 可配置关注数量显示
- 支持取消关注
- 常用于用户卡片、个人主页

#### 点赞按钮 LikeButton
- 用于点赞内容
- 状态：未点赞（灰色图标）、已点赞（品牌色图标）
- 点击动画（缩放、粒子效果可选）
- 显示点赞数量
- 支持长按取消点赞
- 常用于动态、评论

#### 分享面板 SharePanel
- 内容分享
- 弹出面板包含：复制链接、生成二维码、分享到微信/微博/QQ等
- 可设置分享权限
- 分享链接可加密
- 统计分享次数
- 底部取消按钮

请基于以上规范生成/设计 [具体页面或组件名称]。