import React, { useState, useEffect } from 'react';
import { Col, Row, Statistic } from 'antd';
import './index.less'
import {
  FullScreenContainer,
  Decoration9,
  BorderBox10,
  BorderBox1,
  ScrollBoard,
} from '@jiaminghi/data-view-react'
import Api from "@/api/kepService"
const KepData: React.FC = () => {

  const [thisdate, setThisdate] = useState({ timeStr: '' })

  const [dataVData, setDataVData] = useState({ "A1": "AA" })
  const [logData, setLogData] = useState({
    header: ['报警设备', '报警信息', '报警时间'],
    rowNum: 5,
    headerBGC: "#000724",
    oddRowBGC: "#000724",
    evenRowBGC: "#000724",
    data: [[]]
  })

  const initScript = () => {
    let script = document.createElement('script')
    script.type = 'text/javascript'
    script.async = true
    script.src = './index.js'//这个代表的是script 的src
    document.head.appendChild(script)
  }

  useEffect(() => {
    const id = setInterval(() => {
      getdatavData();
    }, 1000 * 5);

    return () => {
      clearInterval(0); //组件卸载时清除定时器
    };

  }, [])

  const getdatavData = async () => {
    const response = await Api.getdatavData();
    if (response.statusCode === 200) {
      setDataVData(response.data);
    }

    Api.getlogs().then((r) => {
      setLogData({
        header: ['报警设备', '报警信息', '报警时间'],
        rowNum: 5,
        headerBGC: "#000724",
        oddRowBGC: "#000724",
        evenRowBGC: "#000724",
        data: r.data
      });
    });
  }

  const style = { width: '5px', height: '45%' }

  const style2 = {
    width: '120px',
    height: '50px',
    lineHeight: '50px',
    textAlign: 'center',
    marginLeft: '200px',
  }
  function setTimingFn() {
    setInterval(() => {
      let dateYear = formatTime(new Date(), 'yyyy-MM-dd');
      let dateDay = formatTime(new Date(), 'HH: mm: ss');
      setThisdate({ timeStr: `${dateYear}  ${dateDay} ` });
    }, 1000);
  }
  function formatTime(time: string | number | Date, fmt: string) {
    if (!time) return '';
    else {
      const date = new Date(time);
      const o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'H+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds(),
        'q+': Math.floor((date.getMonth() + 3) / 3),
        S: date.getMilliseconds(),
      };
      if (/(y+)/.test(fmt))
        fmt = fmt.replace(
          RegExp.$1,
          (date.getFullYear() + '').substr(4 - RegExp.$1.length)
        );
      for (const k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
          fmt = fmt.replace(
            RegExp.$1,
            RegExp.$1.length === 1
              ? o[k]
              : ('00' + o[k]).substr(('' + o[k]).length)
          );
        }
      }
      return fmt;
    }
  }


  return (
    <div id="data-view">
      <FullScreenContainer>

        <div className="main-header">
          <div className="mh-left">   </div>
          <div className="mh-middle">
            五芳斋数据大屏
          </div>
          <div className="mh-right">
            <div className='dateclass' >
              {thisdate.timeStr}
            </div>
          </div>
        </div>
        <div className="main-container">
          <div className='main-container_c'>
            <div className='main-container_s'>
              <div style={{ width: "33%", height: "100%", float: "left", textAlign: "center" }}>
                <BorderBox1>
                  <div style={{ height: "15%" }}>
                    <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                      <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                        <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;1#浸泡间</h2>
                      </div>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>限量提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "170px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡机温度：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡出缓存提升：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>限量提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>防滑板频率频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>脱水称重提升机：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "195px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>伸缩试进料机频率：</span>
                          <span style={{ fontSize: 18 }}>999</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "180px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>离心电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡出料机频率：</span>
                          <span style={{ fontSize: 18 }}>999</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>称重提升机预置速度：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                          {/* <span style={{ fontSize: 18 }}>°C</span> */}
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>称重提升机预置频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
              </div>
              <div style={{ width: "33%", height: "100%", float: "left", textAlign: "center" }}>
                <BorderBox1 >
                  <div style={{ height: "25%" }}>
                    <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                      <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                        <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;油炸间</h2>
                      </div>
                    </div>
                  </div>
                  <div style={{ height: "25%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>一区温度测量值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>二区温度测量值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>二区温度测量值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "25%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>一区温度设定值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>二区温度设定值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>三区温度设定值：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "25%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>刮渣关时间：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>刮渣开时间：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
                <BorderBox1>
                  <div style={{ height: "15%", textAlign: "center" }}>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "94%", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>跨线提升机频率</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "39.2%", textAlign: "center" }}>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>储油暂存罐温度：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "170px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>储油暂存罐压力：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>原油罐称重重里：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
              </div>
              <div style={{ width: "33%", height: "100%", float: "left", textAlign: "center" }}>
                <BorderBox1>
                  <div style={{ height: "14%" }}>
                    <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                      <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                        <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;搅拌间</h2>
                      </div>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#称重提升机预置重量：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#称重提升机预置重量：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#称重提升机预置次数：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#称重提升机预置次数：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#脱油称重提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#脱油称重提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#伸缩式进料机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#伸缩式进料机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "187px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#离心电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "187px", float: "left", marginLeft: "7px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#离心电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "205px", float: "left", marginLeft: "7px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>主转盘旋转电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
              </div>
            </div>
            <div className='main-container_z'>
              <BorderBox1>
                <img style={{ width: "100%", height: "100%" }} src={require('./img/20231113174659.png')}></img>
              </BorderBox1>
            </div>
            <div className='main-container_x'>
              <div style={{ width: "33%", height: "100%", float: "left" }}>
                <BorderBox1>
                  <div style={{ height: "15%" }}>
                    <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                      <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                        <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;2#浸泡间</h2>
                      </div>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>限量提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "170px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡机温度：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡出缓存提升：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>限量提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>防滑板频率频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>脱水称重提升机：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "195px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>伸缩试进料机频率：</span>
                          <span style={{ fontSize: 18 }}>999</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "180px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>离心电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "15px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>浸泡出料机频率：</span>
                          <span style={{ fontSize: 18 }}>999</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "21.2%", textAlign: "center" }}>
                    <div style={{ width: "290px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>称重提升机预置速度：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                          {/* <span style={{ fontSize: 18 }}>°C</span> */}
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "290px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>称重提升机预置频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
              </div>
              <div style={{ width: "33%", height: "100%", float: "left" }}>
                <BorderBox1>
                  <div style={{ width: '93%', height: '100%', display: "block", margin: " 0 auto", }}>
                    <div style={{ height: "15%" }}>
                      <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                        <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                          <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;报警信息</h2>
                        </div>
                      </div>
                    </div>
                    <ScrollBoard config={logData} style={{ width: '100%', height: '80%' }} />
                  </div>
                </BorderBox1>
              </div>
              <div style={{ width: "33%", height: "100%", float: "left" }}>
                <BorderBox1>
                  <div style={{ height: "14%" }}>
                    <div style={{ height: "30%", width: "100%", textAlign: "center" }}>
                      <div style={{ height: "50px", width: "90%", display: "block", margin: " 0 auto", textAlign: "center" }} className='titlebak'>
                        <h2 style={{ color: "#34CDE1" }}>&nbsp;&nbsp;搅拌间</h2>
                      </div>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "180px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>称重输送机预置重量：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "200px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>

                          <span style={{ fontSize: 12, color: "#50B15D" }}>承重输送机预预置次数：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "210px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>承重输送机预预置次数：</span>
                          <span style={{ fontSize: 18 }}>100</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>抖料机预置出料秒：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>抖料机预置拌料分：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>投辅料预置停滞秒：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>抖料高位提升机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>抖料称重输送机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>抖料伸缩式进料机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>双向输送机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>风冷输送机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>1#转拌料电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                  <div style={{ height: "17.2%", textAlign: "center" }}>
                    <div style={{ width: "190px", float: "left", marginLeft: "20px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>2#转拌料电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>3#转拌料电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                    <div style={{ width: "190px", float: "left", marginLeft: "10px" }}>
                      <BorderBox10  >
                        <div>
                          <span style={{ fontSize: 12, color: "#50B15D" }}>4#转拌料电机频率：</span>
                          <span style={{ fontSize: 18 }}>10</span>
                        </div>
                      </BorderBox10>
                    </div>
                  </div>
                </BorderBox1>
              </div>
            </div>
          </div>

        </div>
      </FullScreenContainer>
    </div>
  )
}
export default KepData;