400 lines
12 KiB
JavaScript
400 lines
12 KiB
JavaScript
import React from 'react';
|
||
import { Modal, Spin } from 'antd';
|
||
import {
|
||
WeaLocaleProvider,
|
||
WeaBrowser,
|
||
WeaTools,
|
||
} from 'ecCom';
|
||
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
const shareTypeMap = {
|
||
152: 'workflow',
|
||
37: 'doc',
|
||
18: 'crm',
|
||
workplan: 'workplan',
|
||
28: 'meeting',
|
||
};
|
||
const addShareMap = {
|
||
workplan: 2,
|
||
};
|
||
|
||
const browserIconMap = {
|
||
28: 'icon-coms-meeting',
|
||
workplan: 'icon-coms-schedule',
|
||
};
|
||
|
||
const onCloseHandle = () => {
|
||
if (window.em) {
|
||
em.closeWindow();
|
||
} else {
|
||
Modal.error({
|
||
transitionName: 'none',
|
||
title: getLabel(125960, '初始化失败'),
|
||
content: getLabel(520050, 'em对象不存在'),
|
||
});
|
||
}
|
||
};
|
||
|
||
export default class Home extends React.Component {
|
||
constructor(props) {
|
||
super(props);
|
||
|
||
this.state = {
|
||
visible: false,
|
||
errorMsg: '',
|
||
loading: false,
|
||
};
|
||
window.setLayoutWindow = window;
|
||
this.interval = '';
|
||
this.defaultMD = null;
|
||
this.initEm = this.initEm.bind(this);
|
||
}
|
||
|
||
getFrameParams() {
|
||
let url = window.location.href;
|
||
try {
|
||
if (window.frameElement) {
|
||
url = window.frameElement.src;
|
||
}
|
||
} catch (error) {
|
||
|
||
}
|
||
let urlParams = url.slice(url.indexOf('?') + 1).split('&');
|
||
let params = [];
|
||
urlParams.forEach((element) => {
|
||
let datas = element.split('=');
|
||
params[datas[0]] = datas[1];
|
||
});
|
||
let host = url.slice(0, url.indexOf('/spa/'));
|
||
params.host = host;
|
||
return params;
|
||
}
|
||
|
||
componentDidMount() {
|
||
this.setState({ visible: true });
|
||
|
||
// if (window.em) {
|
||
this.initEm();
|
||
// } else {
|
||
// setTimeout(() => {
|
||
// this.initEm()
|
||
// } ,500)
|
||
// }
|
||
}
|
||
|
||
initEm() {
|
||
if (window.em) {
|
||
em.ready(() => {
|
||
em.setPageReload({
|
||
setvalue: 2, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success(res) {
|
||
},
|
||
});
|
||
em.pageVisible((visible) => {
|
||
if (visible) {
|
||
this.defaultMD.reload();
|
||
}
|
||
});
|
||
|
||
if (this.defaultMD && this.defaultMD.browser && this.defaultMD.openModal) {
|
||
this.defaultMD.openModal();
|
||
} else {
|
||
let interval = setInterval(() => {
|
||
if (this.defaultMD && this.defaultMD.browser && this.defaultMD.openModal) {
|
||
this.defaultMD.openModal();
|
||
clearInterval(interval);
|
||
}
|
||
}, 200);
|
||
}
|
||
});
|
||
} else {
|
||
setTimeout(() => {
|
||
this.initEm();
|
||
}, 500);
|
||
}
|
||
}
|
||
|
||
componentWillUnmount() {
|
||
this.interval && clearInterval(this.interval);
|
||
}
|
||
|
||
onChangeHandle(ids, names, datas) {
|
||
const params = this.getFrameParams();
|
||
if (!params.type) {
|
||
const modal = Modal.error({
|
||
transitionName: 'none',
|
||
title: getLabel(129174, '分享失败'),
|
||
content: getLabel(520051, '获取资源类型失败'),
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
return false;
|
||
}
|
||
this.setState({ loading: true });
|
||
if (window.em) {
|
||
em.getUserFromConversation({
|
||
targetId: '', // 消息会话ID
|
||
success: (res) => {
|
||
// 以数组形式返回
|
||
// 如：{"userIdList":["123","456"]"},"errMsg":"getUserListFromConversation:ok"}
|
||
if (!res.userIdList || res.userIdList.length === 0) {
|
||
const modal = Modal.warning({
|
||
transitionName: 'none',
|
||
title: getLabel(24960, '提示信息'),
|
||
content: getLabel(520052, '获取会话用户失败'),
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
let userIdList = res.userIdList.join(',');
|
||
let shareList = [];
|
||
let successCount = 0;
|
||
let failedCount = 0;
|
||
let errorMsg = '';
|
||
const rs = () => {
|
||
if (successCount + failedCount < datas.length) {
|
||
return;
|
||
}
|
||
if (failedCount === 0) {
|
||
onCloseHandle();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
} else {
|
||
const modal = Modal.warning({
|
||
transitionName: 'none',
|
||
title: getLabel(24960, '提示信息'),
|
||
content: getLabel(520053, '共${1}条，失败${2}条').replace('${1}', datas.length).replace('${2}', datas.length - successCount) + errorMsg,
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
}
|
||
};
|
||
const rj = () => {
|
||
const modal = Modal.warning({
|
||
transitionName: 'none',
|
||
title: getLabel(24960, '提示信息'),
|
||
content: getLabel(520053, '共${1}条，失败${2}条').replace('${1}', datas.length).replace('${2}', datas.length - successCount) + errorMsg,
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
};
|
||
datas.forEach((element) => {
|
||
// let promise = new Promise(function(rs, rj){
|
||
let shareParams = {
|
||
resourcetype: addShareMap[params.type] || params.type,
|
||
resourceid: element.id,
|
||
resourceids: userIdList,
|
||
};
|
||
try {
|
||
WeaTools.callApi('/api/common/chatResource/addshare', 'POST', shareParams).then((res) => {
|
||
if (Object.keys(res).length === 0) {
|
||
rj();
|
||
return;
|
||
}
|
||
if (res.success !== true) {
|
||
rj();
|
||
return;
|
||
}
|
||
em.sendMsg({
|
||
targetId: '', // 消息会话ID
|
||
msgType: 10, // 消息类型：1-文本 2-链接 10-E6分享消息
|
||
msgInfo: {
|
||
content: element.name, // 分享标题（必填）
|
||
sharetype: shareTypeMap[params.type], // 分享数据类型,值有"doc","workflow","task","pdoc","folder" ,"crm" 分别代表文档，流程，任务，云盘文档，云盘文件，客户名片
|
||
sharetypename: params.sharetypename ? decodeURI(params.sharetypename) : '',
|
||
shareid: element.id, // 分享的数据ID（必填）
|
||
opentype_pc: 2, // PC端打开方式 1:应用内打开（默认） 2：PC默认浏览器打开
|
||
linkurl: res.linkUrl, // 消息链接地址（必填）
|
||
callbackurl: res.callbackurl,
|
||
canforward: res.canforward,
|
||
},
|
||
success: (res) => {
|
||
successCount++;
|
||
rs();
|
||
},
|
||
fail: (res) => {
|
||
failedCount++;
|
||
errorMsg = `${errorMsg + res.errMsg} `;
|
||
rs();
|
||
},
|
||
});
|
||
}, (res) => {
|
||
const modal = Modal.error({
|
||
transitionName: 'none',
|
||
title: getLabel(129174, '分享失败'),
|
||
content: getLabel(502350, '数据异常 ') + res,
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
});
|
||
} catch (error) {
|
||
const modal = Modal.error({
|
||
transitionName: 'none',
|
||
title: getLabel(129174, '分享失败'),
|
||
content: getLabel(520054, '分享接口请求失败 ') + error,
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
}
|
||
// })
|
||
// shareList.push(promise);
|
||
});
|
||
// Promise.all(shareList).then(() => {
|
||
// }).catch(() => {
|
||
// })
|
||
},
|
||
fail: (res) => {
|
||
const modal = Modal.error({
|
||
transitionName: 'none',
|
||
title: getLabel(129174, '分享失败'),
|
||
content: getLabel(520052, '获取会话用户失败') + res.errMsg,
|
||
onOk() {
|
||
onCloseHandle();
|
||
},
|
||
onCancel() {
|
||
onCloseHandle();
|
||
},
|
||
});
|
||
em.setPageReload({
|
||
setvalue: 1, // 1表示每次都需要重新加载页面（默认） 2表示保持页面无需重新加载，
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
modal.destroy();
|
||
this.defaultMD && this.defaultMD.openModal();
|
||
}, 3000);
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
render() {
|
||
const params = this.getFrameParams();
|
||
if (params.type && params.type != 'url') {
|
||
window.setDialogFullWindow = true;
|
||
}
|
||
let isSingle = false;
|
||
if (params.isSingle && params.isSingle == 'true') {
|
||
isSingle = true;
|
||
}
|
||
const browserTitleMap = {
|
||
152: getLabel(30045, '流程'),
|
||
37: getLabel(22243, '文档'),
|
||
18: getLabel(136, '客户'),
|
||
28: getLabel(2103, '会议'),
|
||
workplan: getLabel(83466, '日程'),
|
||
};
|
||
return (
|
||
<WeaLocaleProvider>
|
||
<div className="wea-emobile-entrance">
|
||
<Spin spinning={this.state.loading} tip={getLabel(520055, '分享中……')}>
|
||
<div style={{ minHeight: '500px' }} />
|
||
</Spin>
|
||
{params.type && <WeaBrowser
|
||
customized
|
||
type={params.type}
|
||
title={browserTitleMap[params.type] || getLabel(695, '浏览按钮')}
|
||
icon={browserIconMap[params.type] || 'icon-toolbar-Organization-list'}
|
||
iconBgcolor="#b32e37"
|
||
inputStyle={{ width: 200 }}
|
||
onChange={(ids, names, datas) => this.onChangeHandle(ids, names, datas)}
|
||
onCancel={() => {
|
||
onCloseHandle(); this.defaultMD.openModal();
|
||
}}
|
||
isSingle={isSingle}
|
||
// ref='defaultMD'
|
||
ref={el => (this.defaultMD = el)}
|
||
hasAdvanceSerach
|
||
dataParams={{ isFormEMShare: 1 }}
|
||
conditionDataParams={{ isFormEMShare: 1 }}
|
||
browserModalProps={
|
||
{
|
||
transitionName: 'none',
|
||
draggable: false,
|
||
visibleOnClose: true,
|
||
hideClear: true,
|
||
}
|
||
}
|
||
/>}
|
||
</div>
|
||
</WeaLocaleProvider>
|
||
);
|
||
}
|
||
}
|
||
|