+
)
}
+const DepartmentRankingTable=()=>{
+ const [sortType, setSortType] = useState('整改率'); // 排序类型
+ const [currentPage, setCurrentPage] = useState(3); // 当前页码
+ const totalItems = 48; // 总条数
+ const pageSize = 4; // 每页条数
+
+ const mockData = [
+ {
+ '排名': 1,
+ '部门': '安全部',
+ '隐患总数': 135,
+ '已整改': 156,
+ '整改率': '97.6%',
+ '按期完成率': '87%',
+ '状态': '优秀'
+ },
+ {
+ '排名': 2,
+ '部门': '设备部',
+ '隐患总数': 135,
+ '已整改': 156,
+ '整改率': '97.6%',
+ '按期完成率': '87%',
+ '状态': '良好'
+ },
+ {
+ '排名': 3,
+ '部门': '生产部',
+ '隐患总数': 135,
+ '已整改': 156,
+ '整改率': '97.6%',
+ '按期完成率': '87%',
+ '状态': '一般'
+ },
+ {
+ '排名': 4,
+ '部门': '行政部',
+ '隐患总数': 135,
+ '已整改': 156,
+ '整改率': '97.6%',
+ '按期完成率': '87%',
+ '状态': '预警'
+ },
+ // 可以继续添加更多数据...
+ ];
+
+ // 状态标签颜色映射
+ const statusColorMap = {
+ '优秀': 'green',
+ '良好': 'orange',
+ '一般': 'gold',
+ '预警': 'red'
+ };
+ // 表格列配置
+ const columns = [
+ {
+ title: '排名',
+ dataIndex: '排名',
+ key: '排名',
+ width: 80,
+ align:'center',
+ render: (text) => (
+
{text}
+ )
+ },
+ {
+ title: '部门',
+ dataIndex: '部门',
+ key: '部门',
+ width: 120,
+ align:'center',
+ },
+ {
+ title: '隐患总数',
+ dataIndex: '隐患总数',
+ key: '隐患总数',
+ width: 100,
+ align:'center',
+ },
+ {
+ title: '已整改',
+ dataIndex: '已整改',
+ key: '已整改',
+ width: 100,
+ align:'center',
+ },
+ {
+ title: '整改率',
+ dataIndex: '整改率',
+ key: '整改率',
+ width: 100,
+ align:'center',
+ render:(text)=>{
+ return
{text}
+ }
+ },
+ {
+ title: '按期完成率',
+ dataIndex: '按期完成率',
+ key: '按期完成率',
+ width: 120,
+ align:'center',
+ render:(text)=>{
+ return
{text}
+ }
+ },
+ {
+ title: '状态',
+ dataIndex: '状态',
+ key: '状态',
+ width: 100,
+ align:'center',
+ render: (status) => (
+
+ {status}
+
+ )
+ }
+ ];
+ // 排序变更处理
+ const handleSortChange = (value) => {
+ setSortType(value);
+ // 实际项目中这里可以添加排序逻辑
+ };
+
+ // 分页变更处理
+ const handlePageChange = (page) => {
+ setCurrentPage(page);
+ // 实际项目中这里可以添加分页数据请求逻辑
+ };
+ return
+
+
+
+ }
+ >
+
+
+
+
+
+
+
+
+
+
共 {totalItems} 条
+
`共 ${total} 条`}
+ />
+
+
+}
+const HiddenDangerCloud=()=>{
+ return
+
+
+
-const HiddenDangerCount=()=>{
+
+
+
+}
+const HiddenDangerCount = () => {
+ const headerList = [
+ {
+ title: '总隐患数',
+ num: '1489',
+ data: '12',
+ flag: 1,
+ grow: 1,
+ backgroundColor:'#E5EEFE',
+ color:'#1269FF',
+ },
+ {
+ title:'已整改隐患',
+ num:'986',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#D9F8E8',
+ color:'#1DCE74',
+ },
+ {
+ title:'整改率',
+ num:'86%',
+ data:'8',
+ flag:2,
+ grow:0,
+ backgroundColor:'#FFF3E9',
+ color:'orange',
+ },
+ {
+ title:'按期整改率',
+ num:'89%',
+ data:'2',
+ flag:3,
+ grow:0,
+ backgroundColor:'#FFE6E8',
+ color:'#FF3E48',
+ }
+ ]
return (
<>