34 lines
872 B
JavaScript
34 lines
872 B
JavaScript
/*
|
|
* @Author: zhp
|
|
* @Date: 2024-08-20 14:09:17
|
|
* @LastEditTime: 2024-09-09 15:00:13
|
|
* @LastEditors: zhp
|
|
* @Description:
|
|
*/
|
|
import { useCallback, useEffect, useState } from "react";
|
|
import cls from "./index.module.scss";
|
|
|
|
export default function CenterMenu({ active, onChangeActive }) {
|
|
const menuList = [
|
|
["窑炉总览", "/kilnSummary"],
|
|
["窑炉内部", "/kilnInner"],
|
|
["AI窑炉", "/kilnOptimize"],
|
|
["退火监测", "/stopFire"],
|
|
["质检统计", "/quailtyCheck"],
|
|
["能耗分析", "/energyCost"],
|
|
];
|
|
return (
|
|
<div className={`${cls.centerMenu} flex`}>
|
|
{menuList.map((menu) => (
|
|
<div
|
|
key={menu[0]}
|
|
className={`${cls.menuItem} ${active == menu[0] ? cls.active : ""}`}
|
|
onClick={() => onChangeActive(menu[0])}
|
|
>
|
|
{menu[0]}
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|