Compare commits

...

2 Commits

@ -7,7 +7,7 @@
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
import React from 'react'; import React from 'react';
import { Timeline, Drawer, Popconfirm, message } from 'antd'; import { Timeline, Drawer, Popconfirm, message, Input } from 'antd';
import styles from './index.less'; import styles from './index.less';
import leftTreeShow from './img/leftTree-show.png'; import leftTreeShow from './img/leftTree-show.png';
import leftHide from './img/leftTree-hide.png'; import leftHide from './img/leftTree-hide.png';
@ -20,6 +20,8 @@ export default class TimeLine extends React.Component {
this.state = { this.state = {
timelineList: [], timelineList: [],
open: true, open: true,
timeName: '',
fclass: 0,
}; };
} }
@ -53,10 +55,16 @@ export default class TimeLine extends React.Component {
} }
componentDidMount() { componentDidMount() {
this.searchTimeLines(this.props.url); this.searchTimeLines();
} }
searchTimeLines(url) { searchTimeLines(fclass = 0) {
const { timeName } = this.state;
this.setState({ fclass: fclass });
if (fclass != 0) {
this.setState({ timeName: '' });
}
let url = `/api/bs/hrmorganization/orgchart/timeLines?fclass=${fclass}&timeName=${timeName}`;
fetch(url) fetch(url)
.then((res) => res.json()) .then((res) => res.json())
.then((data) => { .then((data) => {
@ -72,6 +80,13 @@ export default class TimeLine extends React.Component {
}); });
}; };
handleEnterPress = (e) => {
if (e.key === 'Enter') {
//
this.searchTimeLines(this.state.fclass);
}
};
render() { render() {
const { labelData } = this.props; const { labelData } = this.props;
@ -103,6 +118,12 @@ export default class TimeLine extends React.Component {
onClick={this.setOpen} onClick={this.setOpen}
></div> ></div>
<div className={styles.lineWrapper} style={showStyle}> <div className={styles.lineWrapper} style={showStyle}>
<Input
placeholder="关键字搜索"
value={this.state.timeName}
onChange={(e) => this.setState({ timeName: e.target.value })}
onKeyDown={this.handleEnterPress} //
/>
<Timeline> <Timeline>
{this.state.timelineList.map((item) => { {this.state.timelineList.map((item) => {
return ( return (

@ -10,6 +10,11 @@
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
padding-left: 20px; padding-left: 20px;
padding-right: 5px;
input {
margin-bottom: 20px;
}
.timeline { .timeline {
cursor: pointer; cursor: pointer;

@ -336,7 +336,7 @@ export class TopBar extends React.Component {
</Col> </Col>
<Col span={10}> <Col span={10}>
{this.state.requestData.fclass == '0' && ( {/* {this.state.requestData.fclass == '0' && (
<span> <span>
<Button <Button
type="primary" type="primary"
@ -367,7 +367,7 @@ export class TopBar extends React.Component {
{getLabel(547313, labelData)} {getLabel(547313, labelData)}
</Button> </Button>
</span> </span>
)} )} */}
<Button <Button
type="primary" type="primary"

@ -109,11 +109,11 @@ export default function companyPage() {
d3.json('/api/bs/hrmorganization/orgchart/i18n').then((res) => { d3.json('/api/bs/hrmorganization/orgchart/i18n').then((res) => {
setLabelData(res.data); setLabelData(res.data);
setLabelCompleted(true); setLabelCompleted(true);
notification.open({ // notification.open({
message: `${getLabel(547283, res.data)}`, // message: `${getLabel(547283, res.data)}`,
description: `${getLabel(547292, res.data)}`, // description: `${getLabel(547292, res.data)}`,
icon: <SmileOutlined style={{ color: '#108ee9' }} />, // icon: <SmileOutlined style={{ color: '#108ee9' }} />,
}); // });
}); });
}, []); }, []);
@ -192,7 +192,6 @@ export default function companyPage() {
</div> </div>
<div style="display: ${statisticsStyle}"> <div style="display: ${statisticsStyle}">
<span style="color:red">${d.data.staffNum}</span> /
<span style="color:green">${d.data.onJobNum}</span> <span style="color:green">${d.data.onJobNum}</span>
</div> </div>
</div> </div>
@ -214,7 +213,6 @@ export default function companyPage() {
</div> </div>
<div style="display: ${statisticsStyle}"> <div style="display: ${statisticsStyle}">
<span style="color:red">${d.data.staffNum}</span> /
<span style="color:green">${d.data.onJobNum}</span> <span style="color:green">${d.data.onJobNum}</span>
</div> </div>
</div> </div>
@ -421,9 +419,7 @@ export default function companyPage() {
*/ */
const handleChange = (requestData) => { const handleChange = (requestData) => {
setTimelineId(0); setTimelineId(0);
timeLine.searchTimeLines( timeLine.searchTimeLines(requestData.fclass);
`/api/bs/hrmorganization/orgchart/timeLines?fclass=${requestData.fclass}`,
);
requestData = { ...requestData, id: 0 }; requestData = { ...requestData, id: 0 };
handleSearch(requestData, false); handleSearch(requestData, false);
}; };
@ -490,14 +486,13 @@ export default function companyPage() {
onZoomIn={(progressBtn) => handleZoomIn(progressBtn)} onZoomIn={(progressBtn) => handleZoomIn(progressBtn)}
onZoomBehavior={(value) => handleZoomBehavior(value)} onZoomBehavior={(value) => handleZoomBehavior(value)}
/> />
<TimeLine {/* <TimeLine
ref={(r) => (timeLine = r)} ref={(r) => (timeLine = r)}
onClick={(timeline) => { onClick={(timeline) => {
timeLineSearch(timeline); timeLineSearch(timeline);
}} }}
url={'/api/bs/hrmorganization/orgchart/timeLines?fclass=0'}
labelData={labelData} labelData={labelData}
/> /> */}
<Spin size="large" spinning={spinning}> <Spin size="large" spinning={spinning}>
<OrgChartComponent <OrgChartComponent
setChart={(chart) => (orgChart = chart)} setChart={(chart) => (orgChart = chart)}

@ -99,7 +99,7 @@ export default function userPage() {
// //
useEffect(() => { useEffect(() => {
document.cookie = document.cookie =
'ecology_JSessionid=aaaLiDqzA0rZHgPBdxGez; JSESSIONID=aaaLiDqzA0rZHgPBdxGez; Systemlanguid=7; languageidweaver=7; loginuuids=1; loginidweaver=sysadmin; __randcode__=7b9b3b9b-a780-4d6a-b8d5-22d0f8aaf11a'; 'ecology_JSessionid=aaaqrj0Xm5_P2f6K0bavz; JSESSIONID=aaaqrj0Xm5_P2f6K0bavz; Systemlanguid=7; languageidweaver=7; loginuuids=1; __randcode__=0d52a82a-5780-4c3b-90cb-a9b216117fa2; loginidweaver=sysadmin';
d3.json( d3.json(
'/api/bs/hrmorganization/orgchart/userData?fclass=0&fisvitual=0&root=0&level=3&id=0', '/api/bs/hrmorganization/orgchart/userData?fclass=0&fisvitual=0&root=0&level=3&id=0',
).then((data) => { ).then((data) => {

Loading…
Cancel
Save