313 lines
18 KiB
JavaScript
313 lines
18 KiB
JavaScript
import React from 'react';
|
||
import {inject, observer} from 'mobx-react';
|
||
import {toJS} from 'mobx';
|
||
import {Spin, Pagination} from 'antd';
|
||
import {WeaNewScroll, WeaDialog, WeaTools, WeaAvatar, WeaInput, WeaCustomNew } from 'ecCom';
|
||
const { sendMsg } = WeaTools;
|
||
const Base64 = ecCom.WeaTools.Base64;
|
||
import {WeaLocaleProvider} from 'ecCom';
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
// import Apps from 'weaSmallApp';
|
||
// const AppCom = Apps.com;
|
||
// const SendSms = AppCom.SendSms;
|
||
//
|
||
// import Workplan from 'weaWorkplan';
|
||
// const WorkPlanCreate = Workplan.com.WorkPlanCreate;
|
||
const store = [
|
||
'weesoSeachSetStore',
|
||
'weesoStore',
|
||
'routing'
|
||
];
|
||
@inject(...store)
|
||
@observer
|
||
export default class CommonContent extends React.Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
smsVisible: false,
|
||
workPlanVisible: false,
|
||
id: '',
|
||
}
|
||
}
|
||
|
||
componentDidMount() {
|
||
const { getAdConditions } = this.props.weesoSeachSetStore;
|
||
let pageuuid = this.props.routing&&this.props.routing.location&&this.props.routing.location.query&&this.props.routing.location.query.page_uuid;
|
||
const { getBaseData, setUrlParams } = this.props.weesoStore;
|
||
let urlParms = this.props.routing && this.props.routing.location && this.props.routing.location.query;
|
||
urlParms = toJS(urlParms);
|
||
if(pageuuid) {
|
||
setUrlParams(urlParms,() => {
|
||
getBaseData(undefined, undefined, undefined, pageuuid, () => {
|
||
if(pageuuid !== 'FULLSEARCH') {
|
||
let p = {
|
||
page_uuid: pageuuid,
|
||
};
|
||
getAdConditions(p);
|
||
}
|
||
});
|
||
});
|
||
} else {
|
||
setUrlParams(urlParms,() => {
|
||
getBaseData();
|
||
});
|
||
}
|
||
if (!window.weaWorkplan) {
|
||
eventRegister.loadModule('f_workplan', ()=>{
|
||
this.props.weesoStore.setWPLoaded(true)
|
||
}, ()=>{})
|
||
} else {
|
||
this.props.weesoStore.setWPLoaded(true)
|
||
}
|
||
if (!window.weaSmallApp) {
|
||
eventRegister.loadModule('f_smallApp', ()=>{
|
||
this.props.weesoStore.setSMLoaded(true)
|
||
}, ()=>{})
|
||
} else {
|
||
this.props.weesoStore.setSMLoaded(true)
|
||
}
|
||
|
||
}
|
||
|
||
render() {
|
||
const {weesoStore, topTabHeight} = this.props;
|
||
let {searchResult, emptyResult, page, searchDatas, supportSkipSearch, addSubdomainUrl, defalutMoreKey} = weesoStore;
|
||
searchDatas = toJS(searchDatas);
|
||
let
|
||
maxPerPage = searchDatas.maxPerPage || '',
|
||
recordCount = searchDatas.recordCount || '';
|
||
|
||
let paginationProps = supportSkipSearch ? {
|
||
showQuickJumper: true,
|
||
showTotal: total => getLabel('514163','共${num}页').replace('${num}', Math.ceil(total/maxPerPage)),
|
||
} : {
|
||
className: "esearch-pagination-customize",
|
||
};
|
||
const hidesearch = this.props.hidesearch || '0';
|
||
let topStyle = {};
|
||
if (hidesearch === '1') {
|
||
topStyle = { paddingTop: '10px', paddingLeft:'10px'};
|
||
}
|
||
if(topTabHeight === 'h-85') {
|
||
topStyle = {
|
||
...topStyle,
|
||
paddingTop: 88, // 85+3
|
||
}
|
||
}
|
||
return (
|
||
<div className="result-content" style={topStyle}>
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@4go8kr`} height={'100%'}>
|
||
{defalutMoreKey === 'customOdoc'?
|
||
<WeaCustomNew style={{height:'100%'}}>
|
||
<div></div>
|
||
</WeaCustomNew>
|
||
: <React.Fragment>
|
||
{emptyResult ?
|
||
<div className="wea-content-empty">
|
||
<div dangerouslySetInnerHTML={{__html: emptyResult}}/>
|
||
</div> :
|
||
<div>
|
||
{
|
||
searchResult && searchResult.length != 0 && searchResult.map((item,index) => {
|
||
if (item.schema == 'ROBOT') {
|
||
return (
|
||
<div className="robot-content">
|
||
<iframe
|
||
name={item.head.name}
|
||
width={item.head.width || '100%'}
|
||
height={item.head.height}
|
||
src={item.head.iframe} frameborder="0">
|
||
</iframe>
|
||
</div>
|
||
)
|
||
} else if (item.schema == 'RSC') {
|
||
return (
|
||
<div className="content">
|
||
<div className="content-img">
|
||
{item && item.head && item.head.id != '' ? <WeaAvatar ecId={`${this && this.props && this.props.ecId || ''}_WeaAvatar@6jng21@${index}`} userId={item.head.id} /> :
|
||
<img src={item.head.imageUrl}/>
|
||
}
|
||
</div>
|
||
<div className="content-detail">
|
||
<p className="detail-msg">
|
||
{this.getHrmNameContent(item,weesoStore,index)}
|
||
<span className="detail-msg-gender">{item.head.gender}</span>
|
||
<img className="detail-addrs" src={addSubdomainUrl('/fullsearch/img/unit_wev8.png')}/>
|
||
<span dangerouslySetInnerHTML={{__html: item.head.org}}/>
|
||
</p>
|
||
{
|
||
item.foot && item.foot.info && item.foot.info.length != 0 && item.foot.info.map(i => {
|
||
return (
|
||
<p className="content-foot">
|
||
<span>{i.key}：</span>
|
||
<p>{
|
||
i.value
|
||
&& (i.value.indexOf('desensitization__') > -1 || i.value.indexOf('encryption__') > -1)
|
||
? (<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@jjsmg6@${index}`} style={{display: 'inline-block',verticalAlign: 'baseline'}} value={i.value} viewAttr={1} />)
|
||
: i.value
|
||
}
|
||
</p>
|
||
</p>
|
||
)
|
||
}
|
||
)
|
||
}
|
||
</div>
|
||
{this.getCommonComtent(item.head)}
|
||
</div>
|
||
)
|
||
} else {
|
||
const other = item.other ? JSON.parse(item.other) : undefined;
|
||
return (
|
||
<div className="common-content">
|
||
<p className="common-content-top wea-f14 ">
|
||
<span dangerouslySetInnerHTML={{__html: item.head && item.head.type}}/>
|
||
<a className="content-link"
|
||
target="_blank"
|
||
href={item.head && item.head.titlelink}
|
||
dangerouslySetInnerHTML={{__html: item.head && (weesoStore.defaultKey == 'CONTENT' ? Base64.decode(item.head.title) : item.head.title)}}
|
||
onClick={() => {this.userHabitCollect(item.head.titlelink, index)}}
|
||
/>
|
||
{ other && (other.attachFile === true) && <i style={{ marginLeft: 5,color: '#4d7ad8'}} className="icon-coms-currency-Enclosure" /> }
|
||
</p>
|
||
<p dangerouslySetInnerHTML={{__html: item.head && (weesoStore.defaultKey == 'CONTENT' ? Base64.decode(item.contents.contents) : item.contents.contents)}}/>
|
||
{
|
||
item.foot && item.foot.info && item.foot.info.length != 0 && item.foot.info.map(i => {
|
||
return (
|
||
<p className="conmon-content-foot">
|
||
<span>{i.key?i.key+"：":""}</span>
|
||
<p>
|
||
<div dangerouslySetInnerHTML={{ __html: i.value }} />
|
||
</p>
|
||
</p>
|
||
)
|
||
}
|
||
)
|
||
}
|
||
</div>
|
||
)
|
||
}
|
||
})
|
||
}
|
||
{searchResult && searchResult.length != 0 && recordCount > maxPerPage &&
|
||
<div className="result-pagination">
|
||
<Pagination ecId={`${this && this.props && this.props.ecId || ''}_Pagination@k5a9pv`}
|
||
{...paginationProps}
|
||
hideFirstLast
|
||
defaultCurrent={Number(page)}
|
||
pageSize = {maxPerPage}
|
||
total={recordCount}
|
||
onChange={(cur) => {
|
||
weesoStore.setState({page: String(cur)});
|
||
const { filterParams } = this.props.weesoSeachSetStore;
|
||
let p = { page_search_json: JSON.stringify(filterParams())};
|
||
weesoStore.preSearch(p);
|
||
}}/>
|
||
</div>}
|
||
</div>
|
||
}
|
||
</React.Fragment>}
|
||
</WeaNewScroll>
|
||
|
||
{this.props.weesoStore.wpLoaded && window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
|
||
<window.weaWorkplan.com.WorkPlanCreate ecId={`${this && this.props && this.props.ecId || ''}_undefined@51m1rp`} type="create"
|
||
visible={this.state.workPlanVisible}
|
||
doClose={() => {this.setState({workPlanVisible: false})}}
|
||
onlyClose={() => {this.setState({workPlanVisible: false})}}
|
||
isCustom={true}
|
||
selectUser={this.state.id}
|
||
createConditionParams={[]}
|
||
/>
|
||
}
|
||
|
||
|
||
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@0fruzs`} visible={this.state.smsVisible}
|
||
title={getLabel(125977,"发送短信")}
|
||
icon="icon-coms-message"
|
||
style={{width: 800, height: 500}}
|
||
onCancel = {() => {this.setState({smsVisible: false})}}
|
||
>
|
||
{this.props.weesoStore.smLoaded && window.weaSmallApp && window.weaSmallApp.com && window.weaSmallApp.com.SendSms &&
|
||
<window.weaSmallApp.com.SendSms ecId={`${this && this.props && this.props.ecId || ''}_undefined@0g85qw`} isCus = {true} hrm={this.state.id}/>
|
||
}
|
||
</WeaDialog>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
//用户使用习惯记录
|
||
userHabitCollect = (link, index) => {
|
||
const {weesoStore} = this.props;
|
||
weesoStore.userDatas.push({
|
||
type: 'eventTrack',
|
||
key: weesoStore.inputValue,
|
||
contentType: weesoStore.defaultKey,
|
||
page: weesoStore.page,
|
||
searchType: weesoStore.defalutMoreKey,
|
||
sortField: weesoStore.sortValue,
|
||
timeStamp: String(new Date().getTime()),
|
||
index: String(index),
|
||
eventUrl: link
|
||
})
|
||
}
|
||
|
||
getHrmNameContent=(item,weesoStore,index)=>{
|
||
if(item.head.titlelink&&item.head.titlelink!=''){
|
||
return(
|
||
<a target="_blank"
|
||
href={item.head.titlelink}
|
||
onClick={() => {this.userHabitCollect(item.head.titlelink,index)}}
|
||
>
|
||
<span dangerouslySetInnerHTML={{__html: weesoStore.defaultKey == 'CONTENT' ? Base64.decode(item.head.title) : item.head.title}}></span>
|
||
</a>
|
||
);
|
||
}else{
|
||
return(
|
||
<span>
|
||
<span dangerouslySetInnerHTML={{__html: weesoStore.defaultKey == 'CONTENT' ? Base64.decode(item.head.title) : item.head.title}}></span>
|
||
</span>
|
||
);
|
||
}
|
||
}
|
||
|
||
getCommonComtent = (chooseValues) => {
|
||
const { addSubdomainUrl } = this.props.weesoStore;
|
||
return (
|
||
<div className="content-choose">
|
||
<div>
|
||
{ (chooseValues.hideMessage==undefined||chooseValues.hideMessage!='1')&&
|
||
<a className="choose-icon" title={getLabel(384220,"发送消息")}
|
||
onClick={() => sendMsg(chooseValues && chooseValues.id, 0, '', '')}>
|
||
<i className="icon-coms-Send-message"></i>
|
||
</a>
|
||
}
|
||
{
|
||
(chooseValues.hideSms==undefined||chooseValues.hideSms!='1')&&
|
||
<a className="choose-icon" title={getLabel(125977,"发送短信")}
|
||
onClick={() => {this.setState({smsVisible: true, id: chooseValues.id})}}>
|
||
<i className="icon-coms-message-o"></i>
|
||
</a>
|
||
}
|
||
|
||
{
|
||
(chooseValues.hideEmail==undefined||chooseValues.hideEmail!='1')&&
|
||
<a className="choose-icon" title={getLabel(2051,"发送邮件")}
|
||
onClick={() => window.open(`${addSubdomainUrl('/spa/email/static/index.html#/main/email/new?isInternal=1&internalto=')}${chooseValues && chooseValues.id}`)}>
|
||
<i className="icon-coms-Send-emails"></i>
|
||
</a>
|
||
}
|
||
|
||
{
|
||
(chooseValues.hideWorkPlan==undefined||chooseValues.hideWorkPlan!='1')&&
|
||
<a className="choose-icon" title={getLabel(18481,"新建日程")}
|
||
onClick={() => {this.setState({workPlanVisible: true, id: chooseValues.id})}}>
|
||
<i className="icon-coms-New-schedule-o"></i>
|
||
</a>
|
||
}
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
}
|