薪资账套静态页面完成

pc4mobx/hrmSalary/pages/ledger/copyFormModal.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import { Modal, Button, Row, Col } from 'antd'
+import { WeaInput } from 'ecCom'
+
+export default class CopyFormModal extends React.Component {
+    render() {
+        return (
+            <Modal
+                width={600}
+                visible={this.props.visible}
+                title="复制账套"
+                onCancel={() => this.props.onCancel()}
+                footer={<Button type="primary">保存</Button>}
+            >  
+                <Row>
+                    <Col span={6}>账套名称</Col>
+                    <Col span={18}>
+                        <WeaInput style={{width: "200px"}}/>
+                    </Col>
+                </Row>
+            </Modal>
+        )
+    }
+}

pc4mobx/hrmSalary/pages/ledger/index.js

@@ -18,6 +18,7 @@ import SalaryItemForm from './salaryItemForm';
 import CalRulesForm from './calcRulesForm';
 import ValidRulesForm from './validRulesForm';
 import SlideModalTitle from '../../components/slideModalTitle'
+import CopyFormModal from './copyFormModal'
 
 const { MonthPicker } = DatePicker;
 
@@ -31,15 +32,16 @@ export default class Ledger extends React.Component {
       selectedKey: "0",
       stepSlideVisible: false,
       editSlideVisible: false,
+      copyFormVisible: false,
       currentStep: 4,
       selectedTab: 0,
       columns: columns.map(item => {
         if(item.dataIndex == "cz") {
           item.render = () => <div>
-            <a style={{marginRight: "10px"}}>关联人员</a>
+            <a style={{marginRight: "10px"}} onClick={() => this.refereUser()}>关联人员</a>
             <a style={{marginRight: "10px"}} >删除</a>
             <a style={{marginRight: "10px"}} onClick={() => this.onEdit()}>编辑</a>
-            <a style={{marginRight: "10px"}} >复制</a>
+            <a style={{marginRight: "10px"}} onClick={() => this.setState({copyFormVisible: true})}>复制</a>
             <a style={{marginRight: "10px"}}>操作日志</a>
         </div>
         }
@@ -47,6 +49,13 @@ export default class Ledger extends React.Component {
     }
   }
 
+  refereUser() {
+    this.setState({
+      editSlideVisible: true,
+      selectedTab: 1
+    })
+  }
+
   onEdit() {
     this.setState({
       editSlideVisible: true
@@ -230,6 +239,14 @@ export default class Ledger extends React.Component {
             }
           </WeaTop>
         </WeaRightMenu>
+
+        {
+          this.state.copyFormVisible && 
+          <CopyFormModal 
+            visible={this.state.copyFormVisible}
+            onCancel={() => {this.setState({copyFormVisible: false})}}
+          />
+        }
       </div>
     )
   }