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-17 12:30:37 +08:00
parent aaa02b4437
commit fe3bdef771
7 changed files with 145 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pc4mobx/hrmSalary/index.js
View File

@ -18,13 +18,14 @@ import Declare from './pages/declare';
import TaxRate from './pages/taxRate';
import TaxAgent from './pages/taxAgent';
import CalculateDetail from './pages/calculateDetail'
import PlaceOnFileDetail from './pages/calculateDetail/placeOnFileDetail';
import BaseForm from './components';
import stores from './stores';
import './style/index';
// 读取系统多语言配置
let getLocaleLabel = WeaLocaleProvider.getLocaleLabel.bind(this, 'hrmSalary');
@ -52,11 +53,15 @@ const DataAcquisition = props => props.children;
// attendance 考勤引用
// ledger 薪资账套
// calculate 薪资核算
// calculateDetail 核算详情
// placeOnFileDetail 核算归档详情
// payroll 工资单发放
// declare 个税申请表
// taxRate 个税税率表
// taxAgent 个税扣缴义务人
const Routes = (
<Route key='hrmSalary' path='hrmSalary' onEnter={getLocaleLabel} component={Home}>
<Route key='mySalary' path='mySalary' component={MySalary} />
@ -76,6 +81,7 @@ const Routes = (
<Route key='ledger' path='ledger' component={Ledger} />
<Route key='calculate' path='calculate' component={Calculate} />
<Route key='calculateDetail' path='calculateDetail' component={CalculateDetail} />
<Route key='placeOnFileDetail' path='placeOnFileDetail' component={PlaceOnFileDetail} />
<Route key='payroll' path='payroll' component={Payroll} />
<Route key='declare' path='declare' component={Declare} />
<Route key='taxRate' path='taxRate' component={TaxRate} />

4
pc4mobx/hrmSalary/pages/calculate/columns.js
View File

@ -46,7 +46,9 @@ export const columns = [
}
]
export const dataSource = [];
export const dataSource = [{
title: "测试"
}];

1
pc4mobx/hrmSalary/pages/calculate/index.js
View File

@ -33,6 +33,7 @@ export default class Calculate extends React.Component {
<div>
<a style={{marginRight:"10px"}}>核算</a>
<a style={{marginRight:"10px"}}>归档</a>
<a style={{marginRight:"10px"}} onClick={() => window.open("/spa/hrmSalary/static/index.html#/main/hrmSalary/placeOnFileDetail")}>查看</a>
<a>删除</a>
</div>
)

53
pc4mobx/hrmSalary/pages/calculateDetail/columns.js
View File

@ -190,6 +190,59 @@ export const warningModalColumns = [
}
]
export const placeOnFileColumns = [
{
title: "姓名",
dataIndex: 'title',
key: 'title'
},
{
title: "个税扣缴义务人",
dataIndex: 'title',
key: 'title'
},
{
title: "人员类型",
dataIndex: 'title',
key: 'title'
},
{
title: "部门",
dataIndex: 'title',
key: 'title'
},
{
title: "手机号",
dataIndex: 'title',
key: 'title'
},
{
title: "工号",
dataIndex: 'title',
key: 'title'
},
{
title: "薪资项目1",
dataIndex: 'title',
key: 'title'
},
{
title: "薪资项目2",
dataIndex: 'title',
key: 'title'
},
{
title: "薪资项目3",
dataIndex: 'title',
key: 'title'
},
{
title: "薪资项目4",
dataIndex: 'title',
key: 'title'
}
]
export const dataSource = [];

2
pc4mobx/hrmSalary/pages/calculateDetail/index.js
View File

@ -66,6 +66,8 @@ export default class CalculateDetail extends React.Component {
{
selectedKey == 1 && <SalaryDetail />
}
</div>
)
}

56
pc4mobx/hrmSalary/pages/calculateDetail/placeOnFileDetail.js Normal file
View File

@ -0,0 +1,56 @@
import React from 'react'
import CustomTab from '../../components/customTab'
import { Dropdown, Menu, Button, Table } from 'antd'
import { WeaHelpfulTip, WeaInputSearch } from 'ecCom'
import { placeOnFileColumns, dataSource } from './columns'
export default class PlaceOnFileDetail extends React.Component {
render() {
const menu = (
<Menu>
<Menu.Item key="3">导出所选</Menu.Item>
</Menu>
);
const renderRightOperation = () => {
return (
<div style={{display: "inline-block"}}>
<Dropdown.Button type="primary" style={{marginRight: "10px"}} overlay={menu}>导出全部</Dropdown.Button>
<Button type="default" style={{marginRight: "10px"}} onClick={() => this.setState({stepSlideVisible: true})}>自定义列</Button>
<WeaInputSearch />
</div>
)
}
return (
<div>
<CustomTab
searchOperationItem={
renderRightOperation()
}
/>
<div>
<span>薪资所属月：2021-11</span>
<WeaHelpfulTip
style={{marginLeft: "10px"}}
width={200}
title="薪资周期\n
2021-11-01至2021-11-30\n
税款所属期\n
2021-12\n
考勤取值周期\n
2021-11-01至2021-11-30\n
福利台账月份\n
引用2021-11的福利台账数据"
placement="topLeft"
/>
</div>
<div>
<Table columns={placeOnFileColumns} dataSource={dataSource} />
</div>
</div>
)
}
}

24
pc4mobx/hrmSalary/pages/calculateDetail/salaryDetail.js
View File

@ -9,10 +9,12 @@ export default class SalaryDetail extends React.Component {
constructor(props) {
super(props)
this.state ={
visible: false
visible: false,
slideVisiable: false
}
}
render() {
const { slideVisiable } = this.state;
return (
<div className="salaryDetail">
<div className="salaryBarWrapper">
@ -36,6 +38,26 @@ export default class SalaryDetail extends React.Component {
<Table dataSource={dataSource} columns={salaryDetailColumns} />
</div>
<WarningModal visible={this.state.visible} onCancel={() => {this.setState({visible: false})}}/>
{
slideVisiable && <WeaSlideModal visible={slideVisiable}
top={0}
width={40}
height={100}
direction={'right'}
measure={'%'}
title={
<SlideModalTitle
subtitle={!this.state.editable ? "查看社保方案" : this.state.currentOperate == "add" ? "新建社保方案" : "编辑社保方案" }
subTabs={[{title: "基础设置"}]}
onSave={() => {this.state.currentOperate == "add" ? doSave() : doUpdate()}}
editable={this.state.editable}
/>
}
content={(<EditSlideContent editable={this.state.editable}/>)}
onClose={() => setSlideVisiable(false)}
showMask={true}
closeMaskOnClick={() => setSlideVisiable(false)} />
}
</div>
)
}