265 lines
12 KiB
JavaScript
265 lines
12 KiB
JavaScript
|
import React from 'react';
|
|||
|
|
import {inject, observer} from 'mobx-react';
|
|||
|
|
import {toJS} from 'mobx';
|
|||
|
|
import {Spin, Modal, Row, Col} from 'antd';
|
|||
|
|
import {WeaNewScrollPagination, WeaLocaleProvider} from 'ecCom';
|
|||
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|||
|
|
import WeesoTop from './childComponents/WeesoTop';
|
|||
|
|
import WeesoInput from './childComponents/WeesoInput';
|
|||
|
|
import CommonContent from './childComponents/CommonContent';
|
|||
|
|
import SearchTools from './childComponents/SearchTools';
|
|||
|
|
import ImagesContent from './childComponents/ImagesContent';
|
|||
|
|
import Adlink from './childComponents/Adlink';
|
|||
|
|
|
|||
|
|
const store = ['routing', 'weesoStore', 'weesoSeachSetStore']
|
|||
|
|
@inject(...store)
|
|||
|
|
@observer
|
|||
|
|
class WeesoResult extends React.Component {
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
this.state = {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
viewSubCompany = (subcompanyid) => {
|
|||
|
|
const { addSubdomainUrl } = this.props.weesoStore;
|
|||
|
|
window.open(`${addSubdomainUrl('/spa/hrm/engine.html#/hrmengine/organization?showTree=false&isView=1&type=subcompany&id=')}${subcompanyid}`);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
viewDepartment = (departmentid) => {
|
|||
|
|
const { addSubdomainUrl } = this.props.weesoStore;
|
|||
|
|
window.open(`${addSubdomainUrl('/spa/hrm/engine.html#/hrmengine/organization?showTree=false&isView=1&type=department&id=')}${departmentid}`);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
componentDidMount() {
|
|||
|
|
const {weesoStore, routing, weesoSeachSetStore} = this.props;
|
|||
|
|
const { getAdConditions, recordType } = this.props.weesoSeachSetStore;
|
|||
|
|
//处理外部跳转进入微搜结果页面
|
|||
|
|
//value: 输入框的值 type:搜索类型 searchType: 内容/图片 msg: 服务未启动的报错信息
|
|||
|
|
const {location} = this.props;
|
|||
|
|
const {query = {value: '', type: '', searchType: '', msg}} = location;
|
|||
|
|
const { search } = this.props.location;
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{ urlParams: query || {} },
|
|||
|
|
()=>{
|
|||
|
|
if(query.value !== undefined){//需要!== undefined作为判断，不能去掉
|
|||
|
|
weesoStore.isCustomer = true;
|
|||
|
|
if (query.value.trim() == '' && query.type == 'ALL') {
|
|||
|
|
routing.push(`/main/esearch/weeso`);
|
|||
|
|
}else if(query.searchType == 'ERROR'){
|
|||
|
|
Modal.error({
|
|||
|
|
title: getLabel(15172, "系统提示"),
|
|||
|
|
content: query.msg,
|
|||
|
|
});
|
|||
|
|
}else {
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{
|
|||
|
|
inputValue: query.value || '',
|
|||
|
|
defalutMoreKey: query.type || 'ALL',
|
|||
|
|
searchType: query.searchType || 'CONTENT'
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
query.page_uuid && weesoSeachSetStore.setState({ page_uuid: query.page_uuid });
|
|||
|
|
const callRouting = () => routing.push(`/main/esearch/weeso${search}`);
|
|||
|
|
const callSearch = () => weesoStore.inputValue !== '' && weesoStore.doSearch();
|
|||
|
|
weesoStore.getBaseData(false, callRouting, callSearch, query.page_uuid);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
weesoStore.showSubmit();
|
|||
|
|
weesoStore.initWeesoResult();
|
|||
|
|
weesoStore.changeKey(query.type || 'ALL', false);
|
|||
|
|
weesoStore.isCustomer = false;
|
|||
|
|
weesoStore.showAdmin = false;
|
|||
|
|
|
|||
|
|
if(query && (query.value || query.type)) {// 直接url搜索 main/esearch/result?searchType=CONTENT&type=ALL&value=aa
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{
|
|||
|
|
inputValue: query.value || '',
|
|||
|
|
defalutMoreKey: query.type || 'ALL',
|
|||
|
|
searchType: query.searchType || 'CONTENT',
|
|||
|
|
},
|
|||
|
|
() => {
|
|||
|
|
weesoSeachSetStore.setState({ topTabsVisible: true }, () => {
|
|||
|
|
let p = {
|
|||
|
|
search_type: query.type || 'ALL',
|
|||
|
|
page_uuid: query.page_uuid || 'FULLSEARCH',
|
|||
|
|
};
|
|||
|
|
if(query.page_uuid && (query.page_uuid !== 'FULLSEARCH')) {
|
|||
|
|
p = {
|
|||
|
|
search_type: ''
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getAdConditions(p);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
if(query.page_uuid && (query.page_uuid !== 'FULLSEARCH')) {
|
|||
|
|
// let p = {
|
|||
|
|
// search_type: '',
|
|||
|
|
// page_uuid: query.page_uuid,
|
|||
|
|
// };
|
|||
|
|
// getAdConditions(p);
|
|||
|
|
} else if(recordType !== 'commonContion') {
|
|||
|
|
getAdConditions();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentWillReceiveProps(nextProps) {
|
|||
|
|
|
|||
|
|
//处理外部跳转进入微搜结果页面
|
|||
|
|
const {location, weesoStore, routing, weesoSeachSetStore} = this.props;
|
|||
|
|
const { getAdConditions } = this.props.weesoSeachSetStore;
|
|||
|
|
const {query = {value: '', type: '', searchType: '', mag: ''}} = location;
|
|||
|
|
const
|
|||
|
|
nextVal = nextProps.location.query.value,
|
|||
|
|
nextType = nextProps.location.query.type,
|
|||
|
|
nextSearchType = nextProps.location.query.searchType,
|
|||
|
|
nextMsg = nextProps.location.query.msg;
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{ urlParams: nextProps.location.query || {} },
|
|||
|
|
()=>{
|
|||
|
|
const { search } = this.props.location;
|
|||
|
|
if (this.props.location.key !== nextProps.location.key && weesoStore && nextVal && nextType) {
|
|||
|
|
//if (weesoStore && (query.value || nextVal) && (nextType !== query.type || nextVal !== query.value)) {
|
|||
|
|
weesoStore.isCustomer = true;
|
|||
|
|
if (nextVal == '' && nextType == 'ALL') {
|
|||
|
|
routing.push(`/main/esearch/weeso${search}`)
|
|||
|
|
}else if (nextType == 'ERROR') {
|
|||
|
|
Modal.error({
|
|||
|
|
title: getLabel(15172, "系统提示"),
|
|||
|
|
content: nextMsg,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
const key = nextType || 'ALL';
|
|||
|
|
weesoStore.changeKey(key, false);
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{
|
|||
|
|
inputValue: nextVal ? nextVal : query.value,
|
|||
|
|
defalutMoreKey: nextType ? nextType : query.type,
|
|||
|
|
defaultKey: nextSearchType ? nextSearchType : query.searchType
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
weesoStore.resortTopTaps();
|
|||
|
|
weesoStore.inputValue !== '' && weesoStore.doSearch();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
weesoStore.isCustomer = false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(query && (query.value || query.type)) {// 直接url搜索 main/esearch/result?searchType=CONTENT&type=ALL&value=aa
|
|||
|
|
weesoStore.setState(
|
|||
|
|
{
|
|||
|
|
inputValue: query.value || '',
|
|||
|
|
defalutMoreKey: query.type || 'ALL',
|
|||
|
|
searchType: query.searchType || 'CONTENT',
|
|||
|
|
},
|
|||
|
|
() => {
|
|||
|
|
weesoSeachSetStore.setState({ topTabsVisible: true }, () => {
|
|||
|
|
let p = {
|
|||
|
|
search_type: query.type || 'ALL',
|
|||
|
|
page_uuid: query.page_uuid || 'FULLSEARCH',
|
|||
|
|
};
|
|||
|
|
getAdConditions(p);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentWillUnmount() {
|
|||
|
|
const { weesoSeachSetStore, weesoStore } = this.props;
|
|||
|
|
weesoSeachSetStore.setState({
|
|||
|
|
searchTagParams: {}
|
|||
|
|
});
|
|||
|
|
weesoStore.setState({
|
|||
|
|
skipSearchParams: {}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
render() {
|
|||
|
|
const {weesoStore} = this.props;
|
|||
|
|
let {defaultKey, loading, emptyResult, page, pages, imageResult, defalutMoreKey, inputValue, searchDatas, isSearchSucess,
|
|||
|
|
searchKey, tagsDatas, page_resultShowLogo, page_resultLogo
|
|||
|
|
} = weesoStore;
|
|||
|
|
const {contentType, normalkey} = searchDatas;
|
|||
|
|
const { logoVisible } = tagsDatas;
|
|||
|
|
let numberPage = Number(page);
|
|||
|
|
emptyResult = toJS(emptyResult);
|
|||
|
|
const showResult = isSearchSucess ? defalutMoreKey == contentType : true; //判断搜索结果和页面显示的搜索内容是否一致（避免因数据加载速度，前面搜素结果覆盖当下）
|
|||
|
|
const hideTitle = this.props.location.query.hideTitle;
|
|||
|
|
let { topTabsVisible, page_descStr } = this.props.weesoSeachSetStore;
|
|||
|
|
let topHeight = !topTabsVisible&&page_descStr==='' ? 'h-85' : 'h-115';
|
|||
|
|
if(hideTitle === 'true') {
|
|||
|
|
if(page_descStr !== '') {
|
|||
|
|
topHeight = 'h-115';
|
|||
|
|
} else {
|
|||
|
|
topHeight = 'h-85';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const hideSearch = this.props.location.query.hideSearch || '0';
|
|||
|
|
let topStyle = {};
|
|||
|
|
if (hideSearch === '1') {
|
|||
|
|
topStyle = { display: 'none' };
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@a1lyao`} className="esearch-result-container" style={{ height: '100%' }}>
|
|||
|
|
{page_resultShowLogo && <div className="esearch-result-logo" style={topStyle}>
|
|||
|
|
<span className={`result-img ${topHeight}`}><img width={77} height={40} src={`${page_resultLogo}`}/></span>
|
|||
|
|
</div>}
|
|||
|
|
<div className={page_resultShowLogo ? `wea-weeso wea-weeso-result wea-weeso-logo-visible` : `wea-weeso wea-weeso-result`} style={{height: '100%'}}>
|
|||
|
|
{/* <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@olwh8w`} spinning={false}> */}
|
|||
|
|
<div className={`wesult-top-container ${topHeight}`} style={topStyle}>
|
|||
|
|
<WeesoTop ecId={`${this && this.props && this.props.ecId || ''}_WeesoTop@81y3sc`}/>
|
|||
|
|
<div className="result-input">
|
|||
|
|
<WeesoInput ecId={`${this && this.props && this.props.ecId || ''}_WeesoInput@wv0or1`} hideTitle={hideTitle} />
|
|||
|
|
<SearchTools ecId={`${this && this.props && this.props.ecId || ''}_SearchTools@zpdrbc`}/>
|
|||
|
|
</div>
|
|||
|
|
<Adlink ecId={`${this && this.props && this.props.ecId || ''}_Adlink@5fmoeb`}/>
|
|||
|
|
</div>
|
|||
|
|
{/* </Spin> */}
|
|||
|
|
<div className='wea-weeso-spin'>
|
|||
|
|
<Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@oflcf2`} spinning={loading}>
|
|||
|
|
{
|
|||
|
|
defaultKey == 'CONTENT' ?
|
|||
|
|
<CommonContent ecId={`${this && this.props && this.props.ecId || ''}_CommonContent@piqq00`} hidesearch={hideSearch} topTabHeight={topHeight}/> :
|
|||
|
|
<div className="result-content-images">
|
|||
|
|
<WeaNewScrollPagination ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScrollPagination@camkgn`}
|
|||
|
|
height={'100%'}
|
|||
|
|
onScrollEnd={() => {
|
|||
|
|
if (page < pages) {
|
|||
|
|
weesoStore.setState({page: `${numberPage + 1}`})
|
|||
|
|
weesoStore.inputValue != '' && weesoStore.doSearch();
|
|||
|
|
}
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.setState({
|
|||
|
|
newScrollLoading: false,
|
|||
|
|
})
|
|||
|
|
}, 2000)
|
|||
|
|
}}>
|
|||
|
|
{emptyResult ?
|
|||
|
|
<div>
|
|||
|
|
<div dangerouslySetInnerHTML={{__html: emptyResult}}/>
|
|||
|
|
</div> :
|
|||
|
|
imageResult && imageResult.lengrh != 0 && imageResult.map((item, index) => {
|
|||
|
|
return (
|
|||
|
|
<ImagesContent ecId={`${this && this.props && this.props.ecId || ''}_ImagesContent@gdfjwn@${index}`} values={item} index={index}/>
|
|||
|
|
)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
</WeaNewScrollPagination>
|
|||
|
|
</div>
|
|||
|
|
}
|
|||
|
|
</Spin>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</Row>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default props => <WeesoResult ecId={`${this && this.props && this.props.ecId || ''}_WeesoResult@yiq5pn`} {...props} key={props.location.search || 'weeso-result'} />
|