\n \n {children}\n \n
\n );\n};\n\nexport default ConsultingRoomTable;\n","/**\n * 客服(諮詢房)統計數據\n */\nimport React, { useMemo } from 'react';\nimport {\n UserAddOutlined,\n SwapOutlined,\n UserSwitchOutlined,\n CommentOutlined,\n} from '@ant-design/icons';\nimport { Statistic, Card, Skeleton } from 'antd';\nimport { Row, Col } from '@/plugin/wrap-comp';\nimport { useActiveList } from '@/hook/useList';\nimport useMerchant from '@/hook/useMerchant';\nimport SearchBar from '@/components/SearchBar';\nimport QnsTooltip from '@/components/QnsTooltip';\nimport { setDateRanges, formatSearchDate, secondsToHms } from '@/utils';\nimport ConsultingRoomTable from '@/components/Table/ConsultingRoomTable';\nimport { Bar } from '@ant-design/charts';\n\nconst { theme } = require('@/plugin/theme');\nconst defaultDateTime = setDateRanges(1);\nconst defaultSearch = {\n date: [defaultDateTime.start, defaultDateTime.end], // 日期套件要用的預設格式\n};\n\nconst roomServiceOriginFilter = {\n roomServiceFilter: {\n baseFilter: {\n sortField: 'date',\n sortType: 'DESC',\n rangeField: 'date',\n rangeType: 'ByDateTime',\n greaterThanEqual: formatSearchDate(defaultSearch.date)[0],\n lessThanEqual: formatSearchDate(defaultSearch.date)[1],\n },\n },\n roomAreaFilter: {\n baseFilter: {\n createdAtGTE: formatSearchDate(defaultSearch.date)[0],\n createdAtLTE: formatSearchDate(defaultSearch.date)[1],\n },\n },\n};\n\nconst config = {\n xField: 'count',\n yField: 'administrativeArea',\n legend: { position: 'top-left' },\n barBackground: { style: { fill: 'rgba(0,0,0,0.1)' } },\n interactions: [\n {\n type: 'active-region',\n enable: false,\n },\n ],\n};\n\nexport default function ReportConsultingRoomMgm() {\n const { merchantSelectList, loading: merchantLoading } = useMerchant({\n options: { fetchPolicy: 'cache-first' },\n });\n const searchFields = useMemo(\n () => [\n { name: 'date', type: 'dateRange', label: '统计时间' },\n {\n name: 'merchantID',\n type: 'select',\n label: '所属商户号',\n options: merchantSelectList.map(({ value, label }) => ({\n value,\n label,\n })),\n },\n ],\n [merchantSelectList],\n );\n\n // 處理總數顯示\n const totalDataFields = [\n {\n key: 'createConsultationCountOfCommonUserTotal',\n title: () => (\n 共 {total} 条
}\n />\n \n \n \n 全选\n \n \n
\n );\n}\n\nexport default BatchDeactivated;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Box } from '@WRAP_COMP';\nimport { Tabs, Spin } from 'antd';\n\nconst defaultTabPaneArr = [\n { key: '1', tab: '11' },\n { key: '2', tab: '22' },\n];\n\nconst TabsScrollBlock = ({\n children,\n loading = false,\n tabPaneArr = defaultTabPaneArr,\n onChangeTab = () => {},\n controlArea = null,\n wrapProps = {},\n ...props\n}) => {\n return (\n \n \n {tabPaneArr.map(({ key, ...props }) => (\n
\n {controlArea}
\n \n \n \n {title}\n \n {cusSubtitle || {subtitle} }\n \n
\n {btnGroup}\n \n );\n};\n\nAdminHeader.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n btnGroup: PropTypes.node,\n};\nexport default AdminHeader;\n","import React from 'react';\nimport { Badge } from 'antd';\nimport { Button, Box } from '@WRAP_COMP';\nimport { DownOutlined } from '@ant-design/icons';\nconst { theme } = require('@/plugin/theme');\n\nconst ScrollDownBtn = ({\n show = false,\n hasNewMsg = false,\n onClick = () => {},\n}) => {\n if (!show) return null;\n return (\n \n 为达到最好的体验品质，请更換浏览器。\n
\n 为达到最好的服务品质\n
\n {'请至浏览器设定 > 隐私权 > 允许第三方 Cookie 存取或关闭阻挡\b第三方'}\n Cookie 设定。\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
{title}
\n \n
\n \n {children}
\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 {typingTxt}
}\n \n \n \n
\n
\n ))}\n \n );\n}\n\nexport default ConversationTime;\n","/**\n * 歷史諮詢紀錄\n */\nimport React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { EyeTwoTone, DownloadOutlined } from '@ant-design/icons';\nimport { setVisibleDrawer } from '@/store/global';\nimport { setRoomDetail } from '@/store/room';\nimport { Space, Tag, Typography } from 'antd';\nimport { Button } from '@/plugin/wrap-comp';\n\nimport { useActiveList } from '@/hook/useList';\nimport { useMutationApi, apiType } from '@/hook/useApi';\nimport useAlertMessage from '@/hook/useAlertMessage';\nimport useRoom from '@/hook/useRoom';\n\nimport PageWrap from '@/components/PageWrap';\nimport SearchBar from '@/components/SearchBar';\nimport DataTable from '@/components/Table/DataTable';\nimport BtnTooltip from '@/components/Button/BtnTooltip';\nimport ViewRoomDrawer from '@/views/CSRoomDeactivated/ViewRoomDrawer';\nimport UserDetailDrawer from '@/components/Drawer/UserDetailDrawer';\nimport {\n setDateRanges,\n formatSearchDateTime,\n RoomStatusKeys,\n AccountTypeKeys,\n AccountTypeDisplay,\n EnableKey,\n} from '@/utils';\nimport ConversationTime from './ConversationTime';\n\nconst defaultDateTime = setDateRanges(0);\nconst defaultSearch = {\n accessDomain: '',\n ownerUsername: '', // 會員帐号\n deactivatedUsername: '', // 封存客服\n accountType: AccountTypeKeys['Unknown'],\n isEffective: EnableKey['Unknown'],\n date: [defaultDateTime.start, defaultDateTime.end], // 日期套件要用的預設格式\n};\nconst defaultSearchDataFormat = formatSearchDateTime([\n defaultDateTime.start,\n defaultDateTime.end,\n]);\nconst originFilter = {\n statusIn: [RoomStatusKeys['Deactivated']],\n baseFilter: {\n sortField: 'room_id',\n sortType: 'DESC',\n rangeField: 'deactivated_at',\n rangeType: 'ByDateTime',\n greaterThanEqual: defaultSearchDataFormat[0],\n lessThanEqual: defaultSearchDataFormat[1],\n },\n};\n\nexport default function ConsultationChatDeactivated() {\n const { onErrorMsg, onWarningMsg } = useAlertMessage();\n const {\n data: { list, total },\n loading,\n pagination,\n handleSearchFilter,\n handleChangePage,\n refetch,\n } = useActiveList({\n api: 'LIST_DEACTIVATED_CS_ROOM',\n originFilter: { ...originFilter },\n handleData: ({ listConsultingRoom }) => {\n const { consultingRooms = [], meta = {} } = listConsultingRoom;\n let list = [];\n let total = 0;\n try {\n list = consultingRooms.map(item => {\n let obj = { ...item };\n // 封存客服\n obj.deactivatedUsername = obj.deactivatedUserID\n ? item.userRooms.find(u => u.userID === obj.deactivatedUserID)?.user\n .username || '-'\n : '待咨询自动封存';\n // 會員帳號\n obj.username =\n item.userRooms.find(u => u.userID === item.ownerUserID)?.user\n .username || '';\n return obj;\n });\n total = meta?.total || 0;\n } catch (err) {\n onErrorMsg(err);\n }\n return { list, total };\n },\n });\n\n const [currSearch, setCurrSearch] = useState({ ...originFilter });\n const onSearchHandle = ({\n accessDomain,\n isEffective,\n roomID,\n date,\n createdAt,\n ...props\n }) => {\n const formatDate = formatSearchDateTime(date);\n const formatCreatedAt = formatSearchDateTime(createdAt);\n const searchData = {\n statusIn: originFilter.statusIn,\n consultingRoom: { accessDomain, isEffective, roomID },\n ...props,\n baseFilter: {\n ...originFilter.baseFilter,\n greaterThanEqual: formatDate[0],\n lessThanEqual: formatDate[1],\n ...(createdAt && {\n createdAtGTE: formatCreatedAt[0],\n createdAtLTE: formatCreatedAt[1],\n }),\n },\n };\n setCurrSearch({ ...searchData });\n handleSearchFilter({ ...searchData });\n };\n\n const dispatch = useDispatch();\n const setVisibleHandle = visible => {\n if (!visible) dispatch(setRoomDetail(null));\n dispatch(setVisibleDrawer({ name: 'ViewRoomDrawer', visible }));\n };\n\n const { roomDetail } = useSelector(({ room }) => room);\n const [currIdx, setCurrIdx] = useState(0);\n const { getRoomLoading, fetchRoomInfo } = useRoom();\n const fetchRoomInfoHandle = (id, extraInfo) => {\n fetchRoomInfo({ id, extraInfo });\n };\n\n const clickControl = async (data, idx) => {\n setCurrIdx(idx);\n fetchRoomInfoHandle(data.roomID);\n setVisibleHandle(true);\n };\n\n /**\n * 報表下載\n * - 下載限制最多 3 天量\n */\n const [currSearchData, setCurrSearchData] = useState([\n ...defaultSearchDataFormat,\n ]);\n const onChangeData = m => {\n setCurrSearchData([...formatSearchDateTime(m)]);\n };\n const isAllowDownloadDayRange = () => {\n const limitRangeSec = 24 * 60 * 60 * 3;\n const searchRange = currSearchData[1] - currSearchData[0];\n return searchRange <= limitRangeSec;\n };\n const [downloadReport, { loading: downLoading }] = useMutationApi(\n apiType.DOWNLOAD_CS_ROOM_REPORT,\n );\n\n const downloadReportHandle = async () => {\n if (!isAllowDownloadDayRange()) {\n onWarningMsg('下载限制最多三天');\n return;\n }\n const [error, data] = await downloadReport({ filter: { ...currSearch } });\n if (error) return;\n if (data?.data?.downloadConsultingRoomReport) {\n let a = document.createElement('a');\n a.href = data.data.downloadConsultingRoomReport;\n a.click();\n } else {\n onErrorMsg('报表下载失败');\n }\n };\n\n const changePageSpecifyDetail = async ({ Idx, page }) => {\n await handleChangePage({ perPage: pagination.perPage, page });\n const { error, data } = await refetch({\n pagination: { perPage: pagination.perPage, page },\n });\n if (error) return;\n return {\n roomID: data.listConsultingRoom.consultingRooms[Idx]?.roomID || 0,\n };\n };\n\n const onChangeDetailRoom = async (isNext = true) => {\n let Idx = isNext ? currIdx + 1 : currIdx + -1;\n let roomID = list[Idx]?.roomID || 0;\n let page = pagination.page;\n\n // 上一頁\n if (Idx < 0) {\n if (page === 1) {\n onWarningMsg('已是第一笔纪录');\n return;\n }\n Idx = pagination.perPage - 1;\n page = page - 1;\n const data = await changePageSpecifyDetail({ Idx, page });\n roomID = data.roomID;\n }\n\n // 下一頁\n if (Idx === list.length) {\n if (pagination.page > total / pagination.perPage) {\n onWarningMsg('已是最後ㄧ笔纪录');\n return;\n }\n Idx = 0;\n page = page + 1;\n const data = await changePageSpecifyDetail({ Idx, page });\n roomID = data.roomID;\n }\n setCurrIdx(Idx);\n fetchRoomInfoHandle(roomID);\n };\n\n const searchFields = [\n {\n name: 'date',\n type: 'dateRange',\n label: '封存时间',\n showTime: true,\n onChange: onChangeData,\n },\n {\n name: 'createdAt',\n type: 'dateRange',\n label: '创建时间',\n showTime: true,\n allowClear: true,\n },\n { name: 'roomID', type: 'text', label: '房間ID' },\n { name: 'deactivatedUsername', type: 'text', label: '封存客服帐号' },\n { name: 'firstJoinUsername', type: 'text', label: '进线客服帐号' },\n { name: 'ownerUsername', type: 'text', label: '會員帐号' },\n {\n name: 'accountType',\n type: 'select',\n label: '會員帐号类型',\n optionsObj: {\n Unknown: { ...AccountTypeDisplay['Unknown'] },\n CommonUser: { ...AccountTypeDisplay['CommonUser'] },\n Tourist: { ...AccountTypeDisplay['Tourist'] },\n },\n },\n {\n name: 'isEffective',\n type: 'select',\n label: '对话状态',\n optionsObj: {\n Unknown: { searchText: '全部类型' },\n Yes: { searchText: '有效对话' },\n No: { searchText: '无效对话' },\n },\n },\n { name: 'accessDomain', type: 'text', label: '访问域名' },\n ];\n const columns = [\n {\n title: '房間 #ID',\n dataIndex: 'roomID',\n key: 'roomID',\n width: '10%',\n fixed: 'left',\n },\n {\n title: '客戶信息',\n key: 'userInfo',\n width: '15%',\n render: r => (\n <>\n {r.username ? (\n `${r.username} #${r.ownerUserID}`\n ) : (\n \n
\n
\n
{formatDateTime(time)}
: null}\n \n );\n };\n\n const columns = [\n {\n title: 'ID',\n dataIndex: 'id',\n key: 'id',\n fixed: 'left',\n },\n {\n title: '推送时间',\n key: 'pushTime',\n width: '20%',\n render: row => <>{pushTimeRender(row)},\n },\n {\n title: '推送标题',\n dataIndex: 'title',\n key: 'title',\n width: '10%',\n render: h => <>{h},\n },\n {\n title: '推送内容',\n dataIndex: 'content',\n key: 'content',\n render: h => {h},\n },\n {\n title: '目标人群',\n dataIndex: 'target',\n key: 'target',\n width: '10%',\n render: h => <>{PushTargetKey[h].text},\n },\n {\n title: '推送时间设定',\n dataIndex: 'scheduledTime',\n key: 'scheduledTime',\n width: '20%',\n render: (h, row) => <>{scheduledTimeRender(h, row)},\n },\n {\n title: '发送状态',\n dataIndex: 'status',\n key: 'status',\n render: h => (\n\n
Hello World!
');\n\nconst useEditor = ({ clickPreview = () => {} } = {}) => {\n const [editorState, setEditorState] = useState(defaultState);\n const changeEditorHandle = value => {\n setEditorState(value);\n // console.log('toHTML', value.toHTML());\n };\n\n const setHtmlToEditorState = htmlStr => {\n setEditorState(() => Editor.createEditorState(htmlStr));\n // console.log('htmlStr', htmlStr);\n };\n\n /**\n * 上傳圖片\n */\n const [putImageLoading, setPutImageLoading] = useState(false);\n const [newCreateUpload] = useMutationApi(apiType.NEW_CREATE_UPLOAD);\n const uploadHandler = async param => {\n console.log('uploadHandler param', param);\n if (!param.file) return false;\n\n // 开启加载状态\n setPutImageLoading(true);\n\n try {\n const [err, { data }] = await newCreateUpload({\n in: param.file,\n });\n\n if (err) throw new Error('Failed to create upload URL');\n\n const url = data.newCreateUpload;\n const s3_domain = process.env.REACT_APP_S3_URL;\n const imgUrl = `${s3_domain}/${url}`;\n\n console.log(s3_domain, imgUrl);\n\n // 图片插入编辑器\n setEditorState(() =>\n ContentUtils.insertMedias(editorState, [\n { type: 'IMAGE', url: imgUrl, width: '100%' },\n ]),\n );\n } catch (error) {\n console.error('uploadHandler error:', error);\n } finally {\n setPutImageLoading(false);\n }\n };\n\n const uploadBtnRender = () => (\n\n {title} \n
\n \n \n })
\n
\n \n ))}\n 
}\n 已选完预设问题
\n )}\n {defaultQsData.map(el => {\n return selectQsIDs.includes(el.id) ? null : (\n \n \n 保存\n \n
\n \n )}\n \n \n {ll.username} #{ll.id}\n \n
\n ))}\n \n ),\n },\n {\n title: '备注',\n dataIndex: 'remark',\n key: 'remark',\n },\n {\n title: '建立时间',\n dataIndex: 'createdAt',\n key: 'createdAt',\n render: h => formatDateTime(h),\n },\n ];\n columns.push({\n title: '动作',\n key: 'action',\n width: '10%',\n fixed: 'right',\n render: record =>\n record.id === 1 ? null : (\n \n 后台提示音提醒 \n 后台回复咨询信息时播放提示音提醒\n
\n \n 用户端提示音提醒 \n 客服用户端收到新讯息提示音\n
\n \n {title} \n {subTitle}\n
\n )}\n {hasEnable && (\n \n \n setMin(v)}\n size='small'\n />\n \n 分钟未产生新对话，自动封存该咨询房\n
\n \n 最大容许进行中数量\n setCount(v)}\n size='small'\n style={{ marginLeft: '8px' }}\n />\n (设定0为关闭) \n
\n \n 超时提醒：当顾客发送消息后，客服超过\n \n setSec(v)} size='small' />\n \n 秒后无响应自动给出超时提示\n
\n \n 授权时间 \n \n\n
\n );\n}\n\nexport default AllowTimeForm;\n","/**\n * 客服管理\n */\nimport React, { useState, useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n EditTwoTone,\n QuestionCircleOutlined,\n PlusOutlined,\n} from '@ant-design/icons';\nimport { setVisibleDrawer } from '@/store/global';\nimport { Button, Space, Tooltip, Typography } from 'antd';\nimport { useMutationApi, apiType } from '@/hook/useApi';\nimport { useActiveList } from '@/hook/useList';\nimport useAlertMessage from '@/hook/useAlertMessage';\nimport useMerchant from '@/hook/useMerchant';\nimport useMe from '@/hook/useMe';\nimport PageWrap from '@/components/PageWrap';\nimport SearchBar from '@/components/SearchBar';\nimport DataTable from '@/components/Table/DataTable';\nimport AvatarWithText from '@/components/Avatar/AvatarWithText';\nimport UserDetailDrawer from '@/components/Drawer/UserDetailDrawer';\nimport CreateUserDrawer from '@/components/Drawer/CreateUserDrawer';\nimport OnlineStatusBadge from '@/components/User/OnlineStatusBadge';\nimport BtnDeleteConfirm from '@/components/Button/BtnDeleteConfirm';\nimport {\n formatDateTime,\n AccountTypeKeys,\n UserStatusKey,\n UserStatusDisplay,\n} from '@/utils';\nimport AllowTimeForm from './AllowTimeForm';\n\nconst originFilter = {\n user: {\n username: '',\n email: '',\n status: UserStatusKey['Unknown'],\n accountType: AccountTypeKeys['CustomerService'],\n isDelete: 'No',\n },\n};\n\nconst searchFields = [\n { name: 'username', type: 'text', label: '帐号' },\n { name: 'email', type: 'text', label: '信箱' },\n {\n name: 'status',\n type: 'select',\n label: '帐号狀態',\n optionsObj: UserStatusDisplay,\n },\n];\n\nexport default function EmployeeCSMgm() {\n const { meInfo, authRoutesKey, isSystemType } = useMe();\n const { onSuccessMsg } = useAlertMessage();\n\n // 商戶列表\n const { merchantTableList } = useMerchant();\n const merchantRender = id => {\n const merchant = merchantTableList.find(el => el.id === id);\n return (\n <>\n {merchant?.key || '-'}\n {merchant?.merchantType ? ` (${merchant.merchantType})` : null}\n \n );\n };\n\n // 使用者列表\n const {\n data: { list, total },\n loading,\n pagination,\n handleSearchFilter,\n handleChangePage,\n refetch,\n } = useActiveList({\n api: 'LIST_USER',\n originFilter: { ...originFilter },\n handleData: ({ listUser }) => ({\n list: listUser?.users || [],\n total: listUser?.meta?.total || 0,\n }),\n });\n\n const [updateSetting, { loading: updateSettingLdg }] = useMutationApi(\n apiType.UPDATE_USER_SETTING,\n {\n onCompleted: () => {\n refetch();\n onSuccessMsg('update');\n },\n },\n );\n\n const onFinishSearch = search => {\n handleSearchFilter({\n ...originFilter,\n user: { ...originFilter.user, ...search },\n });\n };\n\n /**\n * created user drawer\n */\n const [createDrawer, setCreateDrawer] = useState(false);\n const openCreateUserDrawer = v => setCreateDrawer(v);\n\n const [user, setUser] = useState(null);\n const dispatch = useDispatch();\n const openDrawer = useCallback(\n v => {\n v || setUser(null);\n dispatch(setVisibleDrawer({ name: 'UserDetailDrawer', visible: v }));\n },\n [dispatch],\n );\n\n const handleUser = user => {\n setUser(() => user);\n openDrawer(true);\n };\n\n /**\n * delete user\n */\n const [deleteUser, { loading: deleteLdg }] = useMutationApi(\n apiType.DELETE_USER,\n {\n onCompleted: () => refetch(),\n },\n );\n const systemAccCols = () => {\n if (!isSystemType) return [];\n return [\n {\n title: '授权时间狀態',\n dataIndex: 'setting',\n key: 'allowStatus',\n render: record => (\n \n
\n
\n )}\n \n \n );\n}\n\nexport default MonitorMgm;\n","import React from 'react';\nimport { Navigate } from 'react-router-dom';\nimport { Outlet } from 'react-router-dom';\nimport CenterLayout from '@/components/Layout/CenterLayout';\nimport AdminContainer from '@/components/Layout/Admin/Container';\n\nimport Login from '@/views/Login';\nimport Error403 from '@/views/Error403';\nimport Error404 from '@/views/Error404';\nimport Dashboard from '@/views/Dashboard';\n\nimport ReportCommonUserMgm from '@/views/ReportCommonUserMgm';\nimport ReportConsultingRoomMgm from '@/views/ReportConsultingRoomMgm';\nimport ReportCustomerServiceMgm from '@/views/ReportCustomerServiceMgm';\n\nimport CSRoom from '@/views/CSRoom';\nimport CSRoomDeactivated from '@/views/CSRoomDeactivated';\nimport ContactCustomerService from '@/views/ContactCustomerService';\n\nimport PushMgm from '@/views/PushMgm';\nimport MemberMgm from '@/views/MemberMgm';\nimport MemberTagMgm from '@/views/MemberTagMgm';\n\nimport CSGreeting from '@/views/CSGreeting';\nimport FAQMgm from '@/views/FAQMgm';\nimport CSFormMgm from '@/views/CSFormMgm';\nimport CannedResponseMgm from '@/views/CannedResponseMgm';\nimport CSRoomSettingMgm from '@/views/CSRoomSettingMgm';\nimport OriginMgm from '@/views/OriginMgm';\nimport PlatformSettingMgm from '@/views/PlatformSettingMgm';\nimport HostsDenyMgm from '@/views/HostsDenyMgm';\nimport AdTrackingMgm from '@/views/AdTrackingMgm';\n\nimport EmployeeMgm from '@/views/EmployeeMgm';\nimport EmployeeCSMgm from '@/views/EmployeeCSMgm';\nimport EmployeeRoleMgm from '@/views/EmployeeRoleMgm';\n\nimport MonitorMgm from '@/views/MonitorMgm';\n\nexport const adminLogin = [\n {\n key: 'Main',\n path: '/',\n element: