From 1e27494a78e0b14c794bea53d257df792eeee679 Mon Sep 17 00:00:00 2001
From: MustangDeng <670124965@qq.com>
Date: Thu, 17 Mar 2022 17:53:35 +0800
Subject: [PATCH] editAgentModal

---
 .../pages/salaryFile/editAgentModal.js        | 38 +++++++++++++++++++
 pc4mobx/hrmSalary/pages/salaryFile/index.js   | 30 +++++++++++++--
 2 files changed, 64 insertions(+), 4 deletions(-)
 create mode 100644 pc4mobx/hrmSalary/pages/salaryFile/editAgentModal.js

diff --git a/pc4mobx/hrmSalary/pages/salaryFile/editAgentModal.js b/pc4mobx/hrmSalary/pages/salaryFile/editAgentModal.js
new file mode 100644
index 00000000..a6ad154e
--- /dev/null
+++ b/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>
+        )
+    }
+}
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/pages/salaryFile/index.js b/pc4mobx/hrmSalary/pages/salaryFile/index.js
index 173aef63..4057d694 100644
--- a/pc4mobx/hrmSalary/pages/salaryFile/index.js
+++ b/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>