diff --git a/pc4mobx/hrmSalary/apis/custom-apis/azInterface.js b/pc4mobx/hrmSalary/apis/custom-apis/azInterface.js
new file mode 100644
index 00000000..5d97fcd5
--- /dev/null
+++ b/pc4mobx/hrmSalary/apis/custom-apis/azInterface.js
@@ -0,0 +1,10 @@
+import { postExportFetch, postFetch } from "../../util/request";
+
+// 艾志-薪资档案报表
+export const getAZAdjustList = params => {
+  return postFetch("/api/bs/hrmsalary/salaryArchive/azAdjustList", params);
+};
+// 艾志-导出薪资档案报表
+export const exportAzAdjustList = params => {
+  return postExportFetch("/api/bs/hrmsalary/salaryArchive/exportAzAdjustList", params);
+};
diff --git a/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.js b/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.js
index fbed35f0..c19b7a98 100644
--- a/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.js
+++ b/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.js
@@ -8,17 +8,52 @@
   * @description:
 */
 import React, { Component } from "react";
-import { WeaLocaleProvider } from "ecCom";
+import { WeaLoadingGlobal, WeaLocaleProvider, WeaRangePicker, WeaTop } from "ecCom";
+import * as API from "../../../../apis/custom-apis/azInterface";
+import { Button } from "antd";
+import "./index.less";
 
 const getLabel = WeaLocaleProvider.getLabel;
 
 class Index extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dataSource: [], columns: [], loading: false, pageInfo: { current: 1, pageSize: 10, total: 0 },
+      effectiveTime: []
+    };
+  }
+
+  componentDidMount() {
+    this.getAZAdjustList();
+  }
+
+  getAZAdjustList = () => {
+    const payload = {
+      ...this.state.pageInfo, effectiveTime: this.state.effectiveTime
+    };
+    API.getAZAdjustList(payload).then(({ status, data }) => {
+      if (status) {
+        console.log(data);
+      }
+    });
+  };
+  handleExport = () => {
+    WeaLoadingGlobal.start();
+    const payload = { effectiveTime: this.state.effectiveTime };
+    const promise = API.exportAzAdjustList(payload);
+  };
+
   render() {
+    const { effectiveTime } = this.state;
     return (
-      <div>
-        艾志薪资档案报表
-      </div>
-    );
+      <WeaTop title={getLabel(111, "薪资档案报表")} icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
+              buttons={[
+                <WeaRangePicker dateGroup value={effectiveTime} onChange={v => this.setState({ effectiveTime: v })}/>,
+                <Button type="primary" onClick={this.handleExport}>{getLabel(111, "导出")}</Button>
+              ]}>
+        <div className="azSalaryFileReports"></div>
+      </WeaTop>);
   }
 }
 
diff --git a/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.less b/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.less
new file mode 100644
index 00000000..6ae5c6ad
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/custom-pages/az/salaryFileReports/index.less
@@ -0,0 +1,5 @@
+.azSalaryFileReports {
+  height: 100%;
+  background: #f6f6f6;
+  padding: 8px 16px 0 16px;
+}