57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
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>
|
|
)
|
|
}
|