首页客服弹窗修改样式、发票管理咨询代理商

src/pages/Auction/AuctionManagerProject/components/AuctionManagerProject.tsx

@@ -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>
       }
     }
   ];

src/pages/Invoice/Supplier/index.tsx

@@ -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:'项目名称',

src/pages/MainPage/ProjectManager/disposalManager.js

@@ -176,7 +176,7 @@ class manager extends PureComponent {
             <>
             <Popconfirm
                     title={()=>{
-                        return <><p>您好，系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
+                        return <><p>系统操作咨询仅可以解决您在平台的操作问题，如想了解发票、保证金及项目相关问题请点击具体项目的咨询窗口进行咨询。</p>
                         <p>是否还要继续咨询系统操作问题？</p></>
                     }}
                     onConfirm={()=>this.initChatUI()}

src/pages/MainPage/ProjectManager/manager.js

@@ -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>
+                  </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> */}
+                <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
+                }
             </>
         )
     }

src/pages/MainPage/ProjectManager/participants.js

@@ -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>
+                  </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> */}
+                <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() }} />
             </>

src/pages/MainPage/ProjectManager/purchaseManager.js

@@ -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>
+                  </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> */}
+                <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
+            }
             </>
         )
     }

src/pages/MainPage/ProjectManager/supplier.js

@@ -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
+            }
             </>
         )
     }