@@ -47,7 +52,7 @@ export default class Ledger extends React.Component {
render() {
const { baseTableStore } = this.props;
const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = baseTableStore;
-
+ const { currentStep } = this.state;
if (!hasRight && !loading) { // 无权限处理
return renderNoright();
}
@@ -74,7 +79,7 @@ export default class Ledger extends React.Component {
];
const topTab = [
- ];
+ ];
const renderRightOperation = () => {
return (
@@ -85,7 +90,18 @@ export default class Ledger extends React.Component {
)
}
+ const nextStep = () => {
+ const { currentStep } = this.state;
+ this.setState({currentStep: currentStep + 1})
+ }
+
+ const prevStep = () => {
+ const { currentStep } = this.state;
+ this.setState({currentStep: currentStep - 1});
+ }
+
return (
+
{this.setState({stepSlideVisible: false})}}
+ customOperate = {
+
+ {
+ currentStep == 0 &&
+ }
+ {
+ currentStep == 1 &&
+
+
+
+ }
+ {
+ (currentStep == 2 || currentStep == 3) &&
+
+
+
+
+ }
+ {
+ currentStep == 4 &&
+
+
+
+
+
+ }
+
+ {
+ currentStep == 0 &&
+ }
+ {
+ currentStep == 1 &&
+ }
+ {
+ currentStep == 2 &&
+ }
+ {
+ currentStep == 3 &&
+ }
+ {
+ currentStep == 4 &&
+ }
+
+
+ }
/>
}
diff --git a/pc4mobx/hrmSalary/pages/ledger/index.less b/pc4mobx/hrmSalary/pages/ledger/index.less
index 6b335d40..1480677d 100644
--- a/pc4mobx/hrmSalary/pages/ledger/index.less
+++ b/pc4mobx/hrmSalary/pages/ledger/index.less
@@ -24,4 +24,117 @@
.higelinered {
color: red;
}
+}
+
+.slideRefereUser {
+ .refereUserHeader {
+ height: 47px;
+ line-height: 47px;
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ .headerLeft {
+ display: inline-block;
+ color: #666;
+ .selectedCrumbs {
+ color: #4ba9f2;
+ }
+
+ }
+ .headerIcon {
+ float: right;
+ }
+ .searchInput {
+ margin-top: 10px;
+ float: right;
+ }
+ .headerIcon {
+ color: #4ba9f2;
+ display: inline-block;
+ .iconItem {
+ cursor: pointer;
+ margin-right: 10px;
+ }
+ }
+}
+
+.salaryItemForm {
+ padding: 10px 20px;
+ .btnBar {
+ height: 47px;
+ .btns {
+ display: inline-block;
+ }
+ .searchInputWrapper {
+ float: right;
+ display: inline-block;
+ }
+ }
+ .userInfoWrapper {
+ overflow: hidden;
+ .rightBtnsWrapper {
+ float: right;
+ display: inline-block;
+ .iconItem {
+ margin-right: 10px;
+ color: #2db7f5;
+ }
+ }
+ }
+ .userInfoSelected {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ .selectedItem {
+ margin-right: 10px;
+ }
+
+ }
+ .tableItemWrapper {
+ margin-top: 10px;
+ .rightBtnsWrapper {
+ float: right;
+ .iconItem {
+ margin-right: 10px;
+ color: #2db7f5;
+ }
+ }
+
+ }
+}
+
+.calRulesForm {
+ padding: 10px 20px;
+ .headerIcon {
+ float: right;
+ .iconItem {
+ margin-right: 10px;
+ color: #2db7f5;
+ }
+ }
+ .tableWrapper {
+ margin-top: 20px;
+ }
+}
+
+.validRulesForm {
+ padding: 10px 20px;
+ .headerBar {
+ height: 47px;
+ line-height: 47px;
+ .inputSearch {
+ margin-top: 8px;
+ float: right;
+ }
+ .btnsWrapper {
+ float: right;
+ .iconItem {
+ margin-right: 10px;
+ cursor: pointer;
+ color: #2db7f5;
+ }
+ }
+ }
+ .tableWrapper {
+ margin-top: 20px;
+ }
}
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js b/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js
new file mode 100644
index 00000000..e1522933
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/ledger/salaryItemForm.js
@@ -0,0 +1,60 @@
+import React from 'react'
+import { Button, Icon, Table } from 'antd'
+import { WeaInputSearch, WeaHelpfulTip } from 'ecCom'
+import { slideStep3Columns, dataSource} from './columns'
+import "./index.less"
+
+export default class SalaryItemForm extends React.Component {
+ render() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 个税扣缴义务人
+ 姓名
+ 部门
+
+
+
+
+
+
+ 未分类
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js b/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js
new file mode 100644
index 00000000..a72be6e5
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/ledger/slideRefereUser.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Icon, Table } from 'antd';
+import { WeaInputSearch } from "ecCom"
+import { slideStep2Columns, dataSource } from './columns'
+
+export default class SlideRefereUser extends React.Component {
+ render() {
+ return (
+
+
+
关联人员范围 {' '} | {' '} 从范围中排除
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/pages/ledger/validRulesForm.js b/pc4mobx/hrmSalary/pages/ledger/validRulesForm.js
new file mode 100644
index 00000000..034a1a57
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/ledger/validRulesForm.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import { WeaInputSearch } from 'ecCom'
+import { Table, Icon } from 'antd'
+import { dataSource, slideStep5Columns} from './columns'
+
+export default class ValidRulesForm extends React.Component {
+ render() {
+ return (
+
+ )
+
+ }
+}
\ No newline at end of file