93 lines
3.8 KiB
JavaScript
93 lines
3.8 KiB
JavaScript
|
import React from 'react';
|
|||
|
|
import { inject, observer} from 'mobx-react';
|
|||
|
|
import {routerShape} from 'react-router';
|
|||
|
|
import {Condition} from '../list/listCondition';
|
|||
|
|
import {WeaErrorPage,WeaTools,WeaTop,WeaRightMenu,WeaLocaleProvider} from 'ecCom';
|
|||
|
|
import {Button} from 'antd';
|
|||
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|||
|
|
|
|||
|
|
@inject("queryTaskStore")
|
|||
|
|
|
|||
|
|
@observer
|
|||
|
|
class QueryTaskCondition extends React.Component {
|
|||
|
|
static contextTypes = {
|
|||
|
|
router: routerShape
|
|||
|
|
}
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
}
|
|||
|
|
resetHeight(height){
|
|||
|
|
jQuery(".prj-query-condition").height(height - 60);
|
|||
|
|
}
|
|||
|
|
componentDidMount() {
|
|||
|
|
const {queryTaskStore} = this.props;
|
|||
|
|
queryTaskStore.getQueryCondition({},true);
|
|||
|
|
}
|
|||
|
|
componentWillReceiveProps(nextProps){
|
|||
|
|
if(this.props.location.key !== nextProps.location.key){
|
|||
|
|
const {queryTaskStore} = this.props;
|
|||
|
|
queryTaskStore.getQueryCondition({},true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
render() {
|
|||
|
|
const { queryTaskStore } = this.props;
|
|||
|
|
const { loading,title, form} = queryTaskStore;
|
|||
|
|
// const formParams = form.getFormParams(); //Mobx-form的Bug，form传给子组件时需外层调用下取值，否则查询条件变了组件不会render
|
|||
|
|
// const cusFormParams = customForm && customForm.getFormParams();
|
|||
|
|
return (
|
|||
|
|
<div className='prj-query'>
|
|||
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@qhliqk`} datas={this.getRightMenu()}>
|
|||
|
|
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@tflio7`}
|
|||
|
|
title={getLabel(24457,"查询任务")}
|
|||
|
|
loading={loading}
|
|||
|
|
icon={<i className='icon-coms-project' />}
|
|||
|
|
iconBgcolor='#217346'
|
|||
|
|
getHeight={this.resetHeight.bind(this)}
|
|||
|
|
buttons={[]}
|
|||
|
|
buttonSpace={10}
|
|||
|
|
showDropIcon={true}
|
|||
|
|
dropMenuDatas={this.getRightMenu()} >
|
|||
|
|
<div className='prj-query-condition'>
|
|||
|
|
<Condition ecId={`${this && this.props && this.props.ecId || ''}_Condition@pghpdy`} listStore={queryTaskStore} form={form}></Condition>
|
|||
|
|
</div>
|
|||
|
|
<div className='prj-query-btns'>
|
|||
|
|
{this.getSearchButtons()}
|
|||
|
|
</div>
|
|||
|
|
</WeaTop>
|
|||
|
|
</WeaRightMenu>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
getRightMenu(){
|
|||
|
|
|
|||
|
|
let btns = [];
|
|||
|
|
btns.push({
|
|||
|
|
key: "search",
|
|||
|
|
icon: <i className='icon-coms-search'/>,
|
|||
|
|
content: getLabel(197,"搜索"),
|
|||
|
|
onClick: this.forwardQueryResult.bind(this)
|
|||
|
|
});
|
|||
|
|
return btns;
|
|||
|
|
}
|
|||
|
|
getSearchButtons() {
|
|||
|
|
const { queryTaskStore } = this.props;
|
|||
|
|
const {clearFormFields } = queryTaskStore;
|
|||
|
|
const btnStyle = {borderRadius: 3, minWidth: 80}
|
|||
|
|
return [
|
|||
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@gz3pxh@search`} type="primary" style={btnStyle} onClick={this.forwardQueryResult.bind(this)}>{getLabel(197,"搜索")}</Button>),
|
|||
|
|
(<span style={{width:'15px', display:'inline-block'}}></span>),
|
|||
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@q39xyn@reset`} type="ghost" style={btnStyle} onClick={()=>{clearFormFields()}}>{getLabel(2022,"重置")}</Button>)
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
forwardQueryResult(){
|
|||
|
|
const path = "/queryTaskResult";
|
|||
|
|
this.context.router.push({
|
|||
|
|
pathname: "/main/prj"+path
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default WeaTools.tryCatch(React,
|
|||
|
|
props => <WeaErrorPage ecId={`${this && this.props && this.props.ecId || ''}_WeaErrorPage@7ve7fy`} msg={ props.error ? props.error : getLabel(383324,"对不起，该页面异常，请联系管理员")} />,
|
|||
|
|
{error: ""}
|
|||
|
|
)(QueryTaskCondition);
|