65 lines
2.4 KiB
JavaScript
65 lines
2.4 KiB
JavaScript
import React from 'react'
|
||
import { Modal, Row, Col, Button } from 'antd'
|
||
import { WeaSelect, WeaInput, WeaBrowser, WeaDatePicker } from "ecCom"
|
||
import SelectItemModal, {items} from '../../../components/selectItemsModal'
|
||
import SelectItemsWrapper from '../../../components/selectItemsModal/selectItemsWrapper'
|
||
|
||
|
||
|
||
export default class RefereAttendFormModal extends React.Component {
|
||
constructor(props) {
|
||
super(props)
|
||
this.state = {
|
||
headerSetVisible: false
|
||
}
|
||
}
|
||
render() {
|
||
return (
|
||
|
||
<Modal width={600} title="引用考勤数据" footer={
|
||
<div style={{display: "inline-block"}}>
|
||
<Button type="primary">同步</Button>
|
||
<Button type="default" onClick={() => {this.setState({headerSetVisible: true})}}>表头设置</Button>
|
||
</div>
|
||
} visible={this.props.visible} onCancel={this.props.onCancel}>
|
||
<Row style={{marginBottom: "10px"}}>
|
||
<Col span={8}>薪资所属月:</Col>
|
||
<Col span={16}>
|
||
<WeaDatePicker
|
||
format="yyyy-MM"
|
||
style={{width: 200}}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
<Row style={{marginBottom: "10px"}}>
|
||
<Col span={8}>薪资账套：</Col>
|
||
<Col span={16}>
|
||
<WeaSelect
|
||
showSearch // 设置select可搜索
|
||
style={{ width: 200, display: "inline-block" }}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
<Row style={{marginBottom: "10px"}}>
|
||
<Col span={8}>添加账套外人员</Col>
|
||
<Col span={16}>
|
||
<WeaInput style={{width: 200}} />
|
||
</Col>
|
||
</Row>
|
||
<Row style={{marginBottom: "10px"}}>
|
||
<Col span={8}>备注</Col>
|
||
<Col span={16}>
|
||
<WeaInput style={{width: 200}} />
|
||
</Col>
|
||
</Row>
|
||
|
||
|
||
<SelectItemModal visible={this.state.headerSetVisible} onCancel={() => this.setState({headerSetVisible: false})}>
|
||
<SelectItemsWrapper items={items} title={"考勤模块"}/>
|
||
</SelectItemModal>
|
||
</Modal>
|
||
|
||
|
||
)
|
||
}
|
||
} |