Browse Source

(*)员工沟通统计,详情

master
ww664853070 4 years ago
parent
commit
68fd05fc4f
  1. 80
      web/client/src/sections/humanAffairs/containers/communication/detailModal.js
  2. 2
      web/client/src/sections/humanAffairs/containers/communication/employeeCommunication.jsx

80
web/client/src/sections/humanAffairs/containers/communication/detailModal.js

@ -24,35 +24,89 @@ const DetailModal = (props) => {
> >
<Row style={{ marginBottom: '30px' }}> <Row style={{ marginBottom: '30px' }}>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >被沟通人:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >被沟通人:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col> </Col>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >岗位:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >岗位:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col> </Col>
</Row> </Row>
<Row style={{ marginBottom: '30px' }}> <Row style={{ marginBottom: '30px' }}>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >部门:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >部门:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col> </Col>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通截止时间:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通截止时间:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col> </Col>
</Row> </Row>
<Row style={{ marginBottom: '30px' }}> <Row style={{ marginBottom: '30px' }}>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通主题:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通主题:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col> </Col>
<Col span={12}> <Col span={12}>
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通背景:</span> <span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通背景:</span>
<Input style={{ width: '70%', float: 'left' }} disabled /> <Input style={{ width: '68%', float: 'left' }} disabled />
</Col>
</Row>
<div style={{ fontWeight: 'bold',marginBottom:15 }}>面谈的主要内容</div>
<Row style={{ marginBottom: '30px' }}>
<Col span={12}>
<span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >实际沟通时间:</span>
<Input style={{ width: '68%', float: 'left' }} disabled />
</Col>
<Col span={12}>
<span style={{ width:'28%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通内容:</span>
<Input style={{ width: '68%', float: 'left' }} disabled />
</Col>
</Row>
<div style={{ fontWeight: 'bold',marginBottom:15 }}>沟通人意见反馈</div>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >反馈获取的信息与处理建议:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通成果:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >对被沟通人近期表现的评价:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >给予被沟通人的改进建议:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<div style={{ fontWeight: 'bold',marginBottom:15 }}>被沟通人意见反馈</div>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通情况反馈:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >培训需求:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col>
</Row>
<Row style={{ marginBottom: '30px' }}>
<Col span={24}>
<span style={{ width:'25%', float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >下一步工作计划活提升方向:</span>
<Input style={{ width: '73%', float: 'left' }} disabled />
</Col> </Col>
</Row> </Row>
<div style={{ fontWeight: 'bold' }}>面谈的主要内容</div>
</Modal > </Modal >
) )
} }

2
web/client/src/sections/humanAffairs/containers/communication/employeeCommunication.jsx

@ -15,7 +15,7 @@ const EmployeeCommunication = (props) => {
const [timeRange, setTimeRange] = useState('');//沟通时间范围 const [timeRange, setTimeRange] = useState('');//沟通时间范围
const [limits, setLimits] = useState()//每页实际条数 const [limits, setLimits] = useState()//每页实际条数
const [query, setQuery] = useState({ limit: 10, page: 0 }); //页码信息 const [query, setQuery] = useState({ limit: 10, page: 0 }); //页码信息
const [modalV, setModalV] = useState(false); const [modalV, setModalV] = useState(true);
const [dataToDetail, setDataToDetail] = useState(null); const [dataToDetail, setDataToDetail] = useState(null);
const [tableData, setTableData] = useState([]); const [tableData, setTableData] = useState([]);
const page = useRef(query.page); const page = useRef(query.page);

Loading…
Cancel
Save