content
写一个数据审核界面,我需要审核的数据是实验室样品(月度检测),样品是中华(硬)、中华(软),中华(全开式)、中华(短支中支)、中华(双中支)、中华(金中支)、中华(细支)和中华(金细支),实验室检测指标包括两类:1、常规烟气指标:(烟碱、焦油、一氧化碳);2、卷烟物理指标(质量、圆周、吸阻、硬度、总通风率),可以从以下几个方面辅助审核:1、人员是否具备相应资质(通过培训和人员能力评价(季度),绿色通过,黄色警戒,红色不通过);2、相关仪器设备是否符合要求(举3个机器的例子,电子天平、吸烟机,QTM,气相色谱仪,以仪器期间核查状态为准,绿色通过,黄色警戒,红色不通过);3、标准物质的有效期(如烟碱);4、监控样品(通常是通过Z值,也可以展示近期的趋势);5、样品的历史数据(展示月度检测的历史数据,可以用折线图的形式展示出来);6、二级站同一产品的数据(二级站会和理化实验室同时做样品,可以用柱状图的形式展示出来),可以两家实验室进行比对;7、自定义方法(可以添加工具库,统计分析模型、机器学习模型);数据自己模拟。
以下是实现步骤建议:
设计主界面布局:顶部导航栏 + 左侧样品选择 + 右侧审核面板 + 底部审核按钮
创建7个审核卡片组件:
人员资质卡片(带状态指示灯)
仪器状态卡片(3个仪器状态)
标准物质卡片(状态)
监控指标卡片(Z值和趋势图)
历史数据卡片(折线图)
二级站比对卡片(柱状图)
自定义方法卡片(工具库选择)
实现数据模拟和状态计算逻辑
使用Recharts绘制图表
使用lucide-react图标增强可视化