feature/2.10.1.2401.01-页面操作日志添加

pc4mobx/hrmSalary/pages/taxAgent/index.js

@@ -1,13 +1,16 @@
 import React from "react";
 import { inject, observer } from "mobx-react";
 import { Button, Col, message, Modal, Row, Switch } from "antd";
-import { WeaFormItem, WeaInputSearch, WeaSearchGroup, WeaTable, WeaTop } from "ecCom";
+import { WeaFormItem, WeaInputSearch, WeaLocaleProvider, WeaSearchGroup, WeaTable, WeaTop } from "ecCom";
 import { renderNoright } from "../../util";
 import EditModal from "./editModal";
 import TipLabel from "../../components/TipLabel";
 import { decentralizationConditions, editConditions } from "./editConditions";
+import LogDialog from "../../components/logViewModal";
 import "./index.less";
 
+const getLabel = WeaLocaleProvider.getLabel;
+
 @inject("taxAgentStore")
 @observer
 export default class TaxAgent extends React.Component {
@@ -30,7 +33,8 @@ export default class TaxAgent extends React.Component {
       conditions: editConditions,
       decentralizationConditions: decentralizationConditions,
       permission: {},
-      syncLoading: false
+      syncLoading: false,
+      logDialogVisible: false
     };
   }
 
@@ -282,6 +286,15 @@ export default class TaxAgent extends React.Component {
       }
     });
   };
+  onDropMenuClick = (key) => {
+    switch (key) {
+      case "log":
+        this.setState({ logDialogVisible: true });
+        break;
+      default:
+        break;
+    }
+  };
 
 
   render() {
@@ -294,7 +307,8 @@ export default class TaxAgent extends React.Component {
       decentralizationConditions,
       permission,
       syncLoading,
-      name
+      name,
+      logDialogVisible
     } = this.state;
     const {
       loading,
@@ -389,12 +403,15 @@ export default class TaxAgent extends React.Component {
 
     return (
       <div className="taxWithholdingAgentWrapper">
-        <WeaTop
-          title="个税扣缴义务人" // 文字
-          icon={<i className="icon-coms-fa"/>} // 左侧图标
-          iconBgcolor="#F14A2D" // 左侧图标背景色
-          buttons={showOperateBtn ? btns : btns.slice(1)}
-          showDropIcon={true}>
+        <WeaTop title="个税扣缴义务人" icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
+                buttons={showOperateBtn ? btns : btns.slice(1)} showDropIcon onDropMenuClick={this.onDropMenuClick}
+                dropMenuDatas={[
+                  {
+                    key: "log", icon: <i className="iconfont icon-caozuorizhi32"/>,
+                    content: getLabel(545781, "操作日志")
+                  }
+                ]}
+        >
           <Row
             gutter={16}
             style={{ overflow: "hidden", width: "100%", marginTop: 8 }}>
@@ -440,7 +457,9 @@ export default class TaxAgent extends React.Component {
             </Col>
           </Row>
         </WeaTop>
-
+        {/*操作日志*/}
+        <LogDialog visible={logDialogVisible} logFunction="taxagent"
+                   onCancel={() => this.setState({ logDialogVisible: false })}/>
         {editModalProps.visible &&
           <EditModal
             {...editModalProps}