From ec3dc66655871bc7a7b1afcbe5af973c86ba381d Mon Sep 17 00:00:00 2001
From: MustangDeng <670124965@qq.com>
Date: Wed, 16 Mar 2022 13:45:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=96=AA=E8=B5=84=E8=B4=A6=E5=A5=97=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E9=A1=B5=E9=9D=A2=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hrmSalary/pages/ledger/copyFormModal.js   | 24 +++++++++++++++++++
 pc4mobx/hrmSalary/pages/ledger/index.js       | 21 ++++++++++++++--
 2 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 pc4mobx/hrmSalary/pages/ledger/copyFormModal.js

diff --git a/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js b/pc4mobx/hrmSalary/pages/ledger/copyFormModal.js
new file mode 100644
index 00000000..59200b3e
--- /dev/null
+++ b/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>
+        )
+    }
+}
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/pages/ledger/index.js b/pc4mobx/hrmSalary/pages/ledger/index.js
index d2bb9c6c..2cca429b 100644
--- a/pc4mobx/hrmSalary/pages/ledger/index.js
+++ b/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>
     )
   }