xuchang-new/src/components/Modules/KilnOptimize/components/inputData/index.jsx

/*
 * @Author: zhp
 * @Date: 2024-08-22 14:00:57
 * @LastEditTime: 2024-08-30 13:55:33
 * @LastEditors: zhp
 * @Description: 
 */
import React from'react';
import cls from "./index.module.css";

function InputDataToggle() {
//  const [season, setSeason] = useState(1);
  // const preFloor = useRef()
  return (
    <div
        className="dataContent"
        style={{
          display: "flex",
          width:"100%",
          // marginBottom: "24px",
          flexDirection: "column",/* 这行设置为垂直布局 */
          gap:'30px'
        }}
      >
        <div
            className={
            cls.item
          }
      >
        <div className={
            cls.content
          }>
           <h2 className={
            cls.paramsTitle
          }>
            投料速度
          </h2>
          <div className={
            cls.paramsData
          }>
          <div className={
            cls.data
          }>
            363
          </div>   <div className={
            cls.unit
          }>
             m/s
          </div>
          </div>
        </div>
          <div className={
            cls.content
          }>
           <h2 className={
            cls.totalDataTitle
          }>
            天然气设定总量
          </h2>
          <div className={
            cls.paramsData
          }>
               <div className={
            cls.data
          }>
            631
          </div>   <div className={
            cls.unit
          }>
            m³/s
          </div>
          </div>
        </div>
      </div>
      
      <div
            className={
            cls.item
          }
      >
        <div className={
            cls.content
          }>
           <h2 className={
            cls.totalDataTitle
          }>
            焦炉煤气设定总量
          </h2>
          <div className={
            cls.paramsData
          }>
          <div className={
            cls.data
          }>
            11111
          </div>   <div className={
            cls.unit
          }>
            m³/s
          </div>
          </div>
        </div>
          <div className={
            cls.content
          }>
           <h2 className={
            cls.paramsTitle
          }>
            助燃风流量
          </h2>
          <div className={
            cls.paramsData
          }>
               <div className={
            cls.data
          }>
            432
          </div>   <div className={
            cls.unit
          }>
            m³/s
          </div>
          </div>
        </div>
      </div>
      
      <div
            className={
            cls.item
          }
      >
        <div className={
            cls.content
          }>
           <h2 className={
            cls.totalDataTitle
          }>
            产品规格设定标准
          </h2>
          <div className={
            cls.paramsData
          }>
          <div className={
            cls.data
          }>
            11111
          </div>   <div className={
            cls.unit
          }>
            
          </div>
          </div>
        </div>
          <div className={
            cls.content
          }>
           <h2 className={
            cls.paramsTitle
          }>
            循环水流量
          </h2>
          <div className={
            cls.paramsData
          }>
               <div className={
            cls.data
          }>
            562
          </div>   <div className={
            cls.unit
          }>
            m³/s
          </div>
          </div>
        </div>
      </div>

        <div
            className={
            cls.item
          }
      >
        <div className={
            cls.content
          }>
           <h2 className={
            cls.totalDataTitle
          }>
            配料水分含量
          </h2>
          <div className={
            cls.paramsData
          }>
          <div className={
            cls.data
          }>
            60
          </div>   <div className={
            cls.unit
          }>

          </div>
          </div>
        </div>
          <div className={
            cls.content
          }>
           <h2 className={
            cls.paramsTitle
          }>
            玻璃液出口宽度
          </h2>
          <div className={
            cls.paramsData
          }>
               <div className={
            cls.data
          }>
            11
          </div>   <div className={
            cls.unit
          }>
            
          </div>
          </div>
        </div>
      </div>
      </div>
  );
}

export default InputDataToggle;