采购经理、供应商、代理商嵌入客服

src/pages/Finance/Cost/index.tsx

@@ -8,7 +8,8 @@ import { ExclamationCircleOutlined } from '@ant-design/icons';
 import ExtendUpload from '@/utils/ExtendUpload';
 import { commonMessage } from '@/utils/MessageUtils';
 import moment from 'moment';
-
+import kefu from '@/assets/img/kefu.png'  //智慧客服
+import {windowOpenChatUI} from '@/utils/CustomerService' //智慧客服
 const dateFormat = 'YYYY-MM-DD';
 
 const finance: React.FC<{}> = () => {
@@ -73,6 +74,14 @@ const finance: React.FC<{}> = () => {
         "-1": { text: '已失效', },
       },
     },
+    {
+      title: '我要咨询',
+      dataIndex: 'consult',
+      width: '5%',
+      render: (text: any, record: any) => (
+        <span onClick={()=>{initChatUI(record)}}><img style={{width:20,height:20, cursor:'pointer'}} src={kefu} alt="" /></span>
+      ),
+    },
     {
       title: '操作', dataIndex: 'option', width: '5%',
       valueType: 'option',
@@ -575,6 +584,84 @@ const finance: React.FC<{}> = () => {
     })
 
   }
+  const initChatUI = (record:any)=>{//智慧客服-创建临时表单
+    let roleAuthority: any | null = sessionStorage.getItem('roleAuthority');
+    const inputList = [
+      {
+        label:null,
+        paraName:'origin',
+        isEncode:false,
+        paraVal:'eBid',
+      },
+      {
+        label:null,
+        paraName:'tenderAgencyId',
+        isEncode:false,
+        paraVal:record.agencyId,
+      },
+      {
+        label:null,
+        paraName:'tenderAgencyName',
+        isEncode:true,
+        paraVal:record.agencyName,
+      },
+      {
+        label:null,
+        paraName:'roleAuthority',
+        isEncode:false,
+        paraVal:JSON.parse(roleAuthority)[0],
+      },
+      {
+        label:null,
+        paraName:'module',
+        isEncode:false,
+        paraVal:'10',
+      },
+      {
+        label:null,
+        paraName:'custType',
+        isEncode:false,
+        paraVal:'2',
+      },
+      {
+        label:'项目名称',
+        paraName:'projectName',
+        isEncode:true,
+        paraVal:record.projectName,
+      },
+      {
+        label:'订单号',
+        paraName:'orderNumber',
+        isEncode:true,
+        paraVal:record.orderNumber,
+      },
+      {
+        label:'费用类型',
+        paraName:'commodityName',
+        isEncode:true,
+        paraVal:record.commodityName,
+      },
+      {
+        label:'下单时间 ',
+        paraName:'createDate',
+        isEncode:true,
+        paraVal:record.createDate,
+      },
+      {
+        label:'金额',
+        paraName:'amount',
+        isEncode:true,
+        paraVal:`￥${record.amount}`,
+      },
+      {
+        label:'状态',
+        paraName:'fystate',
+        isEncode:true,
+        paraVal:record.state=='0'?'未支付':record.state=='1'?'支付中':record.state=='2'?'支付成功':record.state=='3'?'待审核':record.state=='-2'?'审核驳回':record.state=='-1'?'已失效':'-',
+      },
+    ]
+    windowOpenChatUI(inputList, window.location.pathname)
+  }
   return (
     <>
       <PageHeader title="费用支付" />