\r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nHorizontalNav.propTypes = {};\r\n\r\nexport default HorizontalNav;\r\n\r\n","import React, {useState} from \"react\";\r\nimport {Button, Dropdown, Layout, Menu, message, Popover, Select} from 'antd';\r\nimport Icon from '@ant-design/icons';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport languageData from \"../languageData\";\r\nimport SearchBox from \"../../../components/SearchBox\";\r\nimport UserInfo from \"../../../components/UserInfo\";\r\nimport AppNotification from \"../../../components/AppNotification\";\r\nimport MailNotification from \"../../../components/MailNotification\";\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions\";\r\nimport IntlMessages from \"../../../util/IntlMessages\";\r\nimport {TAB_SIZE} from \"../../../constants/ThemeSetting\";\r\n\r\nconst {Header} = Layout;\r\nconst Option = Select.Option;\r\nconst menu = (\r\n \r\n Products \r\n Apps \r\n Blogs \r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst HorizontalDefault = () => {\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const {locale} = useSelector(({settings}) => settings);\r\n const [searchText, setSearchText] = useState('');\r\n const dispatch = useDispatch();\r\n\r\n const languageMenu = () => (\r\n \r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const updateSearchChatUser = (evt) => {\r\n setSearchText(evt.target.value)\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Login \r\n Signup \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }}\r\n />\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n Products \r\n Apps \r\n Blogs \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Category \r\n \r\n \r\n \r\n \r\n } trigger=\"click\">\r\n
\r\n\r\n \r\n \r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n\r\n
\r\n } trigger=\"click\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Products \r\n Apps \r\n Blogs \r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst HorizontalDark = () => {\r\n const [searchText, setSearchText] = useState('');\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const {locale} = useSelector(({settings}) => settings);\r\n const dispatch = useDispatch();\r\n\r\n const languageMenu = () => (\r\n \r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const updateSearchChatUser = (evt) => {\r\n setSearchText(evt.target.value)\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Login \r\n Signup \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }}\r\n />\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n Products \r\n Apps \r\n Blogs \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Category \r\n \r\n \r\n \r\n } trigger=\"click\">\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n\r\n
\r\n } trigger=\"click\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Products \r\n Apps \r\n Blogs \r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nconst InsideHeader = () => {\r\n const [searchText, setSearchText] = useState('');\r\n const {locale} = useSelector(({settings}) => settings);\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const dispatch = useDispatch();\r\n\r\n const languageMenu = () => (\r\n \r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const updateSearchChatUser = (evt) => {\r\n setSearchText(evt.target.value)\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Login \r\n Signup \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {width >= TAB_SIZE && (\r\n
\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n \r\n Category \r\n \r\n \r\n \r\n } trigger=\"click\">\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n\r\n
\r\n } trigger=\"click\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Products \r\n Blog \r\n Apps \r\n \r\n);\r\n\r\nfunction handleMenuClick() {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst AboveHeader = () => {\r\n const locale = useSelector(({settings}) => settings.locale);\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const [searchText, setSearchText] = useState('');\r\n const dispatch = useDispatch();\r\n\r\n const languageMenu = () => (\r\n \r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const updateSearchChatUser = (evt) => {\r\n setSearchText(evt.target.value)\r\n };\r\n\r\n return (\r\n \r\n\r\n {width >= TAB_SIZE && (\r\n
\r\n )}\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n {\r\n if (width <= TAB_SIZE) {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n Products \r\n Apps \r\n Blogs \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Category \r\n \r\n \r\n \r\n } trigger=\"click\">\r\n
\r\n \r\n \r\n\r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n\r\n
\r\n } trigger=\"click\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Products \r\n Apps \r\n Blogs \r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst BelowHeader = () => {\r\n const [searchText, setSearchText] = useState('');\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const {locale} = useSelector(({settings}) => settings);\r\n const dispatch = useDispatch();\r\n\r\n const languageMenu = () => (\r\n \r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const updateSearchChatUser = (evt) => {\r\n setSearchText(evt.target.value)\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Login \r\n Signup \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n Products \r\n Apps \r\n Blogs \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Category \r\n \r\n \r\n \r\n } trigger=\"click\">\r\n
\r\n \r\n \r\n\r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n\r\n
\r\n } trigger=\"click\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {globalFunction.getAvatarName(authUser.FirstName + ' ' + authUser.LastName)} \r\n \r\n
\r\n \r\n {languageData.map(language =>\r\n \r\n dispatch(switchLanguage(language))\r\n }>\r\n {language.name} \r\n \r\n )}\r\n \r\n );\r\n\r\n const onChange = (evt) => {\r\n setSearchText(evt.target.value);\r\n };\r\n\r\n const onKeyDown = (evt) => {\r\n var evt = evt || window.event\r\n if (evt.keyCode == \"13\") {\r\n quickSearch();\r\n }\r\n };\r\n\r\n const onSearch = () => {\r\n quickSearch();\r\n };\r\n\r\n const quickSearch = () => {\r\n if (searchText.length >= 3) {\r\n history.push('/jobs?keyword=' + searchText);\r\n } else {\r\n message.info('Please enter 3 characters or more for quick search.');\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (history.location.pathname === '/jobs' && history.location.search.indexOf('keyword') >= 0) {\r\n const urlParams = new URLSearchParams(history.location.search);\r\n let keyword = urlParams.get('keyword');\r\n setSearchText(keyword);\r\n } else {\r\n setSearchText('');\r\n }\r\n }, [location]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n\r\n );\r\n};\r\n\r\nexport default Topbar;\r\n","import React, { Component, useState, useEffect } from \"react\";\r\nimport { withRouter, Redirect } from 'react-router-dom'\r\n\r\nclass ErrorBoundary extends Component {\r\n state = {\r\n hasError: false,\r\n error: null\r\n };\r\n\r\n // 生命周期函数，一旦后台组件报错，就会触发\r\n static getDerivedStateFromError(error) {\r\n return {\r\n hasError: true,\r\n error: error\r\n };\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n console.log(info);\r\n console.log(error);\r\n requestAnimationFrame(() => {\r\n this.props.history.push('/error?type=UI&message=' + error.stack.replace(/\\n/g, '\r\n
{type} Message
\r\n
\r\n
\r\n \r\n \r\n import('./Admin'))} />\r\n import('./Business/Job/LodgeJob'))} />\r\n import('./Business/Job/JobPaging'))} />\r\n import('./Business/Job/MyJobPaging'))} />\r\n import('./Business/Job/JobDetail'))} />\r\n import('./Business/Job/JobNew'))} />\r\n import('./MyProfile'))} />\r\n import('./Business/Stats'))} />\r\n import('./Business/Report'))} />\r\n \r\n \r\n
\r\n )\r\n\r\n};\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {toggleCollapsedSideNav} from \"../../../appRedux/actions\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\n\r\nconst NoHeaderNotification = () => {\r\n const dispatch = useDispatch();\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n\r\n return (\r\n \r\n
\r\n {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n {navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ?\r\n
:\r\n themeType === THEME_TYPE_LITE ?\r\n
:\r\n
}\r\n \r\n {(navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR) ?
\r\n {\r\n setSidebarCollapsed(!sidebarCollapsed)\r\n }}\r\n />\r\n
: null}\r\n
{childMenu.Key} , childMenu.Url));\r\n child.push(getItem({menu.Key} , menu.Url, \r\n \r\n \r\n {/* {\r\n items.map((menu, i) => {\r\n if (menu.children != null) {\r\n return { e.preventDefault(); return false; }}>\r\n {\r\n menu.children.map((childMenu, j) => {\r\n return { onContextMenu(e, childMenu) }}>{childMenu.label} \r\n })\r\n }\r\n \r\n } else {\r\n return { onContextMenu(e, menu) }}>{menu.label} \r\n }\r\n })\r\n } */}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default React.memo(SidebarContent);\r\n","import React, {useEffect, useState} from \"react\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {Drawer, Layout} from \"antd\";\r\n\r\nimport SidebarContent from \"./SidebarContent\";\r\nimport {toggleCollapsedSideNav} from \"../../appRedux/actions\";\r\nimport {\r\n NAV_STYLE_DRAWER,\r\n NAV_STYLE_FIXED,\r\n NAV_STYLE_MINI_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n TAB_SIZE,\r\n THEME_TYPE_LITE\r\n} from \"../../constants/ThemeSetting\";\r\n\r\nconst {Sider} = Layout;\r\n\r\nconst Sidebar = () => {\r\n let [sidebarCollapsed, setSidebarCollapsed] = useState(false);\r\n const {themeType, navStyle} = useSelector(({settings}) => settings);\r\n const navCollapsed = useSelector(({common}) => common.navCollapsed);\r\n const width = useSelector(({common}) => common.width);\r\n const dispatch = useDispatch();\r\n\r\n const onToggleCollapsedNav = () => {\r\n dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n };\r\n\r\n useEffect(() => {\r\n setSidebarCollapsed(navStyle === NAV_STYLE_MINI_SIDEBAR)\r\n }, [navStyle])\r\n\r\n let drawerStyle = \"gx-collapsed-sidebar\";\r\n\r\n if (navStyle === NAV_STYLE_FIXED) {\r\n drawerStyle = \"\";\r\n } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n drawerStyle = \"gx-mini-sidebar gx-mini-custom-sidebar\";\r\n } else if (navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) {\r\n drawerStyle = \"gx-custom-sidebar\"\r\n } else if (navStyle === NAV_STYLE_MINI_SIDEBAR) {\r\n drawerStyle = \"gx-mini-sidebar\";\r\n } else if (navStyle === NAV_STYLE_DRAWER) {\r\n drawerStyle = \"gx-collapsed-sidebar\"\r\n }\r\n if ((navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR\r\n || navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) && width < TAB_SIZE) {\r\n drawerStyle = \"gx-collapsed-sidebar\"\r\n }\r\n\r\n return (\r\n \r\n {\r\n navStyle === NAV_STYLE_DRAWER || width < TAB_SIZE ?\r\n \r\n \r\n :\r\n \r\n }\r\n )\r\n};\r\nexport default Sidebar;\r\n","import React from \"react\";\r\nimport {\r\n NAV_STYLE_DRAWER,\r\n NAV_STYLE_FIXED,\r\n NAV_STYLE_MINI_SIDEBAR, NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR, TAB_SIZE\r\n} from \"../../constants/ThemeSetting\";\r\nimport {useSelector} from \"react-redux\";\r\nimport Sidebar from \"../Sidebar\";\r\n\r\nconst SIDEBAR_VISIBLE_ON = [NAV_STYLE_FIXED, NAV_STYLE_DRAWER, NAV_STYLE_MINI_SIDEBAR, NAV_STYLE_NO_HEADER_MINI_SIDEBAR, NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR];\r\n\r\nconst AppSidebar = ({navStyle}) => {\r\n const width = useSelector(({common}) => common.width);\r\n\r\n if (width < TAB_SIZE || SIDEBAR_VISIBLE_ON.includes(navStyle)) {\r\n return \r\n \r\n {getNavStyles(navStyle)}\r\n \r\n \r\n \r\n {/* 预加载一些icon，防止闪烁 */}\r\n \r\n )\r\n};\r\nexport default MainApp;\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport { message, Button, Checkbox, Form, Input, Row, Col } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport { useAuth } from \"authentication\";\r\nimport AppNotificationContainer from \"components/AppNotificationContainer\";\r\nimport AntDraggableModal from 'components/AntDraggableModal';\r\nimport { httpClient } from \"util/Api\";\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport Cookies from 'js-cookie';\r\n\r\nconst SignIn = () => {\r\n const { isLoading, error, setError, userLogin, loginSecurityCodeData, showLoginSecurityCode, setShowLoginSecurityCode, checkLoginSecurityCode } = useAuth();\r\n const [showResetPassword, setShowResetPassword] = useState(false);\r\n const [confirmLoading, setConfirmLoading] = useState(false);\r\n const [loginForm] = Form.useForm();\r\n const [resetPasswordForm] = Form.useForm();\r\n const [loginSecurityCodeForm] = Form.useForm();\r\n const [seconds, setSeconds] = useState(60);\r\n const [isDisabled, setIsDisabled] = useState(false);\r\n\r\n document.title = 'Login';\r\n\r\n const handleSendCodeClick = () => {\r\n setIsDisabled(true);\r\n setSeconds(60);\r\n };\r\n\r\n useEffect(() => {\r\n const intervalId = setInterval(() => {\r\n setSeconds(seconds - 1);\r\n if (seconds === 0) {\r\n clearInterval(intervalId);\r\n setIsDisabled(false);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(intervalId);\r\n };\r\n }, [seconds]);\r\n\r\n const onFinishFailed = errorInfo => {\r\n };\r\n\r\n const onFinish = values => {\r\n Cookies.set('HF_Client_Username', values.Username, { expires: 3650 });\r\n Cookies.set('HF_Client_Company', values.Company, { expires: 3650 });\r\n userLogin(values);\r\n };\r\n\r\n const onResetPasswordFinish = values => {\r\n setConfirmLoading(true);\r\n httpClient\r\n .post('System/Login/ResetPassword', values)\r\n .then(({ data }) => {\r\n if (data.result) {\r\n message.info(data.message);\r\n setShowResetPassword(false);\r\n setConfirmLoading(false);\r\n } else {\r\n message.warning(data.message);\r\n setConfirmLoading(false);\r\n }\r\n })\r\n .catch(function (error) {\r\n message.error(error.stack);\r\n setConfirmLoading(false);\r\n });\r\n };\r\n\r\n const onLoginSecurityCodeFinish = values => {\r\n values.Remember = loginSecurityCodeData.Remember;\r\n values.ClientUserId = loginSecurityCodeData.data;\r\n checkLoginSecurityCode(values);\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Client Login \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { handleSendCodeClick(); }}>\r\n \r\n \r\n
\r\n \r\n setShowResetPassword(true)}> \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
}\r\n open={showResetPassword}\r\n onOk={() => { resetPasswordForm.submit(); }}\r\n onCancel={() => { setShowResetPassword(false); resetPasswordForm.resetFields(); }}\r\n confirmLoading={confirmLoading}\r\n width={600}\r\n okText=\"Submit\"\r\n maskClosable={false}\r\n >\r\n
\r\n
\r\n \r\n \r\n {\r\n setShowLoginSecurityCode(false);\r\n loginSecurityCodeForm.resetFields();\r\n }}\r\n width={600}\r\n maskClosable={false}\r\n footer={[\r\n {\r\n setShowLoginSecurityCode(false);\r\n loginSecurityCodeForm.resetFields();\r\n }}>\r\n Cancel\r\n ,\r\n {\r\n loginSecurityCodeForm.submit();\r\n }}>\r\n Submit\r\n ,\r\n {\r\n handleSendCodeClick();\r\n loginForm.submit();\r\n }}>\r\n {isDisabled ? 'Resend after ' + seconds + ' seconds' : 'Resend'}\r\n ,\r\n ]}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n Remember me \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { Divider, Form, Input, Row, Col, Tooltip, message } from 'antd';\r\nimport CustomBadge from 'components/CustomBadge';\r\nimport { config } from 'util/config';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport AntDraggableModal from 'components/AntDraggableModal';\r\nimport { httpClient } from \"util/Api\";\r\n\r\nexport default class JobNavigation extends React.Component {\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n jobData: {},\r\n showWorkflow: false,\r\n showActionPack: false,\r\n mouseEvent: null,\r\n popUpLeft: 0,\r\n showLockJob: false,\r\n showUnlockJob: false,\r\n submitting: false,\r\n LapsedDate: '',\r\n }\r\n };\r\n\r\n //查询该页面的config\r\n async componentDidMount() {\r\n this.setState({ jobData: this.props.jobData, });\r\n this.setState({ LapsedDate: globalFunction.truncateString(this.props.jobData.BuildingPermit?.CompletedByDate, 10) })\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.state.jobData.JobNum}\r\n
\r\n {\r\n globalFunction.isNullOrEmpty(this.state.jobData.WorkflowStatusDescription) ?
:\r\n
') }}>}>\r\n
\r\n \r\n }\r\n
\r\n
{this.state.jobData.PptAddress} \r\n
\r\n
{globalFunction.truncateString(this.state.jobData.WorkDescription, 50, '...')} \r\n {(!globalFunction.isNullOrEmpty(this.props.pageComponent.state?.page?.showApprovalLapseDate) && !globalFunction.isNullOrEmpty(this.state.LapsedDate)) ? (\r\n <>\r\n
\r\n
\r\n \r\n ) : <>}\r\n
\r\n {\r\n this.state.page.sectionList.map((section, i) => {\r\n this.goToSection(section.name);\r\n }}>{section.componentList.filter(c => c.type === 'View')[0].title} )\r\n }\r\n
: <>\r\n );\r\n }\r\n}\r\n","import React, { Fragment, message } from 'react';\r\nimport { Space, Card, Table, Pagination, Modal, Tag, Tooltip, Button, Popconfirm, Divider } from 'antd';\r\nimport { Link } from 'react-router-dom';\r\nimport { OrderedListOutlined } from '@ant-design/icons';\r\nimport { config } from \"util/config\";\r\nimport { httpClient } from \"util/Api\";\r\nimport { compareUIElementValue } from 'util/Compare';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport { operationalFunction, getUieDataSource } from 'components/UIBuilder/SectionFunction/Common';\r\nimport DefaultDiv from 'components/UIBuilder/SectionComponent/DefaultDiv';\r\nimport JobDetailDiv from 'components/UIBuilder/SectionComponent/JobDetailDiv';\r\n\r\nimport DefaultTable from 'components/UIBuilder/SectionComponent/DefaultTable';\r\nimport DefaultGroupTable from 'components/UIBuilder/SectionComponent/DefaultGroupTable';\r\nimport SubJobTable from 'components/UIBuilder/SectionComponent/SubJobTable';\r\nimport DocumentTable from 'components/UIBuilder/SectionComponent/DocumentTable';\r\nimport JobPagingTable from 'components/UIBuilder/SectionComponent/JobPagingTable';\r\nimport JobChecklistTable from 'components/UIBuilder/SectionComponent/JobChecklistTable';\r\n\r\nimport DetailForm from 'components/UIBuilder/CustomComponent/DetailForm';\r\nimport CustomForm from 'components/UIBuilder/CustomComponent/CustomForm';\r\nimport CustomButton from 'components/UIBuilder/CustomComponent/CustomButton';\r\nimport AntDraggableModal from 'components/AntDraggableModal';\r\nimport * as createComponent from 'components/UIBuilder/CustomComponent/CreateComponent';\r\n\r\n//做数据渲染组件的分选, 生成每个Section的UI, 包含其table和可能存在的自定义按钮\r\nexport default class DefaultSection extends React.Component {\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n columns: [],\r\n data: [],\r\n pagination: {\r\n current: 1,\r\n ...config.component.Pagination\r\n },\r\n customFormSubmitting: false, // 提交表单是否在等待期间\r\n showModal: false, //是否显示表单\r\n popconfirmSubmitting: false, //确认气泡是否在等待期间\r\n componentType: null, //Create, Edit\r\n topFilterCounter: 0,\r\n topButtonCounter: 0,\r\n selectedRowKeys: [],\r\n componentDataSource: [],\r\n componentDefaultValue: [],\r\n searchParameter: null,\r\n section: null,\r\n state: false,\r\n showBottomButton: false,\r\n tableFooter: null,\r\n dataLoading: false,\r\n renderForm: false,\r\n }\r\n\r\n //定义一个表单引用, 方便后续处理\r\n this.customForm = React.createRef();\r\n this.child = React.createRef();\r\n };\r\n\r\n //页面启动\r\n componentDidMount() {\r\n this.setState({ section: this.props.section });\r\n setTimeout(() => {\r\n this.getComponentDataSource();\r\n }, config.setTimeoutMilliSecond);\r\n }\r\n\r\n getSectionDataByDefault() {\r\n this.child.current?.getSectionDataByDefault();\r\n }\r\n\r\n //找到过滤器数据源的组件, 获取其数据源\r\n getComponentDataSource() {\r\n let parameter = [];\r\n if (this.props.companyId !== undefined && this.props.companyId !== null) {\r\n parameter.push({ key: 'companyId', value: this.props.companyId })\r\n }\r\n if (this.props.moduleId !== undefined && this.props.moduleId !== null) {\r\n parameter.push({ key: 'moduleId', value: this.props.moduleId })\r\n }\r\n if (this.props.module !== undefined && this.props.module !== null) {\r\n parameter.push({ key: 'module', value: this.props.module })\r\n }\r\n this.state.section.componentList.filter(c => c.type === 'View')[0].topFilterList.map((topFilter, i) => {\r\n topFilter.uieList.map(async (uie, j) => {\r\n getUieDataSource({ parameter: parameter, sectionName: this.props.sectionName, component: this, sectionComponent: this, pageComponent: this.props.pageComponent, uie: uie });\r\n })\r\n })\r\n }\r\n\r\n createDataViewer() {\r\n switch (this.props.section.type) {\r\n case 'DefaultDiv':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobDetailDiv':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DefaultGroupTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'SubJobTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DocumentTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobPagingTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobChecklistTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DetailForm':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n component={this.props.section.componentList.filter(c => c.type === 'View')[0]}\r\n ref={this.child}\r\n />\r\n default:\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n }\r\n }\r\n\r\n createTopFilter(uie) {\r\n this.state.topFilterCounter++;\r\n return \r\n
\r\n {this.createDataViewer()}
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { Divider, Form, Input, Row, Col, Button, message } from 'antd';\r\nimport CustomBadge from 'components/CustomBadge';\r\nimport { config } from 'util/config';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport AntDraggableModal from 'components/AntDraggableModal';\r\nimport { httpClient } from \"util/Api\";\r\nimport moment from 'moment';\r\nimport CreatePage from './CreatePage';\r\n\r\nexport default class BookingRequest extends React.Component {\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n loaded: false,\r\n loading: true,\r\n submitting: false,\r\n moduleId: 0,\r\n webUIConfig: null,\r\n formData: {},\r\n type: '',\r\n publicHoliday: [],\r\n cutoffHours: 16,\r\n cutoffMinutes: 0\r\n }\r\n\r\n this.formRef = React.createRef();\r\n this.createPage = React.createRef();\r\n };\r\n\r\n //查询该页面的config\r\n componentDidMount() {\r\n }\r\n\r\n getWebUI(type) {\r\n console.log(this.props.pageComponent.state, 'this.props.pageComponent.state----')\r\n let publicHoliday = this.props.pageComponent.state.publicHoliday;\r\n this.setState({ publicHoliday });\r\n\r\n this.setState({ type, loaded: false });\r\n let that = this;\r\n httpClient\r\n .get('/System/WebUI/GetPublicBookingRequestWebUI?accessCode=' + this.props.pageComponent.props.accessCode + '&type=' + type)\r\n .then(({ data }) => {\r\n if (data.result) {\r\n let publicLodgeWebUI = data.data;\r\n const decodedString = atob(publicLodgeWebUI.webUIConfig);\r\n publicLodgeWebUI.webUIConfig = JSON.parse(decodedString);\r\n this.setState({ webUIConfig: publicLodgeWebUI.webUIConfig, companyId: publicLodgeWebUI.CompanyId, moduleId: publicLodgeWebUI.ModuleId, cutoffHours: publicLodgeWebUI.CutoffHours, cutoffMinutes: publicLodgeWebUI.CutoffMinutes, loaded: true, loading: false });\r\n if (type === 'Edit') {\r\n setTimeout(() => {\r\n let formData = this.props.subjobData;\r\n switch (this.props.pageComponent.state.jobData.ModuleConfig.SubJobDefaultTimeBlock) {\r\n case \"AM\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 0);\r\n break;\r\n case \"PM\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 1);\r\n break;\r\n case \"Anytime\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 2);\r\n break;\r\n case \"Time Block\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 3);\r\n break;\r\n default:\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 0);\r\n break;\r\n }\r\n this.createPage.current?.child[0].current?.child.current?.setState({ formData });\r\n }, config.setTimeoutMilliSecond);\r\n } else {\r\n setTimeout(() => {\r\n let formData = {};\r\n switch (this.props.pageComponent.state.jobData.ModuleConfig.SubJobDefaultTimeBlock) {\r\n case \"AM\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 0);\r\n break;\r\n case \"PM\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 1);\r\n break;\r\n case \"Anytime\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 2);\r\n break;\r\n case \"Time Block\":\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 3);\r\n break;\r\n default:\r\n this.formRef.current?.setFieldValue('ScheduledTimeAmPm', 0);\r\n break;\r\n }\r\n this.scheduledTimeAmPmOnChange(this.formRef.current?.getFieldValue('ScheduledTimeAmPm'))\r\n this.createPage.current?.child[0].current?.child.current?.setState({ formData });\r\n }, config.setTimeoutMilliSecond);\r\n }\r\n } else {\r\n this.setState({ loaded: true, loading: false });\r\n globalFunction.handleResultError(data, this);\r\n }\r\n })\r\n .catch(function (error) {\r\n that.setState({ loaded: true, loading: false });\r\n globalFunction.handleError(error, that);\r\n });\r\n }\r\n\r\n scheduledTimeAmPmOnChange(option) {\r\n switch (option) {\r\n case 0:\r\n this.formRef.current?.setFieldValue('ScheduledTime', [moment('06:00', 'HH:mm'), moment('12:00', 'HH:mm')]);\r\n break;\r\n case 1:\r\n this.formRef.current?.setFieldValue('ScheduledTime', [moment('12:00', 'HH:mm'), moment('18:00', 'HH:mm')]);\r\n break;\r\n case 2:\r\n this.formRef.current?.setFieldValue('ScheduledTime', [moment('06:00', 'HH:mm'), moment('18:00', 'HH:mm')]);\r\n break;\r\n case 3:\r\n this.formRef.current?.setFieldValue('ScheduledTime', undefined);\r\n break;\r\n }\r\n }\r\n\r\n //自动填充Inspection Name\r\n inspectionNameOnChange({ sectionName, parameter, sectionComponent, pageComponent, uie }) {\r\n if (!uie.autoDataSource && uie.datasourceUrl !== null) {\r\n httpClient\r\n .get(uie.datasourceUrl + '?keyword=' + parameter + '&companyId=' + pageComponent.state.companyId + '&moduleId=' + pageComponent.state.moduleId)\r\n .then(({ data }) => {\r\n let options = [];\r\n if (data.result) {\r\n data.data.map((subJobType, j) => {\r\n options.push({ label: subJobType.Name, value: subJobType.Name, data: subJobType });\r\n })\r\n let componentDataSource = this.createPage.current?.child[0].current?.state.componentDataSource;\r\n componentDataSource.Name = options;\r\n this.createPage.current?.child[0].current?.setState({ componentDataSource });\r\n } else {\r\n globalFunction.handleResultError(data, pageComponent);\r\n }\r\n })\r\n .catch(function (error) {\r\n globalFunction.handleError(error, pageComponent);\r\n });\r\n } else {\r\n let componentDataSource = this.createPage.current?.child[0].current?.state.componentDataSource;\r\n componentDataSource.Name = [];\r\n this.createPage.current?.child[0].current?.setState({ componentDataSource });\r\n }\r\n }\r\n\r\n //提交表单\r\n onFinish = async (values: any) => {\r\n //处理一些特殊的自定义字段\r\n let form = values;\r\n form.accessCode = this.props.pageComponent.props.accessCode;\r\n let url = '';\r\n switch (this.state.type) {\r\n case 'Create':\r\n url = '/Business/SubJob/PublicCreateBookingRequest';\r\n break;\r\n case 'Edit':\r\n form.SubJobId = this.props.subjobData.SubJobId;\r\n url = '/Business/SubJob/PublicEditBookingRequest';\r\n break;\r\n }\r\n\r\n\r\n this.state.page.sectionList[0].componentList[0].groupList.filter(c => c.show).forEach(group => {\r\n group.uieList.forEach(uie => {\r\n if (uie.component === 'DatePicker') {\r\n if (form[uie.source] !== undefined && form[uie.source] !== null) {\r\n form[uie.source] = moment(form[uie.source]).format(config.format.sqlDate);\r\n } else {\r\n form[uie.source] = null;\r\n }\r\n }\r\n if (uie.component === 'TimePicker') {\r\n if (form[uie.source] !== undefined && form[uie.source] !== null) {\r\n switch (uie.type) {\r\n case 'RangePicker':\r\n if (form[uie.source][0] !== undefined && form[uie.source][0] !== null && form[uie.source][1] !== undefined && form[uie.source][1] !== null) {\r\n let time = moment(form[uie.source][0]).format('HH:mm') + ',' + moment(form[uie.source][1]).format('HH:mm');\r\n form[uie.source] = time;\r\n } else {\r\n form[uie.source] = null;\r\n }\r\n break;\r\n default:\r\n form[uie.source] = moment(form[uie.source]).format('HH:mm');\r\n break;\r\n }\r\n } else {\r\n form[uie.source] = null;\r\n }\r\n }\r\n });\r\n });\r\n\r\n this.setState({ submitting: true });\r\n let that = this;\r\n httpClient\r\n .put(url, form)\r\n .then(({ data }) => {\r\n if (data.result) {\r\n this.setState({ submitting: false });\r\n this.formRef.current?.resetFields();\r\n let subJobSection = globalFunction.getSectionComponent(this.props.pageComponent, 'SubJob');\r\n subJobSection.getSectionDataByDefault();\r\n this.props.component.setState({ bookingRequestShow: false });\r\n } else {\r\n globalFunction.handleResultError(data);\r\n this.setState({ submitting: false });\r\n }\r\n })\r\n .catch(function (error) {\r\n globalFunction.handleError(error, that);\r\n that.setState({ submitting: false });\r\n });\r\n };\r\n\r\n\r\n render() {\r\n return (\r\n this.state.loaded ?\r\n {\r\n this.props.component.setState({ bookingRequestShow: false });\r\n }}\r\n onOk={() => { this.formRef.current?.submit() }}\r\n confirmLoading={this.state.submitting}\r\n width={1000}\r\n maskClosable={config.component.Modal.maskClosable}\r\n >\r\n \r\n Please note the rules below
\r\n \r\n
\r\n Cannot book inspections on Saturday or Sunday \r\n Cannot book inspections on public holidays \r\n After 4:00 PM, cannot book inspections on the next day \r\n If today is Saturday or Sunday, cannot book inspections on the coming Monday \r\n Before we attend a Frame inspection, please ensure you send the Frame and Truss Layout \r\n \r\n
\r\n
\r\n : <>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport CreatePage from './CreatePage';\r\nimport { useAuth } from 'authentication';\r\nimport { httpClient } from 'util/Api';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport AppNotificationContainer from 'components/AppNotificationContainer';\r\nimport JobNavigation from './JobNavigation';\r\nimport SectionNavigation from './SectionNavigation';\r\nimport * as documentFunction from 'components/UIBuilder/SectionFunction/Document';\r\nimport { config } from 'util/config';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport BookingRequest from './BookingRequest/index';\r\n\r\nconst PublicDetail = () => {\r\n const { authUser, setAuthUser } = useAuth();\r\n const areaName = \"Business\";\r\n const pageName = \"PublicDetail\";\r\n const history = useHistory();\r\n\r\n let pathname = window.location.pathname.split('/');\r\n\r\n //以React.FC为页面入口获取当前用户信息，创建React.Component页面\r\n return (\r\n \r\n {\r\n this.state.loaded ?\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.state.page != null ?
: <>\r\n }\r\n
{\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }}\r\n onDrop={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n let sectionComponent = globalFunction.getSectionComponent(this, 'Document');\r\n if (sectionComponent != null) {\r\n documentFunction.addBySection({ sectionComponent: sectionComponent });\r\n documentFunction.dropDocument({ e: e, component: sectionComponent.child.current?.uploadDocument.current });\r\n setTimeout(() => {\r\n sectionComponent.child.current?.uploadDocument.current?.formRef.current?.setFieldValue('DocumentTypeId', 0);\r\n }, config.setTimeoutMilliSecond);\r\n }\r\n }}\r\n >\r\n \r\n
c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobDetailDiv':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DefaultGroupTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'SubJobTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DocumentTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobPagingTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'JobChecklistTable':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n case 'DetailForm':\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n component={this.props.section.componentList.filter(c => c.type === 'View')[0]}\r\n ref={this.child}\r\n />\r\n default:\r\n return c.type === 'View')[0]}\r\n parentComponent={this}\r\n sectionComponent={this}\r\n ref={this.child}\r\n />\r\n }\r\n }\r\n\r\n createTopFilter(uie) {\r\n this.state.topFilterCounter++;\r\n return \r\n
\r\n {this.createDataViewer()}
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { message, Space, Card, Row, Col, Input, Steps, Button, Divider, Checkbox, Form, Result, Upload, Tooltip, Progress } from 'antd';\r\nimport CreatePage from './CreatePage';\r\nimport { useAuth } from 'authentication';\r\nimport { httpClient, uploadClient } from 'util/Api';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport AppNotificationContainer from 'components/AppNotificationContainer';\r\nimport AntDraggableModal from 'components/AntDraggableModal';\r\nimport { config } from 'util/config';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport * as imageConversion from 'image-conversion';\r\nimport moment from 'moment';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\nconst PublicLodge = () => {\r\n const { authUser, setAuthUser } = useAuth();\r\n const areaName = \"Business\";\r\n const pageName = \"PublicLodge\";\r\n const history = useHistory();\r\n\r\n let pathname = window.location.pathname.split('/');\r\n const queryString = window.location.search;\r\n const urlParams = new URLSearchParams(queryString);\r\n\r\n //以React.FC为页面入口获取当前用户信息，创建React.Component页面\r\n return (\r\n ' + value.toUpperCase() + ' ');\r\n addressList.push({ label: ' + value.toUpperCase() + ' ');\r\n addressList.push({ label: \r\n {\r\n this.state.loaded ?\r\n
\r\n
{\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }}\r\n onDrop={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n\r\n let files = e.dataTransfer.files;\r\n let fileList = this.state.fileList;\r\n let date = new Date().getTime();\r\n const filesArray = Array.from(files);\r\n\r\n setTimeout(() => {\r\n filesArray.map((file, i) => {\r\n let have = false;\r\n fileList.map((oldFile, j) => {\r\n if (oldFile.name === file.name && oldFile.size === file.size) {\r\n have = true;\r\n }\r\n })\r\n if (!have) {\r\n file.uid = 'rc-upload-' + date + '-' + i;\r\n if (file.size / 1024 / 1024 > this.state.fileUploadLimit) {\r\n file.status = 'error';\r\n file.tip = file.name + ' size larger than ' + this.state.fileUploadLimit + 'M';\r\n }\r\n if (file.size === 0) {\r\n file.status = 'error';\r\n file.tip = file.name + ' - This file is 0KB and will not be uploaded. Make sure not to select or drag files from a zipped file/folder.';\r\n }\r\n fileList.push(file);\r\n }\r\n })\r\n this.setState({ fileList });\r\n }, config.setTimeoutMilliSecond * 2);\r\n\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n Upload Files \r\n {\r\n this.removeFile(file);\r\n }}\r\n beforeUpload={(file) => {\r\n let fileList = this.state.fileList;\r\n if (file.size / 1024 / 1024 > this.state.fileUploadLimit) {\r\n file.status = 'error';\r\n file.tip = file.name + ' size larger than ' + this.state.fileUploadLimit + 'M';\r\n }\r\n if (file.size === 0) {\r\n file.status = 'error';\r\n file.tip = file.name + ' - This file is 0KB and will not be uploaded. Make sure not to select or drag files from a zipped file/folder.';\r\n }\r\n fileList.push(file);\r\n this.setState({ fileList });\r\n return false;\r\n }}\r\n itemRender={(originNode, file, currFileList) => (\r\n {\r\n file.status !== 'error' ?\r\n \r\n
\r\n \r\n {file.name} ({globalFunction.formatFileSize(file.size)}) \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {file.tip} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n >\r\n Drag and Drop or select file to upload, {this.state.fileUploadLimit}MB size limit for each file and maximum 20 files. Photos will be resized to {config.uploadImageMaxLength}KB. \r\n \r\n \r\n
\r\n
\r\n
\r\n {\r\n this.formRef.current?.submit();\r\n }}>Submit \r\n
\r\n \r\n \r\n
{\r\n this.setState({ recaptchaShow: false });\r\n }}\r\n width={320}\r\n maskClosable={false}\r\n footer={[\r\n {\r\n this.setState({ recaptchaShow: false });\r\n }}>\r\n Close\r\n \r\n ]}\r\n >\r\n \r\n \r\n
{this.state.successfulMessage?.title} : {this.state.webUIConfig.condition} Request Received }\r\n open={this.state.submitSuccess}\r\n onCancel={() => {\r\n this.setState({ submitting: false, submitSuccess: false, fileList: [] });\r\n this.formRef.current?.resetFields();\r\n this.formRef.current?.setFieldValue('LgaId', 0);\r\n this.formRef.current?.setFieldValue('PptPropertyTypeId', 0);\r\n this.formRef.current?.setFieldValue('PptBuildingUseOptionId', 0);\r\n this.formRef.current?.setFieldValue('PptState', this.state.defaultState);\r\n this.createPage.current?.child[0].current?.child.current?.setState({ formData: [] });\r\n if (this.state.webUIConfig.condition === 'InspectionBooking' || this.state.webUIConfig.condition === 'PermitVariation' || this.state.webUIConfig.condition === 'OPApplication') {\r\n this.setState({ submitDisable: true });\r\n }\r\n setTimeout(() => {\r\n this.getLgaDataSource({ parameter: this.state.defaultState, lgaKeyName: null })\r\n }, config.setTimeoutMilliSecond);\r\n }}\r\n width={500}\r\n maskClosable={false}\r\n footer={[\r\n {\r\n this.setState({ submitting: false, submitSuccess: false, fileList: [] });\r\n this.formRef.current?.resetFields();\r\n this.formRef.current?.setFieldValue('LgaId', 0);\r\n this.formRef.current?.setFieldValue('PptPropertyTypeId', 0);\r\n this.formRef.current?.setFieldValue('PptBuildingUseOptionId', 0);\r\n this.formRef.current?.setFieldValue('PptState', this.state.defaultState);\r\n this.createPage.current?.child[0].current?.child.current?.setState({ formData: [] });\r\n if (this.state.webUIConfig.condition === 'InspectionBooking' || this.state.webUIConfig.condition === 'PermitVariation' || this.state.webUIConfig.condition === 'OPApplication') {\r\n this.setState({ submitDisable: true });\r\n }\r\n setTimeout(() => {\r\n this.getLgaDataSource({ parameter: this.state.defaultState, lgaKeyName: null })\r\n }, config.setTimeoutMilliSecond);\r\n }}>\r\n OK\r\n \r\n ]}\r\n >\r\n \r\n
: Your request has been submitted successfully!
\r\n }\r\n \r\n
\r\n \r\n \r\n :\r\n \r\n authUser\r\n ? \r\n
: (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n};\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport { Provider } from 'react-redux'\r\nimport { ConnectedRouter } from 'connected-react-router'\r\nimport { Router, Route, Switch } from \"react-router-dom\";\r\nimport \"assets/vendors/style\";\r\nimport \"styles/wieldy.less\";\r\n// import \"styles/fontawesome.css\";\r\n// import \"styles/layout.css\"; //切换为在main区域滚动\r\nimport \"styles/layout-fix.css\"; //切换为在body滚动\r\nimport \"styles/site.css\";\r\n\r\nimport configureStore, { history } from './appRedux/store';\r\nimport App from \"./containers/App/index\";\r\nimport { AuthProvider } from \"./authentication\";\r\nimport { Modal } from 'antd';\r\nimport moment from 'moment';\r\n\r\nconst store = configureStore();\r\n\r\n//设置周一为第一天\r\nmoment.locale('en',{\r\n week: {\r\n dow: 1\r\n },\r\n})\r\n\r\nconst NextApp = () =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ;\r\nexport default NextApp;\r\n\r\n// window.onerror = (msg, url, line, col, error) => {\r\n// // Note that col & error are new to the HTML 5 spec and may not be\r\n// // supported in every browser. It worked for me in Chrome.\r\n// console.log('Global Error');\r\n// let extra = !col ? '' : ' {\r\n this.setState({ hover: true });\r\n }}\r\n onMouseLeave={() => {\r\n this.setState({ hover: false });\r\n }}\r\n >\r\n {this.props.buttons}
: <>\r\n }\r\n \r\n )\r\n };\r\n};\r\n","import { Link } from 'react-router-dom';\r\nimport { message, Modal, Button, Image, Divider, Tooltip, Popconfirm, Tag } from 'antd';\r\nimport { config } from \"util/config\";\r\nimport { httpClient } from \"util/Api\";\r\nimport CustomBadge from 'components/CustomBadge';\r\nimport CustomImage from 'components/CustomImage';\r\nimport { operationalFunction } from 'components/UIBuilder/SectionFunction/Common';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\nimport { ExclamationCircleOutlined, DeleteOutlined } from '@ant-design/icons';\r\nimport moment from 'moment';\r\nimport JSZip from 'jszip';\r\n\r\n//设置token\r\nexport function setToken(token): void {\r\n localStorage.setItem('token', token);\r\n}\r\n\r\n//取得token\r\nexport function getToken() {\r\n return localStorage.getItem('token');\r\n}\r\n\r\n//原字符串, 保留长度, 超出时的省略字符\r\nexport function truncateString(str, length, ellipsis) {\r\n ellipsis = ellipsis || '';\r\n return length !== undefined && str !== undefined && str !== null ? str.substring(0, length) + (length < str.length ? ellipsis : '') : str;\r\n}\r\n\r\nexport function roundToDecimalPlaces(number, places) {\r\n // 确保 places 是一个整数\r\n places = Math.trunc(places);\r\n\r\n // 处理负数和无限值\r\n if (isNaN(number) || !isFinite(number)) {\r\n return NaN;\r\n }\r\n\r\n // 处理四舍五入的情况\r\n const factor = Math.pow(10, places);\r\n const roundedNumber = Math.round((number + Number.EPSILON) * factor) / factor;\r\n\r\n // 处理小数位数不足的情况\r\n return Number(roundedNumber.toFixed(places));\r\n}\r\n\r\n//原数值, 保留几位小数, 货币符号, 千位分隔符, 小数分隔符\r\nexport function formatMoney(number, places, symbol, thousand, decimal) {\r\n // 确定是否是负数，并在处理过程中使用绝对值\r\n let isNegative = number < 0;\r\n if (number < 0 && number > -0.0001) {\r\n number = 0;\r\n }\r\n places = !isNaN(places = Math.abs(places)) ? places : 2;\r\n symbol = symbol || '$';\r\n thousand = thousand || ',';\r\n decimal = decimal || '.';\r\n\r\n // 对数字进行四舍五入，并转换为整数部分的字符串形式\r\n let roundedNumber = roundToDecimalPlaces(number, places);\r\n let i = parseInt(Math.abs(roundedNumber), 10) + '';\r\n\r\n // 处理千分位分隔符\r\n let j = i.length > 3 ? i.length % 3 : 0;\r\n let formattedNumber = (j ? i.substr(0, j) + thousand : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, '$1' + thousand);\r\n\r\n // 添加小数点及小数部分\r\n formattedNumber += places ? decimal + Math.abs(roundedNumber - i).toFixed(places).slice(2) : '';\r\n\r\n // 添加货币符号和负号\r\n return symbol + (isNegative ? '-' : '') + formattedNumber;\r\n}\r\n\r\n//为货币控件格式化显示\r\nexport function formatMoneyForControl(value, info, places, allowNegative) {\r\n allowNegative = allowNegative || false;\r\n if (isNullOrEmpty(value)) {\r\n return '';\r\n }\r\n\r\n // 删除非数字字符\r\n if (allowNegative) {\r\n value = value.replace(/[^\\d-.]/g, '');\r\n } else {\r\n value = value.replace(/[^\\d.]/g, '');\r\n }\r\n\r\n if (info.userTyping) {\r\n // 查找字符串中的第一个小数点的位置\r\n const dotIndex = value.indexOf('.');\r\n if (dotIndex >= 0) {\r\n // 如果存在小数点，只保留小数点后两位，并删除其他的小数点\r\n value = value.substr(0, dotIndex + (places + 1)).replace(/\\.(?=.*\\.)/g, '');\r\n }\r\n const parsed = parseFloat(value);\r\n return isNaN(parsed) ? 0 : parsed;\r\n } else {\r\n return `${value !== undefined ? parseFloat(value).toLocaleString('en-US', { minimumFractionDigits: places, maximumFractionDigits: places }) : ''}`;\r\n }\r\n return parseFloat(value);\r\n}\r\n\r\n//为货币控件格式化数值\r\nexport function parserMoneyForControl(value, allowNegative) {\r\n allowNegative = allowNegative || false;\r\n if (!allowNegative) {\r\n return parseFloat(value.replace(/[-,]/g, ''));\r\n } else {\r\n return parseFloat(value.replace(/[,]/g, ''));\r\n }\r\n}\r\n\r\n//数值格式化成文件大小\r\nexport function formatFileSize(fileSize, places) {\r\n places = places || 1;\r\n if (fileSize === 0) return '0 Bytes';\r\n const k = 1024;\r\n const dm = places < 0 ? 0 : places;\r\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\n const i = Math.floor(Math.log(fileSize) / Math.log(k));\r\n return parseFloat((fileSize / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\r\n}\r\n\r\n//字符串转DateTime, 当前为澳洲日期格式, 根据项目改写此方法\r\nexport function stringToDateTime(str) {\r\n try {\r\n var type = str.split(' ');\r\n var d = type[0].split('/');\r\n var t = type[1].split(':');\r\n return new Date(d[2], d[1] - 1, d[0], t[0] !== undefined ? t[0] : 0, t[1] !== undefined ? t[1] : 0, t[2] !== undefined ? t[2] : 0);\r\n } catch {\r\n return new Date(1970, 0, 1);\r\n }\r\n}\r\n\r\n//获取年月日的时间戳\r\nexport function formatDateToVersion() {\r\n const date = new Date();\r\n const year = date.getFullYear();\r\n const month = String(date.getMonth() + 1).padStart(2, '0'); // 因为月份是从0开始的，所以需要+1\r\n const day = String(date.getDate()).padStart(2, '0');\r\n return `${year}${month}${day}`;\r\n}\r\n\r\n//根据每个单字段的类型, 对生成单元格的数据进行格式化\r\nexport function formatUieData({ uie, data, record, companyId, sectionComponent, pageComponent, key }) {\r\n if (key === undefined || key === null) {\r\n key = record.key;\r\n }\r\n if (uie.key !== null) {\r\n key = record[uie.key];\r\n }\r\n switch (uie.type) {\r\n case 'date':\r\n return <>{truncateString(data, 10)}\r\n case 'bool':\r\n return data ? 'Yes' : 'No'\r\n case 'money':\r\n return <>{formatMoney(data)}\r\n case 'fileSize':\r\n return <>{formatFileSize(data)}\r\n case 'pageLink':\r\n if (record[uie.color] !== null && record[uie.color] !== undefined) {\r\n return {\r\n let text = config.clientUrl + '/job/public/' + record.AccessCode;\r\n message.info('Copied to clipboard!');\r\n await navigator.clipboard.writeText(text);\r\n }}\r\n title=\"Copy link\"> \r\n \r\n case 'clientJobDetailLink':\r\n let href = '/job/detail';\r\n if (record.WorkflowStatus.InitStatus !== null) {\r\n href = '/job/new';\r\n }\r\n if (record[uie.color] !== null && record[uie.color] !== undefined) {\r\n return { download({ url: '/Business/Document/Download/' + key, data: null, filename: data }) }}> : { download({ url: '/Business/Document/Download/' + key, data: null, filename: data }) }}>{data} \r\n case 'clientDocument':\r\n return record.Stamped === true ? { download({ url: '/Business/Document/Download/' + record.DocumentId, data: null, filename: data }) }}> : { download({ url: '/Business/Document/Download/' + record.DocumentId, data: null, filename: data }) }}>{data} \r\n case 'publicDocument':\r\n return record.Stamped === true ? { download({ url: '/Business/Document/PublicDownload/' + key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: data }) }}> : { download({ url: '/Business/Document/PublicDownload/' + key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: data }) }}>{data} \r\n case 'documentShare':\r\n let html = '';\r\n if (record.ShareClientPortal) {\r\n html += 'C ';\r\n }\r\n if (record.ShareTrackingPage) {\r\n html += 'T ';\r\n }\r\n if (record.ShareOnsiteJob) {\r\n html += 'O ';\r\n }\r\n return Pay Online} /> : <>\r\n } else {\r\n return data !== null && data !== undefined ? \r\n {\r\n editor.ui.getEditableElement().parentElement.insertBefore(\r\n editor.ui.view.toolbar.element,\r\n editor.ui.getEditableElement(),\r\n editor.editing.view.focus()\r\n );\r\n }}\r\n onChange={(event, editor) => {\r\n }}\r\n onBlur={(event, editor) => {\r\n record[uie.source] = editor.getData();\r\n operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent })\r\n }}\r\n onFocus={(event, editor) => {\r\n }}\r\n config={config.component.CKEditor.config}\r\n />\r\n :\r\n { operationalFunction({ functionName: uie.onClick, sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n dangerouslySetInnerHTML={{ __html: data }} />\r\n case 'JobChecklistComments':\r\n if (record.JobChecklistImageList !== null && record.JobChecklistImageList.length > 0) {\r\n return <>\r\n \r\n {\r\n record.JobChecklistImageList.map((image, i) => {\r\n return \r\n \r\n } else {\r\n return \r\n
\r\n { download({ url: '/Business/Document/Download/' + document.key, data: null, filename: document.Name }) }}>{document.Name} \r\n | \r\n { operationalFunction({ functionName: 'deleteJobChecklistClientDocument', sectionName: 'JobChecklist', parameter: document, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n \r\n { operationalFunction({ functionName: 'editBySection', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >Edit Your Comment\r\n { operationalFunction({ functionName: 'uploadDocument', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >Upload Document\r\n
\r\n \r\n case 'PublicJobChecklistClientComment':\r\n if (record.JobChecklistClientDocumentList !== null && record.JobChecklistClientDocumentList.length > 0) {\r\n return <>\r\n <>{data}\r\n \r\n
\r\n { download({ url: '/Business/Document/PublicDownload/' + document.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: document.Name }) }}>{document.Name} \r\n {/* | \r\n { operationalFunction({ functionName: 'deletePublicJobChecklistClientDocument', sectionName: 'JobChecklist', parameter: document, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n { operationalFunction({ functionName: 'publicEditBySection', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >Edit Your Comment\r\n \r\n // } else {\r\n // return <>{data};\r\n // }\r\n case 'PublicJobChecklistClientDocument':\r\n // if (record.JobChecklistClientDocumentList !== null && record.JobChecklistClientDocumentList.length > 0) {\r\n return <>\r\n {\r\n record.JobChecklistClientDocumentList.map((document, i) =>\r\n \r\n
\r\n { download({ url: '/Business/Document/PublicDownload/' + document.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: document.Name }) }}>{document.Name} \r\n {/* | \r\n { operationalFunction({ functionName: 'deletePublicJobChecklistClientDocument', sectionName: 'JobChecklist', parameter: document, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n { operationalFunction({ functionName: 'publicUploadDocument', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >Upload Document\r\n \r\n // } else {\r\n // return <>{data};\r\n // }\r\n case 'JobRequiredCertificateClientDocument':\r\n return <>\r\n {\r\n record.JobRequiredCertificateClientDocumentList.map((document, i) =>\r\n \r\n
\r\n { download({ url: '/Business/Document/Download/' + document.key, data: null, filename: document.Name }) }}>{document.Name} \r\n | \r\n { operationalFunction({ functionName: 'deleteJobRequiredCertificateClientDocument', sectionName: 'JobRequiredCertificate', parameter: document, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n { operationalFunction({ functionName: 'publicUploadDocument', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }} >Upload Document\r\n \r\n\r\n case 'PublicJobRequiredCertificateClientDocument':\r\n // if (record.JobRequiredCertificateClientDocumentList !== null && record.JobRequiredCertificateClientDocumentList.length > 0) {\r\n return <>\r\n {\r\n record.JobRequiredCertificateClientDocumentList.map((document, i) =>\r\n \r\n
\r\n { download({ url: '/Business/Document/PublicDownload/' + document.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: document.Name }) }}>{document.Name} \r\n {/* | \r\n { operationalFunction({ functionName: 'deletePublicJobRequiredCertificateClientDocument', sectionName: 'JobRequiredCertificate', parameter: document, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n { operationalFunction({ functionName: 'publicUploadDocument', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >Upload Document\r\n \r\n // } else {\r\n // return <>{data};\r\n // }\r\n case 'SubJobChecklistComments':\r\n if (record.SubJobChecklistImageList !== null && record.SubJobChecklistImageList.length > 0) {\r\n return <>\r\n \r\n {\r\n record.SubJobChecklistImageList.map((image, i) => {\r\n return \r\n { operationalFunction({ functionName: 'deleteSubJobChecklistImage', sectionName: sectionComponent.props.sectionName, parameter: image, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie }) }}\r\n >\r\n \r\n \r\n } else {\r\n return { operationalFunction({ e: e, functionName: 'sendSMS', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >{record.Mobile} \r\n );\r\n } else {\r\n contactNumber.push(record.Mobile);\r\n }\r\n }\r\n return <>{contactNumber}\r\n case 'JobLabel':\r\n return <>{\r\n record[uie.source].map((item, i) => {data} : <>{data}\r\n case 'LgaInfo':\r\n return !isNullOrEmpty(data) ? <>\r\n { operationalFunction({ e: e, functionName: 'sendEmail', sectionName: sectionComponent.props.sectionName, parameter: record.Lga, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >{data} \r\n {\r\n pageComponent.setState({ showLgaInfo: true, mouseEvent: e });\r\n }}\r\n />\r\n : <>\r\n case 'BookingRequest':\r\n return \r\n { operationalFunction({ e: e, functionName: 'editBookingRequest', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n />\r\n
\r\n case 'PublicBookingRequest':\r\n return \r\n { operationalFunction({ e: e, functionName: 'editBookingRequest', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >Booking Request\r\n
\r\n case 'SubJobReport':\r\n return <>\r\n {\r\n record.SubJobReportList.map((document, i) =>\r\n \r\n
\r\n {\r\n if (pageComponent.props.accessCode === undefined) {\r\n download({ url: '/Business/Document/Download/' + document.key, data: null, filename: document.Name });\r\n } else {\r\n download({ url: '/Business/Document/PublicDownload/' + document.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: document.Name });\r\n }\r\n }}>{document.Name} \r\n {/* | \r\n { operationalFunction({ functionName: 'deleteSubJobReport', sectionName: 'SubJob', parameter: { SubJobId: record.SubJobId, DocumentId: document.DocumentId }, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n \r\n
\r\n {\r\n if (pageComponent.props.accessCode === undefined) {\r\n download({ url: '/Business/Document/Download/' + document.key, data: null, filename: document.Name });\r\n } else {\r\n download({ url: '/Business/Document/PublicDownload/' + document.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: document.Name });\r\n }\r\n }}>{document.Name} \r\n {/* | \r\n { operationalFunction({ functionName: 'deleteSubJobReport', sectionName: 'SubJob', parameter: { SubJobId: record.SubJobId, DocumentId: document.DocumentId }, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >\r\n { operationalFunction({ e: e, functionName: 'showReportDiv', sectionName: sectionComponent.props.sectionName, parameter: record, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >{data} ;\r\n case 'ClientDueDate':\r\n return <> {record.ClientDueDate !== null ? record.ClientDueDate : ''} {record.ClientDueDateNote} ;\r\n default:\r\n return <>{data}\r\n }\r\n}\r\n\r\nexport function getByteImageSrc(image) {\r\n if (image) {\r\n let type = '';\r\n switch (getExtension(image.Name)) {\r\n case '.jpg':\r\n case '.jpeg':\r\n type = 'image/jpeg';\r\n break;\r\n case '.png':\r\n type = 'image/png';\r\n break;\r\n case '.bmp':\r\n type = 'image/bmp';\r\n break;\r\n default:\r\n type = 'image/jpeg';\r\n break;\r\n }\r\n return 'data:' + type + ';base64, ' + image.Data;\r\n }\r\n}\r\n\r\n/**\r\n * 异步文件下载功能\r\n * @param url 文件url地址\r\n * @param filename 导出的文件名\r\n */\r\nexport async function download({ method = 'get', url, sectionName, data, filename, save, messageText, errorMessageText = 'Error!' }) {\r\n message.info(messageText === undefined ? 'Downloading - ' + filename : messageText);\r\n\r\n var extension = filename.split('.').pop().toLowerCase();\r\n let isOpenFileInBrowser = false;\r\n switch (extension) {\r\n case 'pdf':\r\n case 'jpeg':\r\n case 'jpg':\r\n case 'png':\r\n if (save !== true) {\r\n isOpenFileInBrowser = true;\r\n }\r\n break;\r\n }\r\n\r\n if (isOpenFileInBrowser) {\r\n //新窗口打开pdf或者图片\r\n if (url.indexOf('?') >= 0) {\r\n url += '&filename=' + formatFileNameForUrl(filename);\r\n } else {\r\n url += '?filename=' + formatFileNameForUrl(filename);\r\n }\r\n var newWindow = window.open('/download' + url, '_blank');\r\n } else {\r\n //强制下载\r\n httpClient({\r\n method: method,\r\n url: url,\r\n data: data,\r\n responseType: 'blob'\r\n })\r\n .then(({ data }) => {\r\n if (data != null) {\r\n let blobUrl = URL.createObjectURL(data);\r\n saveFile(blobUrl, filename);\r\n } else {\r\n message.warning(errorMessageText);\r\n }\r\n })\r\n .catch(function (error) {\r\n message.warning(errorMessageText);\r\n });\r\n }\r\n}\r\n\r\nfunction openFileInBrowser(blobUrl, filename) {\r\n var newWindow = window.open(blobUrl);\r\n setTimeout(() => {\r\n if (newWindow !== null) {\r\n newWindow.document.title = filename;\r\n }\r\n }, 200);\r\n}\r\n\r\nexport function isIOS() {\r\n // 判断是否为苹果移动设备\r\n return (\r\n (\r\n navigator.userAgent.indexOf('AppleWebKit') !== -1 || // 判断是否为AppleWebKit\r\n navigator.userAgent.indexOf('iPhone') !== -1 || // 判断是否为iPhone\r\n navigator.userAgent.indexOf('iPad') !== -1 || // 判断是否为iPad\r\n navigator.userAgent.indexOf('iPod') !== -1 // 判断是否为iPod\r\n ) && navigator.userAgent.indexOf('Android') === -1 && navigator.userAgent.indexOf('Windows') === -1\r\n );\r\n}\r\n\r\nexport function isAndroid() {\r\n // 判断是否为Android设备\r\n return navigator.userAgent.indexOf('Android') !== -1;\r\n}\r\n\r\nexport function isMobile() {\r\n // 判断是否为移动设备\r\n return (\r\n typeof window.orientation !== \"undefined\" || // 判断是否存在window.orientation属性，此属性在移动设备上一般存在\r\n navigator.userAgent.indexOf('IEMobile') !== -1 || // 判断是否为Windows Phone\r\n navigator.userAgent.indexOf('iPhone') !== -1 || // 判断是否为iPhone\r\n navigator.userAgent.indexOf('iPad') !== -1 || // 判断是否为iPad\r\n navigator.userAgent.indexOf('iPod') !== -1 || // 判断是否为iPod\r\n navigator.userAgent.indexOf('Android') !== -1 || // 判断是否为Android手机\r\n navigator.userAgent.indexOf('BlackBerry') !== -1 || // 判断是否为BlackBerry\r\n navigator.userAgent.indexOf('Opera Mini') !== -1 // 判断是否为Opera Mini浏览器\r\n );\r\n}\r\n\r\nexport function saveFile(blobUrl, filename) {\r\n let link = document.createElement('a');\r\n link.download = filename;\r\n link.style.display = 'none';\r\n link.href = blobUrl;\r\n // 触发点击\r\n document.body.appendChild(link);\r\n link.click()\r\n // 移除\r\n document.body.removeChild(link);\r\n}\r\n\r\n//处理返回数据的错误信息\r\nexport function handleError(error, pageComponent) {\r\n console.log(error);\r\n console.log(pageComponent);\r\n switch (error.code) {\r\n case 401:\r\n const token = localStorage.getItem('token');\r\n if (token) {\r\n localStorage.removeItem('token');\r\n Modal.error({\r\n title: 'Session Expired',\r\n content: 'Click OK to login again. ',\r\n onOk() {\r\n window.location.href = '/';\r\n }\r\n });\r\n }\r\n break;\r\n case 'ERR_NETWORK':\r\n message.error('Network Error.');\r\n break;\r\n default:\r\n let errorMessage = error.stack.replace(/\\n/g, ' {\r\n if (disabled) {\r\n setDisabled(false);\r\n }\r\n }}\r\n onMouseOut={() => {\r\n setDisabled(true);\r\n }}\r\n >\r\n {title}\r\n \r\n }\r\n {...props}\r\n modalRender={(modal) => (\r\n onStart(event, uiData)}\r\n >\r\n {modal}
\r\n \r\n )}\r\n transitionName=\"\"\r\n maskTransitionName=\"\"\r\n keyboard={false}\r\n // destroyOnClose={true} // 滚动条复位相关\r\n >\r\n {children}\r\n \r\n );\r\n};\r\nexport default AntDraggableModal;\r\n","import { message } from 'antd';\r\nimport { config } from 'util/config';\r\nimport { httpClient } from \"util/Api\";\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport * as lodash from 'lodash';\r\n\r\nlet canSearch = true;\r\n\r\n//Document点击添加按钮逻辑\r\nexport function addBySection({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n sectionComponent.child.current?.setState({ uploadDocumentShow: true });\r\n sectionComponent.child.current?.uploadDocument.current?.setState({\r\n submitting: false,\r\n DocumentTypeId: null,\r\n });\r\n\r\n if (pageComponent?.props.pageName !== 'PublicDetail') {\r\n if (sectionComponent.child.current?.uploadDocument.current?.state.componentDataSource.DocumentTypeId === undefined) {\r\n httpClient\r\n .get('Admin/DocumentType/GetSelectOptionList?moduleId=' + sectionComponent.props.moduleId)\r\n .then(({ data }) => {\r\n if (data.result) {\r\n if (data.data.length > 0) {\r\n let dataSource = data.data;\r\n let componentDataSource = { ...sectionComponent.child.current?.uploadDocument.current?.state.componentDataSource };\r\n componentDataSource.DocumentTypeId = dataSource;\r\n sectionComponent.child.current?.uploadDocument.current?.setState({ componentDataSource });\r\n sectionComponent.child.current?.uploadDocument.current?.formRef.current?.setFieldValue('DocumentTypeId', dataSource[0]?.Value);\r\n }\r\n } else {\r\n globalFunction.handleResultError(data, pageComponent);\r\n }\r\n })\r\n .catch(function (error) {\r\n globalFunction.handleError(error, pageComponent);\r\n });\r\n } else {\r\n setTimeout(() => {\r\n let dataSource = sectionComponent.child.current?.uploadDocument.current?.state.componentDataSource.DocumentTypeId;\r\n let componentDataSource = { ...sectionComponent.child.current?.uploadDocument.current?.state.componentDataSource };\r\n componentDataSource.DocumentTypeId = dataSource;\r\n sectionComponent.child.current?.uploadDocument.current?.setState({ componentDataSource });\r\n sectionComponent.child.current?.uploadDocument.current?.formRef.current?.setFieldValue('DocumentTypeId', sectionComponent.child.current?.uploadDocument.current?.state.componentDataSource.DocumentTypeId[0]?.Value);\r\n }, config.setTimeoutMilliSecond);\r\n }\r\n }\r\n}\r\n\r\n//拖拽文档触发\r\nexport function dropDocument({ e, component } = {}) {\r\n let files = e.dataTransfer.files;\r\n let fileList = component.state.fileList;\r\n let date = new Date().getTime();\r\n const filesArray = Array.from(files);\r\n\r\n setTimeout(() => {\r\n filesArray.map((file, i) => {\r\n let have = false;\r\n fileList.map((oldFile, j) => {\r\n if (oldFile.name === file.name && oldFile.size === file.size) {\r\n have = true;\r\n }\r\n })\r\n if (!have) {\r\n file.uid = 'rc-upload-' + date + '-' + i;\r\n file.DocumentTypeId = component.formRef.current?.getFieldValue('DocumentTypeId');\r\n if (file.size / 1024 / 1024 > config.fileUploadLimit) {\r\n file.status = 'error';\r\n file.tip = file.name + ' size larger than ' + config.fileUploadLimit + 'M';\r\n }\r\n if (file.size === 0) {\r\n file.status = 'error';\r\n file.tip = file.name + ' - This file is 0KB and will not be uploaded. Make sure not to select or drag files from a zipped file/folder.';\r\n }\r\n fileList.push(file);\r\n }\r\n })\r\n component.setState({ fileList });\r\n component.setState({ onDragEnterCLass: '' })\r\n }, config.setTimeoutMilliSecond * 2);\r\n}\r\n\r\n//上传逻辑\r\nexport function uploadDocumentSubmit({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n console.log('Document上传逻辑');\r\n\r\n}\r\n\r\n//批量下载\r\nexport function batchDownload({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n if (sectionComponent.child.current?.state.selectedRowKeys.length !== 0) {\r\n globalFunction.download({ method: 'post', url: '/Business/Document/BatchDownload', data: { DocumentIdList: sectionComponent.child.current?.state.selectedRowKeys }, filename: pageComponent.state.jobData.JobNum + ' Documents.zip', save: true });\r\n clearSelectedRowKeys(sectionComponent);\r\n } else {\r\n message.warning('You must choose at least one document.');\r\n }\r\n}\r\n\r\n//清除选择的key\r\nfunction clearSelectedRowKeys(sectionComponent) {\r\n sectionComponent.child.current?.setState({ selectedRowKeys: [] });\r\n sectionComponent.child.current?.child.map((folder, i) => {\r\n folder.current?.setState({ selectedRowKeys: [] });\r\n })\r\n}\r\n\r\n//批量删除\r\nexport function batchDelete({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n if (sectionComponent.child.current?.state.selectedRowKeys.length !== 0) {\r\n globalFunction.confirm({\r\n content: 'Do you want to delete these records?',\r\n callback: function () {\r\n httpClient\r\n .post('Business/Document/BatchDelete', sectionComponent.child.current?.state.selectedRowKeys)\r\n .then(({ data }) => {\r\n if (data.result) {\r\n sectionComponent.child.current?.setState({ selectedRowKeys: [] });\r\n setTimeout(() => {\r\n sectionComponent.child.current?.getSectionDataByDefault();\r\n }, config.setTimeoutMilliSecond);\r\n } else {\r\n globalFunction.handleResultError(data, pageComponent);\r\n }\r\n })\r\n .catch(function (error) {\r\n globalFunction.handleError(error, pageComponent);\r\n });\r\n }\r\n });\r\n } else {\r\n message.warning('You must choose at least one document.');\r\n }\r\n}\r\n\r\n//Document列表刷新\r\nexport function refreshDocument({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n sectionComponent.getSectionDataByDefault();\r\n\r\n setTimeout(() => {\r\n let uie = sectionComponent.state.section.componentList[0].topButtonList[0].buttonList.filter(c => c.actionType === 'Refresh')[0];\r\n uie.flip = true;\r\n sectionComponent.setState(sectionComponent.state.section);\r\n }, 100);\r\n\r\n setTimeout(() => {\r\n let uie = sectionComponent.state.section.componentList[0].topButtonList[0].buttonList.filter(c => c.actionType === 'Refresh')[0];\r\n uie.flip = false;\r\n sectionComponent.setState(sectionComponent.state.section);\r\n }, 1100);\r\n}\r\n\r\n//下载\r\nexport function downloadDocument({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n globalFunction.download({ url: '/Business/Document/Download/' + parameter.key, data: null, filename: parameter.Name, save: true });\r\n}\r\n\r\n//TrackingPage 下载\r\nexport function publicDownloadDocument({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n globalFunction.download({ url: '/Business/Document/PublicDownload/' + parameter.key + '?accessCode=' + pageComponent.props.accessCode, data: null, filename: parameter.Name, save: true });\r\n}\r\n\r\n//TrackingPage 批量下载\r\nexport function publicBatchDownload({ sectionName, parameter, sectionComponent, pageComponent, uie } = {}) {\r\n if (sectionComponent.child.current?.state.selectedRowKeys.length !== 0) {\r\n globalFunction.download({ method: 'post', url: '/Business/Document/PublicBatchDownload', data: { DocumentIdList: sectionComponent.child.current?.state.selectedRowKeys }, filename: pageComponent.state.jobData.JobNum + ' Documents.zip', save: true });\r\n clearSelectedRowKeys(sectionComponent);\r\n } else {\r\n message.warning('You must choose at least one document.');\r\n }\r\n}\r\n","import './config';\r\nimport * as globalFunction from './GlobalFunction';\r\n\r\n//自定义函数, 根据不同的类型去到不同的比较分支\r\nexport function compareUIElementValue(a, b, type) {\r\n switch (type) {\r\n case 'money':\r\n case 'positiveInteger':\r\n return compareNumerical(a, b);\r\n case 'date':\r\n case 'dateTime':\r\n return compareDateTime(a, b);\r\n case 'bool':\r\n return compareBool(a, b);\r\n default:\r\n return compareString(a, b);\r\n }\r\n}\r\n\r\n//比较各种类型, a>b 返回大于0的数值, a=b 返回 0, a;\r\n default:\r\n return <>Unset Control: {uie.component};\r\n }\r\n}\r\n\r\n//----------------- Label -----------------//\r\nexport function createLabel(uie, i, component, formComponent, sectionComponent, pageComponent, text) {\r\n return <>{text}\r\n}\r\n\r\n//----------------- Input -----------------//\r\nexport function createInput(uie, i, component, formComponent, sectionComponent, pageComponent, value) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: e.target.value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\nexport function createInputTextArea(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: e.target.value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\nexport function createInputPassword(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: e.target.value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- Select -----------------//\r\nexport function createSelect(uie, i, component, formComponent, sectionComponent, pageComponent, source, value) {\r\n // 判断如果是多选，去掉数据源里值是''的，并设置最大选择数量\r\n var maxSelect = null;\r\n if (uie.type !== null && uie.type.indexOf('multiple') >= 0) {\r\n if (source !== undefined) {\r\n source = source.filter(item => item.Value !== '' && item.Value !== '0' && item.Value !== 0);\r\n }\r\n if (uie.type !== 'multiple') {\r\n let parts = uie.type.split('-');\r\n maxSelect = parseInt(parts[1])\r\n uie.type = 'multiple';\r\n }\r\n }\r\n\r\n return {\r\n if (uie.type === 'group') {\r\n return option.options === undefined\r\n ? option?.children?.toLowerCase().includes(inputValue.toLowerCase())\r\n : false\r\n } else {\r\n return option?.children?.toLowerCase().includes(inputValue.toLowerCase())\r\n }\r\n }}\r\n getPopupContainer={triggerNode => triggerNode.parentElement}\r\n onDropdownVisibleChange={handleDropdownVisibleChange}\r\n onChange={(value) => operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, data: getOptionData(source, uie, value), formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n >\r\n {\r\n source !== undefined ?\r\n uie.type === 'group' || uie.type === 'Notify' ?\r\n source.map(group => (\r\n group.SelectOptionList !== null ?\r\n \r\n {\r\n group.SelectOptionList.map(option => (\r\n {option.Key} \r\n ))\r\n }\r\n \r\n :\r\n {group.Key} \r\n ))\r\n :\r\n source.map(option => (\r\n {option.Key} \r\n ))\r\n : null\r\n }\r\n \r\n}\r\n\r\nfunction getOptionData(source, uie, value) {\r\n let data = {};\r\n if (source !== undefined) {\r\n if (uie.type === 'group') {\r\n source.map(group => {\r\n if (group.SelectOptionList !== null) {\r\n group.SelectOptionList.map(option => {\r\n if (option.Value === value) {\r\n data = option;\r\n }\r\n })\r\n }\r\n })\r\n } else if (uie.type === 'Notify') {\r\n source.map(group => {\r\n if (group.SelectOptionList !== null) {\r\n group.SelectOptionList.map(option => {\r\n if (option.Value === value) {\r\n data = option;\r\n }\r\n })\r\n }\r\n })\r\n } else {\r\n source.map(option => {\r\n if (option.Value === value) {\r\n data = option;\r\n }\r\n })\r\n }\r\n }\r\n return data;\r\n}\r\n\r\nfunction handleDropdownVisibleChange(open) {\r\n toggleBodyScroll(!open);\r\n};\r\n\r\nfunction preventBodyScroll(e) {\r\n e.preventDefault();\r\n};\r\n\r\nfunction toggleBodyScroll(enable) {\r\n if (enable) {\r\n window.removeEventListener('wheel', preventBodyScroll, { passive: false });\r\n } else {\r\n window.addEventListener('wheel', preventBodyScroll, { passive: false });\r\n }\r\n};\r\n\r\n//----------------- DatePicker -----------------//\r\nexport function createDatePicker(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n let disabledDates = [];\r\n if (pageComponent.state.publicHoliday !== undefined && pageComponent.state.publicHoliday.length > 0) {\r\n disabledDates = pageComponent.state.publicHoliday;\r\n }\r\n\r\n return uie.type === 'weekday' && pageComponent.state.cutoffHours !== undefined && pageComponent.state.cutoffMinutes !== undefined ? globalFunction.getDisabledDate(current, disabledDates, pageComponent.state.cutoffHours, pageComponent.state.cutoffMinutes) : null}\r\n allowClear={false}\r\n showToday={false}\r\n renderExtraFooter={() =>\r\n <>\r\n {\r\n document.getElementById(uie.source).blur();\r\n if (formComponent.formRef.current !== null) {\r\n formComponent.formRef.current?.setFieldValue(uie.source, moment(new Date(), config.format.date));\r\n } else {\r\n pageComponent.formRef.current?.setFieldValue(uie.source, moment(new Date(), config.format.date));\r\n }\r\n }}\r\n >TDY\r\n {\r\n document.getElementById(uie.source).blur();\r\n if (formComponent.formRef.current !== null) {\r\n formComponent.formRef.current?.setFieldValue(uie.source, moment(globalFunction.addDate(new Date(), 1), config.format.date));\r\n } else {\r\n pageComponent.formRef.current?.setFieldValue(uie.source, moment(globalFunction.addDate(new Date(), 1), config.format.date));\r\n }\r\n }}\r\n >TMW\r\n {\r\n document.getElementById(uie.source).blur();\r\n if (formComponent.formRef.current !== null) {\r\n formComponent.formRef.current?.setFieldValue(uie.source, moment(globalFunction.addDate(new Date(), -1), config.format.date));\r\n } else {\r\n pageComponent.formRef.current?.setFieldValue(uie.source, moment(globalFunction.addDate(new Date(), -1), config.format.date));\r\n }\r\n }}\r\n >YSTD\r\n {\r\n document.getElementById(uie.source).blur();\r\n if (formComponent.formRef.current !== null) {\r\n formComponent.formRef.current?.setFieldValue(uie.source, undefined);\r\n } else {\r\n pageComponent.formRef.current?.setFieldValue(uie.source, undefined);\r\n }\r\n try {\r\n operationalFunction({ functionName: 'clear' + uie.source, sectionName: sectionComponent.props.sectionName, parameter: null, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie, showError: false })\r\n } catch (error) { }\r\n }}\r\n >Clear\r\n \r\n }\r\n className={uie.className}\r\n bordered={config.component.bordered}\r\n size={config.component.size}\r\n placeholder={uie.placeholder}\r\n style={{ width: '100%' }}\r\n format={config.component.DatePicker.dateFormat}\r\n onChange={(value) => operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- YearPicker -----------------//\r\nexport function createYearPicker(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- TimePicker -----------------//\r\nexport function createTimePicker(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\nexport function createRangePicker(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- InputNumber -----------------//\r\nexport function createInputNumber(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return inputNumberFormatter(value, info, input, uie)}\r\n parser={value => inputNumberParser(value, uie)}\r\n addonBefore={inputNumberAddonBefore(uie)}\r\n onChange={(value) => operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//限定最小值\r\nexport function inputNumberMin(uie) {\r\n switch (uie.type) {\r\n case 'positiveInteger':\r\n case 'positiveFloat':\r\n case 'byte':\r\n return 0;\r\n default:\r\n return null;\r\n }\r\n}\r\n\r\n//限定最大值\r\nexport function inputNumberMax(uie) {\r\n switch (uie.type) {\r\n case 'byte':\r\n return 255;\r\n default:\r\n return null;\r\n }\r\n}\r\n\r\n//限定小数点精度\r\nexport function inputNumberPrecision(uie) {\r\n switch (uie.type) {\r\n case 'money':\r\n case 'moneyNegative':\r\n return 2;\r\n case 'money3':\r\n case 'money3Negative':\r\n return 3;\r\n case 'positiveInteger':\r\n case 'byte':\r\n return 0;\r\n default:\r\n return 99;\r\n }\r\n}\r\n\r\n//数值格式化成字符串\r\nexport function inputNumberFormatter(value, info, input, uie) {\r\n switch (uie.type) {\r\n case 'money':\r\n return globalFunction.formatMoneyForControl(value, info, 2);\r\n case 'money3':\r\n return globalFunction.formatMoneyForControl(value, info, 3);\r\n case 'moneyNegative':\r\n return globalFunction.formatMoneyForControl(value, info, 2, true);\r\n case 'money3Negative':\r\n return globalFunction.formatMoneyForControl(value, info, 3, true);\r\n default:\r\n return value;\r\n }\r\n}\r\n\r\n//字符串格式化成数值\r\nexport function inputNumberParser(value, uie) {\r\n switch (uie.type) {\r\n case 'money':\r\n case 'money3':\r\n return globalFunction.parserMoneyForControl(value);\r\n case 'moneyNegative':\r\n case 'money3Negative':\r\n return globalFunction.parserMoneyForControl(value, true);\r\n default:\r\n return value;\r\n }\r\n}\r\n\r\n//控件前缀\r\nexport function inputNumberAddonBefore(uie) {\r\n switch (uie.type) {\r\n case 'money':\r\n return '$';\r\n default:\r\n return null;\r\n }\r\n}\r\n\r\n//----------------- Switch -----------------//\r\nexport function createSwitch(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- Checkbox -----------------//\r\nexport function createCheckbox(uie, i, component, formComponent, sectionComponent, pageComponent) {\r\n return operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: e.target.checked, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n >{uie.placeholder}\r\n}\r\n\r\n//----------------- AutoComplete -----------------//\r\nexport function createAutoComplete(uie, i, component, formComponent, sectionComponent, pageComponent, source) {\r\n return operationalFunction({ functionName: uie.onSelect, sectionName: sectionComponent.props.sectionName, parameter: option, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n onSearch={(value) => operationalFunction({ functionName: uie.onSearch, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n onChange={(value) => operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\nexport function createJobSearchAddress(uie, i, component, formComponent, sectionComponent, pageComponent, source) {\r\n return = 3 ? 'No address found.' : null}\r\n onSelect={(value, option) => operationalFunction({ functionName: uie.onSelect, sectionName: sectionComponent.props.sectionName, parameter: option, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n onSearch={(value) => operationalFunction({ functionName: uie.onSearch, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n onChange={(value) => operationalFunction({ functionName: uie.onChange, sectionName: sectionComponent.props.sectionName, parameter: value, formComponent: formComponent, sectionComponent: sectionComponent, pageComponent: pageComponent, uie: uie })}\r\n />\r\n}\r\n\r\n//----------------- RichTextEditor -----------------//\r\nexport function createRichTextEditor(uie, i, component, formComponent, sectionComponent, pageComponent, value) {\r\n return {\r\n editor.ui.getEditableElement().parentElement.insertBefore(\r\n editor.ui.view.toolbar.element,\r\n editor.ui.getEditableElement()\r\n );\r\n }}\r\n onChange={(event, editor) => {\r\n }}\r\n onBlur={(event, editor) => {\r\n }}\r\n onFocus={(event, editor) => {\r\n }}\r\n config={config.component.CKEditor.config}\r\n />\r\n}\r\n\r\n//----------------- ColorPicker -----------------//\r\nexport function createColorPicker(uie, i, component, formComponent, sectionComponent, pageComponent, value) {\r\n return operationalFunction({ uie: uie, functionName: uie.onClick, sectionName: sectionComponent.props.sectionName, sectionComponent: sectionComponent, pageComponent: pageComponent })}\r\n >{uie.placeholder}\r\n}\r\n","import { Space, Divider } from 'antd';\r\nimport { DragHandle } from \"components/UIBuilder/Global/SortableHelper\";\r\nimport CustomButton from 'components/UIBuilder/CustomComponent/CustomButton'\r\nimport { compareUIElementValue } from 'util/Compare';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport { config } from \"util/config\";\r\n\r\n//根据数据设置表头和Action列\r\nexport function setTableColumns({ props, sort, sectionComponent, pageComponent }) {\r\n let columns = [];\r\n //判断是否要排序\r\n if (sort) {\r\n columns.push({\r\n title: '',\r\n dataIndex: 'Sort',\r\n fixed: config.component.Table.fixed,\r\n className: 'drag-visible',\r\n render: () => ![\"loader\"/](\"/assets/images/loader.svg\")
\r\n
;\r\n //如果有自定义的 IconFormat, 获取对应 actionType 和 iconIndex\r\n if (iconFormat.length > 0) {\r\n icon = ![](\"assets/images/icon/loading.svg\"){kind=icon}
\r\n }\r\n \r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport { message, Space, Table, Pagination, Tag, Divider, Button } from 'antd';\r\nimport { Link } from 'react-router-dom';\r\nimport { httpClient } from \"util/Api\";\r\nimport { compareUIElementValue } from 'util/Compare';\r\nimport { config } from \"util/config\";\r\nimport { operationalFunction } from 'components/UIBuilder/SectionFunction/Common';\r\nimport * as globalFunction from 'util/GlobalFunction';\r\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\r\nimport { DragHandle, SortableItem, SortableBody, updateBeforeSortStart } from \"components/UIBuilder/Global/SortableHelper\";\r\nimport { FolderOpenOutlined, FolderOutlined, GroupOutlined, CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons';\r\nimport { setTableColumns } from \"components/UIBuilder/Global/TableHelper\";\r\nimport { getSectionDataList } from \"components/UIBuilder/Global/DataHelper\";\r\nimport CustomBadge from 'components/CustomBadge';\r\nimport { arrayMoveImmutable } from 'array-move';\r\nimport CustomEmpty from \"components/CustomEmpty\";\r\n\r\nexport default class DefaultGroupTable extends React.Component {\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n columns: [],\r\n data: [],\r\n sort: false,\r\n pagination: {\r\n current: 1,\r\n ...config.component.Pagination\r\n },\r\n loaded: false, // 加载是否完成\r\n selectedRowKeys: []\r\n }\r\n\r\n this.handlePaginationChange = this.handlePaginationChange.bind(this);\r\n\r\n //表格选择行的配置\r\n this.rowSelection = props.viewConfig.groupList[0].rowSelectionType !== null ? {\r\n type: props.viewConfig.groupList[0].rowSelectionType,\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);\r\n },\r\n ...this.state.rowSelection\r\n } : null;\r\n }\r\n\r\n // //只有数据源变化时才刷新table\r\n // shouldComponentUpdate(nextProps, nextState) {\r\n // return nextState.data !== this.state.data;\r\n // }\r\n\r\n //获取table的表头和数据\r\n componentDidMount() {\r\n if (this.props.section.autoLoad) {\r\n this.getSectionDataByDefault();\r\n }\r\n this.setState({ columns: setTableColumns({ props: this.props, sort: this.state.sort, sectionComponent: this.props.parentComponent, pageComponent: this.props.pageComponent }) })\r\n }\r\n\r\n //点击分页后获取页面数据\r\n handlePaginationChange(current, pageSize) {\r\n getSectionDataList({ component: this, current: current, pageSize: pageSize });\r\n };\r\n\r\n //默认获取数据的方法\r\n getSectionDataByDefault() {\r\n getSectionDataList({ component: this, current: this.state.pagination.current, pageSize: this.state.pagination.pageSize });\r\n }\r\n\r\n //停止排序时设置数据\r\n onSortEnd = ({ oldIndex, newIndex }) => {\r\n if (oldIndex !== newIndex) {\r\n const newData = arrayMoveImmutable(this.state.data.slice(), oldIndex, newIndex).filter(\r\n (el) => !!el,\r\n );\r\n this.setState({ data: newData })\r\n\r\n var keyArray = newData.map((item, index) => {\r\n return item.key;\r\n });\r\n operationalFunction({ functionName: 'sortBySection', sectionName: this.props.section.name, parameter: keyArray, sectionComponent: this.props.parentComponent, pageComponent: this.props.pageComponent });\r\n }\r\n };\r\n\r\n DraggableContainer = (props) => (\r\n 
}\r\n type=\"link\"\r\n onClick={() => operationalFunction({ uie: uie, functionName: uie.onClick, sectionName: this.props.sectionComponent.props.sectionName, parameter: null, sectionComponent: this.props.sectionComponent, pageComponent: this.props.pageComponent })}\r\n />\r\n 
}\r\n type=\"link\"\r\n onClick={() => {\r\n let sort = this.child.current?.state.sort;\r\n this.child.current?.setState({ sort: !sort });\r\n this.setState({ sort: !sort });\r\n setTimeout(() => {\r\n this.child.current?.setSolumns();\r\n }, config.setTimeoutMilliSecond);\r\n }}\r\n />\r\n ![\"\"](\"/assets/images/w-logo.png\"/){kind=logo}
\r\n \r\n ![\"\"](\"/assets/images/logo-white.png\"/){kind=logo}
\r\n ![\"\"](\"/assets/images/logo.png\"/){kind=logo}
\r\n ![\"\"]({(\"/assets/images/w-logo.png\")}){kind=logo}
\r\n ![\"logo\"]({(\"/assets/images/logo-white.png\")}){kind=logo}
:\r\n ![\"logo\"]({(\"/assets/images/company-logo/\"){kind=logo}
}\r\n \r\n {(navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR) ? ![\"example\"](\"/assets/images/login-logo.png\"){kind=logo}
\r\n 
\r\n \r\n ![](\"/assets/images/icon/loading.svg\"){kind=icon}
: <>}\r\n default:\r\n switch (uie.source) {\r\n case 'WorkflowStatusName':\r\n return isNullOrEmpty(record.WorkflowStatusDescription) ? ![]({'assets/images/icon/termite.svg'} "\\"Termite\\""){kind=icon}
: <>}\r\n {record.PptFloodProne ? ![]({'assets/images/icon/flood.svg'} "\\"Flood"){kind=icon}
: <>}\r\n {record.PptBushfireProne ? ![]({'assets/images/icon/fire.svg'} "\\"Bushfire"){kind=icon}
: <>}\r\n {record.PptAlpineArea ? ![]({'assets/images/icon/snowflake.svg'} "\\"Alpine"){kind=icon}
: <>}\r\n {record.PptSolarHotWater ? ![]({'assets/images/icon/solar-panel.svg'} "\\"Solar"){kind=icon}
: <>}\r\n {record.PptRainwaterTank ? ![]({'assets/images/icon/water-tank.svg'} "\\"Rainwater"){kind=icon}
: <>}\r\n \r\n case 'HideOnMailMerge':\r\n return record.HideOnMailMerge === true ? {data} : <>{data}\r\n case 'LgaInfo':\r\n return !isNullOrEmpty(data) ? <>\r\n { operationalFunction({ e: e, functionName: 'sendEmail', sectionName: sectionComponent.props.sectionName, parameter: record.Lga, sectionComponent: sectionComponent, pageComponent: pageComponent }) }}\r\n >{data}\r\n {\r\n pageComponent.setState({ showLgaInfo: true, mouseEvent: e });\r\n }}\r\n />\r\n : <>\r\n case 'BookingRequest':\r\n return