\n 为达到最好的服务品质\n
\n {'请至浏览器设定 > 隐私权 > 允许第三方 Cookie 存取或关闭阻挡\b第三方'}\n Cookie 设定。\n
\n 设定完成后请重新整理页面。\n
}\n {title}
\n \n
\n \n {children}
\n \n
\n \n })
\n
\n \n ))}\n \n {title} \n
\n 如果没有自动跳转，请点击下方按钮前往
}\n \n\n 载入中...\n
\n }\n inverse={true}\n style={{ display: 'flex', flexDirection: 'column-reverse' }} // 反轉內容順序\n onScroll={onScroll}>\n {children}\n \n )}\n \n {/* 邀請控制 */}\n {controlFooter}\n\n {/* 使用者資訊 */}\n {IS_CLIENT || (\n \n \n {showName} \n {userID ? (\n \n (#{userID})\n \n ) : null}\n {timestamp && (\n \n {formatTime(timestamp)}\n \n )}\n \n \n )}\n\n {/* 訊息資訊 */}\n\n \n {/* 狀態 */}\n {isShowMsgStatus && (\n \n \n {checkRender({ isRead, isSend, isError, isLoading })}\n \n \n )}\n\n {/* 撤回狀態 */}\n {isRetract ? (\n \n 讯息已撤回\n \n ) : null}\n\n {/* 內容 */}\n \n {children}\n \n {IS_CLIENT && (\n \n {avatar}\n \n )}\n \n
\n ');\n\n return (\n
付款方式
\n {PayType[payType]?.label}
\n 存款金额
\n {amount}
\n 订单号
\n \n {orderNo}\n {IS_CLIENT ? (\n \n 咨询此单\n \n ) : (\n
\n 状态
\n {OrderStatusKeys[status]?.label}
\n 日期
\n {formatDateTime(createdAt)}
\n 收款信息
\n ${content.text}
` }} />\n ),\n };\n return systemType[type] ? \n {text}\n \n );\n}\n\nexport default MsgImage;\n","import React from 'react';\nimport { Divider } from 'antd';\nimport { Box, Button } from '@WRAP_COMP';\nimport { MsgContentTypeKeys } from '@/utils';\n\nconst layoutMap = {\n BASELINE: { display: 'block' },\n HORIZONTAL: { display: 'flex' }, // 水平\n VERTICAL: { display: 'flex', flexDirection: 'column' }, // 垂直\n};\n\nfunction MsgBubble({ header, hero, body, footer, pushMsg, onOrderDetail }) {\n const compMap = {\n box: ({\n children,\n layout = 'BASELINE',\n justifyContent = '',\n alignItems = '',\n padding = '',\n margin = '',\n separator = false,\n }) => (\n <>\n {separator &&
');\n return (\n
\n {header &&
\n );\n}\n\nexport default MsgBubble;\n","import { useCallback } from 'react';\nimport { IS_CLIENT } from '@/const';\n\nimport Msg from '@/components/Msg';\nimport MsgControlItem from '@/components/Msg/MsgControlItem';\nimport MsgText from '@/components/Msg/MsgText';\nimport MsgSystem from '@/components/Msg/MsgSystem';\nimport MsgImage from '@/components/Msg/MsgImage';\nimport MsgBubble from '@/components/Msg/MsgBubble';\n\nimport { ReceiveMsgContentType, MsgStatusKeys } from '@/utils';\n\nfunction MsgList({\n roomMsg = [],\n roomID = 0,\n usersMap = {},\n lastReadID = [],\n postSystemMsg = () => {},\n setRoomMsgHandle = () => {},\n onOrderDetail = () => {},\n}) {\n /**\n *\n */\n const msgBubbleRender = msg => {\n const { id, bubble, roomID } = msg;\n return (\n \n connectCS({ question })}\n disabled={isLogin}>\n 联系客服\n \n
\n );\n}\n\nexport default ConnectCSBtn;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Typography, Space, Divider } from 'antd';\nimport { Button } from '@/plugin/wrap-comp';\nimport MsgInfoWrap from '@/components/Msg/MsgInfoWrap';\nimport ResetHtmlWrap from '@/components/ResetHtmlWrap';\nimport ConnectCSBtn from './ConnectCSBtn';\n\nfunction CusFaqMsg({\n faqList = [],\n preData = {},\n clickFaq = () => {},\n connectCS = () => {},\n}) {\n const { csRoomSetting } = useSelector(({ client }) => client);\n const { currentRoomID } = useSelector(({ room }) => room);\n return (\n \n \n {txt}\n \n
\n );\n}\n\nexport default CusUserMsg;\n","import React from 'react';\nimport { Box } from '@WRAP_COMP';\nimport { LoadingOutlined } from '@ant-design/icons';\nimport { Typography, Spin } from 'antd';\nfunction QueueInfo() {\n return (\n \n 请您上传这笔存款的完整信息回执单（图片）\n
\n \n 包含完整的卡号、金额、姓名、银行印章（不可遮盖或含*）\n \n
\n 文件格式为PNG、JPEG、AVI，支持上传视频：MPEG、AVI、nAVI、ASF、MOV、3GP、WMV、DivX、XviD、RM、RMVB、FLV/F4V，文件大小不超过10M。\n
\n\n loading || lazyTyping(val)}\n pushMsg={pushMsgHandle}\n showFrontDrop={!roomDetail}\n showPaymentCancelBtn={!!roomMsg.length}\n />\n
\n\n