import React from 'react';
import apiurl from '../../../../models/apiurl';
import { httpget } from '../../../../utils/request';
import useRequest from '../../../../utils/useRequest';
import PanelBox from '../../components/PanelBox';
import './index.less';

export default function ZBAP({ style }) {
  const { data } = useRequest(() => httpget(apiurl.zbap.today).then(({ data }) => data).catch(() => null));
  console.log(data);

  return (
    <PanelBox
      style={style}
      title="今日值班"
      color="yellow"
      extra={
        <i className="ionicons email"></i>
      }
    >
      <div className="zbap-box">
        <div className="box">
          <div className="item">
            <div className="title">值班领导</div>
            <div className="div1 name">
              {data?.zbld || '-'}
            </div>
            <div className="phone">{data?.zbldphone || '-'}</div>
          </div>

          <div className="item">
            <div className="title">负责人</div>
            <div className="div2 name">
              {data?.fzr || '-'}
            </div>
            <div className="phone">{data?.fzrphone || '-'}</div>
          </div>

          <div className="item">
            <div className="title">值班司机</div>
            <div className="div3 name">
              {data?.zbsj || '-'}
            </div>
            <div className="phone">{data?.zbsjphone || '-'}</div>
          </div>
        </div>
        <div className="zby">
          <span className="title">值班员:</span>
          <span className="name">{data?.zby}</span>
          <span className="phone">{data?.zbyphone}</span>
        </div>
      </div>

    </PanelBox>
  )
}