record.id} pagination={{ pageSize: 6 }}\r\n\r\n onRow={record => {\r\n return {\r\n onClick: event => {\r\n this.menuonClickRow1(record)\r\n }, // 点击行\r\n onDoubleClick: event => {\r\n },\r\n onContextMenu: event => {\r\n },\r\n onMouseEnter: event => {\r\n }, // 鼠标移入行\r\n onMouseLeave: event => {\r\n },\r\n };\r\n }}\r\n />\r\n \r\n \r\n\r\n\r\n \r\n {\r\n this.child = ref;\r\n }} />\r\n \r\n\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport {\r\n Row, Col, Divider, Input, Button, notification,\r\n Form, Checkbox, Table, Modal, Space\r\n} from 'antd';\r\nimport {path} from \"../path\";\r\nimport Highlighter from 'react-highlight-words';\r\nimport {SearchOutlined} from '@ant-design/icons';\r\n\r\nexport default class Setting extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = ({\r\n loginid: '',\r\n name: '',\r\n password: '',\r\n authority: [],\r\n dataSource: [],\r\n token: '',\r\n checked1: false,\r\n checked2: false,\r\n checkeds: false,\r\n userid: '',\r\n hrid: '',\r\n userName: '',\r\n department: '',\r\n mobile: '',\r\n openId: '',\r\n status: false,\r\n subcompany: '',\r\n checked: false,\r\n dataSource1: []\r\n })\r\n }\r\n\r\n oneOnChange = (e) => {\r\n\r\n if (e.target.checked === true) {\r\n this.setState({\r\n authority: [...this.state.authority, {\"location\": \"一期\", \"key\": \"1\"}],\r\n checked1: e.target.checked,\r\n })\r\n } else {\r\n const list = [...this.state.authority];\r\n let tickerIndex = 0;\r\n for (var i = 0; i < list.length; i++) {\r\n if (list[i].key === '1')\r\n tickerIndex = i;\r\n break;\r\n }\r\n list.splice(tickerIndex, 1)\r\n this.setState({\r\n authority: list,\r\n checked1: e.target.checked,\r\n })\r\n }\r\n\r\n }\r\n\r\n twoOnChange = (e) => {\r\n\r\n if (e.target.checked === true) {\r\n this.setState({\r\n authority: [...this.state.authority, {\"location\": \"三期\", \"key\": \"2\"}],\r\n checked2: e.target.checked,\r\n })\r\n } else {\r\n\r\n const list = [...this.state.authority];\r\n let tickerIndex = 0;\r\n for (var i = 0; i < list.length; i++) {\r\n if (list[i].key === '1')\r\n tickerIndex = i;\r\n break;\r\n }\r\n list.splice(tickerIndex, 1)\r\n this.setState({\r\n authority: list,\r\n checked2: e.target.checked,\r\n })\r\n }\r\n\r\n }\r\n\r\n setOnChange = (e) => {\r\n // console.log('checked = ', e.target.checked);\r\n if (e.target.checked === true) {\r\n this.setState({\r\n authority: [...this.state.authority, {\"location\": \"设置\", \"key\": \"3\"}],\r\n checkeds: e.target.checked,\r\n })\r\n } else {\r\n const list = [...this.state.authority];\r\n let tickerIndex = 0;\r\n for (var i = 0; i < list.length; i++) {\r\n if (list[i].key === '1')\r\n tickerIndex = i;\r\n break;\r\n }\r\n list.splice(tickerIndex, 1)\r\n this.setState({\r\n authority: list,\r\n checkeds: e.target.checked,\r\n })\r\n }\r\n\r\n }\r\n\r\n componentWillMount() {\r\n this.loadUserTable()\r\n this.loadEmployeeList()\r\n }\r\n\r\n loadUserTable = () => {\r\n const token = sessionStorage.getItem(\"token\");\r\n this.setState({\r\n token\r\n })\r\n const data = {\r\n token: token,\r\n }\r\n fetch(path + 'User/getUser', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n // console.log(data)\r\n let result = JSON.parse(data)\r\n this.setState({\r\n dataSource: result\r\n })\r\n })\r\n }\r\n\r\n\r\n userSubmit = () => {\r\n const key = 'updatable';\r\n if (this.state.loginid === '') {\r\n // alert(\"登录ID必填！\")\r\n notification.open({\r\n key,\r\n message: '警告',\r\n description: '登录ID必填！',\r\n duration: 2\r\n });\r\n return;\r\n }\r\n if (this.state.name === '') {\r\n // alert(\"姓名必填！\")\r\n notification.open({\r\n key,\r\n message: '警告',\r\n description: '姓名必填！',\r\n duration: 2\r\n });\r\n return;\r\n }\r\n if (this.state.password === '') {\r\n //alert(\"密码必填！\")\r\n notification.open({\r\n key,\r\n message: '警告',\r\n description: '密码必填！',\r\n duration: 2\r\n });\r\n return;\r\n }\r\n if (this.state.authority === '') {\r\n //alert(\"权限必填！\")\r\n\r\n notification.open({\r\n key,\r\n message: '警告',\r\n description: '权限必填！',\r\n duration: 2\r\n });\r\n return;\r\n }\r\n const data = {\r\n token: this.state.token,\r\n loginid: this.state.loginid,\r\n name: this.state.name,\r\n password: this.state.password,\r\n authority: this.state.authority,\r\n }\r\n fetch(path + 'User/saveLogin', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n //console.log(data)\r\n let result = JSON.parse(data)\r\n //alert(result.message);\r\n notification['info']({\r\n message: '提示',\r\n description:\r\n result.message,\r\n });\r\n this.setState({\r\n loginid: \"\",\r\n name: \"\",\r\n password: \"\",\r\n authority: [],\r\n checked1: false,\r\n checked2: false,\r\n checkeds: false,\r\n })\r\n this.loadUserTable()\r\n })\r\n }\r\n\r\n loginChange = (e) => {\r\n\r\n\r\n this.setState({\r\n loginid: e.target.value\r\n })\r\n }\r\n\r\n nameChange = (e) => {\r\n this.setState({\r\n name: e.target.value\r\n })\r\n }\r\n\r\n passwordChange = (e) => {\r\n this.setState({\r\n password: e.target.value\r\n })\r\n }\r\n\r\n rowOnclick(text) {\r\n //console.log(text)\r\n const data = {\r\n token: this.state.token,\r\n loginid: text\r\n }\r\n fetch(path + 'User/getUserDetail', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n\r\n let result = JSON.parse(data)\r\n // console.log(result)\r\n\r\n this.setState({\r\n loginid: text,\r\n name: result[0].name,\r\n })\r\n\r\n })\r\n }\r\n\r\n\r\n userDel = () => {\r\n const key = 'updatable';\r\n if (this.state.loginid === '') {\r\n // alert(\"登录ID为空！\")\r\n notification.open({\r\n key,\r\n message: '警告',\r\n description: '登录ID为空',\r\n duration: 2\r\n });\r\n return;\r\n }\r\n const data = {\r\n token: this.state.token,\r\n loginid: this.state.loginid\r\n }\r\n Modal.confirm({\r\n title: '确认删除',\r\n\r\n content: '确认删除' + this.state.name + \"吗？\",\r\n okText: '确认',\r\n cancelText: '取消',\r\n onOk: () => {\r\n fetch(path + 'User/delUserDetail', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n //console.log(data)\r\n let result = JSON.parse(data)\r\n //alert(result.message);\r\n notification['info']({\r\n message: '提示',\r\n description:\r\n result.message,\r\n });\r\n this.setState({\r\n loginid: \"\",\r\n name: \"\",\r\n password: \"\",\r\n authority: [],\r\n checked1: false,\r\n checked2: false,\r\n checkeds: false,\r\n })\r\n this.loadUserTable()\r\n })\r\n }\r\n ,\r\n onCancel() {\r\n\r\n },\r\n });\r\n }\r\n\r\n\r\n loadEmployeeList = () => {\r\n const token = sessionStorage.getItem(\"token\");\r\n\r\n const data = {token}\r\n fetch(path + 'User/getEmployeeList', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n //console.log(data)\r\n let result = JSON.parse(data)\r\n //console.log(result.data);\r\n this.setState({\r\n dataSource1: JSON.parse(result.data),\r\n token\r\n })\r\n\r\n })\r\n }\r\n\r\n onClickRow = (record) => {\r\n // console.log(record)\r\n this.setState({\r\n userid: record.loginId,\r\n hrid: record.hrid,\r\n userName: record.userName,\r\n department: record.department,\r\n mobile: record.mobile,\r\n openId: record.openId,\r\n status: record.status,\r\n subcompany: record.subcompany,\r\n checked: record.checked,\r\n })\r\n }\r\n checkedChange = (e) => {\r\n //console.log(e)\r\n this.setState({\r\n checked: e.target.checked\r\n })\r\n }\r\n statusonChange = (e) => {\r\n //console.log(e)\r\n this.setState({\r\n status: e.target.checked\r\n })\r\n }\r\n\r\n viewCheck = () => {\r\n const token = sessionStorage.getItem(\"token\");\r\n\r\n const data = {token}\r\n fetch(path + 'User/getUserCheck', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n\r\n if (data.length > 2) {\r\n // console.log(data.length)\r\n let result = JSON.parse(data)\r\n //console.log(result);\r\n this.setState({\r\n dataSource1: result,\r\n })\r\n } else {\r\n this.setState({\r\n dataSource1: []\r\n })\r\n }\r\n })\r\n }\r\n\r\n\r\n viewAll = () => (\r\n this.loadEmployeeList()\r\n )\r\n\r\n updateStatus = () => {\r\n const data = {\r\n token: this.state.token,\r\n loginid: this.state.userid,\r\n status: this.state.status,\r\n checked: this.state.checked\r\n }\r\n fetch(path + 'User/updateStatus', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n\r\n let result = JSON.parse(data)\r\n // console.log(result)\r\n // alert(result.message)\r\n notification['info']({\r\n message: '提示',\r\n description:\r\n result.message,\r\n });\r\n this.loadEmployeeList()\r\n this.setState({\r\n userid: '',\r\n hrid: '',\r\n userName: '',\r\n department: '',\r\n mobile: '',\r\n openId: '',\r\n status: false,\r\n subcompany: '',\r\n checked: false,\r\n })\r\n })\r\n }\r\n\r\n\r\n employeeDel = () => {\r\n if (this.state.userid === '') {\r\n // alert(\"员工为空！\")\r\n notification['info']({\r\n message: '警告',\r\n description:\r\n '员工为空!',\r\n });\r\n return;\r\n }\r\n const data = {\r\n token: this.state.token,\r\n loginid: this.state.userid\r\n }\r\n Modal.confirm({\r\n title: '确认删除',\r\n\r\n content: '确认删除' + this.state.userName + \"吗？\",\r\n okText: '确认',\r\n cancelText: '取消',\r\n onOk: () => {\r\n fetch(path + 'User/deleteEmployee', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({data}),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n //console.log(data)\r\n let result = JSON.parse(data)\r\n //alert(result.message);\r\n notification['info']({\r\n message: '提示',\r\n description:\r\n result.message,\r\n });\r\n this.setState({\r\n userid: '',\r\n hrid: '',\r\n userName: '',\r\n department: '',\r\n mobile: '',\r\n openId: '',\r\n status: false,\r\n subcompany: '',\r\n checked: false,\r\n })\r\n this.loadEmployeeList()\r\n })\r\n }\r\n })\r\n }\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({setSelectedKeys, selectedKeys, confirm, clearFilters}) => (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{marginBottom: 8, display: 'block'}}\r\n />\r\n \r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={ this.handleReset(clearFilters)} size=\"small\" style={{width: 90}}>\r\n 重置\r\n \r\n {\r\n confirm({closeDropdown: false});\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n }}\r\n >\r\n 过滤\r\n \r\n \r\n
\r\n ),\r\n filterIcon: filtered => {text} ,\r\n\r\n },\r\n {\r\n title: '姓名',\r\n dataIndex: 'name',\r\n key: 'name',\r\n width: 80\r\n },\r\n {\r\n title: '密码',\r\n dataIndex: 'password',\r\n key: 'password',\r\n width: 150\r\n }, {\r\n title: '权限',\r\n dataIndex: 'authority',\r\n key: 'authority',\r\n width: 450\r\n },\r\n\r\n ];\r\n\r\n const columns1 = [\r\n {\r\n title: '工号',\r\n dataIndex: 'loginId',\r\n key: 'loginId',\r\n width: 80,\r\n ...this.getColumnSearchProps('loginId'),\r\n render: (text) =>\r\n {text} ,\r\n },\r\n {\r\n title: '姓名',\r\n dataIndex: 'userName',\r\n key: 'userName',\r\n width: 80,\r\n ...this.getColumnSearchProps('userName'),\r\n },\r\n {\r\n title: '部门',\r\n dataIndex: 'department',\r\n key: 'department',\r\n width: 130\r\n },\r\n {\r\n title: '分公司',\r\n dataIndex: 'subcompany',\r\n key: 'subcompany',\r\n width: 150\r\n },\r\n {\r\n title: '手机',\r\n dataIndex: 'mobile',\r\n key: 'mobile',\r\n width: 90\r\n },\r\n {\r\n title: 'openid',\r\n dataIndex: 'openId',\r\n key: 'openId',\r\n width: 150\r\n },\r\n\r\n ];\r\n return (\r\n \r\n\r\n
\r\n 用户信息&权限 \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 一期 \r\n 三期 \r\n 设置 \r\n \r\n \r\n 提交\r\n \r\n \r\n \r\n 删除\r\n \r\n \r\n 用户列表 \r\n record.id}\r\n pagination={{pageSize: 3}} scroll={{y: 240, x: 1200}}\r\n />\r\n \r\n \r\n \r\n 员工信息 \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 有效 \r\n 审核 \r\n \r\n \r\n 提交\r\n \r\n \r\n \r\n 删除\r\n \r\n \r\n 员工列表 \r\n \r\n 查看待审 \r\n 查看全部 \r\n \r\n record.id}\r\n scroll={{y: 240, x: 1090}}\r\n pagination={{pageSize: 8}}\r\n onRow={record => {\r\n return {\r\n onClick: event => {\r\n this.onClickRow(record)\r\n }, // 点击行\r\n onDoubleClick: event => {\r\n },\r\n onContextMenu: event => {\r\n },\r\n onMouseEnter: event => {\r\n }, // 鼠标移入行\r\n onMouseLeave: event => {\r\n },\r\n };\r\n }}\r\n />\r\n\r\n \r\n \r\n \r\n )\r\n }\r\n}","import React, {Component} from 'react'\r\nimport {Tabs} from 'antd';\r\nimport {path} from \"../path\";\r\nimport Phase1 from './Phase1'\r\n//import Phase2 from './Phase2'\r\nimport Setting from './Setting'\r\n\r\nexport default class Main extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n location: []\r\n }\r\n\r\n }\r\n\r\n componentWillMount() {\r\n\r\n\r\n const token = sessionStorage.getItem(\"token\");\r\n fetch(path + 'Login/getAuthority', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n },\r\n body: JSON.stringify({\r\n data: token,\r\n\r\n }),\r\n mode: 'cors',\r\n cache: 'default'\r\n })\r\n .then(res => res.json()\r\n )\r\n .then((data) => {\r\n let result = JSON.parse(data)\r\n if (result.code === 'success') {\r\n const authority = JSON.parse(result.data)\r\n // console.log( )\r\n sessionStorage.setItem(\"lastname\", authority[0].name);\r\n this.props.parent.getChildrenMsg(this, '-' + authority[0].name)\r\n this.setState({\r\n location: JSON.parse(authority[0].authority)\r\n })\r\n }\r\n\r\n })\r\n }\r\n\r\n callback = (key) => {\r\n console.log(key);\r\n }\r\n\r\n\r\n render() {\r\n const {TabPane} = Tabs;\r\n\r\n return (\r\n \r\n
\r\n {this.state.location.map(pane => {\r\n if (pane.key === \"1\") {\r\n return (\r\n \r\n )\r\n }\r\n if (pane.key === \"2\") {\r\n return (\r\n \r\n )\r\n }\r\n return (\r\n \r\n \r\n )\r\n }\r\n )}\r\n \r\n
\n
null}\n title=\"豪森员工餐后台管理\"\n subTitle={this.state.name}\n extra={[\n\n \n 退出系统\n ,\n ]}\n />,\n \n\n