薪资核算项添加错误信息下载功能

pc4mobx/hrmSalary/pages/calculateDetail/index.js

@@ -30,10 +30,11 @@ export default class CalculateDetail extends React.Component {
       acctResultImportVisiable: false,
       progressVisible: false,
       progress: 0,
-      accountIds: []
+      accountIds: [],
+      accountExceptInfo: ""
     };
     this.id = "";
-    this.timer;
+    this.timer = null;
   }
 
   componentWillMount() {
@@ -160,7 +161,8 @@ export default class CalculateDetail extends React.Component {
                 this.timer = null;
                 this.setState({
                   progressVisible: false,
-                  accountIds: []
+                  accountIds: [],
+                  accountExceptInfo: data.message
                 });
                 message.success("核算完成");
                 // acctResultList({ salaryAcctRecordId: this.id });
@@ -181,7 +183,8 @@ export default class CalculateDetail extends React.Component {
                 this.timer = null;
                 this.setState({
                   progressVisible: false,
-                  accountIds: []
+                  accountIds: [],
+                  accountExceptInfo: data.message
                 });
                 message.error(data.message);
               }
@@ -189,8 +192,6 @@ export default class CalculateDetail extends React.Component {
             });
           }, 1000);
         });
-      },
-      onCancel() {
       }
     });
   };
@@ -249,6 +250,15 @@ export default class CalculateDetail extends React.Component {
     }
   }
 
+  downloadTxtfile = (value) => {
+    const element = document.createElement("a");
+    const file = new Blob([value], { type: "text/plain" });
+    element.href = URL.createObjectURL(file);
+    element.download = "核算异常信息.txt";
+    document.body.appendChild(element);
+    element.click();
+  };
+
   render() {
     const { selectedKey, acctResultImportVisiable, showSearchAd } = this.state;
     const menu = (
@@ -260,7 +270,8 @@ export default class CalculateDetail extends React.Component {
     );
 
     const renderRightOperation = () => {
-      return [
+      const { accountExceptInfo } = this.state;
+      let buttons = [
         <ButtonSelect
           datas={[
             { key: "ALL", show: "核算所有人", selected: true },
@@ -273,6 +284,10 @@ export default class CalculateDetail extends React.Component {
           更多
         </Dropdown.Button>
       ];
+      accountExceptInfo && buttons.unshift(<Button type="ghost" shape="circle-outline" icon="download"
+                                                   title="下载核算异常信息"
+                                                   onClick={() => this.downloadTxtfile(accountExceptInfo)}/>);
+      return buttons;
     };
 
     const topTab = [