qt
/
salary-management-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

考勤引用弹窗

This commit is contained in:
MustangDeng 2022-03-14 18:58:02 +08:00
parent 236a6952a4
commit 3e0975af12
4 changed files with 97 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pc4mobx/hrmSalary/components/selectItemsModal/index.js
View File

@ -4,7 +4,7 @@ import { Row , Col, Modal, Dropdown, Menu, Button } from "antd"
import SelectItemsWrapper from './selectItemsWrapper'
const items = [
export const items = [
{
key: "1",
title: "测试",
@ -38,11 +38,8 @@ export default class SelectItemModal extends React.Component {
placeholder={"请输入关键字"}
/>
</div>
<SelectItemsWrapper items={items} title={"考勤模块"}/>
<SelectItemsWrapper items={items} title={"自定义"}/>
{this.props.children}
<div style={{marginTop: "40px", overflow:"hidden", height: "50px", lineHeight: "50px"}}>
<div style={{float: "left"}}>
<WeaCheckbox content="只显示已选中字段"/>

14
pc4mobx/hrmSalary/pages/dataAcquisition/attendance/headerSetModal.js Normal file
View File

@ -0,0 +1,14 @@
import React from 'react'
import { Modal } from 'antd'
import SelectItemModal, { items } from '../../../components/selectItemsModal/selectItemsWrapper';
export default class HeaderSetModal extends React.Component {
render() {
return (
<Modal width={800} visible={this.props.visible} onCancel={this.props.onCancel}>
<SelectItemsWrapper items={items} title={"考勤模块"}/>
</Modal>
)
}
}

19
pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
View File

@ -14,7 +14,10 @@ import { columns, dataSource } from './columns';
import MonthRange from '../../../components/monthRange'
import ImportModal from '../../../components/importModal'
import HeaderSet from "../../../components/importModal/headerSet"
import SelectItemModal from '../../../components/selectItemsModal'
import SelectItemModal, {items} from '../../../components/selectItemsModal'
import RefereAttendFormModal from './refereAttendFormModal'
import SelectItemsWrapper from '../../../components/selectItemsModal/selectItemsWrapper'
const { MonthPicker } = DatePicker;
@ -30,7 +33,8 @@ export default class Attendance extends React.Component {
endDate: "",
modalParam: {},
modalVisiable: false,
selectItemVisible: false
selectItemVisible: false,
refereAttendFormVisible: false
}
}
render() {
@ -67,7 +71,7 @@ export default class Attendance extends React.Component {
const renderSearchOperationItem = () => {
return <div>
<Button type="primary" style={{ marginRight: '10px' }} onClick={() => { this.setState({ slideVisiable: true }) }}>引用</Button>
<Button type="primary" style={{ marginRight: '10px' }} onClick={() => { this.setState({ refereAttendFormVisible: true }) }}>引用</Button>
<Button type="default" onClick={() => { this.setState({ modalVisiable: true }) }}>导入</Button>
</div>
@ -162,7 +166,14 @@ export default class Attendance extends React.Component {
onCancel={() => { this.setState({modalVisiable: false})}}
/>
<SelectItemModal visible={this.state.selectItemVisible} onCancel={() => this.setState({selectItemVisible: false})}/>
<SelectItemModal visible={this.state.selectItemVisible} onCancel={() => this.setState({selectItemVisible: false})}>
<div>
<SelectItemsWrapper items={items} title={"考勤模块"}/>
<SelectItemsWrapper items={items} title={"自定义"}/>
</div>
</SelectItemModal>
<RefereAttendFormModal visible={this.state.refereAttendFormVisible} onCancel={() => this.setState({refereAttendFormVisible: false})}/>
</div>

65
pc4mobx/hrmSalary/pages/dataAcquisition/attendance/refereAttendFormModal.js Normal file
View File

@ -0,0 +1,65 @@
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>
)
}
}