\n {children}\n
\n );\n};\n\nPortletContent.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n noPadding: PropTypes.bool\n};\n\nexport default withStyles(styles)(PortletContent);\n","import React from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Component styles\nconst styles = theme => ({\n root: {\n paddingBottom: theme.spacing(1),\n paddingTop: theme.spacing(1),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n borderTop: `1px solid ${theme.palette.border}`,\n borderBottomLeftRadius: '2px',\n borderBottomRightRadius: '2px'\n },\n noDivider: {\n borderTop: 'none'\n }\n});\n\nconst PortletFooter = props => {\n const { classes, className, noDivider, children, ...rest } = props;\n\n const rootClassName = classNames(\n {\n [classes.root]: true,\n [classes.noDivider]: noDivider\n },\n className\n );\n\n return (\n \n {children}\n
\n );\n};\n\nPortletFooter.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n noDivider: PropTypes.bool\n};\n\nexport default withStyles(styles)(PortletFooter);\n","import React from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Component styles\nconst styles = theme => ({\n root: {\n alignItems: 'center',\n borderBottom: `1px solid ${theme.palette.border}`,\n borderTopLeftRadius: '2px',\n borderTopRightRadius: '2px',\n display: 'flex',\n height: '64px',\n justifyContent: 'space-between',\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n position: 'relative'\n },\n noDivider: {\n borderBottom: 'none'\n },\n noPadding: {\n padding: 0\n }\n});\n\nconst PortletHeader = props => {\n const { classes, className, noDivider, noPadding, children, ...rest } = props;\n\n const rootClassName = classNames(\n {\n [classes.root]: true,\n [classes.noDivider]: noDivider,\n [classes.noPadding]: noPadding\n },\n className\n );\n\n return (\n \n {children}\n
\n );\n};\n\nPortletHeader.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n noDivider: PropTypes.bool,\n noPadding: PropTypes.bool\n};\n\nexport default withStyles(styles)(PortletHeader);\n","import React from 'react';\n\n// Externals\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Typography } from '@material-ui/core';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n alignItems: 'center'\n },\n icon: {\n fontSize: '1.3rem',\n marginRight: theme.spacing(1),\n color: theme.palette.text.secondary,\n alignItems: 'center',\n display: 'flex'\n },\n title: {\n fontWeight: 500\n },\n subtitle: {\n fontWeight: 400,\n marginLeft: theme.spacing(1),\n color: theme.palette.text.secondary\n }\n});\n\nconst PortletLabel = props => {\n const { classes, className, icon, title, subtitle, ...rest } = props;\n\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n {icon && {icon}}\n {title && (\n \n {title}\n \n )}\n {subtitle && (\n \n {subtitle}\n \n )}\n
\n );\n};\n\nPortletLabel.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n icon: PropTypes.node,\n // subtitle: PropTypes.string,\n title: PropTypes.string\n};\n\nexport default withStyles(styles)(PortletLabel);\n","import React from 'react';\n\n// Externals\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\nconst styles = () => ({\n root: {\n justifyContent: 'flex-end',\n alignItems: 'center',\n display: 'flex'\n }\n});\n\nconst PortletToolbar = props => {\n const { classes, className, children, ...rest } = props;\n\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n
\n );\n }\n}\nIndex.propTypes = {\n changenum: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n form_value: PropTypes.object.isRequired,\n handlefieldchange: PropTypes.func.isRequired,\n num: PropTypes.number.isRequired\n};\nexport default withStyles(styles)(Index);\n","export default theme => ({\n root: {},\n form: {},\n textField: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n portletFooter: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2)\n },\n field: {\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1)\n },\n label: {\n backgroundColor: 'white'\n }\n});\n","import React from 'react';\nimport { forwardRef } from 'react';\n\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport Search from '@material-ui/icons/Search';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Save from '@material-ui/icons/Save';\n\nconst TableIcons = {\n Add: forwardRef((props, ref) => \n 上下班时段（暂不支持跨天设置）\n
\n \n \n handlefieldchange(event.target.value, 'pname1')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n style={{\n width: '20%',\n marginRight: '5px'\n }}\n value={form_value.pname1}\n variant=\"outlined\"\n />\n \n \n handlefieldchange(value, 'ontime')\n }\n style={{\n marginRight: '5px',\n width: '20%'\n }}\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n value={form_value.ontime}\n />\n 至\n\n \n handlefieldchange(value, 'offtime')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n width: '20%',\n marginLeft: '5px'\n }}\n value={form_value.offtime}\n />\n \n handlefieldchange(value, 'stime1')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n marginLeft: '20px',\n width: '20%'\n }}\n value={form_value.stime1}\n />\n \n
\n 0 ? false : true}>\n \n handlefieldchange(event.target.value, 'pname2')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n style={{\n width: '20%',\n marginRight: '5px'\n }}\n value={form_value.pname2}\n variant=\"outlined\"\n />\n \n \n handlefieldchange(value, 'ontime2')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n marginRight: '5px',\n width: '20%'\n }}\n value={form_value.ontime2}\n />\n 至\n \n handlefieldchange(value, 'offtime2')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n width: '20%',\n marginLeft: '5px'\n }}\n value={form_value.offtime2}\n />\n \n handlefieldchange(value, 'stime2')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n marginLeft: '20px',\n width: '20%'\n }}\n value={form_value.stime2}\n />\n \n
\n 1 ? false : true}>\n \n handlefieldchange(event.target.value, 'pname3')\n }\n required\n style={{\n width: '20%',\n marginRight: '5px'\n }}\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n value={form_value.pname3}\n variant=\"outlined\"\n />\n \n \n handlefieldchange(value, 'ontime3')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n marginRight: '5px',\n width: '20%'\n }}\n value={form_value.ontime3}\n />\n 至\n \n handlefieldchange(value, 'offtime3')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n width: '20%',\n marginLeft: '5px',\n height: '80%'\n }}\n value={form_value.offtime3}\n />\n \n handlefieldchange(value, 'stime3')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n style={{\n marginLeft: '20px',\n width: '20%'\n }}\n value={form_value.stime3}\n />\n \n
\n \n {num === 0 ? null : (\n changenum('minus')}\n >\n changenum('add')}\n >\n
\n \n
\n \n \n 考勤准时率\n \n \n {dashboard_data.rate || \n
\n \n
\n \n \n {/* \n \n {/* 与上星期相比 */}\n \n
\n \n
\n \n
\n \n wifi: biwei \n \n 63%\n \n
\n \n wifi: biwei2 \n \n 15%\n \n
\n \n wifi: biwei3 \n \n 23%\n \n
\n \n
\n )}\n {showOrders && (\n \n
\n );\n }\n\n if (products.length === 0) {\n return \n
\n \n \n \n {product.title}\n \n \n \n 5小时前发布\n \n
\n \n \n \n
\n \n ))}\n \n
\n \n );\n }\n}\n\nProfit.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(Profit);\n","export default theme => ({\n root: {\n backgroundColor: theme.palette.primary.main,\n borderColor: theme.palette.primary.main,\n padding: theme.spacing(3)\n },\n content: {\n display: 'flex',\n alignItems: 'center'\n },\n details: {},\n title: {\n fontWeight: 700,\n color: theme.palette.common.white\n },\n value: {\n color: theme.palette.common.white\n },\n iconWrapper: {\n alignItems: 'center',\n backgroundColor: theme.palette.common.white,\n borderRadius: '50%',\n display: 'inline-flex',\n height: '4rem',\n justifyContent: 'center',\n marginLeft: 'auto',\n width: '4rem'\n },\n icon: {\n color: theme.palette.primary.main,\n width: '2rem',\n height: '2rem',\n fontSize: '2rem'\n }\n});\n","import React, { Component } from 'react';\n\n// Externals\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Typography, LinearProgress } from '@material-ui/core';\n\n// Material icons\nimport { InsertChartOutlined as InsertChartIcon } from '@material-ui/icons';\n\n// Shared components\nimport { Paper } from 'components';\n\n// Component styles\nimport styles from './styles';\n\nclass Progress extends Component {\n render() {\n const { classes, className, ...rest } = this.props;\n\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n \n 员工平均到岗时长\n \n \n 12.3 小时\n \n
\n \n
\n \n
\n \n \n 今日：到岗率\n \n \n 95%\n \n
\n \n
\n \n
\n \n );\n }\n}\n\nProgress.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(Progress);\n","export default theme => ({\n root: {\n padding: theme.spacing(3)\n },\n content: {\n display: 'flex',\n alignItems: 'center'\n },\n details: {},\n title: {\n color: theme.palette.text.secondary,\n fontWeight: 700\n },\n value: {\n marginTop: theme.spacing(1)\n },\n iconWrapper: {\n alignItems: 'center',\n backgroundColor: theme.palette.primary.main,\n borderRadius: '50%',\n display: 'inline-flex',\n height: '4rem',\n justifyContent: 'center',\n marginLeft: 'auto',\n width: '4rem'\n },\n icon: {\n color: theme.palette.common.white,\n fontSize: '2rem',\n height: '2rem',\n width: '2rem'\n },\n footer: {\n marginTop: theme.spacing(3)\n }\n});\n","// Palette\nimport palette from 'theme/palette';\n\n// Chart data\nexport const data1 = {\n labels: [\n '7点',\n '8点',\n '9点',\n '10点',\n '11点',\n '12点',\n '13点',\n '14点',\n '15点',\n '16点',\n '17点',\n '18点',\n '19点'\n ],\n datasets: [\n {\n label: '到岗',\n backgroundColor: palette.primary.main,\n data: [18, 5, 19, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n },\n {\n label: '离岗',\n backgroundColor: palette.common.neutral,\n data: [0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 29, 30, 25]\n }\n ]\n};\n\n// Chart options\nexport const options = {\n responsive: true,\n maintainAspectRatio: false,\n animation: false,\n legend: { display: false },\n cornerRadius: 20,\n tooltips: {\n enabled: true,\n mode: 'index',\n intersect: false,\n borderWidth: 1,\n borderColor: palette.border,\n backgroundColor: palette.common.white,\n titleFontColor: palette.text.primary,\n bodyFontColor: palette.text.secondary,\n footerFontColor: palette.text.secondary\n },\n layout: { padding: 0 },\n scales: {\n xAxes: [\n {\n barThickness: 12,\n maxBarThickness: 10,\n barPercentage: 0.5,\n categoryPercentage: 0.5,\n ticks: {\n fontColor: palette.text.secondary\n },\n gridLines: {\n display: false,\n drawBorder: false\n }\n }\n ],\n yAxes: [\n {\n ticks: {\n fontColor: palette.text.secondary,\n beginAtZero: true,\n min: 0,\n max: 20\n },\n gridLines: {\n borderDash: [2],\n borderDashOffset: [2],\n color: palette.divider,\n drawBorder: false,\n zeroLineBorderDash: [2],\n zeroLineBorderDashOffset: [2],\n zeroLineColor: palette.divider\n }\n }\n ]\n }\n};\n","import React, { Component } from 'react';\nimport Http from 'services/http';\n\n// Externals\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Bar } from 'react-chartjs-2';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Button } from '@material-ui/core';\n\n// Material icons\nimport {\n ArrowDropDown as ArrowDropDownIcon,\n ArrowRight as ArrowRightIcon\n} from '@material-ui/icons';\n\n// Shared components\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletToolbar,\n PortletContent,\n PortletFooter\n} from 'components';\n\n// Chart configuration\nimport { data1, options } from './chart';\n\n// Component styles\nimport styles from './styles';\n\nclass SalesChart extends Component {\n state = { data: {}, loading: false };\n async componentDidMount() {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n this.setState({\n loading: true\n });\n try {\n const res = await Http.cometime({\n companysn: cur_cpy.CompanySN,\n time: '2019-08-28'\n });\n const { errcode, data } = res;\n let come_list = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];\n let off_list = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];\n\n if (errcode === 0) {\n data.come.forEach(doc => {\n come_list[doc.tm - 7] = doc.num;\n });\n data.off.forEach(doc => {\n off_list[doc.tm - 7] = doc.num;\n });\n data1.datasets[0].data = come_list;\n data1.datasets[1].data = off_list;\n this.setState({\n data: data1,\n loading: false\n });\n // console.log(newData);\n } else {\n this.setState({\n loading: false\n });\n console.log(res.errmsg);\n }\n } catch (err) {\n this.setState({\n loading: false\n });\n console.log(err);\n }\n }\n render() {\n const { classes, className, ...rest } = this.props;\n\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n {this.state.loading ? (\n
\n \n
\n \n \n 今日：到岗/员工总数\n \n \n {dashboard_data.num || \n
\n \n
\n \n \n {/* \n \n {/* 与上个工作日相比 */}\n \n
\n \n {this.state.loading ? (\n
\n \n \n \n \n {/* */}\n\n \n \n {/* \n \n */}\n {/* \n */}\n\n {/* \n */}\n \n \n {/* \n */}\n \n \n\n {/* \n \n \n */}\n \n
\n \n \n \n 请选择部门\n \n \n {deps.map(dep => (\n
\n \n {this.state.loading && (\n \n 保存并退出\n \n
\n \n
\n \n {this.state.submit_loading && (\n \n 保存并退出\n \n
\n \n \n
\n );\n }\n}\nIndex.propTypes = {\n classes: PropTypes.object.isRequired,\n cpy_group: PropTypes.array.isRequired,\n form_value: PropTypes.object.isRequired,\n handlefieldchange: PropTypes.func.isRequired,\n num: PropTypes.number.isRequired\n};\nexport default withStyles(styles)(Index);\n","export default theme => ({\n root: {},\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n },\n form: {},\n textField: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n portletFooter: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2)\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n }\n});\n","import React, { Component } from 'react';\nimport axios from 'axios';\n// Externals\nimport PropTypes from 'prop-types';\nimport validate from 'validate.js';\nimport classNames from 'classnames';\nimport { format } from 'date-fns';\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Button } from '@material-ui/core';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport AccountCircle from '@material-ui/icons/AccountCircle';\nimport Group from '@material-ui/icons/Group';\nimport Switch from '@material-ui/core/Switch';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n// Shared components\nimport Http from 'services/http';\nimport utils from 'utility';\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletContent,\n SnackbarsMessage\n} from 'components';\nimport { compare_all_time, compare_each_one } from 'utils/time_compare';\n// Form validation schema\nimport schema from './schema';\n\n// Component styles\nimport UserForm from '../UserForm/index';\n\nimport styles from './styles';\nconst default_form_value = {\n status: 'N',\n name: '',\n telephone: '',\n department: 0,\n role: 0,\n\n pname1: '默认时段',\n ontime: new Date('December 17, 1995 8:30:00'),\n offtime: new Date('December 17, 1995 17:30:00'),\n stime1: new Date('December 17, 1995 8:00:00'),\n pname2: '第二时段',\n ontime2: new Date('December 17, 1995 13:00:00'),\n offtime2: new Date('December 17, 1995 17:30:00'),\n stime2: new Date('December 17, 1995 12:30:00'),\n pname3: '第三时段',\n ontime3: new Date('December 17, 1995 17:00:00'),\n offtime3: new Date('December 17, 1995 23:00:00'),\n stime3: new Date('December 17, 1995 16:30:00'),\n chongzhi: 0,\n\n // 未知\n userid: 1362,\n Stype: 0,\n managepass: '',\n sn: null,\n position: null,\n memo: null\n};\n\nclass ProductsToolbar extends Component {\n state = {\n staff_add: false,\n touched: {\n name: '',\n telephone: ''\n },\n errors: {\n name: '',\n telephone: ''\n },\n\n isValid: false,\n isLoading: false,\n submitError: null,\n checked: false,\n form_value: {\n status: 'N',\n name: '',\n telephone: '',\n department: 0,\n role: 0,\n\n pname1: '默认时段',\n ontime: new Date('December 17, 1995 8:30:00'),\n offtime: new Date('December 17, 1995 17:30:00'),\n stime1: new Date('December 17, 1995 8:00:00'),\n pname2: '第二时段',\n ontime2: new Date('December 17, 1995 13:00:00'),\n offtime2: new Date('December 17, 1995 17:30:00'),\n stime2: new Date('December 17, 1995 12:30:00'),\n pname3: '第三时段',\n ontime3: new Date('December 17, 1995 17:00:00'),\n offtime3: new Date('December 17, 1995 23:00:00'),\n stime3: new Date('December 17, 1995 16:30:00'),\n chongzhi: 0,\n\n // 未知\n userid: 1362,\n Stype: 0,\n managepass: '',\n sn: '',\n position: '',\n memo: ''\n },\n cpy_group: [],\n num: 0,\n\n snackbarsMsg: '',\n snackbarsVisible: false,\n submit_loading: false,\n\n upload_loading: false,\n upload_disable: false,\n\n cur_user: null\n };\n\n async componentDidMount() {\n const cur_user = localStorage.getItem('cur_user');\n const { form_value } = this.state;\n this.setState({\n cur_user: JSON.parse(cur_user)\n });\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n try {\n const auto_enter = await Http.get_auto_enter(\n {\n CompanyID: cur_cpy.CompanySN\n },\n true\n );\n const cpy_group = await Http.get_group(\n {\n cpySn: cur_cpy.CompanySN,\n _: new Date().getTime()\n },\n true\n );\n form_value['department'] = cpy_group.data[0].GroupID;\n this.setState({\n checked: auto_enter.data.AutoEnter ? true : false,\n cpy_group: cpy_group.data,\n form_value: {\n ...form_value\n }\n });\n } catch (e) {\n console.log(e);\n }\n }\n handleSClose = () => {\n this.setState({\n snackbarsMsg: '',\n snackbarsVisible: false\n });\n };\n\n showMsg = msg => {\n this.setState({\n snackbarsMsg: msg,\n snackbarsVisible: true\n });\n setTimeout(() => {\n this.setState({\n snackbarsMsg: '',\n snackbarsVisible: false\n });\n }, 2000);\n };\n\n handleAutoEnter = async () => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n if (this.state.checked === false) {\n await Http.change_auto_enter(\n {\n auto: 1,\n CompanyID: cur_cpy.CompanySN\n },\n true\n );\n this.showMsg('修改成功');\n this.setState({\n checked: true\n });\n } else {\n await Http.change_auto_enter(\n {\n auto: 0,\n CompanyID: cur_cpy.CompanySN\n },\n true\n );\n this.showMsg('修改成功');\n this.setState({\n checked: false\n });\n }\n };\n\n handleClose = () => {\n this.setState({\n staff_add: false\n });\n };\n\n addStaff = async () => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const { form_value } = this.state;\n try {\n const res = await Http.defaultTime({\n companysn: cur_cpy.CompanySN\n });\n const { data, errcode, errmsg } = res;\n if (errcode === 0) {\n if (data.length === 1) {\n form_value.pname1 = data[0].timespanName;\n form_value.ontime = new Date(\n 'December 17, 1995 ' + data[0].S_begin + ':00'\n );\n form_value.offtime = new Date(\n 'December 17, 1995 ' + data[0].S_end + ':00'\n );\n form_value.stime1 = new Date(\n 'December 17, 1995 ' + data[0].E_begin + ':00'\n );\n this.setState({\n num: 0,\n form_value: {\n ...form_value\n }\n });\n } else if (data.length === 2) {\n form_value.pname1 = data[0].timespanName;\n form_value.ontime = new Date(\n 'December 17, 1995 ' + data[0].S_begin + ':00'\n );\n form_value.offtime = new Date(\n 'December 17, 1995 ' + data[0].S_end + ':00'\n );\n form_value.stime1 = new Date(\n 'December 17, 1995 ' + data[0].E_begin + ':00'\n );\n form_value.pname2 = data[1].timespanName;\n form_value.ontime2 = new Date(\n 'December 17, 1995 ' + data[1].S_begin + ':00'\n );\n form_value.offtime2 = new Date(\n 'December 17, 1995 ' + data[1].S_end + ':00'\n );\n form_value.stime2 = new Date(\n 'December 17, 1995 ' + data[1].E_begin + ':00'\n );\n this.setState({\n num: 1,\n form_value: {\n ...form_value\n }\n });\n } else if (data.length === 3) {\n form_value.pname1 = data[0].timespanName;\n form_value.ontime = new Date(\n 'December 17, 1995 ' + data[0].S_begin + ':00'\n );\n form_value.offtime = new Date(\n 'December 17, 1995 ' + data[0].S_end + ':00'\n );\n form_value.stime1 = new Date(\n 'December 17, 1995 ' + data[0].E_begin + ':00'\n );\n form_value.pname2 = data[1].timespanName;\n form_value.ontime2 = new Date(\n 'December 17, 1995 ' + data[1].S_begin + ':00'\n );\n form_value.offtime2 = new Date(\n 'December 17, 1995 ' + data[1].S_end + ':00'\n );\n form_value.stime2 = new Date(\n 'December 17, 1995 ' + data[1].E_begin + ':00'\n );\n form_value.pname3 = data[2].timespanName;\n form_value.ontime3 = new Date(\n 'December 17, 1995 ' + data[2].S_begin + ':00'\n );\n form_value.offtime3 = new Date(\n 'December 17, 1995 ' + data[2].S_end + ':00'\n );\n form_value.stime3 = new Date(\n 'December 17, 1995 ' + data[2].E_begin + ':00'\n );\n this.setState({\n num: 2,\n form_value: {\n ...form_value\n }\n });\n }\n }\n this.setState({\n staff_add: true\n });\n } catch (err) {\n this.setState({\n staff_add: true\n });\n console.log(err);\n }\n };\n\n validateForm = () => {\n let { form_value } = this.state;\n let errors = validate(form_value, schema);\n let isValid = errors ? false : true;\n errors = errors || {};\n this.setState({\n isValid,\n errors\n });\n };\n\n handleFieldChange = (value, field) => {\n const { form_value, touched } = this.state;\n const isValid = null;\n form_value[field] = value;\n touched[field] = true;\n this.setState({ form_value, touched, isValid }, this.validateForm);\n };\n\n changeNum = type => {\n let { num } = this.state;\n if (num >= 0 && num < 3) {\n if (type === 'add' && num !== 2) {\n num += 1;\n } else if (type === 'minus' && num !== 0) {\n num -= 1;\n }\n this.setState({\n num\n });\n }\n };\n addNewUser = async () => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const { num, form_value } = this.state;\n if (!compare_all_time(form_value, num)) {\n this.showMsg('时间设置有交叉,请检查');\n return;\n }\n if (!compare_each_one(form_value, num)) {\n this.showMsg('签到有效时间应早于上班时间');\n return;\n }\n if (form_value.role !== 0 && form_value.managepass === '') {\n this.showMsg('请输新建管理员工密码');\n return;\n }\n this.setState({\n submit_loading: true,\n isValid: false\n });\n let postData = {};\n if (num === 0) {\n postData = {\n companysn: cur_cpy.CompanySN,\n name: form_value.name,\n telephone: form_value.telephone,\n department: form_value.department,\n status: form_value.status,\n role: form_value.role,\n //\n managepass:\n form_value.managepass.length === 32\n ? form_value.managepass\n : utils.md5(form_value.managepass),\n\n Stype: form_value.Stype,\n pname1: form_value.pname1,\n ontime: format(form_value.ontime, 'HH:mm'),\n offtime: format(form_value.offtime, 'HH:mm'),\n stime1: format(form_value.stime1, 'HH:mm'),\n\n //\n sn: form_value.sn,\n position: '',\n memo: ''\n };\n } else if (num === 1) {\n postData = {\n companysn: cur_cpy.CompanySN,\n name: form_value.name,\n telephone: form_value.telephone,\n department: form_value.department,\n status: form_value.status,\n role: form_value.role,\n //\n managepass: utils.md5(form_value.managepass),\n\n Stype: form_value.Stype,\n pname1: form_value.pname1,\n ontime: format(form_value.ontime, 'HH:mm'),\n offtime: format(form_value.offtime, 'HH:mm'),\n stime1: format(form_value.stime1, 'HH:mm'),\n\n pname2: form_value.pname2,\n ontime2: format(form_value.ontime2, 'HH:mm'),\n offtime2: format(form_value.offtime2, 'HH:mm'),\n stime2: format(form_value.stime2, 'HH:mm'),\n\n //\n sn: form_value.sn,\n\n position: '',\n memo: ''\n };\n } else {\n postData = {\n companysn: cur_cpy.CompanySN,\n name: form_value.name,\n telephone: form_value.telephone,\n department: form_value.department,\n status: form_value.status,\n role: form_value.role,\n //\n managepass: utils.md5(form_value.managepass),\n\n Stype: form_value.Stype,\n pname1: form_value.pname1,\n ontime: format(form_value.ontime, 'HH:mm'),\n offtime: format(form_value.offtime, 'HH:mm'),\n stime1: format(form_value.stime2, 'HH:mm'),\n\n pname2: form_value.pname2,\n ontime2: format(form_value.ontime2, 'HH:mm'),\n offtime2: format(form_value.offtime2, 'HH:mm'),\n stime2: format(form_value.stime2, 'HH:mm'),\n\n pname3: form_value.pname3,\n ontime3: format(form_value.ontime3, 'HH:mm'),\n offtime3: format(form_value.offtime3, 'HH:mm'),\n stime3: format(form_value.stime3, 'HH:mm'),\n\n //\n sn: form_value.sn,\n position: '',\n memo: ''\n };\n }\n try {\n const res = await Http.addUser(postData, true);\n\n const { errcode, errmsg } = res;\n if (errcode !== 0) {\n this.showMsg(errmsg);\n setTimeout(() => {\n this.setState({\n submit_loading: false,\n isValid: true\n });\n }, 500);\n } else {\n this.props.reload();\n setTimeout(() => {\n this.setState({\n form_value: default_form_value,\n submit_loading: false,\n isValid: true,\n staff_add: false\n });\n }, 500);\n }\n } catch (err) {\n this.setState({\n submit_loading: false,\n isValid: true\n });\n console.log(err);\n }\n };\n handleUpload = e => {\n const file1 = e.target.files[0];\n const formData = new FormData();\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n formData.append('file', file1);\n formData.append('companyid', cur_cpy.CompanySN);\n this.setState({\n upload_disable: true,\n upload_loading: true\n });\n axios({\n method: 'post',\n url: '/Handler/Upload.ashx?Type=uploadexcelReact',\n headers: {\n 'Content-Type': 'multipart/form-data;charset=UTF-8'\n },\n data: formData\n })\n .then(res => {\n const { errcode, errmsg } = res.data;\n if (errcode === 0) {\n this.showMsg('上传成功');\n this.setState({\n upload_disable: false,\n upload_loading: false\n });\n } else {\n this.showMsg(errmsg);\n this.setState({\n upload_disable: false,\n upload_loading: false\n });\n }\n })\n .catch(err => {\n this.setState({\n upload_disable: false,\n upload_loading: false\n });\n console.log(err);\n });\n\n e.target.value = ''; // 上传之后还原\n };\n\n render() {\n const { classes, className, rest } = this.props;\n const { checked, touched, errors, cur_user } = this.state;\n const rootClassName = classNames(classes.root, className);\n const nameError = touched.name && errors.name;\n const teleError = touched.telephone && errors.telephone;\n return (\n \n \n handlefieldchange(event.target.value, 'name')\n }\n required\n value={form_value.name}\n variant=\"outlined\"\n />\n {this.props.nameerror && (\n \n {this.props.errors.name[0].replace('Name', '')}\n \n )}\n \n handlefieldchange(event.target.value, 'telephone')\n }\n required\n value={form_value.telephone}\n variant=\"outlined\"\n />\n {this.props.teleerror && (\n \n {this.props.errors.telephone[0].replace(\n 'Telephone',\n ''\n )}\n \n )}\n
\n \n \n handlefieldchange(event.target.value, 'department')\n }\n required\n select\n SelectProps={{ native: true }}\n value={form_value.department}\n variant=\"outlined\"\n >\n {cpy_group.map(option => (\n \n {option.GroupName}\n \n ))}\n \n {/* \n 在职状态 \n \n handlefieldchange(event.target.value, 'status')\n }\n row\n value={form_value.status}\n >\n */}\n \n 角色 \n \n handlefieldchange(\n parseInt(event.target.value),\n 'role'\n )\n }\n row\n value={String(form_value.role)}\n >\n \n\n {form_value.role !== 0 ? (\n \n 管理员密码 \n \n handlefieldchange(\n event.target.value,\n 'managepass'\n )\n }\n required\n type=\"password\"\n value={form_value.managepass}\n variant=\"outlined\"\n />\n {/* {this.props.nameerror && (\n \n {this.props.errors.name[0].replace(\n 'Name',\n ''\n )}\n \n )} */}\n \n ) : null}\n
\n\n \n \n handlefieldchange(event.target.value, 'sn')\n }\n value={form_value.sn}\n variant=\"outlined\"\n />\n
\n \n
\n \n \n \n 员工管理\n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nProductsToolbar.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(ProductsToolbar);\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center',\n marginTop: theme.spacing(1)\n },\n spacer: {\n flexGrow: 1\n },\n searchInput: {\n marginRight: theme.spacing(1)\n },\n textField: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n },\n submitError: {\n color: theme.palette.danger.main,\n alignText: 'center',\n marginBottom: theme.spacing(1),\n marginTop: theme.spacing(2)\n }\n});\n","export default {\n name: {\n presence: { allowEmpty: false, message: '请填写员工名' }\n },\n telephone: {\n presence: { allowEmpty: false, message: '请输入电话号码' },\n length: {\n is: 11,\n message: '请填入正确的手机号码'\n },\n format: {\n pattern: '[0-9]+',\n flags: 'i',\n message: '只能包含数字'\n }\n }\n};\n","import XLSX, { utils, writeFile } from 'xlsx';\n\nfunction createWs(data, fields, titles) {\n const ws = XLSX.utils.json_to_sheet(data, {\n header: fields\n });\n const range = XLSX.utils.decode_range(ws['!ref']);\n\n for (let c = range.s.c; c <= range.e.c; c++) {\n const header = XLSX.utils.encode_col(c) + '1';\n ws[header].v = titles[ws[header].v];\n }\n\n return ws;\n}\n\nconst handleExportCsv = (columnList, initialData, name) => {\n let titles = {};\n columnList.forEach(column => {\n if (column.field !== '') {\n titles[column.field] = column.title;\n }\n });\n let fields = [];\n columnList.forEach(column => {\n if (column.field !== '') {\n fields.push(column.field);\n }\n });\n let data = [];\n initialData.map(rowData => {\n let one_field = {};\n fields.forEach(field => (one_field[field] = rowData[field]));\n data.push(one_field);\n });\n\n const ws = createWs(data, fields, titles);\n var wb = utils.book_new();\n utils.book_append_sheet(wb, ws, `${name}`);\n\n writeFile(wb, `${name}.xlsx`);\n};\n\nexport default handleExportCsv;\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\n\nimport MaterialTable ,{ MTableToolbar } from 'material-table';\nimport TableIcons from '../../../../components/TableIcons/index'\nimport { format } from 'date-fns'\nimport SnackbarsMessage from 'components/SnackbarsMessage';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport AddCircleOutline from '@material-ui/icons/AddCircleOutline';\nimport RemoveCircleOutline from '@material-ui/icons/RemoveCircleOutline'\nimport Router from '@material-ui/icons/Router';\nimport Button from '@material-ui/core/Button';\nimport Radio from '@material-ui/core/Radio';\nimport Dialog from '@material-ui/core/Dialog';\nimport Popover from '@material-ui/core/Popover';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport classNames from 'classnames';\nimport utils from 'utility';\n\nimport { compare_all_time, compare_each_one } from 'utils/time_compare';\n\nimport { withStyles } from '@material-ui/styles';\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletContent,\n TimeSelect\n} from 'components';\nimport ChangeDepDialog from '../ChangeDepDialog';\nimport ChangeTimeDialog from '../ChangeTimeDialog';\nimport {\n TextField,\n FormControl,\n Divider,\n Typography,\n} from '@material-ui/core';\nimport validate from 'validate.js';\nimport Edit from '@material-ui/icons/Edit';\n\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ProductsToolbar from '../ProductsToolbar/index'\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Avatar from '@material-ui/core/Avatar';\n// Form validation schema\nimport schema from './schema';\nimport Http from 'services/http';\n\nimport styles from './styles';\n\nimport export_to_excel from 'utils/export_to_excel'\n\nclass Index extends React.Component {\n constructor(props) {\n super(props);\n // 序号\t姓名\t工号\t电话\t职务\n this.state = {\n\n users:[],\n cur_router: null,\n change_dialog_state: false,\n staff_detail_state: false,\n cur_user_id: null,\n routers: [],\n radio_value: 0,\n loading: false,\n userid_list: null,\n cpy_group: [],\n errors:{\n name: null,\n telephone: null,\n },\n touched: {\n name: false,\n telephone: false\n },\n form_value:{\n status:'N',\n name:'',\n telephone: '',\n department: 0,\n role: 0,\n\n pname1: '默认时段',\n ontime: new Date('December 17, 1995 8:30:00'),\n offtime: new Date('December 17, 1995 17:30:00'),\n stime1: new Date('December 17, 1995 8:00:00'),\n pname2: '第二时段',\n ontime2: new Date('December 17, 1995 13:00:00'),\n offtime2: new Date('December 17, 1995 17:30:00'),\n stime2: new Date('December 17, 1995 12:30:00'),\n pname3: '第三时段',\n ontime3: new Date('December 17, 1995 17:00:00'),\n offtime3: new Date('December 17, 1995 23:00:00'),\n stime3: new Date('December 17, 1995 16:30:00'),\n chongzhi: false,\n // 未知\n userid: 1362,\n Stype: 0,\n managepass: '',\n // 工号\n sn:'',\n // 职位\n position:'',\n // 备注\n memo:''\n },\n num: 0,\n submitError: null,\n\n time_dialog_open: false,\n dep_dialog_open: false,\n\n selectUsers: [],\n selected_option: 'all',\n snackbarsVisible:false,\n snackbarsMsg: '',\n isValid:false,\n submit_loading: false,\n\n selected_group: 'all',\n\n anchorEl: null,\n anchorOpen: false\n\n };\n }\n\n async componentDidMount() {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const {form_value} = this.state\n this.setState({\n loading: true\n })\n try{\n const user_list = await Http.user_list(\n {\n CompanySN: cur_cpy.CompanySN,\n },\n true\n );\n const routers = await Http.get_routers({\n CompanyID: cur_cpy.CompanySN,\n },true)\n const cpy_group = await Http.get_group({\n cpySn: cur_cpy.CompanySN,\n _: new Date().getTime()\n },true)\n // const lookup = {}\n // cpy_group.data.forEach(dep=>{\n // lookup[dep['GroupID']] = dep['GroupName']\n // })\n form_value['department'] = cpy_group.data[0].GroupID\n this.setState({\n users: user_list.data,\n routers: routers.data,\n loading: false,\n total_users: user_list.data.length,\n cpy_group: cpy_group.data,\n form_value: {\n ...form_value\n },\n // lookup\n });\n }catch(e){\n console.log(e)\n }\n }\n\n change_detail = async (record) =>{\n const {form_value} = this.state\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n this.setState({\n cur_user_id: record.UserID\n })\n try {\n const user = await Http.get_user_info({\n userid: record.UserID,\n companyid: cur_cpy.CompanySN,\n _: new Date().getTime()\n }, true)\n const {errcode} = user\n if(errcode===0){\n form_value.name = user.data.Name\n form_value.telephone = user.data.Phone\n form_value.department = String(user.data.GroupID)\n if (user.data.IUser ==='1' ) {\n form_value.role = 0\n } else if(user.data.IIUser === '1') {\n form_value.role = 1\n } else if(user.data.IIIUser === '1'){\n form_value.role = 2\n }\n form_value.managepass = user.data.Pass\n form_value.sn = user.data.GongHao\n form_value.position = user.data.ZhiWei\n form_value.memo = user.data.Remark\n \n if(user.data.name1){\n this.setState({\n num:0\n })\n } \n if(user.data.name2){\n this.setState({\n num:1\n })\n } \n if(user.data.name3){\n this.setState({\n num:2\n })\n } \n form_value.pname1 = user.data.name1?user.data.name1:this.state.form_value.pname1\n form_value.ontime = user.data.begin1?new Date('December 17, 1995 ' + user.data.begin1+':00'): this.state.form_value.ontime\n form_value.offtime = user.data.end1?new Date('December 17, 1995 ' + user.data.end1+':00'): this.state.form_value.offtime\n form_value.stime1 = user.data.eff1?new Date('December 17, 1995 ' + user.data.eff1+':00'):this.state.form_value.stime1\n \n form_value.pname2 = user.data.name2?user.data.name2:this.state.form_value.pname2\n form_value.ontime2 = user.data.begin2?new Date('December 17, 1995 ' + user.data.begin2+':00'): this.state.form_value.ontime2\n form_value.offtime2 = user.data.end2?new Date('December 17, 1995 ' + user.data.end2+':00'): this.state.form_value.offtime2\n form_value.stime2 = user.data.eff2?new Date('December 17, 1995 ' + user.data.eff2+':00'):this.state.form_value.stime2\n \n form_value.pname3 = user.data.name3?user.data.name3:this.state.form_value.pname3\n form_value.ontime3 = user.data.begin3?new Date('December 17, 1995 ' + user.data.begin3+':00'): this.state.form_value.ontime3\n form_value.offtime3 = user.data.end3?new Date('December 17, 1995 ' + user.data.end3+':00'): this.state.form_value.offtime3\n form_value.stime3 = user.data.eff3?new Date('December 17, 1995 ' + user.data.eff3+':00'):this.state.form_value.stime3\n \n form_value.chongzhi = false\n \n form_value.status = user.data.workState\n \n \n this.setState({\n form_value,\n staff_detail_state: true\n })\n }else{\n this.showMsg('登录过期,请重新登录')\n this.props.history.push('/sign-in')\n }\n\n } catch (err) {\n console.log(err)\n }\n }\n\n\n\n change_router = async user => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const cur_user_router = await Http.user_router_list(\n {\n userid: user.UserID,\n CompanyID: cur_cpy.CompanyID\n },\n true\n )\n this.setState({\n change_dialog_state: true,\n cur_user_id : user.UserID,\n cur_router: cur_user_router.data\n });\n };\n\n add_router = async router => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const res = await Http.user_rel_wifi({\n wifiid: router.wifiid,\n userid: this.state.cur_user_id,\n CompanyID: cur_cpy.CompanyID\n },true)\n if (res.errcode === 0){\n const cur_user_router = await Http.user_router_list(\n {\n userid: this.state.cur_user_id,\n CompanyID: cur_cpy.CompanyID\n },\n true\n )\n this.setState({\n cur_router: cur_user_router.data\n });\n // console.log('修改成功')\n } else {\n console.log('修改失败')\n }\n };\n\n delete_router = async router => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const res = await Http.user_del_wifi({\n wifiid: router.wifiid,\n userid: this.state.cur_user_id,\n CompanyID: cur_cpy.CompanyID\n },true)\n if (res.errcode === 0){\n const cur_user_router = await Http.user_router_list(\n {\n userid: this.state.cur_user_id,\n CompanyID: cur_cpy.CompanyID\n },\n true\n )\n this.setState({\n cur_router: cur_user_router.data\n });\n // console.log('修改成功')\n } else {\n console.log('修改失败')\n }\n };\n\n handleClose = () => {\n this.setState({\n change_dialog_state: false,\n staff_detail_state: false,\n });\n };\n\n handleSnackBarsClose = () => {\n this.setState({\n snackbarsVisible:false,\n });\n };\n\n handleUserSave = async () =>{\n\n // this.validateForm()\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n const { num, form_value } = this.state;\n if (!compare_all_time(form_value, num)) {\n this.showMsg('时间设置有交叉,请检查');\n return;\n }\n if (!compare_each_one(form_value, num)) {\n this.showMsg('签到有效时间应早于上班时间');\n return;\n }\n try{\n if (form_value.role === 0 || form_value.managepass !== '') {\n this.setState({\n submit_loading: true,\n isValid: false\n })\n let postData = {};\n if(num===0){\n if(this.state.form_value.ontime.getTime() < this.state.form_value.stime1.getTime() ){\n this.showMsg('签到有效时间,晚于最早签到时间,请检查')\n this.setState({\n isValid:true,\n submit_loading:false\n })\n }else{\n postData = {\n companysn: cur_cpy.CompanySN,\n name: form_value.name,\n telephone: form_value.telephone,\n department: form_value.department,\n status: form_value.status,\n role: form_value.role,\n //\n managepass: (form_value.managepass.length===32)?form_value.managepass:utils.md5(form_value.managepass),\n \n \n Stype: form_value.Stype,\n pname1: form_value.pname1,\n ontime: format(form_value.ontime, 'HH:mm'),\n offtime: format(form_value.offtime, 'HH:mm'),\n stime1: format(form_value.stime1, 'HH:mm'),\n chongzhi: form_value.chongzhi?1:0,\n //\n sn: form_value.sn,\n position: '',\n memo: form_value.memo\n };\n const res = await Http.edituser({\n userid: this.state.cur_user_id,...postData}\n ,true)\n const {errcode, errmsg} = res\n if(errcode===0){\n this.componentDidMount()\n this.showMsg(errmsg)\n this.setState({\n isValid:false,\n submit_loading: false\n })\n this.handleClose()\n }else{\n this.showMsg(errmsg)\n this.setState({\n isValid:true,\n submit_loading:false\n })\n }\n }\n } else if (num==1) {\n if((this.state.form_value.ontime.getTime() < this.state.form_value.stime1.getTime()) || (this.state.form_value.ontime2.getTime()< this.state.form_value.stime2.getTime()) ){\n this.showMsg('签到有效时间,晚于最早签到时间,请检查')\n this.setState({\n isValid:true,\n submit_loading:false\n })\n }else{\n postData = {\n companysn: cur_cpy.CompanySN,\n name: form_value.name,\n telephone: form_value.telephone,\n department: form_value.department,\n status: form_value.status,\n role: form_value.role,\n //\n managepass: utils.md5(form_value.managepass),\n \n \n Stype: form_value.Stype,\n pname1: form_value.pname1,\n ontime: format(form_value.ontime, 'HH:mm'),\n offtime: format(form_value.offtime, 'HH:mm'),\n stime1: format(form_value.stime1, 'HH:mm'),\n \n pname2: form_value.pname2,\n ontime2: format(form_value.ontime2, 'HH:mm'),\n offtime2: format(form_value.offtime2, 'HH:mm'),\n stime2: format(form_value.stime2, 'HH:mm'),\n chongzhi: form_value.chongzhi?1:0,\n \n //\n sn: form_value.sn,\n position: '',\n memo: form_value.memo,\n submit_loading: false\n \n };\n const res = await Http.edituser({\n userid: this.state.cur_user_id,...postData}\n ,true)\n const {errcode, errmsg} = res\n if(errcode===0){\n this.componentDidMount()\n this.showMsg(errmsg)\n this.setState({\n isValid:false,\n submit_loading: false\n })\n this.handleClose()\n }else{\n this.showMsg(errmsg)\n this.setState({\n isValid:true,\n submit_loading:false\n })\n }\n }\n } else if (num ===2) {\n if((this.state.form_value.ontime.getTime()< this.state.form_value.stime1.getTime()) || (this.state.form_value.ontime2.getTime() < this.state.form_value.stime2.getTime()) || (this.state.form_value.ontime3.getTime()\n {/* */}\n {cur_user ? (\n ['AdminC'].includes(cur_user.RoleCode) ? null : (\n <>\n 员工自动录入\n \n this.handleUpload(e)}\n style={{ display: 'none' }}\n type=\"file\"\n />\n ) : null}\n {cur_user ? (\n ['AdminC'].includes(cur_user.RoleCode) ? null : (\n <>\n \n \n 模版下载\n \n \n )\n ) : null}\n
\n \n {this.state.submit_loading && (\n \n 保存并退出\n \n
\n\n \n \n this.componentDidMount()} open={this.state.dep_dialog_open} showmsg={this.showMsg} deps ={this.state.cpy_group} users={this.state.selectUsers} handleclose ={this.handleDialogClose} />\n (\n \n this.handleDialogOpen('time')}\n size=\"small\"\n variant=\"outlined\"\n >\n this.handleDialogOpen('dep')}\n size=\"small\"\n style={{ marginLeft: '10px' }}\n variant=\"outlined\"\n >\n
\n \n ),\n }}\n data={this.state.users}\n icons={TableIcons}\n isLoading = {this.state.loading}\n localization={{\n pagination: {\n labelRowsSelect: '行',\n labelDisplayedRows: ' {from}-{to} 共 {count} 条',\n firstTooltip: '第一页',\n previousTooltip: '前一页',\n nextTooltip: '后一页',\n lastTooltip: '到最后'\n },\n toolbar: {\n searchTooltip: '模糊查找',\n searchPlaceholder: '模糊查找',\n exportName: '导出表格',\n nRowsSelected: '已选择{0}名员工',\n exportTitle: '导出表格'\n },\n header: {\n actions: '操作'\n },\n body: {\n addTooltip: '新增记录',\n emptyDataSourceMessage: '暂时没有数据',\n filterRow: {\n filterTooltip: 'Filter'\n },\n editRow: {\n deleteText: '确定要删除吗？',\n cancelTooltip: '取消',\n saveTooltip: '确定'\n }\n }\n }}\n onSelectionChange={this.handleSelection}\n options={{\n exportButton: true,\n selection: true,\n // pageSize:10,\n paging:false,\n exportCsv:export_to_excel,\n // exportFileName: 'untitled.csv'\n // filtering: true\n }}\n title=\"员工管理\"\n />\n \n \n \n \n {routers.map(router=>)}\n\n \n \n \n {this.state.cpy_group.map(group=>)}\n\n \n
\n - \n {this.state.cur_router?this.state.cur_router.okWifi\n .map(router => (\n
\n \n this.delete_user_open(event.currentTarget)\n }\n style={{ color: 'red' }}\n >\n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'name'\n )\n }\n required\n value={this.state.form_value.name}\n\n variant=\"outlined\"\n />\n {name_error && (\n \n {errors.name[0].replace(\n 'Name',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n event.target.value,\n 'telephone'\n )\n }\n required\n value={this.state.form_value.telephone}\n variant=\"outlined\"\n />\n {telephone_error && (\n \n {errors.telephone[0].replace(\n 'Telephone',''\n )}\n \n )}\n
\n\n \n \n \n this.handleFieldChange(\n event.target.value,\n 'department'\n )\n }\n required\n select\n SelectProps={{ native: true }}\n value={this.state.form_value.department}\n variant=\"outlined\"\n >\n \n {this.state.cpy_group.map(option => (\n \n {option.GroupName}\n \n ))}\n \n \n 在职状态 \n \n this.handleFieldChange(\n event.target.value,\n 'status'\n )\n }\n row\n value={this.state.form_value.status}\n >\n \n \n
\n\n 角色 \n \n this.handleFieldChange(\n parseInt(event.target.value),\n 'role'\n )\n }\n row\n value={String(this.state.form_value.role)}\n >\n \n \n {this.state.form_value.role !== 0 ? (\n \n 管理员密码 \n \n this.handleFieldChange(\n event.target.value,\n 'managepass'\n )\n }\n required\n type=\"password\"\n value={this.state.form_value.managepass}\n variant=\"outlined\"\n />\n {/* {this.props.nameerror && (\n \n {this.props.errors.name[0].replace(\n 'Name',\n ''\n )}\n \n )} */}\n \n ) : null}\n
\n\n \n \n this.handleFieldChange(\n event.target.value,\n 'sn'\n )\n }\n value={this.state.form_value.sn}\n variant=\"outlined\"\n />\n
\n \n
\n \n
\n
\n \n {this.state.submit_loading && (\n \n 保存并退出\n \n
\n \n
\n \n \n {product.title}\n \n \n {product.description}\n \n
\n \n \n Updated 2hr ago\n \n \n {product.totalDownloads} Downloads\n \n
\n \n {/*
\n \n
\n '+this.props.text:'')\r\n\r\n let wgs=(maptype==0?this.mars2earth(this.bd2mars(center)):(maptype==1?center:this.mars2earth(center)))\r\n\r\n let point=new window.T.LngLat(wgs.lng,wgs.lat)\r\n\r\n map.centerAndZoom(point, this.props.zoom);\r\n\r\n var icon = new window.T.Icon({\r\n iconUrl: \"https://h5.gdong.net/dingdong/img/point.png\",\r\n iconSize: new window.T.Point(25, 41),\r\n iconAnchor: new window.T.Point(13, 40)\r\n });\r\n\r\n var marker = new window.T.Marker(point,{icon:icon});\r\n \r\n map.addOverLay(marker);\r\n\r\n var label = new window.T.Label({\r\n text: text,\r\n position: point,\r\n offset: new window.T.Point(0, 0)\r\n });\r\n var isShow=1;\r\n map.addOverLay(label);\r\n addMarkerClick();\r\n addLabelClick();\r\n\r\n function addLabelClick() {\r\n //移除标注的点击事件，防止多次注册\r\n label.removeEventListener(\"click\", showHideLabel);\r\n //注册标注的点击事件\r\n label.addEventListener(\"click\", showHideLabel);\r\n } \r\n\r\n function addMarkerClick() {\r\n //移除标注的点击事件，防止多次注册\r\n marker.removeEventListener(\"click\", showHideLabel);\r\n //注册标注的点击事件\r\n marker.addEventListener(\"click\", showHideLabel);\r\n } \r\n\r\n function showHideLabel(e) {\r\n if(isShow===1){\r\n isShow=0;\r\n label.hide();\r\n return\r\n }\r\n if(isShow===0){\r\n isShow=1;\r\n label.show();\r\n return\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n bd2mars=(baidu_point)=>{ \r\n let PI = 3.14159265358979324;\r\n let xpi=PI*3000.0/180.0; \r\n let x=baidu_point.lng-0.0065;\r\n let y=baidu_point.lat-0.006;\r\n let z=Math.sqrt(x*x+y*y)- 0.00002 * Math.sin(y * xpi);\r\n let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * xpi);\r\n let mlng=z * Math.cos(theta);\r\n let mlat=z * Math.sin(theta);\r\n return {\r\n lat: mlat,\r\n lng: mlng\r\n }\r\n }\r\n\r\n mars2earth=(mars_point)=>{\r\n let d = this.delta(mars_point.lat, mars_point.lng)\r\n return {\r\n lat: mars_point.lat - d.lat,\r\n lng: mars_point.lng - d.lon\r\n }\r\n }\r\n\r\n mars2bd=(point)=>{\r\n let x_pi=3.14159265358979324 * 3000.0 / 180.0;\r\n let bd_point = {lng:'',lat:''};\r\n let x= point.lng;\r\n let y= point.lat;\r\n let z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);\r\n let theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);\r\n bd_point.lng = z * Math.cos(theta) + 0.0065;\r\n bd_point.lat = z * Math.sin(theta) + 0.006;\r\n return bd_point;\r\n }\r\n\r\n earth2bd=(point)=>{\r\n let pi = 3.14159265358979324;\r\n let a = 6378245.0;\r\n let ee = 0.00669342162296594323;\r\n let mars_point={lat:'',lng:''}\r\n let dLat = this.transformLat(point.lng - 105.0, point.lat - 35.0);\r\n let dLng = this.transformLng(point.lng - 105.0, point.lat - 35.0); \r\n let radLat = point.lat / 180.0 * pi;\r\n let magic = Math.sin(radLat);\r\n magic = 1 - ee* magic * magic;\r\n let sqrtMagic = Math.sqrt(magic);\r\n mars_point.lat = point.lat + (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);\r\n mars_point.lng = point.lng + (dLng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);\r\n return this.mars2bd(mars_point)\r\n }\r\n\r\n delta=(lat, lon)=>{ \r\n let PI = 3.14159265358979324;\r\n let a = 6378245.0 \r\n let ee = 0.00669342162296594323 \r\n let dLat = this.transformLat(lon - 105.0, lat - 35.0)\r\n let dLon = this.transformLng(lon - 105.0, lat - 35.0)\r\n let radLat = lat / 180.0 * PI\r\n let magic = Math.sin(radLat)\r\n magic = 1 - ee * magic * magic\r\n let sqrtMagic = Math.sqrt(magic)\r\n dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * PI)\r\n dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * PI)\r\n return {\r\n 'lat': dLat,\r\n 'lon': dLon\r\n }\r\n }\r\n\r\n transformLng=(x,y)=>{\r\n let PI = 3.14159265358979324;\r\n let ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));\r\n ret += (20.0 * Math.sin(6.0 * x * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;\r\n ret += (20.0 * Math.sin(x * PI) + 40.0 * Math.sin(x / 3.0 * PI)) * 2.0 / 3.0;\r\n ret += (150.0 * Math.sin(x / 12.0 * PI) + 300.0 * Math.sin(x / 30.0 * PI)) * 2.0 / 3.0;\r\n return ret;\r\n }\r\n\r\n transformLat=(x,y)=>{\r\n let PI = 3.14159265358979324;\r\n let ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));\r\n ret += (20.0 * Math.sin(6.0 * x * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;\r\n ret += (20.0 * Math.sin(y * PI) + 40.0 * Math.sin(y / 3.0 * PI)) * 2.0 / 3.0;\r\n ret += (160.0 * Math.sin(y / 12.0 * PI) + 320 * Math.sin(y * PI / 30.0)) * 2.0 / 3.0;\r\n return ret;\r\n }\r\n\r\n\r\n render() {\r\n var style = {\r\n height: '100%',\r\n position: 'relative'\r\n };\r\n for (var key in this.props.style) {\r\n style[key] = this.props.style[key];\r\n }\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\nimport MaterialTable, { MTableToolbar } from 'material-table';\nimport TableIcons from '../../../../components/TableIcons/index';\nimport { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport { zhCN } from 'date-fns/locale';\nimport { withStyles } from '@material-ui/styles';\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletContent\n} from 'components';\nimport SnackbarsMessage from 'components/SnackbarsMessage';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { Button } from '@material-ui/core';\nimport export_to_excel from 'utils/export_to_excel';\n\nimport { Map, InfoWindow, Marker } from 'react-bmap';\n\nimport TiandituMap from '../TiandituMap';\nimport classNames from 'classnames';\n\nimport styles from './styles';\n\nclass Index extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n columns: [\n { title: '考勤日期', field: 'SignDay' },\n { title: '姓名', field: 'Name' },\n { title: '工号', field: 'UserID' },\n { title: '部门名称', field: 'GroupName' },\n {\n title: '签到时间',\n field: 'comeimefmt',\n render: record => {\n if (record.onWN === 'inner') {\n return {record.ontime};\n } else {\n return (\n \r\n 加载地图中...\r\n
\r\n \n \n \n 查看外勤\n \n \n \n \n \n \n {this.state.lng === '' ||\n this.state.lat === '' ? (\n
\n {this.state.imgUrl === '' ? (\n 未采集位置信息
\n ) : (\n\n \n \n \n \n )}\n
\n )}\n 外勤位置
\n {this.state.bdshow === 'block' && this.state.tdtshow === 'none'?(\n未采集外勤照片
\n ) : (\n外勤照片
\n\n
\n )\n }}\n data={users}\n icons={TableIcons}\n isLoading={this.props.isloading}\n localization={{\n pagination: {\n labelRowsSelect: '行',\n labelDisplayedRows: ' {from}-{to} 共 {count} 条',\n firstTooltip: '第一页',\n previousTooltip: '前一页',\n nextTooltip: '后一页',\n lastTooltip: '到最后'\n },\n toolbar: {\n searchTooltip: '模糊查找',\n searchPlaceholder: '模糊查找',\n exportName: '导出表格',\n nRowsSelected: '{0} row(s) selected',\n exportTitle: '导出表格'\n },\n header: {\n actions: '操作'\n },\n body: {\n addTooltip: '新增记录',\n emptyDataSourceMessage: '暂时没有数据',\n filterRow: {\n filterTooltip: 'Filter'\n },\n editRow: {\n deleteText: '确定要删除吗？',\n cancelTooltip: '取消',\n saveTooltip: '确定'\n }\n }\n }}\n options={{\n exportButton: true,\n pageSize: 10,\n exportAllData: true,\n toolbarButtonAlignment: 'left',\n exportCsv: (columnList, initialData) =>\n export_to_excel(\n columnList,\n initialData,\n '日考勤报表'\n )\n }}\n title=\"考勤明细\"\n />\n \n );\n }\n}\n\nexport default withStyles(styles)(Index);\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center',\n marginLeft: theme.spacing(3),\n marginTop: theme.spacing(1)\n },\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n }\n});\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Button } from '@material-ui/core';\n\n// Material icons\n// import { Delete as DeleteIcon, DateRange, Today } from '@material-ui/icons';\n\n// Shared components\n// import { DisplayMode, SearchInput } from 'components';\n\n// Component styles\nimport styles from './styles';\n\n// let testDate = new Date('2019-08-18');\n\nclass UsersToolbar extends Component {\n state = {\n cur_user: null\n };\n componentDidMount() {\n const cur_user = localStorage.getItem('cur_user');\n this.setState({\n cur_user: JSON.parse(cur_user)\n });\n }\n handleDirect = type => {\n this.props.history.push(type);\n };\n render() {\n const { classes, className, selectedUsers } = this.props;\n const { cur_user } = this.state;\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n \n
\n \n
\n );\n }\n}\n\nUsersToolbar.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n selectedUsers: PropTypes.array\n};\n\nUsersToolbar.defaultProps = {\n selectedUsers: []\n};\n\nexport default withStyles(styles)(withRouter(UsersToolbar));\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center',\n marginTop: theme.spacing(1)\n },\n spacer: {\n flexGrow: 1\n },\n deleteButton: {\n color: theme.palette.danger.main,\n marginRight: theme.spacing(1)\n },\n importButton: {\n marginRight: theme.spacing(1)\n },\n importIcon: {\n marginRight: theme.spacing(1)\n },\n exportButton: {\n marginRight: theme.spacing(1)\n },\n exportIcon: {\n marginRight: theme.spacing(1)\n },\n searchInput: {\n marginRight: theme.spacing(1)\n },\n timeInput: {\n marginRight: theme.spacing(1)\n }\n});\n","import React from 'react';\nimport MaterialTable, { MTableToolbar } from 'material-table';\nimport TableIcons from '../../../../components/TableIcons/index';\n\nimport { zhCN } from 'date-fns/locale';\nimport { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport { format } from 'date-fns';\nimport { connect } from 'react-redux';\nimport { actions as reportActions } from '../../../../redux/modules/report';\nimport export_to_excel from 'utils/export_to_excel';\n\nimport { withStyles } from '@material-ui/styles';\nimport styles from './styles';\nclass Index extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n columns: [\n { title: '姓名', field: 'UserName' },\n { title: '工号', field: 'GongHao' },\n { title: '职位', field: 'ZhiWei' },\n { title: '部门', field: 'GroupName' },\n { title: '手机号', field: 'UserPhone' },\n {\n title: '工作时长',\n field: 'worklong',\n render: record => {\n return {record.worklong + ' '}小时;\n }\n },\n {\n title: '迟到',\n field: 'lateNum'\n },\n { title: '早退次数', field: 'LvEearlyNum' }\n ],\n\n users: [],\n isLoading: false,\n date_value: null\n };\n }\n\n componentDidMount() {\n const select_date = format(new Date(), 'yyyy-MM-dd');\n this.setState({\n date_value: select_date\n });\n }\n handleDateChange = async value => {\n const select_date = format(value, 'yyyy-MM-dd');\n this.setState({\n date_value: value\n });\n this.props.monthReportActions(select_date);\n };\n render() {\n const { classes } = this.props;\n return (\n \n \n {cur_user ? (\n ['AdminC'].includes(cur_user.RoleCode) ? null : (\n \n \n this.handleDirect('/routers')\n }\n variant=\"outlined\"\n >\n 管理设备\n \n \n this.handleDirect('/settings')\n }\n variant=\"outlined\"\n >\n 管理公司\n \n \n this.handleDirect('/products')\n }\n variant=\"outlined\"\n >\n 管理员工\n \n \n )\n ) : null}\n
\n \n
\n )\n }}\n data={this.props.report}\n icons={TableIcons}\n isLoading={this.state.isLoading}\n localization={{\n pagination: {\n labelRowsSelect: '行',\n labelDisplayedRows: ' {from}-{to} 共 {count} 条',\n firstTooltip: '第一页',\n previousTooltip: '前一页',\n nextTooltip: '后一页',\n lastTooltip: '到最后'\n },\n toolbar: {\n searchTooltip: '模糊查找',\n searchPlaceholder: '模糊查找',\n exportName: '导出表格',\n nRowsSelected: '{0} row(s) selected',\n exportTitle: '导出表格'\n },\n header: {\n actions: '操作'\n },\n body: {\n addTooltip: '新增记录',\n emptyDataSourceMessage: '暂时没有数据',\n filterRow: {\n filterTooltip: 'Filter'\n },\n editRow: {\n deleteText: '确定要删除吗？',\n cancelTooltip: '取消',\n saveTooltip: '确定'\n }\n }\n }}\n options={{\n exportButton: true,\n pageSize: 10,\n // exportCsv: (columns, data) => {}\n exportAllData: true,\n exportCsv: (columnList, initialData) =>\n export_to_excel(columnList, initialData, '月统计报表'),\n\n toolbarButtonAlignment: 'left'\n // paginationType: 'stepped'\n }}\n title=\"月度考勤统计\"\n />\n );\n }\n}\n\nconst mapStateToProps = state => ({\n report: state.report.report_month_report\n});\n\nconst mapDispatchToProps = dispatch => ({\n monthReportActions: data => dispatch(reportActions.getMonthReport(data))\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(Index));\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center',\n marginLeft: theme.spacing(3),\n marginTop: theme.spacing(1)\n },\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n }\n});\n","import React from 'react';\nimport MaterialTable, { MTableToolbar } from 'material-table';\nimport TableIcons from 'components/TableIcons/index';\nimport { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport { format } from 'date-fns';\nimport { zhCN } from 'date-fns/locale';\nimport { withStyles } from '@material-ui/styles';\nimport { actions as reportActions } from '../../../../redux/modules/report';\nimport { connect } from 'react-redux';\nimport { Map, InfoWindow, Marker } from 'react-bmap';\nimport TiandituMap from '../TiandituMap';\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletContent\n} from 'components';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { Button } from '@material-ui/core';\nimport SnackbarsMessage from 'components/SnackbarsMessage';\nimport export_to_excel from 'utils/export_to_excel';\n\nimport styles from './styles';\n\nclass Index extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n columns: [\n { title: '考勤日期', field: 'SignDay' },\n { title: '姓名', field: 'Name' },\n { title: '工号', field: 'UserID' },\n { title: '部门名称', field: 'GroupName' },\n {\n title: '签到时间',\n field: 'comeimefmt',\n render: record => {\n let out_flag1 = record.comeimefmt.indexOf('外出');\n if (out_flag1 === -1) {\n if (record.ontime === '') {\n return '--';\n } else {\n return record.ontime;\n }\n } else {\n if (record.ontime === '') {\n return '--';\n } else {\n return (\n \n {this.props.num}\n \n
\n \n \n \n 查看外勤\n \n \n \n \n \n \n {this.state.lng === '' ||\n this.state.lat === '' ? (\n
\n {this.props.num}\n {this.state.imgUrl === '' ? (\n 未采集位置信息
\n ) : (\n\n \n \n \n )}\n
\n )}\n 外勤位置
\n {this.state.bdshow === 'block' && this.state.tdtshow === 'none'?(\n未采集外勤照片
\n ) : (\n外勤照片
\n\n
\n )\n }}\n data={this.props.list}\n icons={TableIcons}\n isLoading={this.props.isLoading}\n localization={{\n pagination: {\n labelRowsSelect: '行',\n labelDisplayedRows: ' {from}-{to} 共 {count} 条',\n firstTooltip: '第一页',\n previousTooltip: '前一页',\n nextTooltip: '后一页',\n lastTooltip: '到最后'\n },\n toolbar: {\n searchTooltip: '模糊查找',\n searchPlaceholder: '模糊查找',\n exportName: '导出表格',\n nRowsSelected: '{0} row(s) selected',\n exportTitle: '导出表格'\n },\n header: {\n actions: '操作'\n },\n body: {\n addTooltip: '新增记录',\n emptyDataSourceMessage: '暂时没有数据',\n filterRow: {\n filterTooltip: 'Filter'\n },\n editRow: {\n deleteText: '确定要删除吗？',\n cancelTooltip: '取消',\n saveTooltip: '确定'\n }\n }\n }}\n onChangeRowsPerPage={this.onChangeRowsPerPage}\n options={{\n exportButton: true,\n pageSize: this.state.pageSize,\n // paging: false,\n exportAllData: true,\n toolbarButtonAlignment: 'left',\n // maxBodyHeight: '100%'\n // paginationType: 'stepped'\n exportCsv: (columnList, initialData) =>\n export_to_excel(\n columnList,\n initialData,\n '月考勤报表'\n )\n }}\n title=\"月报\"\n />\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n list: state.report.report_month_list,\n loading: state.report.loading\n});\n\nconst mapDispatchToProps = dispatch => ({\n monthListActions: data => dispatch(reportActions.getMonthList(data))\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(Index));\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center',\n marginLeft: theme.spacing(3),\n marginTop: theme.spacing(1)\n },\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n }\n});\n","import React, { Component } from 'react';\n// Externals\nimport PropTypes from 'prop-types';\nimport { format } from 'date-fns';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\n\n// Shared layouts\nimport { Dashboard as DashboardLayout } from 'layouts';\n\nimport { connect } from 'react-redux';\nimport { actions as reportActions } from 'redux/modules/report';\n\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\n// Shared services\n\n// Custom components\nimport { DayTable } from './components';\nimport MonthReport from './components/MonthReport';\nimport MonthTable from './components/MonthTable';\nimport UsersToolbar from './components/UsersToolbar';\n// import _ from 'underscore';\n\n// Component styles\nimport styles from './style';\n\nconst mapDispatchToProps = dispatch => ({\n dayTableActions: data => dispatch(reportActions.getReport(data)),\n monthTableActions: data => dispatch(reportActions.getMonthList(data)),\n monthReportActions: data => dispatch(reportActions.getMonthReport(data))\n});\n\n@connect(\n state => ({ report: state.report }),\n mapDispatchToProps\n)\nclass UserList extends Component {\n signal = true;\n\n state = {\n isLoading: false,\n limit: 10,\n users: [],\n selectedUsers: [],\n error: null,\n\n tab_value: 0,\n\n date_value: null,\n\n tableHasSubmit: false,\n reportHasSubmit: false\n };\n\n componentDidMount() {\n const select_date = format(new Date(), 'yyyy-MM-dd');\n this.setState({\n date_value: select_date\n });\n this.props.dayTableActions(format(new Date(), 'yyyy-MM-dd'));\n }\n\n componentWillUnmount() {\n this.signal = false;\n }\n\n handleSelect = selectedUsers => {\n this.setState({ selectedUsers });\n };\n handleDateChange = async value => {\n const select_date = format(value, 'yyyy-MM-dd');\n this.setState({\n date_value: value\n });\n this.props.dayTableActions(select_date);\n };\n renderUsers() {\n return (\n \n \n
\n \n \n \n {this.renderUsers()}\n
\n \n \n this.props.handleFieldChange(\n event.target.value,\n 'notice_title'\n )\n }\n required\n value={this.props.notice.notice_title}\n variant=\"outlined\"\n />\n {this.props.title_error && (\n \n {this.props.errors.notice_title[0].replace(\n 'Notice title',\n ''\n )}\n \n )}\n
\n \n \n handleFieldChange(\n event.target.value,\n 'notice_body'\n )\n }\n required\n rows=\"4\"\n value={this.props.notice.notice_body}\n variant=\"outlined\"\n />\n {this.props.body_error && (\n \n {this.props.errors.notice_body[0].replace(\n 'Notice body',\n ''\n )}\n \n )}\n
\n \n \n \n handleFieldChange(\n date\n ? format(\n date,\n 'yyyy-MM-dd HH:mm'\n )\n : null,\n 'date_time'\n )\n }\n showTodayButton\n size=\"small\"\n todayLabel=\"今天\"\n value={this.props.notice.date_time}\n />\n \n
\n \n 推送到手机通知栏\n \n handleFieldChange(\n event.target.checked,\n 'checked'\n )\n }\n />\n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'notice_title'\n )\n }\n required\n value={\n this.state.notice.notice_title\n }\n variant=\"outlined\"\n />\n {title_error && (\n \n {errors.notice_title[0].replace(\n 'Notice title',\n ''\n )}\n \n )}\n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'notice_body'\n )\n }\n required\n rows=\"4\"\n value={\n this.state.notice.notice_body\n }\n variant=\"outlined\"\n />\n {body_error && (\n \n {errors.notice_body[0].replace(\n 'Notice body',\n ''\n )}\n \n )}\n
\n \n \n \n this.handleFieldChange(\n date\n ? format(\n date,\n 'yyyy-MM-dd HH:mm'\n )\n : null,\n 'date_time'\n )\n }\n showTodayButton\n size=\"small\"\n todayLabel=\"今天\"\n value={\n this.state.notice.date_time\n }\n />\n \n
\n \n 推送到手机通知栏\n \n this.handleFieldChange(\n event.target.checked,\n 'checked'\n )\n }\n />\n
\n \n \n (\n
\n );\n }\n}\n\nexport default withStyles(styles)(Editable);\n","export default theme => ({\n root: {},\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n },\n form: {},\n textField: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n portletFooter: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2)\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n },\n sendMessage: {\n marginLeft: theme.spacing(2)\n }\n});\n","import React, { Component } from 'react';\n\n// MaterialTable\n\nimport classNames from 'classnames';\n\nimport { Button, Typography, Divider } from '@material-ui/core';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { withStyles } from '@material-ui/styles';\nimport Http from '../../../services/http';\n\nimport { Portlet, PortletContent } from 'components';\nimport { TextField } from '@material-ui/core';\n\nimport styles from './styles';\n\nclass Index extends Component {\n state = {\n message: ''\n };\n handleFieldChange = value => {\n this.setState({\n message: value\n });\n };\n sendMessage = async () => {\n try {\n const res = await Http.re_message(\n {\n smgid: this.props.messageid,\n ReplyContent: this.state.message\n },\n true\n );\n const { errcode } = res;\n if (errcode === 0) {\n this.setState({\n message: ''\n });\n this.props.handleClose();\n this.props.refresh();\n }\n console.log('发送成功');\n } catch (err) {\n console.log(err);\n }\n };\n render() {\n const {\n classes,\n className,\n open,\n handleClose,\n message,\n messageid,\n ...rest\n } = this.props;\n const rootClassName = classNames(classes.root, className);\n const messageError = false;\n\n return (\n \n
\n )\n }}\n data={notices}\n icons={TableIcons}\n isLoading={loading}\n localization={{\n pagination: {\n labelRowsSelect: '行',\n labelDisplayedRows: ' {from}-{to} 共 {count} 条',\n firstTooltip: '第一页',\n previousTooltip: '前一页',\n nextTooltip: '后一页',\n lastTooltip: '到最后'\n },\n toolbar: {\n searchTooltip: '模糊查找',\n searchPlaceholder: '模糊查找',\n exportName: '导出表格',\n nRowsSelected: '{0} row(s) selected',\n exportTitle: '导出表格'\n },\n header: {\n actions: '操作'\n },\n body: {\n addTooltip: '新增记录',\n emptyDataSourceMessage: '暂时没有数据',\n filterRow: {\n filterTooltip: 'Filter'\n },\n editRow: {\n deleteText: '确定要删除吗？',\n cancelTooltip: '取消',\n saveTooltip: '确定'\n }\n }\n }}\n options={{\n exportButton: true,\n pageSize: 10,\n exportCsv: export_to_excel\n }}\n title=\"所有公告\"\n />\n \n \n
\n \n 标题:{' ' + message.Title}\n
\n 发送时间:{' ' + message.CreateTime}\n
\n 内容:{' ' + message.Content}\n
\n
\n {message.mgcontent === '' ? null : (\n \n 回复内容: {' ' + message.mgcontent}\n \n )}\n \n {message.mgcontent !== '' ? null : (\n
\n \n this.handleFieldChange(\n event.target.value\n )\n }\n required\n rows=\"4\"\n value={this.state.message}\n variant=\"outlined\"\n />\n
\n )}\n \n {\n this.componentDidMount();\n }}\n />\n
\n );\n }\n}\n\nexport default withStyles(styles)(MessageTable);\n","export default theme => ({\n root: {},\n tableRow: {\n height: '64px'\n },\n tableCell: {\n whiteSpace: 'nowrap'\n },\n tableCellInner: {\n display: 'flex',\n alignItems: 'center'\n },\n avatar: {\n backgroundColor: theme.palette.primary.main,\n display: 'inline-flex',\n fontSize: '14px',\n fontWeight: 500,\n height: '36px',\n width: '36px'\n },\n nameText: {\n display: 'inline-block',\n marginLeft: theme.spacing(2),\n fontWeight: 500,\n cursor: 'pointer'\n },\n form: {},\n textField: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n portletFooter: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2)\n }\n});\n","import React, { Component } from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\n// Shared layouts\nimport { Dashboard as DashboardLayout } from 'layouts';\nimport Editable from './ContactListTable/index';\nimport MessageTable from './MessageListTable/index';\n// Component styles\nconst styles = theme => ({\n root: {\n padding: theme.spacing(4)\n },\n content: {\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3)\n }\n});\n\nclass Typography extends Component {\n state = {\n tab_value: 0\n };\n handleChange = (_, v) => {\n this.setState({\n tab_value: v\n });\n };\n render() {\n const { classes } = this.props;\n\n return (\n \n
*/}\n \n \n
\n 员工管理 Table
\n \n
\n \n \n this.handleFieldChange(\n 'mobile',\n event.target.value\n )\n }\n value={values.mobile}\n variant=\"outlined\"\n />\n \n {this.state.isSend\n ? this.state.issendcount\n : '获取验证码'}\n \n {showmobileError && (\n \n {errors.mobile[0].replace('Mobile', '')}\n \n )}\n
\n\n \n \n this.handleFieldChange(\n 'captcha',\n event.target.value\n )\n }\n value={values.captcha}\n variant=\"outlined\"\n />\n {showcaptchaError && (\n \n {errors.captcha[0].replace('Captcha', '')}\n \n )}\n
\n \n \n this.handleFieldChange(\n 'password',\n event.target.value\n )\n }\n type=\"password\"\n value={values.password}\n variant=\"outlined\"\n />\n {showpasswordError && (\n \n {errors.password[0].replace('Password', '')}\n \n )}\n
\n \n \n this.handleFieldChange(\n 'comfirmPassword',\n event.target.value\n )\n }\n type=\"password\"\n value={values.comfirmPassword}\n variant=\"outlined\"\n />\n {showcomfirmPasswordError && (\n \n {errors.comfirmPassword[0].replace(\n 'Comfirm password',\n ''\n )}\n \n )}\n {!this.state.validPasswordError && (\n \n 两次输入的不一致\n \n )}\n
\n \n
\n \n John Doe \n \n Rm. Valcea, Romania\n \n \n 4:32PM (GMT-4)\n \n
\n \n \n Profile Completeness: 70%\n \n
\n \n \n {/* \n */}\n \n \n \n
\n \n \n 单位号:{curcpy}\n \n \n }\n title=\"功能开关\"\n />\n
\n \n 基本功能开关\n \n
\n {/* \n changefunc('autoenter')}\n />\n
\n \n \n 自动导入员工\n \n \n 自动导入员工可以让员工在第一次连接签到wifi并且成功登录员工端后，自动完成单位员工信息的录入工作。【强烈建议开启】。\n \n
\n \n changefunc('incheck')}\n />\n
\n \n \n 内勤抽查\n \n \n 当前抽查比例：{curcpystatus.OnRemarkN} %\n \n
\n\n 当前抽查拍照说明：\n {curcpystatus.OffRemarkN}\n \n
\n \n
\n \n this.handleOpen('in')\n }\n variant=\"outlined\"\n >\n 设置\n \n
\n \n changefunc('outcheck')}\n />\n
\n \n \n 外勤拍照上传\n \n \n 当前外勤签到拍照说明：\n {curcpystatus.OnRemarkW}\n \n
\n\n 当前外勤签离拍照说明：\n {curcpystatus.OffRemarkW}\n \n
\n \n
\n \n this.handleOpen('out')\n }\n variant=\"outlined\"\n >\n 设置\n \n
\n \n \n 会员功能\n \n
*/}\n \n
\n \n 月度报表Email发送 \n
\n \n
\n \n 自动随机抽检 \n
\n \n
\n \n 地理位置采集 \n
\n \n x + '%'}\n />\n
\n \n \n this.handleSpotCheck(e.target.value)\n }\n required\n value={this.state.spot_check_remark}\n variant=\"outlined\"\n />\n
\n \n {this.state.buttonLoading && (\n \n 保存\n \n
\n \n \n \n this.handleOutRemark(\n 'out_remark1',\n e.target.value\n )\n }\n required\n value={this.state.out_form.out_remark1}\n variant=\"outlined\"\n />\n
\n \n \n this.handleOutRemark(\n 'out_remark2',\n e.target.value\n )\n }\n required\n value={this.state.out_form.out_remark2}\n variant=\"outlined\"\n />\n
\n \n {this.state.buttonLoading && (\n \n 保存\n \n
\n \n \n \n this.delete_cpy_open(\n event.currentTarget\n )\n }\n style={{ color: 'red' }}\n >\n
\n ) : null\n ) : null}\n \n \n handlefieldchange(\n event.target.value,\n 'firmname'\n )\n }\n required\n value={form_value.firmname}\n variant=\"outlined\"\n />\n {disablefirmname && (\n \n {errors.firmname[0].replace('Firmname', '')}\n \n )}\n \n handlefieldchange(event.target.value, 'address')\n }\n required\n value={form_value.address}\n variant=\"outlined\"\n />\n {disableaddress && (\n \n {errors.address[0].replace('Address', '')}\n \n )}\n
\n \n \n handlefieldchange(event.target.value, 'tel')\n }\n // type=\"number\"\n value={form_value.tel}\n variant=\"outlined\"\n />\n {disabletel && (\n \n {errors.tel[0].replace('Tel', '')}\n \n )}\n {/* \n handlefieldchange(\n event.target.value,\n 'equipname'\n )\n }\n required\n value={form_value.equipname}\n variant=\"outlined\"\n /> */}\n
\n \n \n handlefieldchange(event.target.value, 'memo')\n }\n placeholder=\"所属行业\"\n select\n SelectProps={{ native: true }}\n value={form_value.memo}\n variant=\"outlined\"\n >\n {this.props.profession.map(option => (\n \n ))}\n \n
\n \n
\n \n {this.state.buttonLoading && (\n \n 保存\n \n
\n\n \n \n {'部门数量: ' +\n company.detail.deptNum}\n \n
\n \n {'签到设备数量: ' +\n company.detail.wifiNum}\n \n
\n \n {'单位号: ' +\n company.CompanySN}\n \n \n }\n />\n
- \n {departments.map(department => (\n
\n \n this.editDepartmentName(\n e.target.value\n )\n }\n required\n value={\n this.state\n .select_group_name\n }\n variant=\"outlined\"\n />\n \n 保存\n \n \n 取消\n \n
\n ) : (\n \n \n this.changeDepartmentName(\n e.target.value\n )\n }\n required\n style={{ width: '70%' }}\n value={this.state.department_name}\n variant=\"outlined\"\n />\n \n 新增部门\n \n
\n \n \n \n this.componentDidMount()}\n />\n \n \n \n \n
\n \n 为使用叮咚签到平台服务（以下简称“本服务”），你应当阅读并遵守《叮咚签到服务协议》（以下简称“本协议”）。请你务必审慎阅读、充分理解各条款内容，特别是免除或限制责任的相应条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。限制、免责条款可能以加粗形式提示你注意。\n 除非你已阅读并接受本协议所有条款，否则你无权使用叮咚签到平台服务。你对本服务的登录、查看、发布信息等行为即视为你已阅读并同意本协议的约束。\n
\n 一、【协议范围】\n
\n 1.1\n 本协议是你与比威网络之间关于你使用叮咚签到平台服务所订立的协议。“比威网络”是指山东紫光比威网络技术有限公司及其相关服务可能存在的运营关联单位。“用户”是指注册、登录、使用叮咚签到帐号的个人或组织，在本协议中更多地称为“你”。“其他用户”是指包括其他叮咚签到帐号用户等除用户本人的用户。\n
\n 1.2\n 本服务是比威网络向用户提供的企业考勤管理以及与此相关的互联网技术服务。包括叮咚签到服务平台、手机管理版、手机员工版。\n 上述内容一经正式发布，即为本协议不可分割的组成部分，你同样应当遵守。\n
\n 二、【帐号注册与认证】\n
\n 2.1\n 你在使用本服务前需要注册一个叮咚签到帐号。叮咚签到帐号通过电子邮箱帐号进行绑定注册，请你使用未与叮咚签到服务平台绑定的电子邮箱帐号注册叮咚签到帐号。比威网络有权根据用户需求和产品需要对帐号注册和绑定的方式进行变更，关于你使用帐号的具体规则，请遵守相关帐号使用协议以及比威网络为此发布的专项规则。\n
\n 2.2\n 用户应当如实填写和提交帐号注册与企业信息资料，并对资料的真实性、合法性、准确性和有效性承担责任。如用户提供服务或内容需要取得相关法律法规规定的许可或进行备案的，用户应当在帐号注册时进行明确说明并提交相应的许可或备案证明。否则，比威网络有权拒绝或终止提供本服务，并依照本协议对违规帐号进行处罚。因此给比威网络或第三方造成损害的，你应当依法予以赔偿。\n 三、【企业信息保护条款】\n
\n 3.1\n 本条被视为叮咚签到企业用户的保护条款。本条对企业用户的约定与本协议其他内容存在冲突的，以本条为准\n 。\n
\n 3.2\n 比威网络非常重视对企业信息安全的保护。采用关键信息加密存储、信息通讯全程加密等多种技术手段和分级权限管理、保密消息等业务实现方案以保护信息安全，你应当正确使用前述技术手段和方案，以共同保护企业信息的机密性、完整性和可用性。\n
\n 3.3\n 比威网络会采取合理的措施保护企业用户发送或待发送的所有信息，防止未经授权的用户访问、查看、阅读或披露；比威网络不会搜集、复制、传播或以其他方式使用前述信息。\n
\n 3.4\n 企业用户应当建立信息安全保护制度，包括但不限于：构建完备的企业管理员体系，合理设定管理员权限；合理选择考勤、公告信息发送的范围及方式；提醒或要求信息接收方保护企业信息安全，不对企业用户发送的保密信息进行传播或分享；防止帐号被他人使用而导致的信息泄露。\n
\n 四、【用户行为规范】
\n 4.1\n 本条所述信息内容是指用户使用本服务过程中所制作、复制、发布、传播的任何内容，包括但不限于叮咚签到帐号头像、名称、用户说明等注册信息及认证资料，或文字、语音、图片、视频、图文等发送、回复或自动回复消息和相关链接页面，以及其他使用叮咚签到平台服务所产生的内容。\n
\n 4.2\n 你理解并同意，叮咚签到服务平台一直致力于为用户提供文明健康、规范有序的网络环境，你不得利用叮咚签到平台服务制作、复制、发布、传播如下干扰叮咚签到平台正常运营，以及侵犯其他用户或第三方合法权益的内容：\n
\n （1）违反宪法确定的基本原则的；\n
\n （2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；\n
\n （3）损害国家荣誉和利益的；\n
\n （4）煽动民族仇恨、民族歧视，破坏民族团结的；\n
\n （5）破坏国家宗教政策，宣扬邪教和封建迷信的；\n
\n （6）散布谣言，扰乱社会秩序，破坏社会稳定的；\n
\n （7）散布淫秽、色情、赌博、暴力、恐怖或者教唆犯罪的；\n
\n （8）侮辱或者诽谤他人，侵害他人合法权益的；\n
\n （9）煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；\n
\n （10）以非法民间组织名义活动的；\n
\n （11）不符合《即时通信工具公众信息服务发展管理暂行规定》及遵守法律法规、社会主义制度、国家利益、公民合法利益、公共秩序、社会道德风尚和信息真实性等“七条底线”要求的；\n
\n （12）含有法律、行政法规禁止的其他内容的。\n
\n 4.3\n 发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容；\n
\n 4.4 涉及他人隐私、个人信息或资料的内容；
\n 4.5\n 发表、传送、传播骚扰信息、广告信息及垃圾信息或含有任何性或性暗示的内容；\n
\n 4.6\n 其他违反法律法规、政策及公序良俗、社会公德或干扰叮咚签到平台正常运营和侵犯其他用户或第三方合法权益内容的信息。\n
\n 五、【平台使用规范】
\n 5.1\n 本条所述平台使用是指用户使用本服务所进行的任何行为，包括但不限于注册登录、申请认证、帐号运营推广以及其他使用叮咚签到平台服务所进行的行为。\n
\n 5.2 你不得利用叮咚签到账号或叮咚签到平台服务进行如下行为：\n
\n （1）提交、发布虚假信息，或冒充、利用他人名义的；\n
\n （2）虚构事实、隐瞒真相以误导、欺骗他人的；\n
\n （3）侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的；\n
\n （4）未能按照叮咚签到服务平台业务流程注册和使用本服务，违反本服务功能限制或运营策略，或采取任何措施规避前述流程、限制或策略，干扰叮咚签到服务平台正常运营的；\n
\n （5）未经比威网络书面许可使用插件、外挂或通过其他第三方工具、运营平台或任何服务接入本服务和相关系统的；\n
\n （6）利用叮咚签到帐号或叮咚签到平台服务从事任何违法犯罪活动的；\n
\n （7）制作、发布与以上行为相关的方法、工具，或对此类方法、工具进行运营或传播，无论这些行为是否为商业目的；\n
\n （8）其他违反法律法规规定、侵犯其他用户合法权益、干扰产品正常运营或比威网络未明示授权的行为。\n
\n 六、【对自己行为负责】\n
\n 你理解并同意，叮咚签到平台仅为用户提供企业签到、办公信息传播及获取的平台，你必须为自己注册帐号下的一切行为负责，包括你所发表的任何内容以及由此产生的任何后果。你应对本服务中的内容自行加以判断，并承担因使用内容而引起的所有风险，包括因对内容的正确性、完整性或实用性的依赖而产生的风险。比威网络无法且不会对因前述风险而导致的任何损失或损害承担责任。\n
\n 七、【帐号管理】
\n 7.1\n 叮咚签到帐号的所有权归比威网络公司所有，用户完成申请注册手续后，获得叮咚签到帐号的使用权，该使用权仅属于初始申请注册人。帐号使用权禁止赠与、借用、租用、转让或售卖。\n
\n 7.2\n 叮咚签到帐号密码由你自行设定。比威网络特别提醒你应妥善保管你的帐号和密码。比威网络与你共同负有维护帐号安全的责任。比威网络会采取并不断更新技术措施，努力保护你的帐号在服务器端的安全。你需要采取特定措施保护你的帐号安全，包括但不限于妥善保管叮咚签到帐号与密码、安装防病毒木马软件、定期更改密码等措施。当你使用完毕后，应安全退出。你同意在任何情况下不向他人透露帐号或密码信息。因你保管不善可能导致帐号被他人使用（包括但不限于遭受盗号、密码失窃）或信息数据泄漏，责任由你自行承担。你理解并同意，在你未进行举报或提出帐号申诉等方式明确告知叮咚签到帐号被他人使用或信息数据泄漏等情况并提供相关证明材料前，比威网络有理由相信该帐号行为是你使用帐号的行为。\n
\n 7.3\n 在你怀疑他人在使用你的帐号或密码时，你同意立即通知比威网络公司。如果你当前使用的叮咚签到帐号并不是你初始申请注册的或者通过比威网络提供的其他途径获得的，但你却知悉该帐号当前的密码，你不得用该帐号登录或进行任何操作，并请你在第一时间通知比威网络或者该帐号的初始申请注册人。如果比威网络发现你并非该帐号初始申请注册人，比威网络有权在未经通知的情况下终止你使用该帐号。\n
\n 7.4\n 如你违反相关法律法规、本协议以及专项规则的规定，比威网络有权进行独立判断并随时限制、冻结或终止你对叮咚签到帐号的使用，且根据实际情况决定是否恢复使用。由此给你带来的损失（包括但不限于通信中断，用户资料及相关数据清空等），由你自行承担。\n
\n 7.5\n 如果你的叮咚签到帐号被盗、密码遗忘或因其他原因导致无法正常登录，你可以按照比威网络的申诉途径进行申诉。比威网络并不承诺你一定能通过申诉找回帐号。\n
\n 7.6\n 为了充分利用帐号资源，如果你存在注册叮咚签到帐号后未及时进行初次登录使用，或长期未登陆使用叮咚签到帐号等情形，比威网络有权终止该帐号的使用。\n
\n 八、【数据的储存】
\n 8.1 比威网络不对你在本服务中相关数据的删除或储存失败负责。{' '}\n
\n 8.2\n 比威网络有权根据实际情况自行决定单个用户在本服务中数据的最长储存期限，并在服务器上为其分配数据最大存储空间等。你可根据自己的需要自行备份本服务中的相关数据。\n
\n 8.3\n 如果你停止使用本服务或服务被终止或取消，比威网络可以从服务器上永久地删除你的数据。在服务停止、终止或取消后，比威没有义务向你返还任何数据。\n
\n 九、【风险及免责】
\n 9.1\n 你理解并同意：为了向你提供有效的服务，本服务会利用你终端设备的处理器和带宽等资源。本服务使用过程中可能产生数据流量的费用，用户需自行向运营商了解相关资费信息，并自行承担相关费用。\n
\n 9.2\n 用户在使用本服务时，须自行承担如下比威网络不可掌控的风险内容，包括但不限于：\n
\n （1）由于受到计算机病毒、木马或其他恶意程序、黑客攻击的破坏等不可抗拒因素可能引起的信息丢失、泄漏等风险；\n
\n （2）用户或比威网络的电脑软件、系统、硬件和通信线路出现故障；\n
\n （3）用户操作不当或通过非比威网络授权的方式使用本服务；\n
\n （4）用户发布的内容被他人转发、分享，因此等传播可能带来的风险和责任；\n
\n （5）由于网络信号不稳定等原因，所引起的比威网络平台登录失败、资料同步不完整、页面打开速度慢等风险；\n
\n （6）其他比威网络无法控制或合理预见的情形。 9.3\n
\n 你理解并同意，用户通过叮咚签到群发的内容可能会被其他用户或第三方复制、转载、修改或做其他用途，脱离你的预期和控制，用户应充分意识到此类风险的存在，任何你不愿被他人获知的信息都不应在叮咚签到平台发布。如果相关行为侵犯了你的合法权益，你可以向叮咚签到平台投诉，我们将依法进行处理。\n
\n 9.4\n 比威网络依据本协议约定获得处理违法违规内容或行为的权利，该权利不构成比威网络的义务或承诺，比威网络不能保证及时发现违法违规情形或进行相应处理。\n
\n 9.5\n 你理解并同意，因业务发展需要，比威网络保留单方面对本服务的全部或部分服务内容在任何时候不经任何通知的情况下变更、暂停、限制、终止或撤销的权利，用户需承担此风险。\n
\n 十、【知识产权声明】
\n 10.1\n 比威网络在本服务中提供的内容（包括但不限于网页、文字、图片、音频、视频、图表等）的知识产权归比威网络所有，用户在使用本服务中所产生的内容的知识产权归用户或相关权利人所有。\n
\n 10.2\n 叮咚签到平台向所有用户提供更优质的服务，比威网络可能会对叮咚签到帐号的昵称、头像、资料信息、公开群发信息等公开非保密内容在法律允许的范围内进行使用，包括但不限于提供搜索、链接等服务。\n
\n 10.3\n 除另有特别声明外，比威网络提供本服务时所依托软件的著作权、专利权及其他知识产权均归比威网络所有。\n
\n 10.4\n 上述及其他任何本服务包含的内容的知识产权均受到法律保护，其他未经比威网络、用户或相关权利人许可的第三人，不得以任何形式进行使用或创造相关衍生作品。\n
\n 十一、【法律责任】
\n 11.1\n 如果比威网络发现或收到他人举报或投诉用户违反本协议约定的，比威网络有权不经通知随时对相关内容进行删除、屏蔽，并视行为情节对违规帐号处以包括但不限于警告、删除部分或全部功能、帐号封禁直至注销的处罚，并公告处理结果。叮咚签到平台认证帐号除上述处罚措施外，比威网络有权取消其帐号信息，并视情节决定临时或永久封禁相关帐号认证资质。如果你发现任何人违反本协议规定或以其他不当的方式使用叮咚签到平台服务，请立即向叮咚签到平台举报或投诉，我们将依法进行处理。\n
\n 11.2\n 你理解并同意，比威网络有权依合理判断对违反有关法律法规或本协议规定的行为进行处罚，对违法违规的任何人士采取适当的法律行动，并依据法律法规保存有关信息向有关部门报告等，用户应独自承担由此而产生的一切法律责任。\n
\n 11.3\n 你理解并同意，因你违反本协议或相关服务条款的规定，导致或产生第三方主张的任何索赔、要求或损失，你应当独立承担责任；比威网络因此遭受损失的，你也应当一并赔偿。\n
\n 十二、【其它】
\n 12.1\n 你使用本服务即视为你已阅读并同意受本协议的约束。比威网络有权在必要时修改本协议条款。你可以在相关服务页面查阅最新版本的条款。本协议条款变更后，如果你继续使用叮咚签到平台服务，即视为你已接受修改后的协议。如果你不接受修改后的协议，应当停止使用叮咚签到平台服务。\n
\n 12.2 本协议签订地为中华人民共和国山东省济南市市中区。
\n 12.3\n 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律（不包括冲突法）。\n
\n 12.4\n 若你和比威网络之间发生任何纠纷或争议，首先应友好协商解决；协商不成的，你同意将纠纷或争议提交本协议签订地有管辖权的人民法院管辖。\n
\n 12.5\n 本协议所有条款的标题仅为阅读方便，本身并无实际涵义，不能作为本协议涵义解释的依据。\n
\n 12.6\n 本协议条款无论因何种原因部分无效或不可执行，其余条款仍有效，对双方具有约束力。\n
\n 山东紫光比威网络技术有限公司\n
\n \n \n \n \n \n \n
\n );\n }\n}\n\nSignUp.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n};\n\nexport default compose(\n withRouter,\n withStyles(styles)\n)(SignUp);\n","import loginImage from 'static/denglu-3.jpg';\n\nexport default theme => ({\n root: {\n backgroundColor: theme.palette.background.default,\n minHeight: '700px',\n height: '100vh'\n },\n grid: {\n height: '100%'\n },\n quoteWrapper: {\n [theme.breakpoints.down('md')]: {\n display: 'none'\n }\n },\n quote: {\n backgroundColor: theme.palette.common.neutral,\n height: '100%',\n minHeight: '700px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundImage: `url(${loginImage})`,\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n quoteInner: {\n textAlign: 'center',\n flexBasis: '600px'\n },\n quoteText: {\n // color: theme.palette.common.white,\n color: '#000',\n fontWeight: 300\n },\n name: {\n marginTop: theme.spacing(3),\n // color: theme.palette.common.white\n color: '#000'\n },\n bio: {\n // color: theme.palette.common.white\n color: '#000'\n },\n contentWrapper: {},\n content: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n contentHeader: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: theme.spacing(5) * 5,\n paddingBototm: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n },\n backButton: {},\n logoImage: {\n marginLeft: theme.spacing(4)\n },\n contentBody: {\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down('md')]: {\n justifyContent: 'center'\n }\n },\n form: {\n paddingLeft: '100px',\n paddingRight: '100px',\n paddingBottom: '125px',\n flexBasis: '700px',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n }\n },\n title: {\n marginTop: theme.spacing(3)\n },\n subtitle: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(0.5)\n },\n fields: {\n marginTop: theme.spacing(5)\n },\n textField: {\n width: '100%',\n '& + & ': {\n marginTop: theme.spacing(2)\n }\n },\n textCaptchaField: {\n width: '80%',\n '& + & ': {\n marginTop: theme.spacing(2)\n }\n },\n textCaptchaButton: {\n width: '19%',\n marginLeft: '5px',\n height: '55px'\n },\n policy: {\n display: 'flex',\n alignItems: 'center'\n },\n policyCheckbox: {\n marginLeft: '-14px'\n },\n policyText: {\n display: 'inline',\n color: theme.palette.text.secondary\n },\n policyUrl: {\n color: theme.palette.text.primary,\n '&:hover': {\n cursor: 'pointer',\n color: theme.palette.primary.main\n }\n },\n progress: {\n display: 'block',\n marginTop: theme.spacing(2),\n marginLeft: 'auto',\n marginRight: 'auto'\n },\n signUpButton: {\n marginTop: theme.spacing(2),\n width: '100%'\n },\n signIn: {\n marginTop: theme.spacing(2),\n color: theme.palette.text.secondary\n },\n signInUrl: {\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n '&:hover': {\n color: theme.palette.primary.main\n }\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n },\n submitError: {\n color: theme.palette.danger.main,\n alignText: 'center',\n marginBottom: theme.spacing(1),\n marginTop: theme.spacing(2)\n }\n});\n","import axios from 'axios';\n\n// axios.defaults.baseURL = ''\naxios.defaults.withCredentials = true;\naxios.defaults.timeout = 2000;\n\nconst headers = new Headers({\n Accept: 'application/json',\n 'content-Type': 'application/json'\n});\n\nfunction get(url) {\n return axios\n .get(url)\n .then(response => response)\n .catch(err => {\n console.error(`Request failed. Url = ${url}.\n Message= ${err}`);\n return Promise.reject({\n error: { message: 'Request failed.' }\n });\n });\n}\n\nfunction post(url, data) {\n return axios\n .post(url, data)\n .then(response => {\n return response;\n })\n .catch(err => {\n console.error(`Request failed. Url = ${url}.\n Message= ${err}`);\n return Promise.reject({\n error: { message: 'Request failed.' }\n });\n });\n}\n\nfunction handleResponse(url, response) {\n if (response.status === 200) {\n // 返回了一个 promise\n return response.json();\n } else {\n console.error(`Request failed. Url = ${url}`);\n return Promise.reject({\n error: { message: 'Request failed due to server error' }\n });\n }\n}\n\nexport { get, post };\n","export default {\n getProductList: (rowIndex, pageSize) =>\n `/mock/products/likes.json?rowIndex=${rowIndex}&pageSize=${pageSize}`,\n login: () => '/Handler/Manager.ashx?type=login&xtype=zg'\n};\n","import { post } from '../../utils/request';\nimport url from '../../utils/url';\n\nconst initUserState = {\n Name: 'guest',\n tryLogin: false\n};\n\nexport const types = {\n // 登录\n USER_SIGNIN_REQUEST: 'SIGNIN/USER_SIGNIN_REQUEST',\n USER_SIGNIN_SUCCESS: 'SIGNIN/USER_SIGNIN_SUCCESS',\n USER_SIGNIN_FAILURE: 'SIGNIN/USER_SIGNIN_FAILURE'\n};\n// action creator\nconst doSignInRequest = () => ({\n type: types.USER_SIGNIN_REQUEST\n});\nconst doSignInSuccess = data => ({\n type: types.USER_SIGNIN_SUCCESS,\n data\n});\nconst doSignInFailure = error => ({\n type: types.USER_SIGNIN_FAILURE,\n error\n});\n\nconst LS_KEY = '_$-loginuser_';\nexport const actions = {\n signin: data => {\n const endpoint = url.login();\n return dispatch => {\n dispatch(doSignInRequest());\n return post(endpoint, data)\n .then(res => {\n const { data, errcode, errmsg } = res.data;\n if (errcode !== 0) {\n dispatch(doSignInFailure(errmsg));\n } else {\n localStorage.setItem(LS_KEY, JSON.stringify(data));\n dispatch(doSignInSuccess(data));\n }\n })\n .catch(error => {\n dispatch(doSignInFailure(error));\n });\n };\n }\n};\n\nconst reducer = (state = initUserState, action) => {\n switch (action.type) {\n case types.USER_SIGNIN_REQUEST:\n return { ...state, tryLogin: true };\n case types.USER_SIGNIN_SUCCESS:\n return {\n ...state,\n ...action.data\n };\n case types.USER_SIGNIN_FAILURES:\n return {\n ...state,\n ...action.error\n };\n default:\n return state;\n }\n};\n\nexport default reducer;\n","export default {\n name: {\n presence: { allowEmpty: false, message: '用户名不能为空' },\n email: false,\n length: {\n maximum: 64\n }\n },\n pass: {\n presence: { allowEmpty: false, message: '密码不能为空' },\n length: {\n maximum: 128\n }\n },\n captcha: {\n presence: { allowEmpty: false, message: '验证码不能为空' },\n length: {\n is: 4,\n message: '验证码为4位'\n }\n }\n};\n","import React, { Component } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport utils from 'utility';\nimport { actions as signinActions } from '../../redux/modules/sign_in';\nimport SnackbarsMessage from '../../components/SnackbarsMessage';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport compose from 'recompose/compose';\nimport validate from 'validate.js';\nimport _ from 'underscore';\nimport Vcode from 'react-vcode';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport {\n Grid,\n Button,\n CircularProgress,\n TextField,\n Typography\n} from '@material-ui/core';\n\n// Material icons\n// import { ArrowBack as ArrowBackIcon } from '@material-ui/icons';\n\n// Shared components\nimport Http from '../../services/http';\n\n// Component styles\nimport styles from './styles';\n\n// Form validation schema\nimport schema from './schema';\n\nclass SignIn extends Component {\n state = {\n values: {\n name: '',\n pass: '',\n captcha: ''\n },\n touched: {\n name: false,\n pass: false,\n captcha: false\n },\n errors: {\n name: null,\n pass: null,\n captcha: null\n },\n isValid: false,\n isLoading: false,\n submitError: null,\n visible: false,\n msg: '',\n captcha: ''\n };\n\n handleBack = () => {\n const { history } = this.props;\n\n history.goBack();\n };\n\n // debounce 防抖\n validateForm = _.debounce(() => {\n const { values } = this.state;\n\n const newState = { ...this.state };\n // 进行 schema 和 values 的匹配 返回 errors 空的化就是没有\n const errors = validate(values, schema);\n newState.errors = errors || {};\n newState.isValid = errors ? false : true;\n\n this.setState(newState);\n }, 300);\n\n handleFieldChange = (field, value) => {\n const newState = { ...this.state };\n\n newState.submitError = null;\n newState.touched[field] = true;\n newState.values[field] = value;\n\n this.setState(newState, this.validateForm);\n };\n\n handleSignIn = async () => {\n try {\n const { history } = this.props;\n const { values, captcha } = this.state;\n\n this.setState({ isLoading: true });\n const { name, pass } = values;\n if (captcha !== values.captcha) {\n this.setState({ visible: true, msg: '验证码错误' });\n setTimeout(() => {\n this.setState({ visible: false, isLoading: false });\n }, 2000);\n setTimeout(() => {\n this.setState({ isLoading: false });\n }, 500);\n } else {\n const md5password = utils.md5(pass);\n const postData = { username: name, pwd: md5password };\n const res = await Http.user_manager(postData);\n const { data, errcode, errmsg } = res;\n if (errcode === 0) {\n localStorage.setItem('is_auth', true);\n const LS_KEY = 'cur_user';\n\n localStorage.setItem(LS_KEY, JSON.stringify(data));\n let cpyData = await Http.cpyList();\n if (cpyData.data.length === 0) {\n history.push('/newuser');\n } else {\n localStorage.setItem(\n 'cur_cpy',\n JSON.stringify(cpyData.data[0])\n );\n localStorage.setItem(\n 'cpy_list',\n JSON.stringify(cpyData.data)\n );\n this.setState({ isLoading: false });\n history.push('/users');\n }\n } else {\n this.setState({ visible: true, msg: errmsg });\n setTimeout(() => {\n this.setState({ visible: false, isLoading: false });\n }, 2000);\n }\n }\n } catch (error) {\n this.setState({\n isLoading: false,\n serviceError: error\n });\n }\n };\n handleClose = () => {\n this.setState({ visible: false });\n };\n\n isAdmin = e => {\n console.log(e.target);\n };\n\n render() {\n const { classes } = this.props;\n const {\n values,\n touched,\n errors,\n isValid,\n submitError,\n isLoading,\n visible,\n msg\n } = this.state;\n\n const showEmailError = touched.name && errors.name;\n const showPasswordError = touched.pass && errors.pass;\n const showcaptchaError = touched.captcha && errors.captcha;\n return (\n \n {/*
\n \n \n 叮咚科技，掌握美好未来\n \n
*/}\n \n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n \n 叮咚科技，掌握美好未来\n \n \n 新建账号\n \n \n {submitError}\n \n )}\n {isLoading ? (\n \n 注册\n \n )}\n \n 已经有账号了?{' '}\n \n 登录\n \n \n
\n \n \n {errors.mobile[0].replace(\n 'Mobile',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'captcha',\n event.target.value\n )\n }\n value={values.captcha}\n variant=\"outlined\"\n />\n {showcaptchaError && (\n \n {errors.captcha[0].replace(\n 'Captcha',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'password',\n event.target.value\n )\n }\n type=\"password\"\n value={values.password}\n variant=\"outlined\"\n />\n {showpasswordError && (\n \n {errors.password[0].replace(\n 'Password',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'comfirmPassword',\n event.target.value\n )\n }\n type=\"password\"\n value={values.comfirmPassword}\n variant=\"outlined\"\n />\n {showcomfirmPasswordError && (\n \n {errors.comfirmPassword[0].replace(\n 'Comfirm password',\n ''\n )}\n \n )}\n {!this.state.validPasswordError && (\n \n 两次输入的不一致\n \n )}\n \n {errors.policy[0].replace(\n 'Policy',\n ''\n )}\n \n )}\n
\n {submitError && (\n \n \n this.handleFieldChange(\n 'mobile',\n event.target.value\n )\n }\n value={values.mobile}\n variant=\"outlined\"\n />\n \n {this.state.isSend\n ? this.state.issendcount\n : '获取验证码'}\n \n
\n {showmobileError && (\n \n \n this.handleFieldChange(\n 'policy',\n !values.policy\n )\n }\n />\n \n 我已阅读，并同意 \n \n 叮咚签到平台服务协议\n \n .\n \n
\n {showPolicyError && (\n \n \n \n \n \n \n \n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n signinUser: state.sign_in\n});\n\nconst mapDispatchToProps = dispatch => ({\n signinActions: data => dispatch(signinActions.signin(data))\n});\n\nSignIn.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(\n compose(\n withRouter,\n withStyles(styles)\n )(SignIn)\n);\n","import loginImage from 'static/denglu-2.jpg';\nexport default theme => ({\n root: {\n backgroundColor: theme.palette.background.default,\n // 新增\n minHeight: '700px',\n height: '100vh'\n },\n grid: {\n height: '100%'\n },\n quoteWrapper: {\n [theme.breakpoints.down('md')]: {\n display: 'none'\n }\n },\n quote: {\n backgroundColor: theme.palette.common.neutral,\n height: '100%',\n minHeight: '700px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundImage: `url(${loginImage})`,\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n quoteInner: {\n textAlign: 'center',\n flexBasis: '600px'\n },\n quoteText: {\n color: theme.palette.common.white,\n fontWeight: 300\n },\n name: {\n marginTop: theme.spacing(3),\n color: theme.palette.common.white\n },\n bio: {\n color: theme.palette.common.white\n },\n contentWrapper: {},\n content: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n contentHeader: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: theme.spacing(5) * 5,\n paddingBototm: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n },\n backButton: {},\n logoImage: {\n marginLeft: theme.spacing(4)\n },\n contentBody: {\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down('md')]: {\n justifyContent: 'center'\n }\n },\n form: {\n paddingLeft: '100px',\n paddingRight: '100px',\n paddingBottom: '125px',\n flexBasis: '700px',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n }\n },\n title: {\n marginTop: theme.spacing(3)\n },\n subtitle: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(0.5) * 0.5\n },\n facebookButton: {\n marginTop: theme.spacing(3),\n width: '100%'\n },\n facebookIcon: {\n marginRight: theme.spacing(1)\n },\n googleButton: {\n marginTop: theme.spacing(2),\n width: '100%'\n },\n googleIcon: {\n marginRight: theme.spacing(1)\n },\n sugestion: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(2),\n textAlign: 'center'\n },\n fields: {\n marginTop: theme.spacing(2)\n },\n textField: {\n width: '100%',\n '& + & ': {\n marginTop: theme.spacing(2)\n }\n },\n policy: {\n display: 'flex',\n alignItems: 'center'\n },\n policyCheckbox: {\n marginLeft: '-10px'\n },\n policyText: {\n display: 'inline',\n color: theme.palette.text.secondary\n },\n policyUrl: {\n color: theme.palette.text.primary,\n '&:hover': {\n cursor: 'pointer',\n color: theme.palette.primary.main\n }\n },\n progress: {\n display: 'block',\n marginTop: theme.spacing(2),\n marginLeft: 'auto',\n marginRight: 'auto'\n },\n signInButton: {\n marginTop: theme.spacing(2),\n width: '100%'\n },\n signUp: {\n marginTop: theme.spacing(2),\n color: theme.palette.text.secondary\n },\n signUpUrl: {\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n '&:hover': {\n color: theme.palette.primary.main\n }\n },\n findPass: {\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n float: 'right',\n '&:hover': {\n color: theme.palette.primary.main\n }\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n },\n submitError: {\n color: theme.palette.danger.main,\n alignText: 'center',\n marginBottom: theme.spacing(1),\n marginTop: theme.spacing(2)\n }\n});\n","import React, { Component } from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Grid, Typography } from '@material-ui/core';\n\n// Component styles\nconst styles = theme => ({\n root: {\n padding: theme.spacing(4)\n },\n content: {\n marginTop: '150px',\n textAlign: 'center'\n },\n image: {\n display: 'inline-block',\n marginTop: '50px',\n maxWidth: '100%',\n width: '554px'\n }\n});\n\nclass NotFound extends Component {\n render() {\n const { classes } = this.props;\n\n return (\n \n
\n \n {/* \n 专注利用手机 实现快捷可靠的签到管理！\n 跟传统打卡机Say Goooooooodbye！\n */}\n {/*
\n \n \n 叮咚签到\n \n \n 济南比威\n \n
*/}\n \n
\n \n {/* \n
\n \n
\n \n \n 登录\n \n \n 叮咚签到\n \n {/* \n \n \n 手机号码登录\n \n \n {submitError}\n \n )}\n \n {errors.captcha[0].replace(\n 'Captcha',\n ''\n )}\n \n )}\n {/* \n 登录\n \n )}\n \n 还没有账号?{' '}\n \n 注册\n \n \n 找回密码\n \n \n
\n \n \n this.handleFieldChange(\n 'name',\n event.target.value\n )\n }\n type=\"text\"\n value={values.name}\n variant=\"outlined\"\n />\n {showEmailError && (\n \n {errors.name[0].replace(\n 'Name',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'pass',\n event.target.value\n )\n }\n type=\"password\"\n value={values.pass}\n variant=\"outlined\"\n />\n {showPasswordError && (\n \n {errors.pass[0].replace(\n 'Pass',\n ''\n )}\n \n )}\n
\n {submitError && (\n \n \n this.handleFieldChange(\n 'captcha',\n event.target.value\n )\n }\n style={{ width: '65%' }}\n // type=\"password\"\n value={values.captcha}\n variant=\"outlined\"\n />\n {\n this.setState({\n captcha: v\n });\n }}\n style={{ float: 'right' }}\n />\n
\n {showcaptchaError && (\n \n \n 账号管理员 \n \n
*/}\n\n {isLoading ? (\n \n \n \n \n \n
\n );\n }\n}\n\nNotFound.propTypes = {\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(NotFound);\n","export default {\n ssid: {\n presence: { allowEmpty: false, message: '请填写路由器SSID' }\n },\n remark: {\n presence: { allowEmpty: false, message: '请填写路由器备注' }\n }\n};\n","export default {\n title: {\n presence: { allowEmpty: false, message: '请填写路由器SSID' }\n },\n remark: {\n presence: { allowEmpty: false, message: '请填写路由器备注' }\n }\n};\n","import React, { Component } from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport Router from '@material-ui/icons/Router';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport Delete from '@material-ui/icons/Delete';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Avatar from '@material-ui/core/Avatar';\nimport IconButton from '@material-ui/core/IconButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport Popover from '@material-ui/core/Popover';\nimport validate from 'validate.js';\nimport _ from 'underscore';\n// Shared components\nimport {\n Portlet,\n PortletHeader,\n PortletLabel,\n PortletContent,\n SnackbarsMessage\n} from 'components';\nimport Http from 'services/http';\n\n// Component styles\nimport styles from './styles';\n\n// 表单校验\nimport schema from './schema';\n\nclass ProductsToolbar extends Component {\n state = {\n add_router_open: false,\n cur_router: [],\n del_router_open: false,\n\n router_form: {\n title: '',\n remark: ''\n },\n errors: {\n title: null,\n remark: null\n },\n touched: {\n title: false,\n remark: false\n },\n submitError: null,\n msg: '',\n visible: false,\n anchorEl: null,\n open: false,\n\n cur_router_id: null\n };\n\n addRouter = () => {\n this.setState({\n add_router_open: true\n });\n };\n delRouter = async () => {\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n try {\n const routers = await Http.get_routers(\n {\n CompanyID: cur_cpy.CompanySN\n },\n true\n );\n this.setState(\n {\n cur_router: routers.data\n },\n this.setState({\n del_router_open: true\n })\n );\n } catch (err) {\n this.showMsg('请重试');\n console.log(err);\n }\n };\n handleClose = () => {\n this.setState({\n anchorEl: null,\n open: false,\n\n add_router_open: false,\n del_router_open: false\n });\n };\n\n validateFrom = _.debounce(() => {\n const { router_form } = this.state;\n const errors = validate(router_form, schema);\n const submitError = errors ? false : true;\n this.setState({\n errors: errors || {},\n submitError\n });\n }, 300);\n\n handleFieldChange = (value, field) => {\n const { router_form, touched } = this.state;\n touched[field] = true;\n router_form[field] = value;\n const submitError = null;\n this.setState(\n {\n router_form,\n touched,\n submitError\n },\n this.validateFrom\n );\n };\n\n showMsg = msg => {\n this.setState({\n msg: msg,\n visible: true\n });\n setTimeout(() => {\n this.setState({\n msg: '',\n visible: false\n });\n }, 1000);\n };\n addRouterSubmit = async () => {\n const { router_form } = this.state;\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n if (this.state.submitError) {\n try {\n const res = await Http.add_equ(\n {\n ssid: router_form.title,\n remark: router_form.remark,\n companysn: cur_cpy.CompanySN\n },\n true\n );\n const { errcode } = res;\n if (errcode === 0) {\n this.showMsg('新建成功');\n this.props.refresh();\n this.handleClose();\n } else {\n this.showMsg('新建失败,请稍后再试');\n }\n } catch (err) {\n this.showMsg('新建失败,请稍后再试');\n this.handleClose();\n console.log(err);\n }\n } else {\n this.showMsg('您还未填写');\n }\n };\n handle_re_notice = key => {\n console.log(key);\n };\n\n delete_router = async (anchorEl, router) => {\n this.setState({\n cur_router_id: router.EquID,\n anchorEl: anchorEl,\n open: true\n });\n };\n\n delete_router_confirm = async () => {\n try {\n const res = await Http.del_equ(\n {\n equid: this.state.cur_router_id\n },\n true\n );\n const { errcode } = res;\n if (errcode === 0) {\n this.showMsg('删除成功');\n this.props.refresh();\n const cur_cpy = JSON.parse(localStorage.getItem('cur_cpy'));\n try {\n const routers = await Http.get_routers(\n {\n CompanyID: cur_cpy.CompanySN\n },\n true\n );\n this.setState({\n cur_router: routers.data,\n open: false\n });\n } catch (err) {\n this.showMsg('请重试');\n console.log(err);\n }\n } else {\n this.showMsg('删除失败请重试');\n this.setState({\n open: false,\n anchorEl: null\n });\n }\n } catch (err) {\n this.showMsg('删除失败请重试');\n this.setState({\n open: false,\n anchorEl: null\n });\n console.log(err);\n }\n };\n\n render() {\n const { classes, className, rest } = this.props;\n const { touched, errors } = this.state;\n const rootClassName = classNames(classes.root, className);\n const title_error = touched.title && errors.title;\n const remark_error = touched.remark && errors.remark;\n return (\n \n \n 404: 您要查找的页面没找到\n \n \n {/* You either tried some shady route or you came here by mistake.\n Whichever it is, try using the navigation */}\n \n
\n \n \n \n 新增签到设备\n \n \n \n \n \n \n \n \n \n \n \n 保存\n \n \n \n \n \n \n \n \n \n \n \n \n 签到设备管理\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nProductsToolbar.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(ProductsToolbar);\n","export default theme => ({\n root: {},\n row: {\n height: '42px',\n display: 'flex',\n alignItems: 'center'\n // marginTop: theme.spacing(1)\n },\n spacer: {\n flexGrow: 1\n },\n searchInput: {\n marginRight: theme.spacing(1)\n },\n textField: {\n width: '420px',\n maxWidth: '100%',\n marginRight: theme.spacing(3)\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n }\n});\n","import React, { Component } from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n// Material helpers\nimport { withStyles } from '@material-ui/styles';\n\n// Material components\nimport { Typography, Divider, Button, Chip } from '@material-ui/core';\n\n// Material icons\nimport { Group, FiberManualRecord } from '@material-ui/icons';\n\n// Shared components\nimport { Paper } from 'components';\n\n// Component styles\nimport styles from './styles';\n\nclass RouterCard extends Component {\n render() {\n const { classes, className, product } = this.props;\n\n const rootClassName = classNames(classes.root, className);\n\n return (\n \n {/* */}\n \n \n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'title'\n )\n }\n required\n value={this.state.router_form.title}\n variant=\"outlined\"\n />\n {title_error && (\n \n {this.state.errors.title[0].replace(\n 'Title',\n ''\n )}\n \n )}\n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'remark'\n )\n }\n required\n rows=\"4\"\n value={this.state.router_form.remark}\n variant=\"outlined\"\n />\n {remark_error && (\n \n {this.state.errors.remark[0].replace(\n 'Remark',\n ''\n )}\n \n )}\n
\n - \n {this.state.cur_router.map(router => (\n
\n
\n \n \n this.props.openEditRouter(product)}\n />\n \n \n {'wifi设备'}\n \n
\n \n \n {product.MAC1 || product.MAC2 ? '已激活' : '未激活'}\n \n \n {product.userNum} 当前签到员工\n \n
\n \n
\n );\n }\n\n if (products.length === 0) {\n return \n
\n {this.renderProducts()}
\n \n \n this.handleFieldChange(\n event.target.value,\n 'ssid'\n )\n }\n required\n value={this.state.router_form.ssid}\n variant=\"outlined\"\n />\n {ssid_error && (\n \n {this.state.errors.ssid[0].replace(\n 'Ssid',\n ''\n )}\n \n )}\n
\n \n \n this.handleFieldChange(\n event.target.value,\n 'remark'\n )\n }\n required\n rows=\"4\"\n value={this.state.router_form.remark}\n variant=\"outlined\"\n />\n {remark_error && (\n \n {this.state.errors.remark[0].replace(\n 'Remark',\n ''\n )}\n \n )}\n
\n \n \n handlefieldchange(\n event.target.value,\n 'firmname'\n )\n }\n required\n value={form_value.firmname}\n variant=\"outlined\"\n />\n {disablefirmname && (\n \n {errors.firmname[0].replace('Firmname', '')}\n \n )}\n \n handlefieldchange(event.target.value, 'address')\n }\n required\n value={form_value.address}\n variant=\"outlined\"\n />\n {disableaddress && (\n \n {errors.address[0].replace('Address', '')}\n \n )}\n
\n \n \n handlefieldchange(event.target.value, 'tel')\n }\n required\n // type=\"number\"\n value={form_value.tel}\n variant=\"outlined\"\n />\n {disabletel && (\n \n {errors.tel[0].replace('Tel', '')}\n \n )}\n \n handlefieldchange(event.target.value, 'email')\n }\n required\n value={form_value.email}\n variant=\"outlined\"\n />\n {disableemail && (\n \n {errors.email[0].replace('Email', '')}\n \n )}\n {/* \n handlefieldchange(\n event.target.value,\n 'equipname'\n )\n }\n required\n value={form_value.equipname}\n variant=\"outlined\"\n /> */}\n
\n \n \n handlefieldchange(event.target.value, 'memo')\n }\n required\n select\n SelectProps={{ native: true }}\n value={form_value.memo}\n variant=\"outlined\"\n >\n \n {this.state.profession.map(option => (\n \n ))}\n \n {disablememo && (\n \n {errors.memo[0].replace('Memo', '')}\n \n )}\n
\n \n
\n \n \n handlefieldchange(event.target.value, 'name')\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n value={form_value.name}\n variant=\"outlined\"\n />\n {this.props.nameerror && (\n \n {this.props.errors.name[0].replace('Name', '')}\n \n )}\n \n handlefieldchange(event.target.value, 'telephone')\n }\n required\n value={form_value.telephone}\n variant=\"outlined\"\n />\n {this.props.teleerror && (\n \n {this.props.errors.telephone[0].replace(\n 'Telephone',\n ''\n )}\n \n )}\n
\n \n \n handlefieldchange(event.target.value, 'department')\n }\n required\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n select\n SelectProps={{ native: true }}\n value={form_value.department}\n variant=\"outlined\"\n >\n {cpy_group.map(option => (\n \n {option.GroupName}\n \n ))}\n \n\n \n 角色 \n \n handlefieldchange(\n parseInt(event.target.value),\n 'role'\n )\n }\n row\n value={String(form_value.role)}\n >\n \n {form_value.role !== 0 ? (\n \n 管理员密码 \n \n handlefieldchange(\n event.target.value,\n 'managepass'\n )\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n type=\"password\"\n value={form_value.managepass}\n variant=\"outlined\"\n />\n \n ) : null}\n
\n \n
\n \n \n \n \n 叮咚签到\n \n {/* */}\n \n this.handleDepChange(event.target.value)\n }\n required\n value={this.state.dep_name}\n variant=\"outlined\"\n />\n {this.state.dep_name === '' && (\n \n 请输入部门名称\n \n )} */}\n
\n \n \n \n {'新建公司'} \n \n \n {'新建部门'} \n \n \n {'新增员工'} \n \n \n {'新增设备'} \n \n \n {'通知员工'} \n \n \n
\n \n
\n \n {this.state.isLoading && (\n \n 新建公司\n \n {/* \n 跳过\n */}\n
\n \n \n \n \n 公司部门管理{' '}\n \n 点击部门名称可以编辑部门\n \n \n }\n title=\"当前公司\"\n />\n \n \n \n \n this.changeDepartmentName(\n e.target.value\n )\n }\n required\n // style={{ width: '70%' }}\n value={this.state.department_name}\n variant=\"outlined\"\n />\n \n 新增部门\n \n
\n \n \n {/* - \n {this.state.departments.map(department => (\n
\n \n this.editDepartmentName(\n e.target.value\n )\n }\n required\n value={\n this.state\n .select_group_name\n }\n variant=\"outlined\"\n />\n \n 保存\n \n \n 取消\n \n
\n ) : (\n \n {this.state.isLoading && (\n \n 下一步\n \n
\n \n
\n \n {this.state.isLoading && (\n \n 新增员工\n \n \n 下一步\n \n
\n \n \n \n \n \n \n \n
\n \n \n this.handleRouterChange(\n event.target.value,\n 'title'\n )\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n value={this.state.router_form.title}\n variant=\"outlined\"\n />\n {title_error && (\n \n {this.state.router_errors.title[0].replace(\n 'Title',\n ''\n )}\n \n )}\n
\n \n \n this.handleRouterChange(\n event.target.value,\n 'remark'\n )\n }\n InputLabelProps={{\n classes: {\n root: classes.label\n }\n }}\n required\n rows=\"4\"\n value={this.state.router_form.remark}\n variant=\"outlined\"\n />\n {remark_error && (\n \n {this.state.router_errors.remark[0].replace(\n 'Remark',\n ''\n )}\n \n )}\n
\n \n
\n \n {this.state.isLoading && (\n \n 新增\n \n \n 下一步\n \n
\n \n
\n
\n
\n\n 恭喜您完成了新增单位的操作！！\n \n
\n\n 叮咚签到欢迎{this.state.cur_cpy.CompanyName}(单位号:\n \n {this.state.cur_cpy.CompanySN}\n \n )的入驻\n \n
\n\n 您可以通知员工下载叮咚签到的员工端APP，员工完成登录后就可以\n \n
\n\n 使用叮咚签到进行考勤签到了。\n \n
\n\n 员工使用姓名+电话+单位号(\n \n {this.state.cur_cpy.CompanySN}\n \n )进行登录。\n \n
\n {/*\n qq通知\n */}\n {/* \n \n */}\n \n 进入管理\n \n
\n \n \n
\n
\n
\n
\n
\n
\n
\n {/*
\n
\n \n \n \n 邮件通知员工\n \n
\n \n \n \n QQ通知员工\n \n
\n \n 报表文件一键下载\n \n ),\n width: '50%'\n },\n {\n url: bushu3_image,\n title: (\n \n 批量操作很简单\n
\n 人员维护轻松处理\n \n ),\n width: '50%'\n },\n {\n url: bushu6_image,\n title: (\n \n 员工端APP操作简单\n
\n 使用方便快捷\n \n ),\n width: '40%'\n },\n {\n url: bushu4_image,\n title: '常见问题Q&A',\n width: '20%'\n },\n {\n url: bushu10_image,\n title: (\n \n 配合管理端APP使用\n
\n 签到考勤管理更方便\n \n ),\n width: '40%'\n },\n {\n url: bushu2_image,\n title: (\n \n 员工录入自动完成\n
\n 人事管理省心省力\n \n ),\n width: '50%'\n },\n {\n url: bushu7_image,\n title: (\n \n 签到设备管理智能化\n
\n 设备维护一劳永逸\n \n ),\n width: '50%'\n }\n ];\n const handleClick = () => {\n router.history.push('/help');\n };\n return (\n
\n {images.map(image => (\n {\n router.history.push('/qapage');\n }\n : handleClick\n }\n style={{\n width: image.width\n }}\n >\n
\n \n \n {image.title}\n \n \n
\n \n ))}\n \n
\n
\n 管理端APP\n
\n\n \n 管理端APP\n
\n
\n 员工端APP\n
\n \n 员工端APP\n
\n \n 精准内勤签到\n \n \n \n 有wifi就能签到\n
\n 内勤签到快速精准\n \n \n
\n \n 内勤签到快速精准\n \n
\n \n 外勤定位签到\n \n \n \n 有信号就能定位\n
\n 外勤签到准确清晰\n \n \n
\n \n 外勤签到准确清晰\n \n
\n \n 反作弊辅助签到\n \n \n \n 可设置拍照反作弊\n
\n 签到数据真实可信\n \n \n
\n \n 签到数据真实可信\n \n
\n \n \n \n \n \n \n \n \n \n \n
\n {/* \n \n 通过官网注册登录\n \n
\n \n \n 配置中完善信息\n \n
\n \n \n 通知员工相关信息\n \n
\n \n \n \n 下载员工端\n
\n 登录执行签到考勤\n \n \n
\n \n 登录执行签到考勤\n \n
\n \n \n 联系我们\n \n \n 邮箱: dingdong@ddqiandao.com\n \n
\n\n QQ客服: 860799988\n \n
\n\n 客服电话:0531-86079998\n \n
\n \n \n
\n
\n \n \n \n \n {'叮咚签到'}\n \n {isLogin ? (\n \n \n \n
\n );\n}\n\nAppAppBar.propTypes = {\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(AppAppBar);\n","import withRoot from './modules/withRoot';\n// --- Post bootstrap -----\nimport React from 'react';\nimport ProductCategories from './modules/views/ProductCategories';\nimport ProductSmokingHero from './modules/views/ProductSmokingHero';\nimport AppFooter from './modules/views/AppFooter';\nimport ProductHero from './modules/views/ProductHero';\nimport ProductValues from './modules/views/ProductValues';\nimport ProductHowItWorks from './modules/views/ProductHowItWorks';\nimport ProductCTA from './modules/views/ProductCTA';\nimport AppAppBar from './modules/views/AppAppBar';\n\nimport history from 'history.js';\n\nfunction Index() {\n return (\n \n \n 返回老版本\n \n\n \n {'进入管理'}\n \n
\n ) : (\n \n \n 返回老版本\n \n\n \n {'登录'}\n \n \n {'注册'}\n \n
\n )}\n \n \n \n \n \n \n \n
\n );\n }\n}\n\nFindPass.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n};\n\nexport default compose(\n withRouter,\n withStyles(styles)\n)(FindPass);\n","import loginImage from 'static/denglu-1.jpg';\n\nexport default theme => ({\n root: {\n backgroundColor: theme.palette.background.default,\n minHeight: '700px',\n height: '100vh'\n },\n grid: {\n height: '100%'\n },\n quoteWrapper: {\n [theme.breakpoints.down('md')]: {\n display: 'none'\n }\n },\n quote: {\n backgroundColor: theme.palette.common.neutral,\n height: '100%',\n minHeight: '700px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundImage: `url(${loginImage})`,\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n quoteInner: {\n textAlign: 'center',\n flexBasis: '600px'\n },\n quoteText: {\n // color: theme.palette.common.white,\n color: '#000',\n fontWeight: 300\n },\n name: {\n marginTop: theme.spacing(3),\n // color: theme.palette.common.white\n color: '#000'\n },\n bio: {\n // color: theme.palette.common.white\n color: '#000'\n },\n contentWrapper: {},\n content: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n contentHeader: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: theme.spacing(5) * 5,\n paddingBototm: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n },\n backButton: {},\n logoImage: {\n marginLeft: theme.spacing(4)\n },\n contentBody: {\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n [theme.breakpoints.down('md')]: {\n justifyContent: 'center'\n }\n },\n form: {\n paddingLeft: '100px',\n paddingRight: '100px',\n paddingBottom: '125px',\n flexBasis: '700px',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n }\n },\n title: {\n marginTop: theme.spacing(3)\n },\n subtitle: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(0.5)\n },\n fields: {\n marginTop: theme.spacing(5)\n },\n textField: {\n width: '100%',\n '& + & ': {\n marginTop: theme.spacing(2)\n }\n },\n textCaptchaField: {\n width: '78%',\n '& + & ': {\n marginTop: theme.spacing(2)\n }\n },\n textCaptchaButton: {\n width: '19%',\n marginLeft: theme.spacing(2),\n height: '55px'\n },\n policy: {\n display: 'flex',\n alignItems: 'center'\n },\n policyCheckbox: {\n marginLeft: '-14px'\n },\n policyText: {\n display: 'inline',\n color: theme.palette.text.secondary\n },\n policyUrl: {\n color: theme.palette.text.primary,\n '&:hover': {\n cursor: 'pointer',\n color: theme.palette.primary.main\n }\n },\n progress: {\n display: 'block',\n marginTop: theme.spacing(2),\n marginLeft: 'auto',\n marginRight: 'auto'\n },\n signUpButton: {\n marginTop: theme.spacing(2),\n width: '100%'\n },\n signIn: {\n marginTop: theme.spacing(2),\n color: theme.palette.text.secondary\n },\n signInUrl: {\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n '&:hover': {\n color: theme.palette.primary.main\n }\n },\n fieldError: {\n color: theme.palette.danger.main,\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(1)\n },\n submitError: {\n color: theme.palette.danger.main,\n alignText: 'center',\n marginBottom: theme.spacing(1),\n marginTop: theme.spacing(2)\n }\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils/helpers';\nimport MuiTypography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n markedH2Center: {\n height: 4,\n width: 73,\n display: 'block',\n margin: `${theme.spacing(1)}px auto 0`,\n backgroundColor: theme.palette.secondary.main\n },\n markedH3Center: {\n height: 4,\n width: 55,\n display: 'block',\n margin: `${theme.spacing(1)}px auto 0`,\n backgroundColor: theme.palette.secondary.main\n },\n markedH4Center: {\n height: 4,\n width: 55,\n display: 'block',\n margin: `${theme.spacing(1)}px auto 0`,\n backgroundColor: theme.palette.secondary.main\n },\n markedH5Center: {\n height: 4,\n width: 55,\n display: 'block',\n margin: `${theme.spacing(1)}px auto 0`,\n backgroundColor: theme.palette.secondary.main\n },\n markedH6Left: {\n height: 2,\n width: 28,\n display: 'block',\n marginTop: theme.spacing(0.5),\n background: 'currentColor'\n }\n});\n\nconst variantMapping = {\n h1: 'h1',\n h2: 'h1',\n h3: 'h1',\n h4: 'h1',\n h5: 'h3',\n h6: 'h2',\n subtitle1: 'h3'\n};\n\nfunction Typography(props) {\n const { children, classes, marked, variant, ...other } = props;\n\n return (\n \n {/*
\n \n \n 叮咚科技，掌握美好未来\n \n
*/}\n \n \n \n \n \n
\n \n \n
\n \n
\n \n \n 叮咚科技，掌握美好未来\n \n \n 密码找回\n \n \n {submitError}\n \n )}\n {isLoading ? (\n \n 确认\n \n )}\n \n \n 返回登录\n \n \n
\n \n \n {errors.mobile[0].replace(\n 'Mobile',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'captcha',\n event.target.value\n )\n }\n value={values.captcha}\n variant=\"outlined\"\n />\n {showcaptchaError && (\n \n {errors.captcha[0].replace(\n 'Captcha',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'password',\n event.target.value\n )\n }\n type=\"password\"\n value={values.password}\n variant=\"outlined\"\n />\n {showpasswordError && (\n \n {errors.password[0].replace(\n 'Password',\n ''\n )}\n \n )}\n \n this.handleFieldChange(\n 'comfirmPassword',\n event.target.value\n )\n }\n type=\"password\"\n value={values.comfirmPassword}\n variant=\"outlined\"\n />\n {showcomfirmPasswordError && (\n \n {errors.comfirmPassword[0].replace(\n 'Comfirm password',\n ''\n )}\n \n )}\n {!this.state.validPasswordError && (\n \n 两次输入的不一致\n \n )}\n
\n {submitError && (\n \n \n this.handleFieldChange(\n 'mobile',\n event.target.value\n )\n }\n value={values.mobile}\n variant=\"outlined\"\n />\n \n {this.state.isSend\n ? this.state.issendcount\n : '获取验证码'}\n \n
\n {showmobileError && (\n \n
\n \n \n 数据导出好轻松，报表文件一键下载\n \n \n \n \n \n
\n \n
\n \n \n \n \n \n {'功能特点'}\n \n\n {isLogin ? (\n \n \n \n
\n );\n}\n\nAppAppBar.propTypes = {\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(AppAppBar);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Container from '@material-ui/core/Container';\nimport Typography from '../components/Typography';\nimport ProductCurvyLines from 'static/onepirate/productCurvyLines.png';\nimport mainImg from 'static/自动录入.png';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n overflow: 'hidden',\n backgroundColor: '#dce2f5'\n },\n container: {\n marginTop: theme.spacing(10),\n marginBottom: theme.spacing(10),\n display: 'flex',\n position: 'relative'\n },\n item: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: theme.spacing(0, 5)\n },\n image: {\n width: '100%',\n top: '1'\n },\n title: {\n marginTop: theme.spacing(5),\n marginBottom: theme.spacing(5)\n },\n curvyLines: {\n pointerEvents: 'none',\n position: 'absolute',\n top: -180\n },\n text: {\n // marginTop: theme.spacing(5),\n marginBottom: theme.spacing(5)\n }\n});\n\nfunction ProductValues(props) {\n const { classes } = props;\n\n return (\n \n \n {'进入管理'}\n \n
\n ) : (\n \n \n {'登录'}\n \n \n {'注册'}\n \n
\n )}\n \n \n 员工录入自动完成，人事管理省心省力\n \n \n \n \n \n
\n \n
\n \n
\n \n \n 员工端APP操作简单，使用方便快捷\n \n \n \n \n \n
\n \n
\n \n \n 用户中心\n \n \n 账号信息\n \n
\n );\n};\n\nHeader.propTypes = {\n className: PropTypes.string\n};\n\nexport default Header;\n","import React, { Suspense, useState, useEffect } from 'react';\n\n// import { Redirect } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\nimport { Tabs, Tab, Divider, colors } from '@material-ui/core';\nimport { Dashboard as DashboardLayout } from 'layouts';\nimport Account from 'views/Account';\n\nimport { Paper } from 'components';\nimport {\n Header,\n General\n // Subscription,\n // Notifications,\n // Security\n} from './components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: theme.breakpoints.values.lg,\n maxWidth: '100%',\n margin: '0 auto',\n padding: theme.spacing(3)\n },\n tabs: {\n marginTop: theme.spacing(3)\n },\n divider: {\n backgroundColor: colors.grey[300]\n },\n content: {\n marginTop: theme.spacing(3)\n }\n}));\n\nconst UserCenter = () => {\n const [cur_tab, setCurTab] = useState('general');\n const classes = useStyles();\n\n const handleTabsChange = (event, value) => {\n console.log(value);\n setCurTab(value);\n };\n\n const tabs = [\n { value: 'general', label: '基本信息' },\n // { value: 'subscription', label: '会员情况' },\n // { value: 'notifications', label: '通知' },\n { value: 'security', label: '更改密码' }\n ];\n\n // if (!tab) {\n // return \n {cur_tab === 'general' &&
\n \n \n {subscription.currency}\n {subscription.price}\n \n \n /mo\n \n
\n \n \n {subscription.name}\n \n
\n \n \n {subscription.proposalsLeft} proposals left\n \n \n {subscription.templatesLeft} templates\n \n
\n \n \n {subscription.invitesLeft} invites left\n \n \n {subscription.adsLeft} ads left\n \n
\n \n {subscription.hasAnalytics && (\n \n Analytics dashboard\n \n )}\n {subscription.hasEmailAlerts && (\n \n Email alerts\n \n )}\n
\n \n \n 员工端问题\n \n \n \n 员工端登录后提示更换手机，请通知管理员，怎么办？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 由于叮咚签到发现员工更换了手机，造成无法签到的话，需要通知管理员，让管理员在后台进行重置员工手机信息操作。具体操作时，员工管理页面，编辑员工信息时，将重置用户手机的开关打开，保存后员工的手机信息会重置，这时员工在员工端就可以进行签到了。\n \n \n \n
\n\n \n 为什么手机明明连接了签到路由器设备，员工端签到时提示无法找到签到设备，将执行外勤操作？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 管理员需要确认后台录入的签到路由设备的名字是否和办公室签到路由设备的名字严格一致，包括大小写是否一致，是否有空格等。名字不一致的话，员工端肯定会提示外勤的。\n \n \n \n
\n\n \n 为什么手机明明连接了签到路由器设备，后台录入的签到路由设备的名字和办公室签到路由设备的名字也是严格一致，有的员工端签到时可以内勤签到，有的却还是提示无法找到签到设备，将执行外勤操作？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 管理员需要确认一下办公室是否多个同名的签到路由设备（不管是后来新增了路由设备，还是本来就有多个路由设备），如果办公室有多个名字一致的签到路由设备，管理员需要在后台录入多个签到路由设备来保证员工端连接的路由设备和后台录入的签到路由设备的数据一致。假设，办公室有两个名字一致都叫dingdong的路由签到设备A和B，而管理员在后台只录入了一个签到路由设备A，员工端签到时却连接了B进行签到，员工端肯定会提示无法找到签到设备，将执行外勤操作，这时管理员需要在后台再录入一个名字也叫dingdong的签到路由设备，重新打开员工端就可以执行内勤操作了。\n \n \n \n
\n\n \n 后台没有任何改动，后台录入的路由设备数量和实际的数量也一致，员工端签到时前一天签到还可以进行内勤操作的，今天签到却提示无法找到签到设备，将执行外勤操作，怎么回事？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 管理员需要确认办公室的签到路由设备是否已经更换，如果已经更换了设备，原来后台录入的签到设备的数据就失效了，无法作为内勤签到的依据，因此需要在后台删除该设备的数据，并且在后台重新添加签到设备。\n \n \n \n
\n\n \n 员工端登录后执行签到操作时提示用户令牌超期，无法执行签到，怎么办？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 员工端执行注销重新登录就可以了。\n \n \n \n
\n\n \n 员工端使用正确的员工信息登录后却提示手机已经绑定了其他帐号，无法进行考勤操作，怎么回事？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 员工必须使用自己的手机和自己的员工信息登录才能进行正常的考勤操作，如果员工使用别人的手机和自己的员工信息登录时，则会提示手机已经绑定别人的信息，无法进行考勤操作。\n \n \n \n
\n\n \n 员工端登录时提示员工信息不正确，怎么办？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 员工信息包括员工姓名，员工手机号和单位号，和管理员核对这三个信息是否和后台的员工信息完全一致。只有这三个信息完全一致时员工端才能登录成功，否则无法完成登录操作。\n \n \n \n \n 后台和管理端问题\n \n \n \n 后台设置考勤时段时，如何设置考勤时段？什么是签到有效时间？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 考勤时段的格式是时间A至时间B，签到有效时间C。\n 其中时间A是上班时间，在这个时间前执行第一个签到表示没有迟到，上班是正常的，在这个时间后执行第一个签到表示迟到，上班已经迟到了。时间B是下班时间，在这个时间后执行签出表示没有早退，正常时间下班了，在这个时间前执行签出表示早退了，提前下班早退了。时间C是签到有效时间，表示只有在时间C之后才可以执行考勤签到，在这个时间前，是不能执行考勤的。\n 从时间顺序上来说，时间C早于时间A，时间A早于时间B。在时间C之前是不能签到的，在时间C和时间A之间签到是表明正常签到上班，时间A和时间B之间签到表明上班迟到了，在时间A和时间B之间签出表明下班早退了，时间B之后签出表明正常下班了\n \n \n \n
\n\n \n 后台设置考勤时段时提示时段交叉，怎么回事？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 如果只有一个考勤时段的话，设置时考勤时段的格式是时间A至时间B，签到有效时间C。从时间顺序上来说，时间C早于时间A，时间A早于时间B。不符合这个要求的话，提示时段交叉错误。\n 如果多个考勤时段的话，一个考勤时段不能和其他考勤时段存在时间上的重叠，否则也会提示时段交叉。\n \n \n \n
\n\n \n 后台设置单位信息时的考勤时段，和员工的考勤时段有什么区别？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 设置单位信息时的考勤时段，是新增员工时的默认考勤时段。每个员工信息里的考勤时段才是这个员工真正的考勤时段，修改单位的考勤时段不会修改员工的考勤时段，修改员工的考勤时段需要对员工信息进行编辑时才能够修改。\n 例如，设置单位信息时设置了考勤时段A，设置单位信息后新增员工a时的默认考勤时段会使用单位的考勤时段，也就是时段A。新增员工a后，将公司的考勤时段修改为B，然后再新增员工b，员工b的默认考勤时段为B。而不是A。\n \n \n \n
\n\n \n 如果我想批量修改员工的考勤时段，该怎么办？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 使用批量操作，批量修改操作可以修改考勤时段，修改部门，修改签到设备。批量导入操作可以批量倒入员工信息。\n \n \n \n
\n\n \n 修改公司考勤时段之后，为何有的员工按照按照新的考勤时段正常完成考勤签到，有的员工却没有按照新的考勤时段考勤签到？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 如果修改了公司的考勤时段之后，修改时段后新添加员工的默认考勤时段会采用新修改的公司考勤时段。但是修改时段前就已经存在的员工，他们的考勤时段是不会改变的。因此如果你想修改公司全体员工的考勤时段，修改公司的考勤时段是无效的，而是应该修改每个已存在员工的考勤时段（可以通过后台的批量操作功能进行修改）才是有效的。修改成功后员工签到即可恢复正常。\n \n \n \n
\n\n \n 在进行注册的时候，收不到验证短信怎么办？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 验证码是由验证短信发送平台发送的，发送到达率不是百分之百，可以联系客服0531-86116897完成注册。\n \n \n \n
\n\n \n 后台怎样自动添加员工？\n \n {/* \n I am an expansion panel\n */}\n \n \n \n 自动添加员工有一个前提是必须要有签到设备，有了签到设备后，管理员可以在员工管理页面或公司设置页面打开自动录入功能。员工下载叮咚签到员工端APP，手机连接已添加的签到设备，输入“姓名”、“手机号”、“单位号”登录员工端APP即可自动向管理平台添加员工信息。\n \n \n \n
\n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Container from '@material-ui/core/Container';\nimport CustomizedExpansionPanels from './CustomizedExpansionPanels';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n overflow: 'hidden'\n },\n container: {\n marginTop: theme.spacing(15),\n marginBottom: theme.spacing(30),\n display: 'flex',\n position: 'relative'\n }\n});\n\nfunction ProductValues(props) {\n const { classes } = props;\n\n return (\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n {'常见问题'}\n \n {isLogin ? (\n \n \n \n
\n );\n}\n\nAppAppBar.propTypes = {\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(AppAppBar);\n","import withRoot from './modules/withRoot';\n// --- Post bootstrap -----\nimport React from 'react';\nimport AppFooter from './modules/views/AppFooter';\nimport ProductValues from './QaComponent/ProductValues';\nimport AppAppBar from './QaComponent/AppAppBar';\n\nfunction Index() {\n return (\n \n \n 返回老版本\n \n\n \n {'进入管理'}\n \n
\n ) : (\n \n \n 返回老版本\n \n\n \n {'登录'}\n \n \n {'注册'}\n \n
\n )}\n