editAgentModal

pc4mobx/hrmSalary/pages/salaryFile/editAgentModal.js

@@ -0,0 +1,38 @@
+import React from 'react'
+import { Modal, Row, Col } from "antd"
+import { WeaDatePicker, WeaSelect } from "ecCom"
+
+export default class EditAgentModal extends React.Component {
+    render() {
+        return (
+            <Modal title="个税扣缴义务人调整" width={800} visible={this.props.visible} onClose={this.props.onCancel}>
+                <div className="editAgentModal">
+                    <Row style={{lineHeight: '47px'}}>
+                        <Col span={8}>生效日期</Col>
+                        <Col span={16}>
+                            <WeaDatePicker />
+                        </Col>
+                    </Row>
+                    <Row style={{lineHeight: '47px'}}>
+                        <Col span={8}>调整原因</Col>
+                        <Col span={16}>
+                            <WeaSelect />
+                        </Col>
+                    </Row>
+                    <Row style={{lineHeight: '47px'}}>
+                        <Col span={8}>调整前</Col>
+                        <Col span={16}>
+                            义务人一
+                        </Col>
+                    </Row>
+                    <Row style={{lineHeight: '47px'}}>
+                        <Col span={8}>调整后</Col>
+                        <Col span={16}>
+                            <WeaSelect />
+                        </Col>
+                    </Row>
+                </div>
+            </Modal>
+        )
+    }
+}

pc4mobx/hrmSalary/pages/salaryFile/index.js

@@ -13,6 +13,7 @@ import ContentWrapper from '../../components/contentWrapper';
 import { columns, dataSource } from './columns';
 
 import ChangeSalaryModal from "./changeSalaryModal"
+import EditAgentModal from './editAgentModal';
 
 const { MonthPicker } = DatePicker;
 
@@ -24,7 +25,8 @@ export default class SalaryFile extends React.Component {
     this.state = {
       value: "",
       selectedKey: "0",
-      changeSalaryVisible: false
+      changeSalaryVisible: false,
+      editAgentVisible: false
     }
   }
   render() {
@@ -70,6 +72,19 @@ export default class SalaryFile extends React.Component {
           changeSalaryVisible: true
         })
       }
+
+      switch(e.key) {
+        case "1":
+          this.setState({
+            changeSalaryVisible: true
+          })
+          break;
+        case "2": 
+          this.setState({
+            editAgentVisible: true
+          })
+          break;
+      }
     }
 
     const handleMenuClick2 = () => {
@@ -127,9 +142,16 @@ export default class SalaryFile extends React.Component {
         
         {
           this.state.changeSalaryVisible && <ChangeSalaryModal 
-          visible={this.state.changeSalaryVisible}
-          onCancel={() => {this.setState({changeSalaryVisible: false})}}
-        />
+            visible={this.state.changeSalaryVisible}
+            onCancel={() => {this.setState({changeSalaryVisible: false})}}
+          />
+        }
+
+        {
+          this.state.editAgentVisible && <EditAgentModal 
+            visible={this.state.editAgentVisible}
+            onCancel={() => {this.setState({editAgentVisible: false})}}
+          />
         }
         
       </div>