首页客服弹窗修改样式、发票管理咨询代理商
This commit is contained in:
unknown
@ -3,10 +3,10 @@ import { history } from 'umi';
|
||||
import ProTable from '@ant-design/pro-table';
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { getInteriorManagerProjectList } from '../service'
|
||||
import { auctionFollowUpAProjectManager, getDicData } from '@/utils/session';
|
||||
import { auctionFollowUpAProjectManager, getDicData, getSessionUserData } from '@/utils/session';
|
||||
import { getUrlParam, getUrlRelativePath, isEmpty, proTableValueEnum } from '@/utils/CommonUtils';
|
||||
import { btnAuthority } from '@/utils/authority';
|
||||
|
||||
import { createHiddenForm } from '@/utils/CustomerService' //智慧客服
|
||||
const AuctionMyLookingForInnerShot: React.FC<{}> = () => {
|
||||
const [form] = Form.useForm();
|
||||
|
||||
@ -19,6 +19,80 @@ const AuctionMyLookingForInnerShot: React.FC<{}> = () => {
|
||||
const projectName = getUrlParam("projectName");
|
||||
//url分页信息
|
||||
const current = getUrlParam("current");
|
||||
const saveTmpForm = (record: any) => {//智慧客服-创建临时表单
|
||||
let roleAuthority: any | null = sessionStorage.getItem('roleAuthority');
|
||||
let data = getSessionUserData();
|
||||
console.log(record)
|
||||
const inputList = [
|
||||
{
|
||||
label: null,
|
||||
paraName: 'origin',
|
||||
isEncode: false,
|
||||
paraVal: 'eBid',
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'organizationId',
|
||||
isEncode: false,
|
||||
paraVal: data.organizationId,
|
||||
},
|
||||
{
|
||||
label: '处置实施项目',
|
||||
paraName: 'projectName',
|
||||
isEncode: true,
|
||||
paraVal: record.projectName,
|
||||
},
|
||||
{
|
||||
label: '处置编号 ',
|
||||
paraName: 'disposalNum',
|
||||
isEncode: true,
|
||||
paraVal: record.disposalNum,
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'tenderAgencyId',
|
||||
isEncode: false,
|
||||
paraVal: 'EMPTY',
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'tenderAgencyName',
|
||||
isEncode: true,
|
||||
paraVal: '招投标客服',
|
||||
},
|
||||
{
|
||||
label: '处置实施部门',
|
||||
paraName: 'disposalDepartmentName',
|
||||
isEncode: true,
|
||||
paraVal: record.disposalDepartmentName,
|
||||
},
|
||||
{
|
||||
label: '处置经理',
|
||||
paraName: 'disposalManagerName',
|
||||
isEncode: true,
|
||||
paraVal: record.disposalManagerName
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'roleAuthority',
|
||||
isEncode: false,
|
||||
paraVal: JSON.parse(roleAuthority)[0],
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'module',
|
||||
isEncode: false,
|
||||
paraVal: '2',
|
||||
},
|
||||
{
|
||||
label: null,
|
||||
paraName: 'custType',
|
||||
isEncode: false,
|
||||
paraVal: '1',
|
||||
},
|
||||
]
|
||||
createHiddenForm(inputList, window.location.pathname)
|
||||
}
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
@ -88,11 +162,15 @@ const AuctionMyLookingForInnerShot: React.FC<{}> = () => {
|
||||
valueType: 'option',
|
||||
width: 100,
|
||||
render: (_: any, record: any) => {
|
||||
return <Button hidden={btnAuthority(['ebtp-auction-manager'])} type='link' danger onClick={() => saveProject({
|
||||
return <Button hidden={btnAuthority(['ebtp-auction-manager'])} type='link' danger onClick={() => {
|
||||
//创建临时表单-智慧客服
|
||||
saveTmpForm(record)
|
||||
saveProject({
|
||||
"id": record?.id,
|
||||
"projectName": record?.projectName,
|
||||
"bidMethodDict": 'auction',
|
||||
})}>项目跟进</Button>
|
||||
})
|
||||
}}>项目跟进</Button>
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
@ -128,13 +128,13 @@ const InvoiceSupplier: React.FC<{}> = () => {
|
||||
label:null,
|
||||
paraName:'tenderAgencyId',
|
||||
isEncode:false,
|
||||
paraVal:'EMPTY',
|
||||
paraVal:record.agencyId,
|
||||
},
|
||||
{
|
||||
label:null,
|
||||
paraName:'tenderAgencyName',
|
||||
isEncode:true,
|
||||
paraVal:'招投标客服',
|
||||
paraVal:record.agencyName,
|
||||
},
|
||||
{
|
||||
label:null,
|
||||
@ -146,13 +146,19 @@ const InvoiceSupplier: React.FC<{}> = () => {
|
||||
label:null,
|
||||
paraName:'module',
|
||||
isEncode:false,
|
||||
paraVal:'10',
|
||||
},
|
||||
{
|
||||
label:null,
|
||||
paraName:'custType',
|
||||
isEncode:false,
|
||||
paraVal:'2',
|
||||
},
|
||||
{
|
||||
label:null,
|
||||
paraName:'custType',
|
||||
paraName:'orderId',
|
||||
isEncode:false,
|
||||
paraVal:'2',
|
||||
paraVal:record.orderId,
|
||||
},
|
||||
{
|
||||
label:'项目名称',
|
||||
|
||||
@ -176,7 +176,7 @@ class manager extends PureComponent {
|
||||
<>
|
||||
<Popconfirm
|
||||
title={()=>{
|
||||
return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
return <><p>系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
<p>是否还要继续咨询系统操作问题？</p></>
|
||||
}}
|
||||
onConfirm={()=>this.initChatUI()}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import { history } from 'umi';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message, Modal,Popconfirm } from 'antd';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message, Modal,Popconfirm, Space } from 'antd';
|
||||
// import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||
import { connect } from 'dva';
|
||||
import './index.less';
|
||||
@ -17,6 +17,7 @@ import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
||||
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
import ApprovalDetail from '@/pages/SystemMessage/message/components/approvalDetail'
|
||||
import { submitHiddenForm, createHiddenForm } from '@/utils/CustomerService' //智慧客服
|
||||
import kefu from '@/assets/img/kefu.png' //智慧客服
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
downlistLoading: loading.effects['dashboard/fetchDowntlist'],
|
||||
@ -33,6 +34,7 @@ class manager extends PureComponent {
|
||||
questData: {},//问卷数据
|
||||
questVisible: false,//问卷弹窗
|
||||
mainDetail: false, // 审批单消息弹窗
|
||||
kefuTip: false, // 客服弹窗
|
||||
// NTKF_PARAM: {
|
||||
// siteid: "bl_1000", //企业ID，,为固定值
|
||||
// settingid: "bl_1000_1492484340268", //接待组ID，为固定值，必填
|
||||
@ -223,7 +225,7 @@ class manager extends PureComponent {
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible, mainDetail, } = this.state;
|
||||
return (
|
||||
<>
|
||||
<Popconfirm
|
||||
{/* <Popconfirm
|
||||
title={()=>{
|
||||
return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
<p>是否还要继续咨询系统操作问题？</p></>
|
||||
@ -233,8 +235,12 @@ class manager extends PureComponent {
|
||||
cancelText="否"
|
||||
>
|
||||
<a className="talk">系统操作咨询︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
</Popconfirm>
|
||||
{/* <a className="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> */}
|
||||
</Popconfirm> */}
|
||||
<a className="talk" onClick={() => {
|
||||
this.setState({
|
||||
kefuTip: true
|
||||
})
|
||||
}}>系统操作咨询︵<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={() => {
|
||||
@ -362,6 +368,41 @@ class manager extends PureComponent {
|
||||
{
|
||||
idList.length > 0 ? <ApprovalDetail approvalId={idList[0]} dateNum={dateNum} trelist={idList} onCancel={() => { this.closeModel(), this.props.dispatch({ type: "dashboard/fetchtClarify", payload: { authorizestate: '0', templatetype: '4', size: 6 } }) }} modalVisible={mainDetail} /> : null
|
||||
}
|
||||
{
|
||||
this.state.kefuTip ? <div style={{ border:'1px solid grey', borderRadius: '10px', backgroundColor:'white',position:'absolute', width:'600px', left:'50%', top:'50%',transform:'translate(-50%,-50%)'}}>
|
||||
<div style={{padding:'10px',borderRadius: '6px 6px 0px 0px',backgroundColor:'rgb(179,0,0)', color:'white'}}>
|
||||
温馨提示
|
||||
</div>
|
||||
<div style={{padding:'10px'}}>
|
||||
<p>您好，系统操作咨询仅可以解决您在<span style={{color:'rgb(179,0,0)', fontWeight:'bolder'}}>平台操作使用问题。</span></p>
|
||||
<p>如您需要咨询发票、保证金及项目相关问题请点击项目右侧<img style={{width:20,height:20,}} src={kefu} alt="" />进行咨询。</p>
|
||||
<p>请问您是否咨询系统操作问题？</p>
|
||||
</div>
|
||||
<div style={{
|
||||
//width:'200px',
|
||||
position:'relative',
|
||||
left:'50%',
|
||||
transform:'translateX(-50%)',
|
||||
display: 'inline-block',
|
||||
margin: '8px 4px',
|
||||
padding: '4px'
|
||||
}}>
|
||||
|
||||
<Space
|
||||
align='center'
|
||||
>
|
||||
<Button type='primary' onClick={() => {this.initChatUI();this.setState({
|
||||
kefuTip: false
|
||||
})}}>是</Button>
|
||||
<Button onClick={() => this.setState({
|
||||
kefuTip: false
|
||||
})}>否
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import { history } from 'umi';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message, Popconfirm } from 'antd';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message, Popconfirm, Space } from 'antd';
|
||||
import { connect } from 'dva';
|
||||
import './index.less';
|
||||
import talkPng from '@/images/talk/talk.png';
|
||||
@ -17,6 +17,7 @@ import StopReason from '@/pages/Auction/NoticeModal/stopReason'
|
||||
import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
||||
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
import { submitHiddenForm, createHiddenForm } from '@/utils/CustomerService' //智慧客服
|
||||
import kefu from '@/assets/img/kefu.png' //智慧客服
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
fetchtShotList: loading.effects['dashboard/fetchtShotList'],
|
||||
@ -37,6 +38,7 @@ class manager extends PureComponent {
|
||||
questData: {},//问卷数据
|
||||
questVisible: false, //问卷弹窗服
|
||||
roleIds: '',//智慧客服
|
||||
kefuTip: false, // 客服弹窗
|
||||
}
|
||||
componentDidMount() {
|
||||
this.props.dispatch({
|
||||
@ -198,7 +200,7 @@ class manager extends PureComponent {
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, noticeModalVis, projectId, isModalVisible, tpid, questData, questVisible, } = this.state;
|
||||
return (
|
||||
<>
|
||||
<Popconfirm
|
||||
{/* <Popconfirm
|
||||
title={()=>{
|
||||
return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
<p>是否还要继续咨询系统操作问题？</p></>
|
||||
@ -208,8 +210,12 @@ class manager extends PureComponent {
|
||||
cancelText="否"
|
||||
>
|
||||
<a className="talk">系统操作咨询︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
</Popconfirm>
|
||||
{/* <a className="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> */}
|
||||
</Popconfirm> */}
|
||||
<a className="talk" onClick={() => {
|
||||
this.setState({
|
||||
kefuTip: true
|
||||
})
|
||||
}}>系统操作咨询︵<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>}>
|
||||
@ -296,6 +302,41 @@ 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} />}
|
||||
{
|
||||
this.state.kefuTip ? <div style={{ border:'1px solid grey', borderRadius: '10px', backgroundColor:'white',position:'absolute', width:'600px', left:'50%', top:'50%',transform:'translate(-50%,-50%)'}}>
|
||||
<div style={{padding:'10px',borderRadius: '6px 6px 0px 0px',backgroundColor:'rgb(179,0,0)', color:'white'}}>
|
||||
温馨提示
|
||||
</div>
|
||||
<div style={{padding:'10px'}}>
|
||||
<p>您好，系统操作咨询仅可以解决您在<span style={{color:'rgb(179,0,0)', fontWeight:'bolder'}}>平台操作使用问题。</span></p>
|
||||
<p>如您需要咨询发票、保证金及项目相关问题请点击项目右侧<img style={{width:20,height:20,}} src={kefu} alt="" />进行咨询。</p>
|
||||
<p>请问您是否咨询系统操作问题？</p>
|
||||
</div>
|
||||
<div style={{
|
||||
//width:'200px',
|
||||
position:'relative',
|
||||
left:'50%',
|
||||
transform:'translateX(-50%)',
|
||||
display: 'inline-block',
|
||||
margin: '8px 4px',
|
||||
padding: '4px'
|
||||
}}>
|
||||
|
||||
<Space
|
||||
align='center'
|
||||
>
|
||||
<Button type='primary' onClick={() => {this.initChatUI();this.setState({
|
||||
kefuTip: false
|
||||
})}}>是</Button>
|
||||
<Button onClick={() => this.setState({
|
||||
kefuTip: false
|
||||
})}>否
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
<NoticeModal projectId={projectId} state={'3'} vis={noticeModalVis} close={() => { this.noticeModel() }} />
|
||||
<StopReason tpid={tpid} modalVisible={isModalVisible} onCancel={() => { this.noticeModel() }} />
|
||||
</>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import { history } from 'umi';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message,Popconfirm } from 'antd';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message,Popconfirm, Space } from 'antd';
|
||||
// import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||
import { connect } from 'dva';
|
||||
import './index.less';
|
||||
@ -17,6 +17,7 @@ import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
||||
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
import ApprovalDetail from '@/pages/SystemMessage/message/components/approvalDetail'
|
||||
import {submitHiddenForm, createHiddenForm} from '@/utils/CustomerService' //智慧客服
|
||||
import kefu from '@/assets/img/kefu.png' //智慧客服
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
downlistLoading: loading.effects['dashboard/fetchDowntlist'],
|
||||
@ -34,6 +35,7 @@ class manager extends PureComponent {
|
||||
questVisible: false, //问卷弹窗
|
||||
mainDetail: false, // 审批单消息弹窗
|
||||
isModalVisible: false, //智慧客服
|
||||
kefuTip: false, // 客服弹窗
|
||||
}
|
||||
componentDidMount() {
|
||||
this.props.dispatch({
|
||||
@ -188,7 +190,7 @@ class manager extends PureComponent {
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible, mainDetail, } = this.state; //智慧客服state
|
||||
return (
|
||||
<>
|
||||
<Popconfirm
|
||||
{/* <Popconfirm
|
||||
title={()=>{
|
||||
return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
<p>是否还要继续咨询系统操作问题？</p></>
|
||||
@ -198,8 +200,12 @@ class manager extends PureComponent {
|
||||
cancelText="否"
|
||||
>
|
||||
<a className="talk">系统操作咨询︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
</Popconfirm>
|
||||
{/* <a className="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> */}
|
||||
</Popconfirm> */}
|
||||
<a className="talk" onClick={() => {
|
||||
this.setState({
|
||||
kefuTip: true
|
||||
})
|
||||
}}>系统操作咨询︵<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>}>
|
||||
@ -321,6 +327,41 @@ class manager extends PureComponent {
|
||||
{
|
||||
idList.length > 0 ? <ApprovalDetail approvalId={idList[0]} dateNum={dateNum} trelist={idList} onCancel={() => { this.closeModel(), this.props.dispatch({ type: "dashboard/fetchtClarify", payload: { authorizestate: '0', templatetype: '4', size: 6 } }) }} modalVisible={mainDetail} /> : null
|
||||
}
|
||||
{
|
||||
this.state.kefuTip ? <div style={{ border:'1px solid grey', borderRadius: '10px', backgroundColor:'white',position:'absolute', width:'600px', left:'50%', top:'50%',transform:'translate(-50%,-50%)'}}>
|
||||
<div style={{padding:'10px',borderRadius: '6px 6px 0px 0px',backgroundColor:'rgb(179,0,0)', color:'white'}}>
|
||||
温馨提示
|
||||
</div>
|
||||
<div style={{padding:'10px'}}>
|
||||
<p>您好，系统操作咨询仅可以解决您在<span style={{color:'rgb(179,0,0)', fontWeight:'bolder'}}>平台操作使用问题。</span></p>
|
||||
<p>如您需要咨询发票、保证金及项目相关问题请点击项目右侧<img style={{width:20,height:20,}} src={kefu} alt="" />进行咨询。</p>
|
||||
<p>请问您是否咨询系统操作问题？</p>
|
||||
</div>
|
||||
<div style={{
|
||||
//width:'200px',
|
||||
position:'relative',
|
||||
left:'50%',
|
||||
transform:'translateX(-50%)',
|
||||
display: 'inline-block',
|
||||
margin: '8px 4px',
|
||||
padding: '4px'
|
||||
}}>
|
||||
|
||||
<Space
|
||||
align='center'
|
||||
>
|
||||
<Button type='primary' onClick={() => {this.initChatUI();this.setState({
|
||||
kefuTip: false
|
||||
})}}>是</Button>
|
||||
<Button onClick={() => this.setState({
|
||||
kefuTip: false
|
||||
})}>否
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic,Popconfirm } from 'antd';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic,Popconfirm, Space } from 'antd';
|
||||
import { history } from 'umi';
|
||||
// import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||
import { connect } from 'dva';
|
||||
@ -19,6 +19,7 @@ import InvitationLetter from '@/utils/InvitationLetter'
|
||||
import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
||||
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
import {submitHiddenForm, createHiddenForm} from '@/utils/CustomerService' //智慧客服
|
||||
import kefu from '@/assets/img/kefu.png' //智慧客服
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
downlistLoading: loading.effects['dashboard/fetchDowntlist'],
|
||||
@ -39,6 +40,7 @@ class supplier extends PureComponent {
|
||||
questData: {},//问卷数据
|
||||
questVisible: false, //问卷弹窗
|
||||
datestring: moment().format('YYYY-MM'),//我参与的项目日期
|
||||
kefuTip: false, // 客服弹窗
|
||||
}
|
||||
componentDidMount() {
|
||||
const paramst = {
|
||||
@ -233,7 +235,7 @@ class supplier extends PureComponent {
|
||||
const { datevalue, messId, messageDetail, mainDetail, detailId, noticeDetail, joinData, joinDetail, invitationData, invitationDetail, questData, questVisible, } = this.state;
|
||||
return (
|
||||
<>
|
||||
<Popconfirm
|
||||
{/* <Popconfirm
|
||||
title={()=>{
|
||||
return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
|
||||
<p>是否还要继续咨询系统操作问题？</p></>
|
||||
@ -243,7 +245,12 @@ class supplier extends PureComponent {
|
||||
cancelText="否"
|
||||
>
|
||||
<a className="talk">系统操作咨询︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
</Popconfirm>
|
||||
</Popconfirm> */}
|
||||
<a className="talk" onClick={() => {
|
||||
this.setState({
|
||||
kefuTip: true
|
||||
})
|
||||
}}>系统操作咨询︵<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>}>
|
||||
@ -354,6 +361,41 @@ class supplier extends PureComponent {
|
||||
{noticeDetail && <NoticeDetail detailId={detailId} onCancel={() => { this.noticeModel() }} modalVisible={noticeDetail} />}
|
||||
{joinData == '' ? null : <IParticipateIn projectData={joinData} setVisible={() => { this.noticeModel() }} visible={joinDetail} />}
|
||||
{invitationData == '' ? null : <InvitationLetter projectData={invitationData} setVisible={() => { this.noticeModel() }} visible={invitationDetail} />}
|
||||
{
|
||||
this.state.kefuTip ? <div style={{ border:'1px solid grey', borderRadius: '10px', backgroundColor:'white',position:'absolute', width:'600px', left:'50%', top:'50%',transform:'translate(-50%,-50%)'}}>
|
||||
<div style={{padding:'10px',borderRadius: '6px 6px 0px 0px',backgroundColor:'rgb(179,0,0)', color:'white'}}>
|
||||
温馨提示
|
||||
</div>
|
||||
<div style={{padding:'10px'}}>
|
||||
<p>您好，系统操作咨询仅可以解决您在<span style={{color:'rgb(179,0,0)', fontWeight:'bolder'}}>平台操作使用问题。</span></p>
|
||||
<p>如您需要咨询发票、保证金及项目相关问题请点击项目右侧<img style={{width:20,height:20,}} src={kefu} alt="" />进行咨询。</p>
|
||||
<p>请问您是否咨询系统操作问题？</p>
|
||||
</div>
|
||||
<div style={{
|
||||
//width:'200px',
|
||||
position:'relative',
|
||||
left:'50%',
|
||||
transform:'translateX(-50%)',
|
||||
display: 'inline-block',
|
||||
margin: '8px 4px',
|
||||
padding: '4px'
|
||||
}}>
|
||||
|
||||
<Space
|
||||
align='center'
|
||||
>
|
||||
<Button type='primary' onClick={() => {this.initChatUI();this.setState({
|
||||
kefuTip: false
|
||||
})}}>是</Button>
|
||||
<Button onClick={() => this.setState({
|
||||
kefuTip: false
|
||||
})}>否
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user