From a80fc0c66c186b151bd44a7c240d9521cec77fd2 Mon Sep 17 00:00:00 2001
From: liyongshun <971387674@qq.com>
Date: Tue, 12 Jul 2022 18:15:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=96=AA=E8=B5=84=E6=9F=A5=E7=9C=8B=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=B7=BB=E5=8A=A0=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hrmSalary/pages/mobilePayroll/index.js    | 326 +++++++++---------
 1 file changed, 165 insertions(+), 161 deletions(-)

diff --git a/pc4mobx/hrmSalary/pages/mobilePayroll/index.js b/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
index 4bc9f127..fe3af2ac 100644
--- a/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
+++ b/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
@@ -1,168 +1,172 @@
-import React from 'react'
-import { Modal, Row, Col } from 'antd'
-import { inject, observer } from 'mobx-react';
-import { getQueryString } from '../../util/url'
+import React from "react";
+import { Col, Row } from "antd";
+import { inject, observer } from "mobx-react";
+import { getQueryString } from "../../util/url";
+import Authority from "../mySalary/authority";
 
-@inject('mySalaryStore')
+@inject("mySalaryStore")
 @observer
 export default class MobilePayroll extends React.Component {
-    constructor(props) {
-        super(props)
-        this.id = "";
-        this.state = {
-            type: 'phone'
-        }
-    }
+  constructor(props) {
+    super(props);
+    this.id = "";
+    this.state = {
+      type: "phone"
+    };
+  }
 
-    componentWillMount() {
-        let id = getQueryString("id");
-        let type = getQueryString("type");
-        this.setState({type})
-        this.id = id;
-        const { mySalaryStore: {getMySalaryBill}} = this.props;
-        getMySalaryBill(this.id)
-    }
+  componentWillMount() {
+    let id = getQueryString("id");
+    let type = getQueryString("type");
+    this.setState({ type });
+    this.id = id;
+    const { mySalaryStore: { getMySalaryBill, init } } = this.props;
+    init();
+    getMySalaryBill(this.id);
+  }
 
-    render() {
-        const { mySalaryStore: { mySalaryBill }} = this.props;
-        const { type } = this.state
-        return (
-            <div className="computerTemplate" style={{
-                backgroundColor: "rgb(246, 246, 246)",
-                minHeight: "600px",
-                height: "600px",
-                overflowY: "scroll",
-                paddingTop: "30px",
-                paddingBottom: "20px",
-                margin: "20px auto",
+  render() {
+    const { mySalaryStore: { mySalaryBill } } = this.props;
+    const { type } = this.state;
+    return (
+      <div className="computerTemplate" style={{
+        backgroundColor: "rgb(246, 246, 246)",
+        minHeight: "600px",
+        height: "600px",
+        overflowY: "scroll",
+        paddingTop: "30px",
+        paddingBottom: "20px",
+        margin: "20px auto"
+      }}>
+        <Authority ecId={`${this && this.props && this.props.ecId || ""}_Authority@lulowc`} store={this.props.mySalaryStore}>
+          {/* 标题 */}
+          <div className="titleWrapper" style={{
+            textAlign: "center",
+            fontSize: "18px",
+            fontWeight: 700
+          }}>
+            {mySalaryBill.salaryTemplate && mySalaryBill.salaryTemplate.theme}
+          </div>
+          {
+            mySalaryBill.salaryTemplate && mySalaryBill.salaryTemplate.background && mySalaryBill.salaryTemplate.background !== ""
+            && <div className="background-wrapper" style={{
+              height: "200px",
+              margin: "10px"
             }}>
-                {/* 标题 */}
-                <div className="titleWrapper" style={{
-                    textAlign: "center",
-                    fontSize: "18px",
-                    fontWeight: 700
-                }}>
-                    { mySalaryBill.salaryTemplate && mySalaryBill.salaryTemplate.theme }
-                </div>
-                {
-                    mySalaryBill.salaryTemplate && mySalaryBill.salaryTemplate.background && mySalaryBill.salaryTemplate.background !== ""
-                    && <div className="background-wrapper" style={{
-                        height: "200px",
-                        margin: "10px"
-                    }}>
-                        <img className="background-img" src={mySalaryBill.salaryTemplate.background} style={{
-                            width: "100%",
-                            height: "200px"
-                        }}/>
-                    </div>
-                }
-
-                {/* 员工信息 */}
-                <div className="sobItemWrapper">
-                    <div className="sobItem" style={{
-                        margin: "10px",
-                        backgroundColor: "#FFF",
-                        padding: "10px",
-                        lineHeight: "35px",
-                        textAlign: "center"
-                    }}>
-                        {
-                            mySalaryBill.employeeInformation && <Row className="titleRow" style={{
-                                border: "1px solid #f2f2f2",
-                                textAlign: "left"
-                            }}>
-                                <Col span={24} className="sobTitle" style={{
-                                    paddingLeft: "10px"
-                                }}>{mySalaryBill.employeeInformation.groupName}</Col>
-                            </Row>
-                        }
-                        <Row className="contentRow" style={{
-                                    borderLeft: "1px solid #f2f2f2",
-                                    borderBottom: "1px solid #f2f2f2",
-                                    borderRight: "1px solid #f2f2f2"
-                                }}>
-                        {
-                            mySalaryBill.employeeInformation && mySalaryBill.employeeInformation.items.map((item, index) => (
-                                <Col>
-                                    <Col span={ type == "phone" ? 12 : 4 } className="contentItem" style={{
-                                        borderRight: "1px solid #f2f2f2",
-                                        overflow: "hidden",
-                                        textOverflow: "ellipsis", 
-                                        whiteSpace: "nowrap",
-                                        height: "35px"
-                                    }}>{item.name}</Col>
-                                    <Col span={ type == "phone" ? 12 : 4 } className="contentItem" 
-                                    style={{
-                                        borderRight: (index + 1) % 3 == 0 ? "none": "1px solid #f2f2f2",
-                                        overflow: "hidden",
-                                        textOverflow: "ellipsis", 
-                                        whiteSpace: "nowrap",
-                                        height: "35px"
-                                    }}
-                                    >{item.salaryItemValue}</Col>
-                                </Col>
-                            ))
-                        }
-                        </Row>
-                    </div>
-                </div>
-
-                {
-                    mySalaryBill.salaryGroups && mySalaryBill.salaryGroups.length > 0 &&
-                        mySalaryBill.salaryGroups.map(group => (
-                            <div className="sobItemWrapper">
-                                <div className="sobItem" style={{
-                                    margin: "10px",
-                                    backgroundColor: "#FFF",
-                                    padding: "10px",
-                                    lineHeight: "35px",
-                                    textAlign: "center"
-                                }}>
-                                {
-                                    mySalaryBill.employeeInformation && <Row className="titleRow" style={{
-                                        border: "1px solid #f2f2f2",
-                                        textAlign: "left"
-                                    }}>
-                                        <Col span={24} className="sobTitle" style={{
-                                            paddingLeft: "10px"
-                                        }}>{group.groupName}</Col>
-                                    </Row>
-                                }
-                                <Row className="contentRow" style={{
-                                            borderLeft: "1px solid #f2f2f2",
-                                            borderBottom: "1px solid #f2f2f2",
-                                            borderRight: "1px solid #f2f2f2"
-                                        }}>
-                                {
-                                    group.items && group.items.map((item, index) => (
-                                        <Col>
-                                            <Col span={ type == "phone" ? 12 : 4 } className="contentItem" style={{
-                                                borderRight: "1px solid #f2f2f2",
-                                                borderBottom: (index + 1) > 3 ? "1px solid #f2f2f2" : "none",
-                                                overflow: "hidden",
-                                                textOverflow: "ellipsis", 
-                                                whiteSpace: "nowrap",
-                                                height: "35px"
-                                            }}>{item.name}</Col>
-                                            <Col span={ type == "phone" ? 12 : 4 } className="contentItem" 
-                                            style={{
-                                                borderRight: (index + 1) % 3 == 0 ? "none": "1px solid #f2f2f2",
-                                                borderBottom: (index + 1) > 3 ? "1px solid #f2f2f2" : "none",
-                                                overflow: "hidden",
-                                                textOverflow: "ellipsis", 
-                                                whiteSpace: "nowrap",
-                                                height: "35px"
-                                            }}
-                                            >{item.salaryItemValue}</Col>
-                                        </Col>
-                                    ))
-                                }
-                                </Row>
-                            </div>
-                        </div>
-                    ))
-                }
+              <img className="background-img" src={mySalaryBill.salaryTemplate.background} style={{
+                width: "100%",
+                height: "200px"
+              }}/>
             </div>
-        )
-    }
-}
\ No newline at end of file
+          }
+
+          {/* 员工信息 */}
+          <div className="sobItemWrapper">
+            <div className="sobItem" style={{
+              margin: "10px",
+              backgroundColor: "#FFF",
+              padding: "10px",
+              lineHeight: "35px",
+              textAlign: "center"
+            }}>
+              {
+                mySalaryBill.employeeInformation && <Row className="titleRow" style={{
+                  border: "1px solid #f2f2f2",
+                  textAlign: "left"
+                }}>
+                  <Col span={24} className="sobTitle" style={{
+                    paddingLeft: "10px"
+                  }}>{mySalaryBill.employeeInformation.groupName}</Col>
+                </Row>
+              }
+              <Row className="contentRow" style={{
+                borderLeft: "1px solid #f2f2f2",
+                borderBottom: "1px solid #f2f2f2",
+                borderRight: "1px solid #f2f2f2"
+              }}>
+                {
+                  mySalaryBill.employeeInformation && mySalaryBill.employeeInformation.items.map((item, index) => (
+                    <Col>
+                      <Col span={type == "phone" ? 12 : 4} className="contentItem" style={{
+                        borderRight: "1px solid #f2f2f2",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap",
+                        height: "35px"
+                      }}>{item.name}</Col>
+                      <Col span={type == "phone" ? 12 : 4} className="contentItem"
+                           style={{
+                             borderRight: (index + 1) % 3 == 0 ? "none" : "1px solid #f2f2f2",
+                             overflow: "hidden",
+                             textOverflow: "ellipsis",
+                             whiteSpace: "nowrap",
+                             height: "35px"
+                           }}
+                      >{item.salaryItemValue}</Col>
+                    </Col>
+                  ))
+                }
+              </Row>
+            </div>
+          </div>
+
+          {
+            mySalaryBill.salaryGroups && mySalaryBill.salaryGroups.length > 0 &&
+            mySalaryBill.salaryGroups.map(group => (
+              <div className="sobItemWrapper">
+                <div className="sobItem" style={{
+                  margin: "10px",
+                  backgroundColor: "#FFF",
+                  padding: "10px",
+                  lineHeight: "35px",
+                  textAlign: "center"
+                }}>
+                  {
+                    mySalaryBill.employeeInformation && <Row className="titleRow" style={{
+                      border: "1px solid #f2f2f2",
+                      textAlign: "left"
+                    }}>
+                      <Col span={24} className="sobTitle" style={{
+                        paddingLeft: "10px"
+                      }}>{group.groupName}</Col>
+                    </Row>
+                  }
+                  <Row className="contentRow" style={{
+                    borderLeft: "1px solid #f2f2f2",
+                    borderBottom: "1px solid #f2f2f2",
+                    borderRight: "1px solid #f2f2f2"
+                  }}>
+                    {
+                      group.items && group.items.map((item, index) => (
+                        <Col>
+                          <Col span={type == "phone" ? 12 : 4} className="contentItem" style={{
+                            borderRight: "1px solid #f2f2f2",
+                            borderBottom: (index + 1) > 3 ? "1px solid #f2f2f2" : "none",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                            height: "35px"
+                          }}>{item.name}</Col>
+                          <Col span={type == "phone" ? 12 : 4} className="contentItem"
+                               style={{
+                                 borderRight: (index + 1) % 3 == 0 ? "none" : "1px solid #f2f2f2",
+                                 borderBottom: (index + 1) > 3 ? "1px solid #f2f2f2" : "none",
+                                 overflow: "hidden",
+                                 textOverflow: "ellipsis",
+                                 whiteSpace: "nowrap",
+                                 height: "35px"
+                               }}
+                          >{item.salaryItemValue}</Col>
+                        </Col>
+                      ))
+                    }
+                  </Row>
+                </div>
+              </div>
+            ))
+          }
+        </Authority>
+      </div>
+    );
+  }
+}