From c85c2ec66f7e66d7abaeecdf961ae10a24228fc7 Mon Sep 17 00:00:00 2001
From: MustangDeng <670124965@qq.com>
Date: Sat, 7 May 2022 14:47:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=8F=E5=88=A9=E5=AF=BC=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc4mobx/hrmSalary/apis/attendance.js          |  6 ++
 pc4mobx/hrmSalary/apis/welfareArchive.js      | 40 ++++++++++++-
 .../components/importModal/modalStep2.js      |  2 +-
 pc4mobx/hrmSalary/pages/calculate/index.js    | 25 ++++++--
 .../pages/dataAcquisition/attendance/index.js | 28 +++++----
 .../pages/salaryItem/formalFormModal.js       | 14 +++++
 pc4mobx/hrmSalary/pages/salaryItem/index.js   |  5 +-
 .../socialSecurityBenefits/archives/index.js  | 60 ++++++++++++++++++-
 pc4mobx/hrmSalary/stores/archives.js          | 51 ++++++++++++++++
 pc4mobx/hrmSalary/stores/attendanceStore.js   | 16 ++++-
 pc4mobx/hrmSalary/stores/ledger.js            |  3 +-
 11 files changed, 221 insertions(+), 29 deletions(-)

diff --git a/pc4mobx/hrmSalary/apis/attendance.js b/pc4mobx/hrmSalary/apis/attendance.js
index bd61c9a3..710233df 100644
--- a/pc4mobx/hrmSalary/apis/attendance.js
+++ b/pc4mobx/hrmSalary/apis/attendance.js
@@ -228,3 +228,9 @@ export const viewAttendQuote = (ids) => {
         body: JSON.stringify(ids)
     }).then(res => res.json())
 }
+
+// 根据所属月和账套获取周期
+export const getSalaryCycleAndAttendCycle = (params) => {
+    return WeaTools.callApi('/api/bs/hrmsalary/attendQuote/getSalaryCycleAndAttendCycle', 'get', params);
+
+}
diff --git a/pc4mobx/hrmSalary/apis/welfareArchive.js b/pc4mobx/hrmSalary/apis/welfareArchive.js
index 8d3d13f6..c8ba59f9 100644
--- a/pc4mobx/hrmSalary/apis/welfareArchive.js
+++ b/pc4mobx/hrmSalary/apis/welfareArchive.js
@@ -50,6 +50,40 @@ export const getImportDocumentParams = params => {
 };
 
 // 导入档案- 导出现有数据
-export const exportCurData = params => {
-    return WeaTools.callApi('/api/bs/hrmsalary/exportTemplate', 'get', params);
-};
\ No newline at end of file
+export const exportCurData = ids => {
+    fetch('/api/bs/hrmsalary/scheme/template/export?ids=' + ids).then(res => res.blob().then(blob => {
+        var filename=`福利档案模板.xlsx`
+        var a = document.createElement('a');
+        var url = window.URL.createObjectURL(blob); 
+        a.href = url;
+        a.download = filename;
+        a.click();
+        window.URL.revokeObjectURL(url);
+    }))
+};
+
+// 导入档案-预览
+export const previewCurData = (params) => {
+    return fetch('/api/bs/hrmsalary/scheme/preview', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    }).then(res => res.json())
+}
+
+// 档案导入
+export const importBatch = (params) => {
+    return fetch('/api/bs/hrmsalary/scheme/importBatch', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json'
+        }, 
+        body: JSON.stringify(params)
+    }).then(res => res.json())
+}
+
+
diff --git a/pc4mobx/hrmSalary/components/importModal/modalStep2.js b/pc4mobx/hrmSalary/components/importModal/modalStep2.js
index dc3589f9..7fd80249 100644
--- a/pc4mobx/hrmSalary/components/importModal/modalStep2.js
+++ b/pc4mobx/hrmSalary/components/importModal/modalStep2.js
@@ -11,7 +11,7 @@ export default class ModalStep2 extends React.Component {
         const {dataSource, columns} = this.props;
         return (
             <div style={{height: "550px", display: "flex", flexFlow: "column"}}>
-                <div style={{flex: "1"}}>
+                <div style={{flex: "1", maxHeight: '500px', overflowY: "scroll"}}>
                     <WeaTable dataSource={dataSource} columns={columns} />
                 </div>
                 <div className="footerBtnWrapper" style={{marginTop: "10px", overflow: "hidden", height: "30px"}}>
diff --git a/pc4mobx/hrmSalary/pages/calculate/index.js b/pc4mobx/hrmSalary/pages/calculate/index.js
index 39eab4e9..916f6417 100644
--- a/pc4mobx/hrmSalary/pages/calculate/index.js
+++ b/pc4mobx/hrmSalary/pages/calculate/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { inject, observer } from 'mobx-react';
 import { toJS } from 'mobx';
 
-import { Button, Table, DatePicker, Dropdown, Menu } from 'antd';
+import { Button, Table, DatePicker, Dropdown, Menu, Modal } from 'antd';
 
 import { WeaTop, WeaTab, WeaRightMenu, WeaRangePicker, WeaTable, WeaDatePicker, WeaInputSearch } from 'ecCom';
 
@@ -26,6 +26,8 @@ export default class Calculate extends React.Component {
       value: "",
       selectedKey: "0",
       searchValue: "",
+      startDate: moment(new Date()).format("YYYY-MM"),
+      endDate: moment(new Date()).format("YYYY-MM"),
       columns: columns.map(item => {
         if(item.dataIndex == 'cz') {
           item.render = () => (
@@ -66,6 +68,10 @@ export default class Calculate extends React.Component {
   handleRangePickerChange(value) {
     let range = value.map(item => moment(item).format("YYYY-MM"))
     const { calculateStore: {getSalaryAcctList} } = this.props;
+    this.setState({
+      startDate: range[0],
+      endDate: range[1]
+    })
     getSalaryAcctList({
       name: this.state.searchValue,
       startMonthStr: range[0],
@@ -80,10 +86,18 @@ export default class Calculate extends React.Component {
 
   // 列表项删除回调
   handleDeleteItem(record) {
-    const { calculateStore: {deleteSalaryacct}} = this.props;
-    deleteSalaryacct([record.id]).then(() => {
-      this.handleSearch(this.state.searchValue)
-    })
+    Modal.confirm({
+      title: '信息确认',
+      content: '确认删除',
+      onOk:() => {
+        const { calculateStore: {deleteSalaryacct}} = this.props;
+        deleteSalaryacct([record.id]).then(() => {
+          this.handleSearch(this.state.searchValue)
+        })
+      },
+      onCancel: () => {
+      },
+    });
   }
 
   // 列表项归档回调
@@ -229,7 +243,6 @@ export default class Calculate extends React.Component {
               />
             <CustomTable loadding={loading} columns={this.getColumns()} dataSource={salaryListDataSource}/>
           </WeaTop>
-
           {
             this.state.baseFormVisible && <BaseFormModal 
             visible={this.state.baseFormVisible}
diff --git a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
index 3fcbd485..fd763d86 100644
--- a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
+++ b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.js
@@ -177,13 +177,25 @@ export default class Attendance extends React.Component {
     getAttendanceList(this.listSearch)
   }
 
+  // 获取周期
+  handleLoadCycle(month, sob) {
+    if(!month || month == "") {
+      return
+    }
+    if(!sob || sob == "") {
+      return
+    }
+    const { attendanceStore: {getSalaryCycleAndAttendCycle}} = this.props;
+    getSalaryCycleAndAttendCycle(month, sob)
+  }
+
   render() {
     const { attendanceStore } = this.props;
     const { modalParam } = this.state;
     const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = attendanceStore;
     const { step, setStep, setSlideVisiable, slideVisiable, doBatchDelete, attendTableStore, fieldSettingAttendList, fieldSettingCustomList, setFieldSettingAttendList, setFieldSettingCustomList, searchFieldSettingList } = attendanceStore;
     const { getAttendanceFieldSettingList, saveAttendanceFieldSetting, fieldDataSource, fieldTableStore, fieldPageInfo, attendanceDataSource, attendanceColumns, attendancePageInfo, importLedgerList, 
-      previewAttendQuoteColumns, previewAttendQuoteDataSource, importResult} = attendanceStore
+      previewAttendQuoteColumns, previewAttendQuoteDataSource, importResult, cycle} = attendanceStore
     const selectedRowKeys = toJS(tableStore.selectedRowKeys) || []; // tableStore 右侧选中数组
     
     if (!hasRight && !loading) { // 无权限处理
@@ -273,6 +285,7 @@ export default class Attendance extends React.Component {
                     value={this.state.modalParam.salaryYearMonth}
                     onChange={(value) => {
                       this.setState({modalParam: {...modalParam, salaryYearMonth: value}})
+                      this.handleLoadCycle(value, this.state.modalParam.salarySobId)
                     }}
                 />
             </Col>
@@ -283,6 +296,7 @@ export default class Attendance extends React.Component {
                   <Select 
                         defaultValue={this.state.modalParam.salarySobId} value={this.state.modalParam.salarySobId} style={{ width: "200px" }} onChange={(value) => {
                           this.setState({modalParam: {...modalParam, salarySobId: value}})
+                          this.handleLoadCycle(this.state.modalParam.salaryYearMonth, value)
                         }}>
                         {importLedgerList.map(item => (
                             <Option value={item.id} key={item.id}>{item.content}</Option>
@@ -293,21 +307,13 @@ export default class Attendance extends React.Component {
             <Col span={12}>
                 <span className="formLabel" style={{ lineHeight: "30px", marginRight: "10px" }}>薪资周期：</span>
                 {
-                  moment(this.state.modalParam.salaryYearMonth + "-01").startOf("month").format("YYYY-MM-DD")
-                }
-                 ~ 
-                {
-                  moment(this.state.modalParam.salaryYearMonth + "-01").endOf("month").format("YYYY-MM-DD")
+                  cycle.salaryCycle
                 }
             </Col>
             <Col span={12}>
                 <span className="formLabel" style={{ lineHeight: "30px", marginRight: "10px" }}>考勤周期：</span>
                 {
-                  moment(this.state.modalParam.salaryYearMonth + "-01").startOf("month").format("YYYY-MM-DD")
-                }
-                 ~ 
-                {
-                  moment(this.state.modalParam.salaryYearMonth + "-01").endOf("month").format("YYYY-MM-DD")
+                  cycle.attendCycle
                 }
             </Col>
         </Row>
diff --git a/pc4mobx/hrmSalary/pages/salaryItem/formalFormModal.js b/pc4mobx/hrmSalary/pages/salaryItem/formalFormModal.js
index fce3af79..93355c2a 100644
--- a/pc4mobx/hrmSalary/pages/salaryItem/formalFormModal.js
+++ b/pc4mobx/hrmSalary/pages/salaryItem/formalFormModal.js
@@ -107,6 +107,20 @@ export default class FormalFormModal extends React.Component {
         const { salaryItemStore } = this.props;
         const { saveFormual } = salaryItemStore
         this.parameters = this.parameters.filter(item => this.state.value.indexOf(item.name) > -1)
+        // 去重
+        let result = []
+        this.parameters.map(item => {
+            let flag = false;
+            result.map(i => {
+                if(item.fieldId == i.fieldId) {
+                    flag = true
+                }
+            })
+            if(!flag) {
+                result.push(item)
+            }
+        })
+        this.parameters = result;
         let params = {
             name:'公式1',
             description:'备注',
diff --git a/pc4mobx/hrmSalary/pages/salaryItem/index.js b/pc4mobx/hrmSalary/pages/salaryItem/index.js
index 0c2a28a8..3d8d9333 100644
--- a/pc4mobx/hrmSalary/pages/salaryItem/index.js
+++ b/pc4mobx/hrmSalary/pages/salaryItem/index.js
@@ -68,7 +68,7 @@ export default class SalaryItem extends React.Component {
   }
 
   // 删除列表项
-  handleDeleteItem() {
+  handleDeleteItem(record) {
     const { salaryItemStore: {deleteItemRequest}} = this.props;
     Modal.confirm({
       title: '信息确认',
@@ -121,8 +121,7 @@ export default class SalaryItem extends React.Component {
                 <Dropdown overlay={<Menu>
                     <Menu.Item>
                       <a onClick={() => {
-                        this.handleDeleteItem()
-                        
+                        this.handleDeleteItem(record)
                       }}>删除</a>
                     </Menu.Item>
                   </Menu>}>
diff --git a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/archives/index.js b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/archives/index.js
index 0ef3ff1a..71c42dd3 100644
--- a/pc4mobx/hrmSalary/pages/socialSecurityBenefits/archives/index.js
+++ b/pc4mobx/hrmSalary/pages/socialSecurityBenefits/archives/index.js
@@ -18,6 +18,7 @@ import AccumulationFundForm from './accumulationFundForm';
 import OtherForm from './otherForm';
 import { tempateColumns } from '../../payroll/columns';
 import CustomTable from '../../../components/customTable';
+import ImportModal from '../../../components/importModal';
 
 const { MonthPicker } = DatePicker;
 
@@ -31,7 +32,10 @@ export default class Archives extends React.Component {
       selectedKey: "0",
       selectedTab: 0,
       editSlideVisible: false,
-      employeeId: ""
+      employeeId: "",
+      importVisible: false,
+      modalParam: {},
+      step: 0,
     }
   }
 
@@ -44,6 +48,10 @@ export default class Archives extends React.Component {
     this.setState({employeeId: record.employeeId, editSlideVisible: true})
   }
 
+  setStep(step) {
+    this.setState({step})
+  }
+
   getColumns() {
     const { archivesStore: {tableStore}} = this.props;
     let columns = [...tableStore.columns]
@@ -83,10 +91,40 @@ export default class Archives extends React.Component {
     getTableDatas()
   }
 
+  // 导入
+  handleBtnImport() {
+    this.setState({importVisible: true})
+  }
+
+  // 模板点击
+  handleTemplateLinkClick() {
+    const { archivesStore: {exportTempateDownload} } = this.props;
+    exportTempateDownload()
+  }
+
+  // 导入预览
+  handlePreviewImport(params) {
+    const { archivesStore: {previewCurData}} = this.props;
+    previewCurData(params)
+  }
+
+  // 导入
+  handleImport(params) {
+    const { archivesStore: {importBatch}} = this.props;
+    importBatch(params)
+  }
+
+  // 导入完成
+  handleFinish() {
+    this.setState({importVisible: false})
+  }
+
   render() {
     const { archivesStore } = this.props;
     const { selectedTab } = this.state;
-    const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = archivesStore;
+    const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd,
+      previewCurDataColumns, previewCurDataDataSource, importResult
+     } = archivesStore;
     const { dataSource, pageInfo } = archivesStore
     if (!hasRight && !loading) { // 无权限处理
       return renderNoright();
@@ -120,7 +158,7 @@ export default class Archives extends React.Component {
     const handleMenuClick = () => {}
 
     const btns = [
-      <Button type="primary" onClick={() => { handleBtnImport() }}>导入</Button>,
+      <Button type="primary" onClick={() => { this.handleBtnImport() }}>导入</Button>,
       <Dropdown.Button onClick={handleButtonClick} overlay={
         <Menu onClick={handleMenuClick}>
           <Menu.Item key="1">导出选中</Menu.Item>
@@ -224,6 +262,22 @@ export default class Archives extends React.Component {
                 showMask={true}
                 closeMaskOnClick={() => this.setState({editSlideVisible: false})} />
             }
+            {
+              this.state.importVisible && <ImportModal 
+                params={this.state.modalParam}
+                columns={previewCurDataColumns}
+                step={this.state.step}
+                setStep={this.setStep.bind(this)}
+                slideDataSource={previewCurDataDataSource}
+                importResult={importResult}
+                onFinish={() => {this.handleFinish()}}
+                previewImport={(params) => {this.handlePreviewImport(params)}}
+                importFile={(params) => {this.handleImport(params)}}
+                templateLink={() => {this.handleTemplateLinkClick()}}
+                visiable={this.state.importVisible} 
+                onCancel={() => { this.setState({importVisible: false})}} 
+              />
+            }
       </div>
     )
   }
diff --git a/pc4mobx/hrmSalary/stores/archives.js b/pc4mobx/hrmSalary/stores/archives.js
index d4258378..173a5724 100644
--- a/pc4mobx/hrmSalary/stores/archives.js
+++ b/pc4mobx/hrmSalary/stores/archives.js
@@ -32,6 +32,12 @@ export class ArchivesStore {
   @observable otherPaymentForm = {}; // 其他福利表单
   @observable pageInfo = {};
 
+  // 导入预览
+  @observable previewCurDataList = {}
+  @observable previewCurDataColumns = []
+  @observable previewCurDataDataSource = []
+  @observable importResult = {}
+
 
   // 社保表单
   @action
@@ -165,4 +171,49 @@ export class ArchivesStore {
     })
   }
 
+  // 导入模板下载
+  @action
+  exportTempateDownload = (ids = "") => {
+      API.exportCurData(ids)
+  }
+
+  // 导入预览
+  @action
+  previewCurData = (params) => {
+    API.previewCurData(params).then(res => {
+      if(res.status) {
+        this.previewCurDataList = res.data
+        this.previewCurDataColumns = res.data.headers.map((item, index) => {
+          let column = {}
+          column.title = item; 
+          column.dataIndex = "" + index;
+          column.key = index + ""
+          return column
+        })
+        
+        this.previewCurDataDataSource = res.data.list.map((item) => {
+          let data = {}
+          item.map((i, index) => {
+            data[index + ''] = i
+          })
+          return data
+        })
+
+      } else {
+        message.error(res.errormsg || "获取失败");
+      }
+    })
+  }
+
+  // 导入
+  @action
+  importBatch = (params) => {
+    API.importBatch(params).then(res => {
+      if(res.status) {
+        this.importResult = res.data
+      } else {
+        message.error(res.errormsg || "导入失败")
+      }
+    })
+  }
 }
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/stores/attendanceStore.js b/pc4mobx/hrmSalary/stores/attendanceStore.js
index ba0ca649..7d624060 100644
--- a/pc4mobx/hrmSalary/stores/attendanceStore.js
+++ b/pc4mobx/hrmSalary/stores/attendanceStore.js
@@ -46,6 +46,8 @@ export class AttendanceStore {
   @observable attendQuoteDetailPageInfo = {}; // 详情列表分页数据
   @observable attendQuoteDetailTableStore = new TableStore(); // 详情列表表头数据
 
+  @observable cycle = {};
+
   @action
   searchFieldSettingList = (value) => {
     if(value != "") {
@@ -413,6 +415,18 @@ export class AttendanceStore {
         }
       })  
     })
-    
+  }
+
+  // 根据所属月和账套获取周期
+  @action
+  getSalaryCycleAndAttendCycle = (salaryYearMonthStr, salarySobId) => {
+    API.getSalaryCycleAndAttendCycle({salaryYearMonthStr, salarySobId}).then(res => {
+      if(res.status) {
+        this.cycle = res.data
+      } else {
+        message.error(res.errormsg || "获取失败")
+      }
+      
+    })
   }
 }
\ No newline at end of file
diff --git a/pc4mobx/hrmSalary/stores/ledger.js b/pc4mobx/hrmSalary/stores/ledger.js
index c12886b4..ff4411ed 100644
--- a/pc4mobx/hrmSalary/stores/ledger.js
+++ b/pc4mobx/hrmSalary/stores/ledger.js
@@ -102,7 +102,8 @@ export class LedgerStore {
     }
     let item = {
       fieldId,
-      sortedIndex
+      sortedIndex,
+      canDelete: true
     }
     let result = [...this.empFields]
     result.push(item)