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-21 14:01:15 +08:00
parent 19c6148508
commit 1e13b98152
2 changed files with 143 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
pc4mobx/hrmSalary/pages/salaryItem/customSalaryItemSlide.js Normal file
View File

@ -0,0 +1,103 @@
import React from 'react'
export default class CustomSalaryItemSlide extends React.Component {
render() {
return (
<div>
<div>
<Row>
<Col span={4}>名称</Col>
<Col span={20}>
<WeaInput />
</Col>
</Row>
<Row>
<Col span={4}>默认使用</Col>
<Col span={20}>
<Switch />
<WeaHelpfulTip
style={{marginLeft: "10px"}}
width={200}
title="提示：开启后，每个薪资方案都有该薪资项目，可在具体薪资方案中删除"
placement="topLeft"
/>
</Col>
</Row>
<Row>
<Col span={4}>薪资档案引用</Col>
<Col span={20}>
<Switch />
<WeaHelpfulTip
style={{marginLeft: "10px"}}
width={200}
title="提示：开启后，该薪资项目不可删除或者设为无效"
placement="topLeft"
/>
</Col>
</Row>
<Row>
<Col span={12}>
<Row>
<Col span={8}>属性</Col>
<Col span={16}>
<WeaSelect style={{width: "200px"}}/>
</Col>
</Row>
</Col>
<Col span={12}>
<Row>
<Col span={8}>类型</Col>
<Col span={16}>
<WeaSelect style={{width: "200px"}}/>
</Col>
</Row>
</Col>
</Row>
<Row>
<Col span={12}>
<Row>
<Col span={8}>舍入规则</Col>
<Col span={16}>
<WeaSelect style={{width: "200px"}}/>
</Col>
</Row>
</Col>
<Col span={12}>
<Row>
<Col span={8}>保留小数位</Col>
<Col span={16}>
<WeaSelect style={{width: "200px"}}/>
</Col>
</Row>
</Col>
</Row>
<Row>
<Col span={4}>取值方式</Col>
<Col span={20}>
<Radio.Group>
<Radio value={1}>薪资项目前</Radio>
<Radio value={2}>薪资项目后</Radio>
</Radio.Group>
</Col>
</Row>
<Row>
<Col span={4}>备注</Col>
<Col span={20}>
<WeaTextarea />
</Col>
</Row>
</div>
</div>
)
}
}

41
pc4mobx/hrmSalary/pages/salaryItem/index.js
View File

@ -11,6 +11,7 @@ import CustomTab from '../../components/customTab';
import ContentWrapper from '../../components/contentWrapper';
import SystemSalaryItemModal from './systemSalaryItemModal'
import { columns, dataSource } from './columns';
import SlideModalTitle from "../../components/slideModalTitle"
const { MonthPicker } = DatePicker;
@ -22,7 +23,8 @@ export default class SalaryItem extends React.Component {
this.state = {
value: "",
selectedKey: "0",
systemItemVisible: false
systemItemVisible: false,
editSlideVisible: false
}
columns.map(item => {
if(item.dataIndex == "refere") {
@ -78,6 +80,8 @@ export default class SalaryItem extends React.Component {
const handleMenuClick = (e) => {
if(e.key == "1") {
this.setState({systemItemVisible: true})
} else if(e.key == "2") {
this.setState({editSlideVisible: true})
}
}
@ -96,6 +100,15 @@ export default class SalaryItem extends React.Component {
}
const renderCustomOperate = () => {
return (
<div>
<Button type="primary" style={{marginRight: "10px"}}>保存</Button>
<Button type="default">保存并继续创建</Button>
</div>
)
}
return (
<div className="mySalaryBenefitsWrapper">
<WeaRightMenu
@ -120,6 +133,32 @@ export default class SalaryItem extends React.Component {
</WeaRightMenu>
<SystemSalaryItemModal visible={this.state.systemItemVisible} onCancel={() => {this.setState({systemItemVisible: false})}}/>
{
this.state.editSlideVisible &&
<WeaSlideModal visible={this.state.editSlideVisible}
top={0}
width={40}
height={100}
direction={'right'}
measure={'%'}
title={
<SlideModalTitle
subtitle={"新建自定义薪资项目"}
editable={true}
customOperate={renderCustomOperate()}
subItemChange={
(item) => {this.setState({selectedTab: item.key})}
}
/>
}
content={<CustomSalaryItemSlide />}
onClose={() => this.setState({editSlideVisible: false})}
showMask={true}
closeMaskOnClick={() => this.setState({editSlideVisible: false})} />
}
</div>
)
}