135 lines
4.2 KiB
JavaScript
135 lines
4.2 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 数据采集-组件框
|
|
* Description:
|
|
* Date: 2023/2/17
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { inject, observer } from "mobx-react";
|
|
import { toJS } from "mobx";
|
|
import { WeaNewScroll, WeaSlideModal, WeaTab, WeaTop } from "ecCom";
|
|
import ImportModal from "../../components/importModal";
|
|
import SlideModalTitle from "../../components/slideModalTitle";
|
|
import { getSearchs } from "../../util";
|
|
import "./index.less";
|
|
|
|
@inject("taxAgentStore")
|
|
@observer
|
|
class Layout extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
showSearchAd: false
|
|
};
|
|
}
|
|
|
|
componentDidMount() {
|
|
const { taxAgentStore: { fetchTaxAgentOption } } = this.props;
|
|
fetchTaxAgentOption();
|
|
window.addEventListener("resize", this.resizeUpdate);
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps, nextContext) {
|
|
if (nextProps.exportPayloadType !== this.props.exportPayloadType) {
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description:导出数据采集数据
|
|
* Params:
|
|
* Date: 2023/2/20
|
|
*/
|
|
window.open(nextProps.exportPayloadUrl, "_self");
|
|
}
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
window.removeEventListener("resize", this.resizeUpdate);
|
|
}
|
|
|
|
resizeUpdate = () => {
|
|
const { onResizeWindowInnerWidth } = this.props;
|
|
onResizeWindowInnerWidth(window.innerWidth);
|
|
};
|
|
|
|
render() {
|
|
const { showSearchAd } = this.state;
|
|
const {
|
|
title, btns, leftComp, children, taxAgentStore: { showOperateBtn },
|
|
slidePayload, onClose, onSave, slideLoading, form, condition,
|
|
onAdSearch, onCancel, importPayload, onImportSetStep, onImportFile,
|
|
onPreviewImport, detailOptBtns, columns, tabBtns = []
|
|
} = this.props;
|
|
const { visible, title: subtitle, children: slideChildren } = slidePayload;
|
|
const {
|
|
visible: importVisiable, step, importFormComponent, importOpts,
|
|
importResult, slideDataSource, templateLink
|
|
} = importPayload;
|
|
return (
|
|
<div className="layoutWrapper">
|
|
<WeaTop title={title} buttons={showOperateBtn ? btns : []}
|
|
icon={<i className="icon-coms-fa"/>}
|
|
iconBgcolor="#F14A2D" showDropIcon={false}
|
|
/>
|
|
<WeaTab
|
|
searchType={["base", "advanced"]}
|
|
replaceLeft={leftComp}
|
|
searchsAd={getSearchs(form, toJS(condition), 2)}
|
|
showSearchAd={showSearchAd}
|
|
setShowSearchAd={bool => this.setState({ showSearchAd: bool })}
|
|
onAdReset={() => form.resetForm()}
|
|
onAdSearch={onAdSearch}
|
|
onSearch={onAdSearch}
|
|
onSearchChange={(v) => form.updateFields({ username: v })}
|
|
searchsBaseValue={form.getFormParams().username}
|
|
buttons={showOperateBtn ? tabBtns : []}
|
|
/>
|
|
<div className="dataContent">
|
|
<WeaNewScroll height="100%">{children}</WeaNewScroll>
|
|
{/*导入弹框*/}
|
|
<ImportModal
|
|
needimportSelected //下载模板需要带上导入所选项
|
|
columns={columns}
|
|
params={importOpts}
|
|
step={step}
|
|
setStep={onImportSetStep}
|
|
importResult={importResult}
|
|
onFinish={() => onCancel(true)}
|
|
slideDataSource={slideDataSource}
|
|
previewImport={onPreviewImport}
|
|
importFile={onImportFile}
|
|
templateLink={templateLink}
|
|
renderFormComponent={() => importFormComponent}
|
|
visiable={importVisiable}
|
|
onCancel={onCancel}
|
|
/>
|
|
{/* 新增-编辑-详情弹框 */}
|
|
<WeaSlideModal
|
|
className="slideOuterWrapper"
|
|
visible={visible}
|
|
top={0}
|
|
measureT="%"
|
|
width={80}
|
|
measureX="%"
|
|
height={100}
|
|
measureY="%"
|
|
direction="right"
|
|
title={
|
|
<SlideModalTitle
|
|
subtitle={subtitle}
|
|
loading={slideLoading}
|
|
onSave={onSave}
|
|
editable={subtitle.length <= 2}
|
|
showOperateBtn={showOperateBtn}
|
|
customOperate={subtitle.length <= 2 ? [] : detailOptBtns}
|
|
/>
|
|
}
|
|
content={slideChildren}
|
|
onClose={onClose}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Layout;
|