福利导入

2022-05-07 14:47:14 +08:00 · 2022-05-07 14:47:14 +08:00 · c85c2ec66f
parent b573e6edf6
commit c85c2ec66f
11 changed files with 221 additions and 29 deletions
--- 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);
+
+}
--- 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);
-};
+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())
+}
+
+
--- 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"}}>
--- 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}
--- 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>
--- 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:'备注',
--- 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>}>
--- 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>
    )
  }
--- 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 || "导入失败")
+      }
+    })
+  }
 }
--- 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 || "获取失败")
+      }
+      
+    })
  }
 }
--- 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)