替换小优客服
This commit is contained in:
unknown
@ -14,7 +14,7 @@ import MessageDetail from '@/pages/SystemMessage/message/components/messageDetai
|
||||
import NoticeDetail from '@/pages/notice/noticeList/components/NoticeDetail'
|
||||
import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
||||
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
|
||||
import ChatUI from '@/pages/customerservice/support/conversation' //智慧客服
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
fetchtPageList: loading.effects['dashboard/fetchtPageList'],
|
||||
@ -29,7 +29,17 @@ class manager extends PureComponent {
|
||||
detailId: '1', // 公告id
|
||||
noticeDetail: false, // 公告弹窗
|
||||
questData: {},//问卷数据
|
||||
questVisible: false //问卷弹窗
|
||||
questVisible: false, //问卷弹窗
|
||||
isModalVisible: false, //智慧客服
|
||||
isFlash: false, //智慧客服
|
||||
isCloseWs: true, //智慧客服
|
||||
optionsModal: false, //智慧客服
|
||||
projectModal: false, //智慧客服
|
||||
supplierNumber: '', //智慧客服
|
||||
staffId: '', //智慧客服'
|
||||
staffName:'', //智慧客服
|
||||
kfType:0,//智慧客服
|
||||
questionType:0,//智慧客服
|
||||
}
|
||||
componentDidMount() {
|
||||
this.props.dispatch({
|
||||
@ -57,6 +67,12 @@ class manager extends PureComponent {
|
||||
userlevel: "1", //网站自定义会员级别，1-N，可根据选择判断，取值显示到小能客户端
|
||||
erpparam: "abc" //erpparam为erp功能的扩展字段，可选，购买erp功能后用于erp功能集成
|
||||
}
|
||||
//<<<<<<智慧客服，获取供应商编码
|
||||
let userData = getSessionUserData()
|
||||
this.setState({staffId: userData.userId})
|
||||
this.setState({staffName: userData.fullName})
|
||||
this.setState({supplierNumber: userData.organizationId})
|
||||
//<<<<<<智慧客服end
|
||||
}
|
||||
onChange = (date, dateString) => {
|
||||
this.setState({
|
||||
@ -113,12 +129,15 @@ class manager extends PureComponent {
|
||||
questVisible: false
|
||||
})
|
||||
}
|
||||
talkXy = () => {
|
||||
if (NTKF) {
|
||||
NTKF.im_openInPageChat('bl_1000_1492484340268');
|
||||
} else {
|
||||
message.warn('小优客服初始化失败，请联系系统管理员！')
|
||||
}
|
||||
initChatUI = () => {
|
||||
//智慧客服
|
||||
if(this.state.isCloseWs){
|
||||
this.setState({optionsModal: true})
|
||||
}else{
|
||||
this.setState({isModalVisible: true})
|
||||
this.setState({isCloseWs: false})
|
||||
this.setState({isFlash :false})
|
||||
}
|
||||
}
|
||||
followUpProject = async (data) => { // 项目跟进
|
||||
auctionFollowUpAProjectManager(data)
|
||||
@ -128,13 +147,10 @@ class manager extends PureComponent {
|
||||
};
|
||||
render() {
|
||||
const { projectlist, staloading, tlist, trelist, pagelist, disposalList } = this.props;
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible } = this.state;
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible, isModalVisible, isCloseWs, optionsModal, projectModal, supplierNumber, staffId, staffName, kfType, questionType, isFlash} = this.state; //智慧客服state
|
||||
return (
|
||||
<>
|
||||
{
|
||||
START_ENV == 'UAT' || START_ENV == 'DEV' || START_ENV == 'sim' ? '' :
|
||||
<a className="talk" onClick={() => this.talkXy()}>咨询服务︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
}
|
||||
<a className={isFlash && !isModalVisible ? "talk text-effect":"talk"} onClick={() => this.initChatUI()}>咨询服务︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
<div className="dashboard" style={{ height: innerHeight - 70, overflow: "hidden" }}>
|
||||
<Row className="topt">
|
||||
<Col span={8}><Card title="我的消息" bordered={false} className="cardtre" style={{ marginRight: "10px" }} extra={<div className="moret" onClick={() => history.push('/SystemMessage/message')}>更多<RightOutlined /></div>}>
|
||||
@ -204,6 +220,51 @@ class manager extends PureComponent {
|
||||
{messageDetail ? <MessageDetail messId={messId} onCancel={() => { this.closeModel(), this.props.dispatch({type: "dashboard/fetchtlistre", payload: { pageNo: 1, pageSize: 7 }}) }} modalVisible={messageDetail} /> : null }
|
||||
{questVisible ? <QuestDetail questData={questData} onCancel={() => { this.closeParticipate(), this.props.dispatch({type: "dashboard/fetchtlistre", payload: { pageNo: 1, pageSize: 7 }}) }} modalVisible={questVisible} /> : null}
|
||||
{noticeDetail && <NoticeDetail detailId={detailId} onCancel={() => { this.noticeModel() }} modalVisible={noticeDetail} />}
|
||||
{/*智慧客服*/}
|
||||
<ChatUI
|
||||
openProjectWin={()=>{
|
||||
this.setState({kfType: 2})
|
||||
this.setState({projectModal: true})
|
||||
}}
|
||||
openWin={(kfType, questionType)=>{
|
||||
this.setState({questionType: questionType})
|
||||
this.setState({kfType: kfType})
|
||||
this.setState({optionsModal: false})
|
||||
this.setState({isModalVisible: true})
|
||||
this.setState({isCloseWs: false})
|
||||
this.setState({isFlash :false})
|
||||
}}
|
||||
closeWin={()=>{
|
||||
this.setState({kfType: 0})
|
||||
this.setState({questionType: 0})
|
||||
this.setState({optionsModal: false})
|
||||
this.setState({isModalVisible: false})
|
||||
this.setState({isCloseWs: true})
|
||||
this.setState({projectModal: false})
|
||||
}}
|
||||
optionsModal={optionsModal}
|
||||
projectModal={projectModal}
|
||||
isModalVisible={isModalVisible}
|
||||
kfType={kfType}
|
||||
questionType={questionType}
|
||||
staffId={staffId}
|
||||
staffName={staffName}
|
||||
supplierNumber={supplierNumber}
|
||||
isCloseWs={isCloseWs}
|
||||
hideWin={()=>{
|
||||
this.setState({optionsModal: false})
|
||||
this.setState({isModalVisible: false})
|
||||
}}
|
||||
closeOptionsModal={()=>{
|
||||
this.setState({optionsModal: false})
|
||||
}}
|
||||
closeProjectModal={()=>{
|
||||
this.setState({projectModal: false})
|
||||
}}
|
||||
msgAlert={()=>{
|
||||
if(!isModalVisible) this.setState({isFlash: true})
|
||||
}}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user