导入框初始化

This commit is contained in:
MustangDeng 2022-05-12 17:04:33 +08:00
parent 09862cafac
commit 7dc2b1d33e
19 changed files with 272 additions and 71 deletions

View File

@ -20,6 +20,8 @@ export default class ImportModal extends React.Component {
this.state = {
fileId: ""
}
this.props.init && this.props.init()
}
componentWillMount() { // 初始化渲染页面

View File

@ -98,6 +98,14 @@ export default class AcctResultImportModal extends React.Component {
this.props.onAdd(fieldDate)
}
// 初始化Import数据
handleImportModalInit() {
const { calculateStore: {setPreviewAcctResultColumns, setPreviewAcctResultDataSource, setImportAcctResult}} = this.props;
setPreviewAcctResultColumns([])
setPreviewAcctResultDataSource([])
setImportAcctResult({})
}
render() {
const { calculateStore } = this.props;
const { fetchPreviewAcctResult, previewAcctResultColumns, previewAcctResultDataSource, importAcctResult, fetchImportAcctResult } = calculateStore
@ -107,6 +115,9 @@ export default class AcctResultImportModal extends React.Component {
<div>
{
visiable && <ImportModal
init={() => {
this.handleImportModalInit();
}}
params={modalParam}
columns={previewAcctResultColumns}
step={step}

View File

@ -34,6 +34,14 @@ export default class CompareDetailImportModal extends React.Component {
exportImportTemplate(this.props.id)
}
// 初始化导入参数
handleInitImportModal() {
const { calculateStore: {setComparisonPreviewColumns, setComparisonPreviewDataSource, setComparisonImportAcctResult}} = this.props;
setComparisonPreviewColumns([])
setComparisonPreviewDataSource([])
setComparisonImportAcctResult({})
}
render() {
const { visiable } = this.props;
const { step, modalParam } = this.state;
@ -43,6 +51,9 @@ export default class CompareDetailImportModal extends React.Component {
<div>
{
visiable && <ImportModal
init={() => {
this.handleInitImportModal()
}}
params={modalParam}
columns={comparisonPreviewColumns}
step={step}

View File

@ -53,7 +53,6 @@ export default class CalculateDetail extends React.Component {
this.timer = setInterval(() => {
getCalculateProgress(this.id).then(data => {
let progress = data.progress
console.log("progress: " + progress)
if(progress == 1 && this.timer) {
clearInterval(this.timer)
this.timer = null
@ -72,7 +71,7 @@ export default class CalculateDetail extends React.Component {
}
this.setState({progress: Number(progress) * 100})
})
}, 300)
}, 1000)
})
},

View File

@ -189,6 +189,15 @@ export default class Attendance extends React.Component {
getSalaryCycleAndAttendCycle(month, sob)
}
// 初始导入参数
handleInitImportModal() {
const { attendanceStore: {setPreviewAttendQuoteColumns, setPreviewAttendQuoteDataSource, setImportResult}} = this.props;
setPreviewAttendQuoteColumns([])
setPreviewAttendQuoteDataSource([])
setImportResult({})
}
render() {
const { attendanceStore } = this.props;
const { modalParam } = this.state;
@ -571,23 +580,28 @@ export default class Attendance extends React.Component {
</WeaTop>
</WeaRightMenu>
<ImportModal
params={this.state.modalParam}
columns={previewAttendQuoteColumns}
step={step}
setStep={setStep}
slideDataSource={previewAttendQuoteDataSource}
importResult={importResult}
onFinish={() => {this.handleFinish()}}
previewImport={(params) => {this.handlePreviewImport(params)}}
importFile={(params) => {this.handleImport(params)}}
headerSetCompoent={renderHeaderSetCompoent()}
templateLink={() => {this.handleTemplateLinkClick()}}
renderFormComponent={() => renderFormComponent()}
visiable={this.state.modalVisiable}
onCancel={() => { this.setState({modalVisiable: false})}}
/>
{
this.state.modalVisiable && <ImportModal
init={() => {
this.handleInitImportModal()
}}
params={this.state.modalParam}
columns={previewAttendQuoteColumns}
step={step}
setStep={setStep}
slideDataSource={previewAttendQuoteDataSource}
importResult={importResult}
onFinish={() => {this.handleFinish()}}
previewImport={(params) => {this.handlePreviewImport(params)}}
importFile={(params) => {this.handleImport(params)}}
headerSetCompoent={renderHeaderSetCompoent()}
templateLink={() => {this.handleTemplateLinkClick()}}
renderFormComponent={() => renderFormComponent()}
visiable={this.state.modalVisiable}
onCancel={() => { this.setState({modalVisiable: false})}}
/>
}
<SelectItemModal onRestoreDefault={() => {handleonRestoreDefault()}} onSetDefault={() => {handleSetDefault()}} onSave={() => {saveAttendanceFieldSetting()}} onShowChecked={(value) => {handleShowChecked(value)}} onSearch={(value) => {searchFieldSettingList(value)}} visible={this.state.selectItemVisible} onCancel={() => this.setState({selectItemVisible: false})}>
<div>

View File

@ -183,6 +183,13 @@ export default class CumDeduct extends React.Component {
tableStore.tableColSet(true);
}
// 初始化导入参数
handleInitModal() {
const { cumDeductStore: { setSlideDataSource, setImportResult }} = this.props;
setSlideDataSource([])
setImportResult({})
}
render() {
const { modalParam } = this.state;
const { cumDeductStore, taxAgentStore } = this.props;
@ -313,21 +320,27 @@ export default class CumDeduct extends React.Component {
/>
</WeaTop>
</WeaRightMenu>
<ImportModal
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
slideDataSource={slideDataSource}
importResult={importResult}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
templateLink={"/api/bs/hrmsalary/addUpDeduction/downloadTemplate"}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }}
/>
{
modalVisiable && <ImportModal
init={() => {
this.handleInitModal()
}}
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
slideDataSource={slideDataSource}
importResult={importResult}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
templateLink={"/api/bs/hrmsalary/addUpDeduction/downloadTemplate"}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }}
/>
}
{
slideVisiable && <WeaSlideModal visible={slideVisiable}
top={0}

View File

@ -172,6 +172,13 @@ export default class CumSituation extends React.Component {
tableStore.tableColSet(true);
}
// 导入参数初始化
handleInitImport = () => {
const { cumSituationStore: { setSlideDataSource, setImportResult } } = this.props;
setSlideDataSource([])
setImportResult({})
}
render() {
const { cumSituationStore, taxAgentStore } = this.props;
const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd, previewImport, importFile } = cumSituationStore;
@ -310,20 +317,25 @@ export default class CumSituation extends React.Component {
/>
</WeaTop>
</WeaRightMenu>
<ImportModal
templateLink={"/api/bs/hrmsalary/addUpSituation/downloadTemplate"}
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
slideDataSource={slideDataSource}
importResult={importResult}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }} />
{
modalVisiable && <ImportModal
init={() => {
this.handleInitImport()
}}
templateLink={"/api/bs/hrmsalary/addUpSituation/downloadTemplate"}
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
slideDataSource={slideDataSource}
importResult={importResult}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }} />
}
{
slideVisiable && <WeaSlideModal visible={slideVisiable}
top={0}

View File

@ -167,6 +167,13 @@ export default class OtherDeduct extends React.Component {
tableStore.tableColSet(true);
}
// 初始化导入参数
handleInitImport() {
const { otherDeductStore: {setSlideDataSource, setImportResult}} = this.props;
setSlideDataSource([])
setImportResult({})
}
render() {
const { otherDeductStore, taxAgentStore } = this.props;
const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd, previewImport, importFile } = otherDeductStore;
@ -305,21 +312,26 @@ export default class OtherDeduct extends React.Component {
/>
</WeaTop>
</WeaRightMenu>
<ImportModal
templateLink={"/api/bs/hrmsalary/otherDeduction/downloadTemplate"}
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
importResult={importResult}
slideDataSource={slideDataSource}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }}
/>
{
modalVisiable && <ImportModal
init={() => {
this.handleInitImport()
}}
templateLink={"/api/bs/hrmsalary/otherDeduction/downloadTemplate"}
params={modalParam}
columns={modalColumns}
step={step}
setStep={setStep}
onFinish={() => {setModalVisiable(false); setStep(0); doSearch();}}
importResult={importResult}
slideDataSource={slideDataSource}
previewImport={(params) => {previewImport(params)}}
importFile={(params) => {importFile(params)}}
renderFormComponent={() => this.renderFormComponent()}
visiable={modalVisiable}
onCancel={() => { this.handleCancel() }}
/>
}
{
slideVisiable && <WeaSlideModal visible={slideVisiable}
top={0}

View File

@ -202,7 +202,7 @@ export default class Payroll extends React.Component {
const { fetchUpdatePayroll } = payrollStore;
fetchUpdatePayroll(this.recordId).then(() => {
this.setState({
editSlideVisi1le: false,
editSlideVisible: false,
selectedTab: 0
})
})

View File

@ -172,6 +172,15 @@ export default class SalaryFile extends React.Component {
getTableDatas()
}
// 初始化导入参数
handleInitModal() {
const { salaryFileStore: { setPreviewDataSource } } = this.props;
setPreviewDataSource([])
this.setState({
importResult: {}
})
}
render() {
const { salaryFileStore } = this.props;
const { loading, hasRight, form, condition, tableStore, showSearchAd, getTableDatas, doSearch, setShowSearchAd } = salaryFileStore;
@ -329,6 +338,9 @@ export default class SalaryFile extends React.Component {
{
this.state.modalVisiable &&
<ImportModal
init={() => {
this.handleInitModal()
}}
params={{}}
columns={previewColumns}
step={step}

View File

@ -49,12 +49,11 @@ export default class SystemSalaryItemModal extends React.Component {
}}/>
</div>
</div>
<div style={{margin: "10px", height: "500px"}}>
<div style={{margin: "10px", height: "500px", overflowY: "scroll"}}>
<WeaTable // table内部做了loading加载处理页面就不需要再加了
comsWeaTableStore={sysListTableStore} // table store
hasOrder={true} // 是否启用排序
needScroll={true} // 是否启用table内部列表滚动将自适应到父级高度
// getColumns={this.getColumns}
// onOperatesClick={this.onOperatesClick.bind(this)}
/>

View File

@ -122,6 +122,14 @@ export default class Archives extends React.Component {
this.setState({importVisible: false})
}
// 初始化导入参数
handleInitModal() {
const { archivesStore: { setPreviewCurDataColumns, setPreviewCurDataDataSource, setImportResult }} = this.props;
setPreviewCurDataColumns([])
setPreviewCurDataDataSource([])
setImportResult({})
}
render() {
const { archivesStore } = this.props;
const { selectedTab } = this.state;
@ -267,6 +275,9 @@ export default class Archives extends React.Component {
}
{
this.state.importVisible && <ImportModal
init={() => {
this.handleInitModal()
}}
params={this.state.modalParam}
columns={previewCurDataColumns}
step={this.state.step}

View File

@ -39,6 +39,23 @@ export class ArchivesStore {
@observable importResult = {}
// ** 设置导入参数 start **
@action
setPreviewCurDataColumns = (previewCurDataColumns) => {
this.previewCurDataColumns = previewCurDataColumns
}
@action
setPreviewCurDataDataSource = (previewCurDataDataSource) => {
this.previewCurDataDataSource = previewCurDataDataSource
}
@action
setImportResult = (importResult) => {
this.importResult = importResult
}
// ** 设置导入参数 end **
// 社保表单
@action
setSocialSecurityForm = socialSecurityForm => this.socialSecurityForm = socialSecurityForm;

View File

@ -48,6 +48,24 @@ export class AttendanceStore {
@observable cycle = {};
// ** 设置导入参数 start **
@action
setPreviewAttendQuoteColumns = (previewAttendQuoteColumns) => {
this.previewAttendQuoteColumns = previewAttendQuoteColumns;
}
@action
setPreviewAttendQuoteDataSource = (previewAttendQuoteDataSource) => {
this.previewAttendQuoteDataSource = previewAttendQuoteDataSource
}
@action
setImportResult = (importResult) => {
this.importResult = importResult
}
// ** 设置导入参数 end **
@action
searchFieldSettingList = (value) => {
if(value != "") {

View File

@ -59,6 +59,38 @@ export class calculateStore {
@observable calculateProgress = 0;
// ** 设置导入参数 **
@action
setPreviewAcctResultColumns = (previewAcctResultColumns) => {
this.previewAcctResultColumns = previewAcctResultColumns
}
@action
setPreviewAcctResultDataSource = previewAcctResultDataSource => {
this.previewAcctResultDataSource = previewAcctResultDataSource;
}
@action
setImportAcctResult = importAcctResult => {
this.importAcctResult = importAcctResult;
}
@action
setComparisonPreviewColumns = comparisonPreviewColumns => {
this.comparisonPreviewColumns = comparisonPreviewColumns;
}
@action
setComparisonPreviewDataSource = comparisonPreviewDataSource => {
this.comparisonPreviewDataSource = comparisonPreviewDataSource
}
@action
setComparisonImportAcctResult = comparisonImportAcctResult => {
this.comparisonImportAcctResult = comparisonImportAcctResult
}
// 编辑薪资表单数据
@action
setAcctresultDetailForm = (acctresultDetailForm) => {this.acctresultDetailForm = acctresultDetailForm}

View File

@ -25,6 +25,18 @@ export class CumDeductStore {
@observable currentRecord = {}; // 当前record
// ** 设置导入参数 start **
@action
setSlideDataSource = (slideDataSource) => {
this.slideDataSource = slideDataSource
}
@action
setImportResult = (importResult) => {
this.importResult = importResult
}
// ** 设置导入参数 end **
@action
setCurrentRecord = currentRecord => this.currentRecord = currentRecord;

View File

@ -17,14 +17,24 @@ export class CumSituationStore {
@observable loading = true; // 数据加载状态
@observable step = 0; // 当前所在第几步
@observable slideVisiable = false; // slide 是否隐藏
@observable slideDataSource = [];
@observable importResult = {}
@observable modalVisiable = false; // 模态框显示
@observable currentRecord = {}; // 当前record
// ** 设置导入参数 start **
@action
setSlideDataSource = (slideDataSource) => {
this.slideDataSource = slideDataSource
}
@action
setImportResult = (importResult) => {
this.importResult = importResult
}
// ** 设置导入参数 end **
@action
setCurrentRecord = currentRecord => this.currentRecord = currentRecord;
@ -84,7 +94,7 @@ export class CumSituationStore {
this.showSearchAd = false;
}
// 导入
// 导入
@action importFile = (params) => {
API.importCumSituationParam(params).then(action(res => {
if(res.status) {

View File

@ -25,6 +25,17 @@ export class OtherDeductStore {
@observable currentRecord = {}; // 当前record
// ** 设置导入参数 start **
@action
setSlideDataSource = (slideDataSource) => {
this.slideDataSource = slideDataSource
}
@action
setImportResult = (importResult) => {
this.importResult = importResult
}
// ** 设置导入参数 end **
@action
setCurrentRecord = currentRecord => this.currentRecord = currentRecord;

View File

@ -33,7 +33,12 @@ export class salaryFileStore {
@observable editAgentVisible = false
// ** 设置导入参数 start **
@action
setPreviewDataSource = (previewDataSource) => {
this.previewDataSource = previewDataSource
}
// ** 设置导入参数 end **
// 初始化操作
@action