\r\n
*/}\r\n \r\n {\r\n\r\n isShowTitle&&\r\n {Mode !== 'soc'?\"自动化监测软件\":'温湿度监测云平台'}
\r\n 专业、专注
\r\n \r\n \r\n \r\n {/* _ */}\r\n 
{\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.minWindow()\r\n }}/>\r\n \r\n \r\n 
{\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.setMaxWindow()\r\n setIsMax(!isMax)\r\n }}/>\r\n \r\n \r\n 
{\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.closeWindow()\r\n }}/> \r\n \r\n
\r\n }\r\n \r\n {/* \r\n {props.children}\r\n \r\n )\r\n}","import React, { useEffect, useState, useContext } from 'react'\r\nimport { Button, Menu, } from 'antd';\r\nimport menulist from './menu'\r\nimport { StateContext } from './state';\r\nimport { Link } from 'react-router-dom';\r\n// import { MenuOutlined, AppstoreOutlined } from '@ant-design/icons';\r\nimport './silder.less'\r\nconst { SubMenu } = Menu;\r\nfunction Sider() {\r\n\r\n const [SiderWidth, setSiderWidth] = useState(80)\r\n const [SelectMenu, setSelectMenu] = useState([\"1\"]);\r\n const { state, dispatch } = useContext(StateContext)\r\n useEffect(() => {\r\n var path = window.location.hash\r\n for (var i = 0; i < menulist.length; i++) {\r\n\r\n if ('#' + menulist[i].path === path) {\r\n setSelectMenu([menulist[i].key])\r\n break\r\n }\r\n if (menulist[i].child) {\r\n for (var j = 0; j < menulist[i].child.length; j++) {\r\n if ('#' + menulist[i].child[j].path === path) {\r\n setSelectMenu([menulist[i].key])\r\n break\r\n }\r\n }\r\n }\r\n }\r\n // dispatch({ type: 'panes', panes:[{title:'仪表盘',content:menulist[0].path,key:menulist[0].key}] })\r\n }, [])\r\n return (\r\n {\r\n http.post(\"/v1/setconfig\", { ...value, MODE: config.MODE ,\r\n DBHOST:config.DBHOST,DBP:config.DBP,DBU:config.DBU,\r\n HOST:config.HOST,HOSTACT:config.HOSTACT,HOSTPWD:config.HOSTPWD\r\n }).then(data => {\r\n if (data.code === 0) {\r\n form.setFieldsValue(data.data)\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 coms.map(item => (\r\n {item} \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 now){\r\n devExpList_.push(m)\r\n if(devExpList.findIndex(x=>x.user_name===m.user_name)===-1){\r\n devExpList.push({id:columnId,user_name:m.user_name,devs:[m],exp_date:m.expire})\r\n columnId++\r\n }else{\r\n devExpList.map((n,i)=>{\r\n if(n.user_name===m.user_name){\r\n devExpList[i].devs.push(m)\r\n if(new Date(devExpList[i].exp_date).getTime()>exp){\r\n devExpList[i].exp_date=m.expire\r\n }\r\n }\r\n })\r\n }\r\n }\r\n columnId=1;\r\n if (simExpnow){\r\n simExpList_.push(m)\r\n if(simExpList.findIndex(x=>x.user_name===m.user_name)===-1){\r\n simExpList.push({id:columnId,user_name:m.user_name,devs:[m],exp_date:m.iccid_expire})\r\n columnId++\r\n }else{\r\n simExpList.map((n,i)=>{\r\n if(n.user_name===m.user_name){\r\n simExpList[i].devs.push(m)\r\n if(new Date(simExpList[i].exp_date).getTime()>exp){\r\n simExpList[i].exp_date=m.iccid_expire\r\n }\r\n }\r\n })\r\n }\r\n }\r\n columnId=1;\r\n if (exp > now && (now+30*24*60*60*1000)>exp){\r\n devWarnList_.push(m)\r\n if(devWarnList.findIndex(x=>x.user_name===m.user_name)===-1){\r\n devWarnList.push({id:columnId,user_name:m.user_name,devs:[m],exp_date:m.expire})\r\n columnId++\r\n }else{\r\n devWarnList.map((n,i)=>{\r\n if(n.user_name===m.user_name){\r\n devWarnList[i].devs.push(m)\r\n }\r\n if(new Date(devWarnList[i].exp_date).getTime()>exp){\r\n devWarnList[i].exp_date=m.expire\r\n }\r\n })\r\n }\r\n }\r\n\r\n columnId=1;\r\n if (simExp > now && (now+30*24*60*60*1000)>simExp){\r\n simWarnList_.push(m)\r\n if(simWarnList.findIndex(x=>x.user_name===m.user_name)===-1){\r\n simWarnList.push({id:columnId,user_name:m.user_name,devs:[m],exp_date:m.iccid_expire})\r\n columnId++\r\n }else{\r\n simWarnList.map((n,i)=>{\r\n if(n.user_name===m.user_name){\r\n simWarnList[i].devs.push(m)\r\n }\r\n if(new Date(simWarnList[i].exp_date).getTime()>exp){\r\n simWarnList[i].exp_date=m.iccid_expire\r\n }\r\n })\r\n }\r\n }\r\n })\r\n devExpList.sort((a,b)=>a.exp_date>b.exp_date);\r\n devWarnList.sort((a,b)=>a.exp_date>b.exp_date);\r\n simExpList.sort((a,b)=>a.exp_date>b.exp_date);\r\n simWarnList.sort((a,b)=>a.exp_date>b.exp_date);\r\n setDevExp(devExpList)\r\n setDevExp_(devExpList_)\r\n setDevWarn(devWarnList)\r\n setDevWarn_(devWarnList_)\r\n setSimExp(simExpList)\r\n setSimExp_(simExpList_)\r\n setSimWarn(simWarnList)\r\n setSimWarn_(simWarnList_)\r\n }\r\n }\r\n })\r\n }\r\n // let el = document.getElementById('qrcode')\r\n },[])\r\n const columns = [\r\n {\r\n title:'到期日期',\r\n align:'center',\r\n dataIndex:'exp_date'\r\n },\r\n {\r\n title: '用户名称',\r\n align: 'center',\r\n dataIndex: 'user_name',\r\n },\r\n {\r\n title: '设备数量',\r\n align: 'center',\r\n render: (text, record) => (\r\n
*/}\r\n {/* 
*/}\r\n {/* */}\r\n \r\n {/*
\r\n )\r\n}\r\nexport default Login;","import {\r\n DashboardOutlined,\r\n FundProjectionScreenOutlined,\r\n FieldTimeOutlined,\r\n AlertOutlined,\r\n CarryOutOutlined,\r\n DeliveredProcedureOutlined,\r\n ControlOutlined,\r\n VideoCameraOutlined,\r\n UngroupOutlined,\r\n TeamOutlined,\r\n DatabaseOutlined,\r\n BranchesOutlined,\r\n NodeIndexOutlined,\r\n PullRequestOutlined,\r\n QuestionCircleOutlined,\r\n SafetyCertificateOutlined,\r\n BarsOutlined,\r\n} from '@ant-design/icons';\r\n\r\n\r\nconst menu = [\r\n // 仪表盘\r\n {\r\n name: '仪表盘',\r\n key: '1',\r\n path: '/',\r\n auth: false,\r\n local: true,\r\n u_type: 104,\r\n icon: < DashboardOutlined />,\r\n }, \r\n // 数据监控\r\n {\r\n name: '数据监控',\r\n path: '/monitor',\r\n auth: false,\r\n local: true,\r\n u_type: 104,\r\n icon: < DatabaseOutlined />,\r\n key: '2',\r\n child: [{\r\n name: '实时数据',\r\n key: '2-1',\r\n auth: false,\r\n local: true,\r\n soc: true,\r\n role: '301',\r\n u_type: 104,\r\n icon: < FundProjectionScreenOutlined />,\r\n path: '/monitor/data'\r\n }, \r\n {\r\n name: '历史数据',\r\n key: '2-2',\r\n auth: false,\r\n local: true,\r\n soc: true,\r\n role: '301',\r\n u_type: 104,\r\n icon: < FieldTimeOutlined />,\r\n path: '/monitor/records'\r\n }, \r\n {\r\n name: '轨迹位置',\r\n key: '2-3',\r\n auth: false,\r\n local: true,\r\n soc: true,\r\n role: '301',\r\n u_type: 104,\r\n icon: */}\r\n
\r\n \r\n
\r\n 欢迎登录
\r\n {/* {Mode==='soc'&&} */}\r\n \r\n }\r\n placeholder='用户名'\r\n value={username}\r\n onChange={(e) => { setUsername(e.target.value) }}\r\n autoFocus={true}\r\n onPressEnter={(e)=>{\r\n loginIn(document.getElementsByTagName('input')[0].value, document.getElementsByTagName('input')[1].value,isSaveLogin?true:false);\r\n }}\r\n />\r\n\r\n }\r\n placeholder='密码'\r\n value={password}\r\n type='password'\r\n onChange={(e) => setPassword(e.target.value)}\r\n onPressEnter={(e)=>{\r\n loginIn(document.getElementsByTagName('input')[0].value, document.getElementsByTagName('input')[1].value,isSaveLogin?true:false);\r\n }}\r\n />\r\n \r\n {\r\n Mode!=='soc'&&\r\n \r\n {\r\n clearTimeout(timerOut)\r\n let temp = e.target.checked;\r\n setIsSaveLogin(temp);\r\n if (window.CefSharp !== undefined ) {\r\n if(temp){\r\n timerOut=setTimeout(() => {\r\n loginIn(username, password,true)\r\n }, 2000);\r\n }else{\r\n window.bound.setLoginMode(false,username,password);\r\n }\r\n }\r\n }}>自动登录 \r\n
\r\n }\r\n \r\n {Mode !== 'soc'?\"自动化监测软件\":'监测云平台 v_3.0'}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Sider","export default __webpack_public_path__ + \"static/media/meihao.427a74b2.ico\";","export default __webpack_public_path__ + \"static/media/headBack.5db5b122.jpg\";","import React, { useContext, useState, useEffect } from 'react'\r\nimport { Menu, Dropdown, Modal, Space, Input, Checkbox, Form, Select, Button, Tooltip ,DatePicker, message,Table,Badge,Collapse} from 'antd'\r\nimport { SettingOutlined, SoundTwoTone, SoundFilled,BellOutlined } from '@ant-design/icons'\r\nimport { StateContext } from './state';\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport http from '../../utils/server'\r\nimport md5 from 'js-md5';\r\nimport menulist from './menu'\r\nimport { Link } from 'react-router-dom';\r\nimport './style.less'\r\nimport backUp from '../../../public/assets/backUp.png'\r\nimport sizeMax1 from '../../../public/assets/sizemax1.png'\r\nimport sizeMax2 from '../../../public/assets/sizemax2.png'\r\nimport sizeMini from '../../../public/assets/sizemini.png'\r\nimport closeForm from '../../../public/assets/closeForm.png'\r\nimport iconMeiHao from '../../../public/assets/meihao.ico'\r\nimport backgroundImage from '../../../public/assets/headBack.jpg'\r\n// import apknewDown from '../../../public/assets/apknewDown.png'\r\nimport { Mode } from '../../App';\r\nimport {moment} from 'moment'\r\nconst { SubMenu } = Menu;\r\nconst { Panel } = Collapse;\r\nconst { RangePicker } = DatePicker;\r\nfunction exportCsv(obj) {\r\n var title = obj.title;\r\n var titleForKey = Object.keys(obj.data[0]);\r\n var data = obj.data;\r\n var str = [];\r\n str.push(obj.title.join(\",\") + \"\\n\");\r\n for (var i = 0; i < data.length; i++) {\r\n var temp = [];\r\n for (var j = 0; j < titleForKey.length; j++) {\r\n temp.push(data[i][titleForKey[j]]);\r\n }\r\n str.push(temp.join(\",\") + \"\\n\");\r\n }\r\n var blob = new Blob(['\\uFEFF' + str.join('')], {\r\n type: 'text/plain;charset=utf-8',\r\n });\r\n var downloadLink = document.createElement(\"a\");\r\n downloadLink.href = URL.createObjectURL(blob);\r\n downloadLink.download = \"export.csv\";\r\n downloadLink.click();\r\n}\r\nfunction Config(props) {\r\n\r\n const [form] = Form.useForm();\r\n const [config, setConfig] = useState([]);\r\n const [coms, setComs] = useState([]);\r\n const [autoStart, setAutoStart] = useState(props.myConf.isAutoStart?true:false);\r\n const [regCode,setRegCode] = useState('');\r\n const [syncMon,setSyncMon]=useState('');\r\n const [isExitP,setIsExitP] = useState(props.myConf.isExitP?true:false);\r\n const [startTime, setStartTime] = useState('')//历史数据开始时间\r\n const [endTime, setEndTime] = useState('')\r\n useEffect(() => {\r\n \r\n http.get(\"/v1/getconfig\", {}).then(data => {\r\n if (data.code === 0) {\r\n setConfig(data.data)\r\n form.setFieldsValue(data.data)\r\n }\r\n })\r\n http.get(\"/v1/getcom\", {}).then(data => {\r\n if (data.code === 0) {\r\n setComs(data.data)\r\n }\r\n })\r\n http.get(\"/v1/regcode\", {}).then(data => {\r\n if (data.code === 0) {\r\n setRegCode(data.data)\r\n }\r\n })\r\n \r\n }, [])\r\n\r\n return (\r\n {\r\n let temp = document.getElementsByClassName('hisshow');\r\n if (SiderWidth === 200) {\r\n setSiderWidth(80);\r\n if (temp.length>0){\r\n let list = Array.from(temp);\r\n list.map(item=>{\r\n let name = item.className;\r\n if (name.indexOf('tableshow1')===-1){\r\n name = name+'1';\r\n item.className = name;\r\n } \r\n })\r\n \r\n }\r\n } else {\r\n setSiderWidth(200);\r\n if (temp.length>0){\r\n let list = Array.from(temp);\r\n list.map(item=>{\r\n let name = item.className;\r\n if (name.indexOf('tableshow1')!==-1){\r\n name = name.slice(0,-1);\r\n item.className = name;\r\n }\r\n })\r\n \r\n }\r\n }\r\n }}>\r\n \r\n {\r\n SiderWidth === 200 ?'<':'>'\r\n }\r\n
\r\n {/* */}\r\n \r\n {/*
*/}\r\n {/* { setSiderWidth(SiderWidth === 200 ? 80 : 200) }} style={{ height: 48, backgroundColor: '#001529', textAlign: 'center', padding: 12, cursor: 'pointer' }}>\r\n {\r\n SiderWidth === 200 ?\r\n
*/}\r\n 注册码：{regCode}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n if (window.CefSharp !== undefined) {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n let b= window.bound.setAutoStart(e.target.checked);\r\n if(b){\r\n setAutoStart(e.target.checked);\r\n }\r\n }\r\n }}>开机自启 \r\n 设置/取消开机自启功能时，需要关闭程序。右击程序图标选择以管理员身份运行\r\n
\r\n \r\n {/* {\r\n setSyncMon(dateString)\r\n console.log(dateString);\r\n }} /> */}\r\n\r\n {\r\n console.log(dates,dateStrings);\r\n if(dates===null){\r\n setStartTime('');\r\n setEndTime('');\r\n }else{\r\n setStartTime(dateStrings[0]);\r\n setEndTime(dates[1]!==null?dateStrings[1]:new Date().toString('yyyy-mm-dd'));\r\n } \r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n if (window.CefSharp !== undefined) {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.setExitP(e.target.checked);\r\n setIsExitP(e.target.checked)\r\n }\r\n }}>退出需要密码 \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\nfunction formatDateTimes(inputTime) {\r\n var date = new Date(inputTime);\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;\r\n};\r\n\r\nfunction Header(props) {\r\n const { state, dispatch} = useContext(StateContext)\r\n let history = useHistory()\r\n let location= useLocation()\r\n const [showConfig, setShowConfig] = useState(false)\r\n const [repw, setrepw] = useState(false);\r\n const [npwo, setnpwo] = useState(\"\");\r\n const [npw1, setnpw1] = useState(\"\");\r\n const [npw2, setnpw2] = useState(\"\");\r\n const [msg, setmsg] = useState(\"\");\r\n const [menList,setMenList]=useState([]);\r\n const [showUserInfo,setShowUserInfo] = useState(false);\r\n const [showTitle, setShowTitle] = useState(\"\");\r\n const [myConf,setMyConf] = useState({}); \r\n const [devExp,setDevExp] = useState([]); //显示数据\r\n const [devExp_,setDevExp_] = useState([]);//导出数据源 \r\n const [devWarn,setDevWarn] = useState([]); //显示数据\r\n const [devWarn_,setDevWarn_] = useState([]); //导出数据源 \r\n const [simExp,setSimExp] = useState([]); //显示数据\r\n const [simExp_,setSimExp_] = useState([]);//导出数据源 \r\n const [simWarn,setSimWarn] = useState([]); //显示数据\r\n const [simWarn_,setSimWarn_] = useState([]); //导出数据源 \r\n const [showDev,setShowDev] = useState(false)\r\n const [showMode,setShowMode] = useState(1)\r\n const [msgCount,setMsgCount] = useState(0);//未读消息数量\r\n const [showMsgModal,setShowMsgModal] = useState(false);\r\n const [showMsg,setShowMsg] = useState('');\r\n const [nowTime,setNowTime] = useState('');\r\n const [isMax,setIsMax] = useState(false);\r\n const [isShowTitle,setIsShowTitle] = useState(false);\r\n let timer;\r\n function getDateTime(){\r\n var date = new Date();\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n setNowTime( h + ':' + minute +'\\r\\n'+y + '年' + m + '月' + d + '日');\r\n }\r\n useEffect(()=>{\r\n http.get(\"/v1/main\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'main', main: data.data })\r\n let tempList = [];\r\n menulist.filter(x=>x.local&& x.u_type>= data.data.type).map((item, index) =>{\r\n if(item.child){\r\n item.child.filter(x=>x.local&& x.u_type>= data.data.type&&data.data.role.indexOf(x.role)>-1).map(m=>{\r\n tempList.push(m)\r\n })\r\n }else{\r\n tempList.push(item)\r\n }\r\n })\r\n setMenList(tempList)\r\n } \r\n })\r\n if(props.local){\r\n getDateTime();\r\n clearInterval(timer);\r\n timer=setInterval(() => {\r\n getDateTime();\r\n }, 60000);\r\n return ()=>clearInterval(timer);\r\n }\r\n },[])\r\n useEffect(()=>{\r\n if(props.local !== undefined){\r\n Date.prototype.getYMD = function(){\r\n let retDate = this.getFullYear()+\"-\";\r\n let mm = this.getMonth()+1;\r\n if(mm<10){\r\n retDate+='0'+mm+\"-\"\r\n }else{\r\n retDate+=mm+\"-\"\r\n }\r\n let dd = this.getDate();\r\n if(dd<10){\r\n retDate+='0'+dd;\r\n }else{\r\n retDate+=dd;\r\n }\r\n return retDate;\r\n }\r\n \r\n props.local !== undefined && http.get(\"/v1/getconfig\", {}).then(data => {\r\n if (data.code === 0) {\r\n setShowTitle(data.data.Title);\r\n }\r\n })\r\n if (window.CefSharp !== undefined) {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n let myConf =window.bound.getConfig();\r\n if (window.bound.getMaxWindow){\r\n setIsShowTitle(true)\r\n let isMax = window.bound.getMaxWindow();\r\n setIsMax(isMax);\r\n }\r\n if(myConf.loadData){\r\n var d1Ms = new Date(myConf.loadTimeS).getTime();\r\n let d2Ms = new Date(myConf.loadTimeE).getTime();\r\n let dayMs = 1000*60*60*24;\r\n let timer = setInterval(() => {\r\n if(d1Ms>d2Ms){\r\n clearInterval(timer)\r\n window.bound.setLoadData(false);\r\n } else{\r\n let day = new Date(d1Ms).getYMD();\r\n console.log(\"同步时间\"+day);\r\n http.post(\"/v1/setsync\", {mon:day}).then(data => console.log(data));\r\n d1Ms+=dayMs;\r\n }\r\n }, 60000);\r\n }\r\n }\r\n\r\n }else{\r\n // setMsgCount(3)\r\n // let msgStatus = JSON.parse(localStorage.getItem(\"msgStatus\"));\r\n // setShowMsg(msgStatus);\r\n // let ttmsg= msgStatus.filter(x=>!x.isRead);\r\n // setMsgCount(ttmsg.length);\r\n http.get(\"/v1/device\", {}).then(data => {\r\n if (data.code === 0) {\r\n if(data.data!==null&&data.data.length>0){\r\n let devList = data.data.filter(x=>x.node===1&&x.hide===0);\r\n let now = new Date().getTime();\r\n let devExpList = [];\r\n let devExpList_ = [];\r\n let devWarnList = [];\r\n let devWarnList_ = [];\r\n let columnId = 1;\r\n let simExpList = [];\r\n let simExpList_ = [];\r\n let simWarnList = [];\r\n let simWarnList_ = [];\r\n devList.map(m=>{\r\n let exp = new Date(m.expire).getTime();\r\n let simExp = new Date(m.iccid_expire).getTime();\r\n if (exp\r\n {\r\n record.devs.length\r\n }\r\n
\r\n ),\r\n },\r\n {\r\n title: '操作',\r\n width: 150,\r\n dataIndex: 'operation',\r\n key: 'id',\r\n align: 'center',\r\n render: (text, record) => (\r\n \r\n {/* */}\r\n \r\n {/* 管理 */}\r\n \r\n
\r\n ),\r\n }\r\n ]\r\n return (\r\n//72E4FF\r\n \r\n \r\n {\r\n props.local !== undefined &&\r\n
\r\n
\r\n }\r\n \r\n {\r\n isShowTitle&&\r\n
\r\n \r\n \r\n ![]({iconMeiHao}alt=\"\")
\r\n
\r\n }\r\n {nowTime}
\r\n \r\n {showTitle}温湿度监测系统\r\n
\r\n \r\n {\r\n isShowTitle&&\r\n
\r\n \r\n \r\n \r\n \r\n {/* _ */}\r\n {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.minWindow()\r\n }}/>\r\n \r\n \r\n {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.setMaxWindow()\r\n setIsMax(!isMax)\r\n }}/>\r\n \r\n \r\n {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n window.bound.closeWindow()\r\n }}/> \r\n \r\n
\r\n }\r\n \r\n {/* {\r\n setShowDev(false)\r\n }}\r\n >\r\n record.id} columns={columns} size='small' dataSource={showMode===1?devExp:devWarn} \r\n />\r\n \r\n x.node!==0),\r\n padding: 'auto',\r\n xField: 'data_time',\r\n // height: 200,\r\n autoFit:true,\r\n yField: 'humi',\r\n seriesField: 'name',\r\n yAxis: {\r\n label: {\r\n formatter: function formatter(v) {\r\n var i = v.indexOf('.');\r\n return i===-1?v:v.slice(0,i+2);\r\n },\r\n },\r\n // tickCount:10\r\n max:(!isEmpty&&dataWainF.hh>dataF.hmax)?(dataWainF.hh>97?100:dataWainF.hh+2):(dataF.hmax>97?100:dataF.hmax+2),\r\n min:(!isEmpty&&dataWainF.hlnew Date(a.data_time).getTime() -new Date(b.data_time).getTime() ,\r\n }\r\n ]\r\n },\r\n ]\r\n const columnsRight = [\r\n\r\n {\r\n title: '信号',\r\n dataIndex: 'csq',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n },\r\n {\r\n title: '电源',\r\n dataIndex: 'power',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n render: (text, record) => (\r\n val.x===ele.x&&val.y===ele.y)\r\n setTabKey('1');\r\n setTableCurrent(Math.ceil(index/tablePageSize))\r\n });\r\n }\r\n return (\r\n <>\r\n \r\n \r\n {props.children}\r\n \r\n )\r\n}","export default __webpack_public_path__ + \"static/media/gpsIcon.623ba282.png\";","import React, { useContext, useState, useEffect } from 'react'\r\nimport { Button, Select, DatePicker, Slider, message, Spin, Cascader } from 'antd'\r\nimport { StateContext } from '../../../state';\r\nimport { Map, Marker, Polyline } from \"react-amap\";\r\nimport {\r\n FastBackwardOutlined,\r\n FastForwardOutlined,\r\n CaretRightOutlined,\r\n SwapOutlined,\r\n PauseOutlined, CloseOutlined, UpCircleTwoTone\r\n} from '@ant-design/icons';\r\nimport moment from 'moment';\r\nimport http from '../../../../../utils/server'\r\nimport { Mode } from '../../../../../App'\r\nimport pLocation from '../../../../../../public/assets/gpsIcon.png'\r\nimport gpsTrans from '../../../../../utils/coordtransform_utils'\r\n// const Acccc = props=>{\r\n// const map = props._map_;\r\n// if(!map){\r\n// console.log('组件必须作为 Map 的子组件使用');\r\n// return;\r\n// }\r\n// map.plugins('AMap.Geocoder',()=>{\r\n// const geoloc = new window.AMap.Geocoder({});\r\n// console.log(geoloc);\r\n// })\r\n// }\r\nlet interval = ''\r\n\r\nfunction formatDateTimes(inputTime) {\r\n var date = new Date(inputTime);\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;\r\n};\r\nfunction exportCsv(obj) {\r\n if (obj.length === 0) return\r\n // var title = obj.title;\r\n var titleForKey = Object.keys(obj.data[0]);\r\n var data = obj.data;\r\n var str = [];\r\n str.push(obj.title.join(\",\") + \"\\n\");\r\n for (var i = 0; i < data.length; i++) {\r\n var temp = [];\r\n for (var j = 0; j < titleForKey.length; j++) {\r\n temp.push(data[i][titleForKey[j]]);\r\n }\r\n str.push(temp.join(\",\") + \"\\n\");\r\n }\r\n var blob = new Blob(['\\uFEFF' + str.join('')], {\r\n type: 'text/plain;charset=utf-8',\r\n });\r\n var downloadLink = document.createElement(\"a\");\r\n downloadLink.href = URL.createObjectURL(blob);\r\n downloadLink.download = \"export.csv\";\r\n downloadLink.click();\r\n}\r\nfunction MapData() {\r\n const { state, dispatch } = useContext(StateContext)\r\n const [loading, setLoading] = useState(false);\r\n const [selDev, setSelDev] = useState(null);\r\n const [selDevice, setSelDevice] = useState([]);\r\n const [selNodes, setSelNodes] = useState([]);\r\n const [startTime, setStartTime] = useState('')\r\n const [endTime, setEndTime] = useState('')\r\n const [data, setData] = useState([])\r\n const [dataF, setDataF] = useState([])\r\n const [mapCenter, setMapCenter] = useState({ longitude: 116, latitude: 39 });\r\n // const [mapCenter, setMapCenter] = useState({ longitude: 117.25489, latitude: 36.66493 });\r\n const [devP, setDevP] = useState({ longitude: 116, latitude: 39 });\r\n const [markP, setMarkP] = useState({ longitude: 117.24556, latitude: 36.65993 });\r\n const [mapZoom, setMapZoom] = useState(4)\r\n const [mapMarkVisibel, setMapMarkVisibel] = useState(false)\r\n const [pLineVisibel, setPLineVisible] = useState(false);\r\n const [sliderStatus, setSilderStatus] = useState(1)\r\n const [sliderRun, setSilderRun] = useState([])\r\n const { RangePicker } = DatePicker;\r\n const [nodeFliters, setNodeFliters] = useState([]);\r\n const [markerRota, setMarkerRota] = useState(0);\r\n var userdistrictlist;\r\n useEffect(() => {\r\n interval = setInterval(() => {\r\n if (sliderStatus === 0) {\r\n // console.log(sliderRun, data.length - 1);\r\n let a = sliderRun\r\n if (a == data.length - 1) {\r\n a = 0\r\n setSilderStatus(1);\r\n setSilderRun(0);\r\n } else {\r\n a = a + 1\r\n }\r\n setSilderRun(a)\r\n datadik(data, a)\r\n }\r\n }, 1000)\r\n return () => {\r\n clearInterval(interval)\r\n }\r\n }, [sliderStatus, sliderRun])\r\n useEffect(async () => {\r\n http.get(\"/v1/devicestatus\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'devicestate', devicestate: data.data })\r\n }\r\n })\r\n http.get(\"/v1/device\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'device', device: data.data })\r\n let arrDev = new Array();\r\n data.data.filter(d => d.location <2 &&new Date(d.expire).getTime()>new Date().getTime()).map(m => \r\n arrDev.findIndex(x=>x.label.includes(m.sn))===-1&&arrDev.push({ label: m.m_name+'-'+m.sn, value: m.id })\r\n );\r\n setNodeFliters(arrDev);\r\n setSelNodes(arrDev);\r\n }\r\n })\r\n await http.get(\"/v1/users\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'systemuser', systemuser: data.data.sort((a,b)=>a.name.localeCompare(b.name,'zh')) });\r\n }\r\n })\r\n\r\n }, []);\r\n function datadik(list, end) {\r\n var newp = new Array();\r\n var marks = new Array();\r\n var timesamp = 0;\r\n // var lngc = 0, latc = 0\r\n list.map((item, index) => {\r\n if (index <= end) {\r\n var timestamp = new Date(item.data_time).getTime() / 1000;\r\n if (index === 0) {\r\n timesamp = timestamp;\r\n } else {\r\n timestamp = timestamp - timesamp;\r\n }\r\n // lngc = lngc + item.gps_lng\r\n // latc = latc + item.gps_lat\r\n newp.push({ longitude: item.gps_lng, latitude: item.gps_lat, sp: item.gps_speed, ag: item.gps_dir, tm: timestamp });\r\n marks.push({ position: { longitude: item.gps_lng, latitude: item.gps_lat } });\r\n setDevP({ longitude: item.gps_lng, latitude: item.gps_lat });\r\n setMarkerRota(item.gps_dir);\r\n }\r\n })\r\n setDataF(newp)\r\n }\r\n if (Mode==='soc') {\r\n //登录用户是普通用户\r\n if(state.main.type===104){\r\n const ud = state.district;\r\n userdistrictlist = new Array();\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value =item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userdistrictlist.unshift(u);\r\n })\r\n }else if(state.systemuser.treeM){\r\n userdistrictlist = JSON.parse(JSON.stringify(state.systemuser.treeM));\r\n if (userdistrictlist && userdistrictlist.length > 0) {\r\n addUserDistrict(userdistrictlist);\r\n }\r\n }\r\n }\r\n if (Mode!=='soc' && state.district) {\r\n userdistrictlist = new Array();\r\n state.district.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userdistrictlist.push(u);\r\n })\r\n\r\n }\r\n function addUserDistrict(userlist) {\r\n for (var i = 0; i < userlist.length; i++) {\r\n if (!userlist[i].children) {\r\n let ud=[];\r\n userlist[i].id&& (ud = state.district.filter(x => x.user == userlist[i].id));//筛查userlist[i]创建的所有区域\r\n if (ud.length > 0) {\r\n userlist[i].children = [];\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = 'dis'+item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userlist[i].children.unshift(u);\r\n })\r\n }else{\r\n // userlist[i].id&&(userlist[i].disabled=true);\r\n userlist[i].id&&(userlist.splice(i,1));\r\n }\r\n } else {\r\n let ud=[];\r\n userlist[i].id&& (ud = state.district.filter(x => x.user == userlist[i].id));//筛查userlist[i]创建的所有区域\r\n if (ud.length > 0) {\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = 'dis'+item.id;\r\n u.name = item.name;\r\n // u.id = item.id;\r\n userlist[i].children.unshift(u);\r\n })\r\n }\r\n addUserDistrict(userlist[i].children);\r\n }\r\n }\r\n }\r\n\r\n return (<>\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default MapData","import React, { useState, useContext, useEffect } from 'react'\r\nimport { Table, DatePicker, Select, Button, message, Modal, Form, Input, Tag, Space, Cascader,TreeSelect,Switch,Tooltip, Dropdown,Menu} from 'antd'\r\nimport { StateContext } from '../../../state';\r\nimport http from '../../../../../utils/server'\r\nimport { Html5TwoTone, SearchOutlined ,SyncOutlined} from '@ant-design/icons';\r\nimport moment from 'moment';\r\nimport { Mode } from '../../../../../App';\r\nimport audioSrc from '../../../../../../public/assets/warning.mp3'\r\nconst { RangePicker } = DatePicker;\r\n\r\nfunction exportCsv(obj) {\r\n var title = obj.title;\r\n var titleForKey = Object.keys(obj.data[0]);\r\n var data = obj.data;\r\n var str = [];\r\n str.push(obj.title.join(\",\") + \"\\n\");\r\n for (var i = 0; i < data.length; i++) {\r\n var temp = [];\r\n for (var j = 0; j < titleForKey.length; j++) {\r\n temp.push(data[i][titleForKey[j]]);\r\n }\r\n str.push(temp.join(\",\") + \"\\n\");\r\n }\r\n var blob = new Blob(['\\uFEFF' + str.join('')], {\r\n type: 'text/plain;charset=utf-8',\r\n });\r\n var downloadLink = document.createElement(\"a\");\r\n downloadLink.href = URL.createObjectURL(blob);\r\n downloadLink.download = \"export.csv\";\r\n downloadLink.click();\r\n}\r\n\r\nfunction findUserDis(nop, list, districts,userDis) {\r\n if (list&&districts) {\r\n const nops = list.filter(x => { return x.parent === nop })\r\n if (nops.length === 0) {\r\n return\r\n } else {\r\n for (var j = 0; j < nops.length; j++) {\r\n let tempDis=districts.filter(x=>x.user===nops[j].id);\r\n tempDis.length>0&&userDis.push(...tempDis);\r\n findUserDis(nops[j].id, list,districts,userDis);\r\n }\r\n }\r\n }\r\n}\r\nfunction formatDateTimes(inputTime) {\r\n var date = new Date(inputTime);\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;\r\n};\r\nconst alarmtype = [\r\n '设备电源断电报警',//0\r\n '设备电源恢复报警',//1\r\n '设备监测开门报警',//2\r\n '设备监测关门报警',//3\r\n '探头电源异常报警',//4\r\n '探头电源恢复正常',//5\r\n '探头监测开门报警',//6\r\n '探头监测关门报警',//7\r\n '探头连接失败报警',//8\r\n '探头连接恢复正常',//9\r\n '探头温度超标报警',//10\r\n '探头温度恢复报警',//11\r\n '探头湿度超标报警',//12\r\n '探头湿度恢复报警',//13\r\n '探头温度预警',//14\r\n '探头湿度预警',//15\r\n '探头压强超标报警',//16\r\n '探头压强恢复报警',//17\r\n]\r\n\r\nfunction Alarm() {\r\n const [form] = Form.useForm();\r\n const { state, dispatch } = useContext(StateContext)\r\n // const [selDevice, setSelDevice] = useState([]);//选择区域内同主机的测点\r\n // const [selDeviceNodes, setSelDeviceNodes] = useState([]);//测点方式查询 选择的测点设备\r\n // const [alarmDevOption, setAlarmDevOption] = useState([]);//区域内主机的选项\r\n // const [selAlarmDev, setSelAlarmDev] = useState('');//主机方式查询 选择的主机设备\r\n // const [disNodes, setDisNodes] = useState([])//选择区域内的所有测点\r\n // const [nodeFliters, setNodeFliters] = useState([])//所有测点\r\n // const [devFliters, setDevFliters] = useState([])//所有主机\r\n const [startTime, setStartTime] = useState('');\r\n const [endTime, setEndTime] = useState('');\r\n const [data, setData] = useState([]);//显示的报警数据\r\n const [dataSave, setDataSave] = useState([]);//保存查询的报警数据\r\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);//选中的关键值\r\n const [showDeal, setShowDeal] = useState(false);\r\n const [dealList, setDealList] = useState([]);\r\n const [showDealMsgBox, setShowDealMsgBox] = useState(false);\r\n const [showDealMsg, setShowDealMsg] = useState([]);\r\n const [showData, setShowData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [defExpend,setDefExpend]=useState([]);//树默认展示列表\r\n const [selUser, setSelUser] = useState(0);//树选择的用户\r\n const [selUserDis, setSelUserDis] = useState([]);//用户关联的区域 用户为空选择全部区域\r\n const [selDis, setSelDis] = useState(0);//选择的区域\r\n const [closeInterval, setCloseInterval] = useState(false)\r\n const [selDev,setSelDev] = useState('');\r\n const [selNode,setSelNode] = useState('');\r\n let interval;\r\n function autoRefresh(checked) {\r\n if (checked) {\r\n setCloseInterval(false)\r\n } else {\r\n setCloseInterval(true)\r\n }\r\n }\r\n\r\n function getAlarmData(){\r\n let audioEle = document.getElementById('audio');\r\n setIsLoading(true);\r\n var now_date = new Date(); now_date.setHours(0); now_date.setMinutes(0); now_date.setSeconds(0);\r\n let url = \"/v1/alarm?\" ;\r\n if(selUser!==0){\r\n if(selDis!==0){\r\n url+=`user=${selUser}&district=${selDis}&`\r\n }else{\r\n url+=`user=${selUser}&`\r\n }\r\n }else{\r\n selDis!==0&&(url=`/v1/alarm?district=${selDis}&`);\r\n }\r\n // url+=selUser!==0?`user=${selUser}&`:`user=${state.main.id}&`;\r\n startTime === ''? url += \"starttime=\" + formatDateTimes(now_date.getTime()) + \"&endtime=\" + formatDateTimes(new Date().getTime()):\r\n endTime===''? url+=\"starttime=\" + startTime + \"&endtime=\" + formatDateTimes(new Date().getTime()):\r\n url+=\"starttime=\" + startTime + \"&endtime=\" + endTime;\r\n http.get(url,{}).then((data) => {\r\n setData([]);\r\n setDataSave([]);\r\n setIsLoading(false);\r\n if (data.code === 0) {\r\n if(data.data.findIndex(x=>x.status===0)!==-1){\r\n !state.alarmSound&&audioEle.play();\r\n }\r\n for (var i = 0; i < data.data.length; i++) {\r\n data.data[i]['key'] = i;\r\n }\r\n let tempData = data.data.filter(x=>x.type<14||x.type>15)\r\n tempData.sort((a,b)=>{\r\n if(a.alarm_date===b.alarm_date){\r\n return b.id -a.id;\r\n }else{\r\n return new Date(b.alarm_date).getTime()-new Date(a.alarm_date).getTime()\r\n }\r\n });\r\n\r\n setData(tempData);\r\n setDataSave(tempData);\r\n }\r\n })\r\n }\r\n useEffect(() => {\r\n let audioEle = document.getElementById('audio');\r\n http.get(\"/v1/district\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'district', district: data.data });\r\n setSelUserDis(data.data);\r\n }\r\n })\r\n http.get(\"/v1/users\", {}).then(data => {\r\n if (data.code === 0) {\r\n let temp = data.data.sort((a,b)=>a.name.localeCompare(b.name,'zh'))\r\n dispatch({ type: 'systemuser', systemuser: temp })\r\n if(data.data.length>0){\r\n var userLogin =state.main;\r\n var list = [];\r\n temp.filter(x=>x.parent===userLogin.id).map(m=>list.push(m.id+\"\"));\r\n setDefExpend(list); \r\n } \r\n }\r\n })\r\n http.get(\"/v1/userdistricts\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'user_district', user_district: data.data })\r\n }\r\n })\r\n http.get(\"/v1/device\", {}).then(data => {\r\n if (data.code === 0) {\r\n dispatch({ type: 'device', device: data.data })\r\n let arrDev = new Array();\r\n let arrDevice = new Array();\r\n data.data.map(m => {\r\n arrDev.push({ label: m.name+'-'+m.sn, value: m.id,sn:m.sn });\r\n arrDevice.findIndex(x => x.value === m.sn) === -1 && arrDevice.push({ label: m.m_name+'-'+m.sn, value: m.sn });\r\n })\r\n // setNodeFliters(arrDev);\r\n // setDisNodes(arrDev);\r\n // setAlarmDevOption(arrDevice);\r\n // setDevFliters(arrDevice);\r\n }\r\n })\r\n\r\n http.get(\"/v1/alarmday?day=\" + formatDateTimes(new Date()), {}).then(data => {\r\n setIsLoading(false);\r\n if (data.code === 0) {\r\n if(data.data.findIndex(x=>x.status===0)!==-1){\r\n !state.alarmSound&&audioEle.play();\r\n }\r\n for (var i = 0; i < data.data.length; i++) {\r\n data.data[i]['key'] = data.data[i].id;\r\n }\r\n let tempData = data.data.filter(x=>x.type<14||x.type>15)\r\n tempData.sort((a,b)=>b.id-a.id)\r\n setData(tempData);\r\n setDataSave(tempData);\r\n }\r\n })\r\n // return () => clearInterval(timer);\r\n }, []);\r\n useEffect(() => {\r\n clearInterval(interval);\r\n interval = setInterval(() => {\r\n if (!closeInterval) {\r\n getAlarmData()\r\n } else {\r\n clearInterval(interval)\r\n }\r\n }, 5*60*1000)\r\n return () => clearInterval(interval)\r\n }, [closeInterval,startTime,endTime,selUser,selDis])\r\n \r\n const columns = [\r\n {\r\n title: '报警时间',\r\n dataIndex: 'alarm_date',\r\n // key: 'id',\r\n align: 'center',\r\n width: 100\r\n },\r\n Mode!=='soc'?{width:0}:{\r\n title: '所属用户',\r\n dataIndex: 'user',\r\n // key: 'id',\r\n align: 'center',\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) =>\r\n (\r\n { \r\n if(record.type===10||record.type===11||record.type===14){\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 if(state.main.role.indexOf('312')===-1) return\r\n e.preventDefault() ;\r\n setShowDealMsg(JSON.parse(record.msg));\r\n setShowData(record);\r\n setShowDealMsgBox(true)\r\n }}\r\n onMouseOver={()=>setShowDealMsg(JSON.parse(record.msg))}\r\n >已处理\r\n \r\n ),\r\n filters: [\r\n {\r\n text: '未处理',\r\n value: 0\r\n },\r\n {\r\n text: '已处理',\r\n value: 1\r\n },\r\n ],\r\n onFilter: (value, record) => record.status === value\r\n }\r\n ]\r\n const onSelectChange = (selectedRowKeys,selectedRows) => {\r\n setSelectedRowKeys(selectedRowKeys)\r\n };\r\n const rowSelection = {\r\n selectedRowKeys,\r\n onChange: onSelectChange,\r\n getCheckboxProps: (record) => ({\r\n disabled: record.status === 1, // Column configuration not to be checked\r\n }),\r\n };\r\n return (\r\n <>\r\n \r\n \r\n 基本设置 \r\n 设备状态 \r\n {\r\n (() => {\r\n if (device.IOModel.Status[0] === 0 && device.IOModel.Status[1] === 0) {\r\n return \"设备待机中\"\r\n }else if (device.IOModel.Status[0] === 2 && device.IOModel.Status[1] === 0) {\r\n return \"正在开启遮阳\"\r\n } else if (device.IOModel.Status[1] === 2 && device.IOModel.Status[0] === 0) {\r\n return \"正在关闭遮阳\"\r\n } else if (device.IOModel.Status[0] === 1 && device.IOModel.Status[1] === 0) {\r\n return \"已经开启遮阳\"\r\n } else if (device.IOModel.Status[1] === 1 && device.IOModel.Status[0] === 0) {\r\n return \"已经关闭遮阳\"\r\n } else {\r\n return \"设备出现故障\"\r\n }\r\n })()\r\n }\r\n 开关状态 \r\n {\r\n device.IOModel.Status.map((item, index) => (\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default DeviceRoomSet","import React, { useState, useContext, useEffect } from 'react'\r\nimport { StateContext } from '../../../state';\r\nimport { StateDeviceContext } from '../../../state_device';\r\nimport http from '../../../../../utils/server'\r\nimport { Row, Col, Button, Spin, Modal, Input, Space, Checkbox, Divider, DatePicker, Tabs, message, InputNumber} from 'antd'\r\nimport moment from 'moment';\r\n\r\nimport './device.less'\r\nimport { Mode } from '../../../../../App';\r\nimport md5 from 'js-md5';\r\nconst { RangePicker } = DatePicker;\r\nconst { TabPane } = Tabs;\r\nconst intReg = /^(0|1?\\d{0,2}|2[0-4]\\d|25[0-5])$/;\r\nfunction formatTime(time){\r\n if(time){\r\n var strs= time.split(':');\r\n if(strs.length<2) return time; \r\n strs[0].length===1&&(strs[0]='0'+strs[0]);\r\n strs[1].length===1&&(strs[1]='0'+strs[1]);\r\n return strs[0]+':'+strs[1];\r\n }\r\n}\r\nfunction DeviceSet(props) {\r\n const { state, dispatch } = useContext(StateContext)\r\n const { state_device, dispatch_device } = useContext(StateDeviceContext)\r\n const [device, setDevice] = useState(props.item)\r\n const [devices, setDevices] = useState({type:5,data:[]});\r\n const [serverIP, setServerIP] = useState({ validity: false, error: false, type: 1 })\r\n const [deviceTime, setDeviceTime] = useState({ validity: false, error: false, type: 2 })\r\n const [uploadInterval, setUploadInterval] = useState({ validity: false, error: false, type: 3 })\r\n const [sensorStop, setSensorStop] = useState({ validity: false, error: false, type: 4 })\r\n const [sensorAlarm, setSensorAlarm] = useState({ validity: false, error: false, type: 5 })\r\n const [powerAlarm, setPowerAlarm] = useState({ validity: false, error: false, type: 6 })\r\n const [batteryAlarm, setBatteryAlarm] = useState({ validity: false, error: false, type: 7 })\r\n const [overAlarm, setOverAlarm] = useState({ validity: false, error: false, type: 8 })\r\n\r\n const [store, setStore] = useState({ validity: false, error: false, type: 9 })\r\n const [revise, setRevise] = useState({ validity: false, error: false, type: 10 })\r\n const [devClose, setDevClose] = useState({ validity: true, error: false, type: 11 })\r\n const [load, setLoad] = useState(false)\r\n\r\n const [timeReadDataStart,setTimeReadDataStart] = useState({ validity: false, error: false, value:\"\" })\r\n const [timeReadDataEnd,setTimeReadDataEnd] = useState({ validity: false, error: false, value:\"\" })\r\n const [offline,setOffLine] = useState({offtime:10,interval:5,count:2});\r\n const [showAffirm,setShowAffirm] = useState(false);//设置参数身份确认弹窗\r\n const [affirmPwd,setAffirmPwd] = useState(''); //设置参数确认密码\r\n const [setState, setSetState] = useState(0);//设置状态 0不能设置 1普通设置 2超级设置\r\n const [isSet,setIsSet] = useState(false);//是否有设置权限\r\n const [isMore,setIsMore] = useState(false);//是否多测点设置\r\n const [devList, setDevList] = useState([]);//选中的主机名\r\n const [selDevNodes,setSelDevNodes] = useState([]);\r\n const [isShowSet,setIsShowSet] = useState(true);\r\n useEffect(() => {\r\n setSetState(state.setState);\r\n let role =state.main.role;\r\n setIsSet(role.match('305')===null?false:true)\r\n let devs = \r\n state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District==props.item.District&&\r\n x.Type===205)\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District==props.item.District&&x.ExprieStatus!==3&&\r\n x.Type===205);\r\n let devNodes = [];\r\n devs.map(m=>{\r\n let temp = devNodes.findIndex(x=>x.sn===m.Sn)\r\n if(temp===-1){\r\n devNodes.push({sn:m.Sn,name:m.MName,nodes:[{value:m.ID,label:m.Name,key:m.Node,checked:false}],all:false,indeterminate:false})\r\n }else{\r\n devNodes[temp].nodes.push({value:m.ID,label:m.Name,key:m.Node,checked:false})\r\n }\r\n })\r\n \r\n if(devNodes.length>0){\r\n devNodes[0].all = true\r\n devNodes[0].nodes.map(m=>{\r\n m.checked = true\r\n })\r\n }\r\n devNodes.sort((a,b)=>a.sn-b.sn);\r\n setDevList(devNodes)\r\n if(devs.length>0){\r\n let devsTemp = devs.filter(x=>x.Sn===devs[0].Sn);\r\n let devsData =[{Sn:devs[0].Sn,Params:devs[0].Params,Sensor:[],StoreInfo:devs[0].StoreInfo,Type:devs[0].Type}];\r\n devsTemp.map(m=>{\r\n m.Sensor.Name = m.Name\r\n devsData[0].Sensor.push(m.Sensor)\r\n })\r\n let devsInfo = devices;\r\n devsInfo.data = devsData;\r\n setDevices(devsInfo)\r\n }\r\n setSelDevNodes(devs.sort((a,b)=>a.Sn-b.Sn))\r\n }, [])\r\n\r\n const ReadDeviceParams = (t, call) => {\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/getdevice\", { ...t, device: device.Sn, node: device.Node }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n if(data.data.Params.OverAlarm.StartTime!==\"\"){\r\n data.data.Params.OverAlarm.StartTime= formatTime(data.data.Params.OverAlarm.StartTime);\r\n data.data.Params.OverAlarm.EndTime= formatTime(data.data.Params.OverAlarm.EndTime);\r\n }\r\n data.data.Name = device.Name;\r\n data.data.MName = device.MName;\r\n setDevice(data.data);\r\n call({ ...t, validity: true });\r\n }\r\n })\r\n }\r\n const ReadDeviceData = () => {\r\n if(!timeReadDataStart.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n if(!timeReadDataEnd.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/readdevicedata\", { \r\n device: device.Sn, \r\n node: device.Node,\r\n starttime:timeReadDataStart.value ,\r\n endtime:timeReadDataEnd.value\r\n }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n\r\n }\r\n })\r\n }\r\n const SetDeviceOffLineAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/deviceoffline/\" + device.ID, { alarm: t.alarm ,offtime:t.offtime,interval:t.interval,count:t.count}).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n console.log(t);\r\n device.Sensor.OffLineAlarm=t.alarm;\r\n device.Sensor.OffLineTime=t.offtime;\r\n device.Sensor.OffLineAlarmInterval=t.interval;\r\n device.Sensor.OffLineAlarmCount=t.count;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceLinkAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/devicelink/\" + device.ID, { alarm: t }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n device.Sensor.LinkAlarm=t;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceParams = (t) => {\r\n if (t.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n } else {\r\n setLoad(true)\r\n if(isMore){\r\n let devInfo = device;\r\n let checkedList = []\r\n devList.map(m=>{\r\n m.nodes.map(mm=>{\r\n if(mm.checked){\r\n checkedList.push({sn:m.sn,node:mm.key})\r\n }\r\n })\r\n })\r\n let countMax = checkedList.length;\r\n let index = 0;\r\n let timer= setInterval(()=>{\r\n console.log('starttimer',timer);\r\n if(index {\r\n setLoad(false)\r\n })\r\n }else{\r\n clearInterval(timer)\r\n }\r\n index++;\r\n },1000)\r\n }else{\r\n setTimeout(() => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevice\", { ...t, device: device }).then(data => {\r\n setLoad(false)\r\n })\r\n }, 1000);\r\n }\r\n }\r\n\r\n }\r\n const SetDevicesParams = ()=> {\r\n setLoad(true)\r\n setTimeout(() => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevices\", { devices: devices }).then(data => {\r\n setLoad(false)\r\n })\r\n }, 1000);\r\n }\r\n const SetDevicesWarning=()=>{\r\n let devs = [];\r\n devices.data.map(m=>{\r\n m.Sensor.map(n=>{\r\n devs.push({\r\n sn:m.Sn,\r\n node:n.Id,\r\n temp_warning_high:n.TempWarningHigh,\r\n temp_warning_low:n.TempWarningLow,\r\n humi_warning_high:n.HumiWarningHigh,\r\n humi_warning_low:n.HumiWarningLow,\r\n })\r\n })\r\n })\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/deviceswarning\", {\r\n devices:devs\r\n }).then(data=>{\r\n console.log('批量预警',data);\r\n })\r\n }\r\n const SetDevicesFree=()=>{\r\n let devs = [];\r\n devices.data.map(m=>{\r\n m.Sensor.map(n=>{\r\n devs.push({\r\n sn:m.Sn,\r\n node:n.Id,\r\n hide:n.Hide\r\n })\r\n })\r\n })\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/devicesfree\", {\r\n devices:devs\r\n }).then(data=>{\r\n console.log('批量空库',data);\r\n })\r\n }\r\n const sleepFun = ()=>{\r\n return new Promise((res)=>{\r\n setTimeout(() => {\r\n res('OK')\r\n }, 3000);\r\n })\r\n }\r\n return (\r\n {\r\n setLoad(false)\r\n })\r\n }else{\r\n clearInterval(timer)\r\n }\r\n index++;\r\n },1000)\r\n }else{\r\n setTimeout(() => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevice\", { ...t, device: device }).then(data => {\r\n setLoad(false)\r\n })\r\n }, 1000);\r\n }\r\n }\r\n \r\n }\r\n const ReadDeviceWarnParams = t=>{\r\n if (t.validity) {\r\n if (t.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n } else {\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevice\", { ...t, device: device }).then(data => {\r\n setLoad(false)\r\n })\r\n }\r\n } else {\r\n Modal.error({\r\n title: '操作错误',\r\n centered: true,\r\n content: '设置之前必须先读取参数',\r\n });\r\n }\r\n }\r\n return (\r\n 97||dataF.hmax>97)?100:dataWainF.hh>dataF.hmax?dataWainF.hh+2:dataF.hmax+2,\r\n min:(dataWainF.hl<3||dataF.hmin<3)?0:dataWainF.hlx.node!==0),\r\n padding: 'auto',\r\n xField: 'data_time',\r\n autoFit:true,\r\n yField: 'temp',\r\n seriesField: 'name',\r\n yAxis: {\r\n label: {\r\n formatter: function formatter(v) {\r\n var i = v.indexOf('.');\r\n return i===-1?v:v.slice(0,i+2);\r\n },\r\n },\r\n // tickCount:10\r\n max:dataWainF.th>dataF.tmax?dataWainF.th+2:dataF.tmax+2,\r\n min:dataWainF.tlx.node!==0),\r\n padding: 'auto',\r\n xField: 'data_time',\r\n autoFit:true,\r\n yField: 'humi',\r\n seriesField: 'name',\r\n yAxis: {\r\n label: {\r\n formatter: function formatter(v) {\r\n var i = v.indexOf('.');\r\n return i===-1?v:v.slice(0,i+2);\r\n },\r\n },\r\n // tickCount:10\r\n max:(dataWainF.hh>97||dataF.hmax>97)?100:dataWainF.hh>dataF.hmax?dataWainF.hh+2:dataF.hmax+2,\r\n min:(dataWainF.hl<3||dataF.hmin<3)?0:dataWainF.hlnew Date(a.data_time).getTime() -new Date(b.data_time).getTime() ,\r\n }\r\n ]\r\n \r\n },\r\n {\r\n title:props.item.Node===0?null:showUnitName+` (最大:${dataF.tmax.toFixed(1)} \r\n 最小:${dataF.tmin.toFixed(1)} \r\n 平均:${dataF.tavg.toFixed(2)})`,\r\n children:[\r\n {\r\n title:props.item.Node===0?null:`上下限(${showUnit})`,\r\n align: 'center',\r\n className:props.item.Node===0&&'notshow',\r\n render: (text, record) => (\r\n dev_val[b].humi_h){\r\n dev_val[b].humi_h = item.humi\r\n }\r\n if(item.humi{\r\n item.temp_s = item.temp_s/item.count\r\n item.humi_s = item.humi_s/item.count\r\n })\r\n }\r\n if(selNode.length===1){\r\n if(props.item.Sensor.Hide===2||props.item.Sensor.Hide===3){\r\n setShowBound(false)\r\n setDataWainF({th:dataF.tmax,tl:dataF.tmin,hh:dataF.hmax,hl:dataF.hmin});\r\n }else{\r\n setDataWainF({th:ar[0].temp_h,tl:ar[0].temp_l,hh:ar[0].humi_h,hl:ar[0].humi_l});\r\n }\r\n }else{\r\n setDataWainF({th:dataF.tmax,tl:dataF.tmin,hh:dataF.hmax,hl:dataF.hmin});\r\n }\r\n let start = data.data[0];\r\n let end = data.data[data.data.length-1];\r\n start.data_time!==starttime&&ar.unshift({data_time:starttime,temp:null});\r\n end.data_time!==endtime&&ar.push({data_time:endtime,temp:null});\r\n setdataChart(ar);\r\n let seriesData=[]\r\n nodes.map(item=>{\r\n let tempdata =[];\r\n let humidata =[];\r\n let name ='';\r\n ar.filter(x=>x.node ==item).map(val=>{\r\n tempdata.push([val.data_time,val.temp]);\r\n humidata.push([val.data_time,val.humi]);\r\n if(name==='' ){\r\n name =val.name\r\n }\r\n })\r\n start.data_time!==starttime&&tempdata.unshift(null);\r\n start.data_time!==starttime&&humidata.unshift(null);\r\n end.data_time!==endtime&&tempdata.push(null);\r\n end.data_time!==endtime&&humidata.push(null);\r\n if(name!==''){\r\n seriesData.push({\r\n 'name':name+(unitName?unitName:showUnitName)+'曲线',\r\n type: 'line',\r\n smooth: true,\r\n symbol: 'none',\r\n data: tempdata,\r\n })\r\n is_Humi&&seriesData.push({\r\n 'name':name+'湿度曲线',\r\n type: 'line',\r\n smooth: true,\r\n symbol: 'none',\r\n data: humidata,\r\n })\r\n }\r\n })\r\n setSeriesTempData(seriesData);\r\n let sd = selDevNodes\r\n var nodeCol = new Array();\r\n if(sd.length>1){\r\n sd.sort((a,b)=>a.node-b.node);\r\n if(sd[0].node===0){\r\n let temp = sd.splice(0,1);\r\n sd.push(temp[0]);\r\n }\r\n }\r\n sd.map(({ node, name, district_name, m_name,id,door_alarm ,type,humi}) => {\r\n let devNode= dev_val.filter(x=>x.node===node);\r\n // nodes.push(node);\r\n var t = 'temp' + node;\r\n // 断电 开关门\r\n if(node===0){\r\n door_alarm===1&&\r\n nodeCol.push({\r\n title: `${name}-(区域:${district_name}-主机:${m_name}-测点ID:${node})`,\r\n align: 'center',\r\n children: [\r\n {\r\n title: '开关门',\r\n dataIndex: 'door' + node,\r\n width: 300,\r\n align: 'center',\r\n render: (text, record) => (\r\n val.x===ele.x&&val.y===ele.y)\r\n setTabKey('1');\r\n setTableCurrent(Math.ceil(index/tablePageSize))\r\n });\r\n }\r\n useEffect(() => {\r\n Mode==='soc' && setUserName(state.district.filter(item => item.id === props.item.District)[0].user_name);\r\n Mode==='local'&&\r\n http.get(\"/v1/getconfig\", {}).then(data => {\r\n if (data.code === 0) {\r\n setLocalCompany(data.data.Title)\r\n }\r\n })\r\n let unit = '℃';\r\n unit = props.item.Type===205?'Pa':props.item.Type===210?'MPa':'℃';\r\n let unitName = '温度';\r\n unitName=(props.item.Type===205||props.item.Type===210)?'压强':'温度';\r\n setShowUnit(unit);\r\n setShowUnitName(unitName);\r\n setStartTime(props.start);\r\n setEndTime(props.end)\r\n if(props.showMore){\r\n let checkOptions = \r\n state.main.type===101? state.device.filter(x=>x.node!==0&&x.sn==props.item.Sn&&x.district==props.item.District)\r\n : \r\n state.device.filter(x=>x.node!==0&&x.sn==props.item.Sn&&x.district==props.item.District&&new Date(x.expire).getTime()>todayTime);\r\n let values =[];\r\n var nodes = new Array();\r\n checkOptions.map(m=>{\r\n m.value=m.id;\r\n m.label=m.name;\r\n values.push(m.id)\r\n nodes.push(m.node);\r\n })\r\n setShowSelDevNodes(checkOptions);\r\n setSelDevNodes(checkOptions)\r\n setSelNode(nodes);\r\n setShowSelDevNodesValue(values);\r\n setCheckedList(values);\r\n setTimeout(() => {\r\n getHistorys(nodes,props.start,props.end,unitName,checkOptions)\r\n }, 100);\r\n }else{\r\n getHistory(props.start,props.end,unitName);\r\n }\r\n }, [])\r\n useEffect(()=>{\r\n tempChart&& option && tempChart.setOption(option);\r\n },[seriesTempData])\r\n return (\r\n
*/}\r\n {props.local !== undefined ?\r\n
\r\n \r\n \r\n \r\n
:\r\n \r\n {state.main.logo !== '' ? 
: }\r\n
\r\n }\r\n {/* {\r\n props.local !== undefined&&\r\n {state.main.title}
\r\n \r\n \r\n \r\n {showTitle}
\r\n } */}\r\n \r\n {\r\n // props.local === undefined&&\r\n // \r\n // } size='small' onClick={\r\n // ()=>{\r\n // setShowMsgModal(true)\r\n // }\r\n // }>\r\n // \r\n }\r\n {\r\n props.local === undefined ?\r\n \r\n \r\n \r\n \r\n apk(点击下载)\r\n \r\n }>\r\n {\r\n setTimeout(() => {\r\n let el = document.getElementById('qrcode')\r\n if(el!==null){\r\n el.innerHTML='';\r\n var qrcode = new window.QRCode(el, {\r\n width : 100,\r\n height : 100,\r\n colorDark:\"#1890ff\"\r\n });\r\n qrcode.makeCode('http://'+window.location.host+\"/static/appDownLoad/down.html\");\r\n }\r\n }, 1000);\r\n }} \r\n \r\n >APP下载\r\n :null\r\n }\r\n {/* */}\r\n {/* */}\r\n setShowUserInfo(false)}\r\n onCancel={() => setShowUserInfo(false)}\r\n footer={null}\r\n >\r\n \r\n \r\n {\r\n props.local !== undefined ?\r\n \r\n \r\n : null\r\n }\r\n {\r\n (props.local !== undefined &&state.main.type<102 )?\r\n \r\n \r\n : null\r\n }\r\n \r\n \r\n \r\n \r\n \r\n }>\r\n {state.main.account}\r\n \r\n {/* */}\r\n\r\n {\r\n setShowConfig(false)\r\n }}>\r\n {\r\n console.log(\"object\")\r\n }} />\r\n \r\n {\r\n (npw1 === npw2 && npw1.length > 2) ?\r\n http.post(\"/v1/userspassword\", { who: state.main.account, password: md5(npwo), account: state.main.account, newpassword: md5(npw1) }).then(data => {\r\n if (data.code === 0) {\r\n Modal.success({\r\n title: \"成功\",\r\n content: \"密码修改成功,请重新登录\",\r\n onOk() { history.push('/login') },\r\n });\r\n } else {\r\n Modal.warning({\r\n title: data.code,\r\n content: data.msg,\r\n });\r\n }\r\n }) : setmsg(\"密码长度大于2位，并且两次密码相同\")\r\n\r\n }}\r\n onCancel={() => {\r\n setnpwo(\"\")\r\n setnpw1(\"\")\r\n setnpw2(\"\")\r\n setmsg(\"\")\r\n setrepw(false)\r\n }}>\r\n \r\n {\r\n setnpwo(e.target.value)\r\n\r\n }} />\r\n {\r\n let ss = e.target.value\r\n ss != npw2 ? setmsg(\"两次输入的密码不相同\") : setmsg(\"\")\r\n setnpw1(e.target.value)\r\n\r\n }} />\r\n {\r\n let ss = e.target.value\r\n ss != npw1 ? setmsg(\"两次输入的密码不相同\") : setmsg(\"\")\r\n setnpw2(e.target.value)\r\n\r\n }} />\r\n {msg}\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 {dispatch({type:'alarmSound',alarmSound:!state.alarmSound});}}>\r\n {\r\n // state.alarmSound?:\r\n
\r\n {\r\n http.post(\"/v1/startbackup\", {}).then(data => console.log(data));\r\n }}>\r\n 
\r\n
\r\n {\r\n if (window.CefSharp !== undefined) {\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n let myConf =window.bound.getConfig();\r\n setMyConf(myConf);\r\n }\r\n setShowConfig(true)\r\n \r\n }}>\r\n
\r\n {\r\n setrepw(true)\r\n }}>修改密码
\r\n {\r\n // localStorage.clear();\r\n dispatch({type:'super',super:0})\r\n dispatch({type:'setState',setState:0})\r\n http.post('/v1/logout',{})\r\n history.push('/login')\r\n }}>退出登录
\r\n \r\n \r\n
\r\n 报警原因：{showDealMsg.why || \"未知\"}
\r\n 处理人员：{showDealMsg.who || \"未知\"}
\r\n 处理结果：{showDealMsg.deal || \"未知\"}
\r\n {record.power === 0 ? \"正常\" : \"电池\"}
\r\n )\r\n },\r\n {\r\n title: '电量',\r\n dataIndex: 'battery',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n },\r\n ]\r\n if (Mode==='soc') {\r\n //登录用户是普通用户\r\n if(state.main.type===104){\r\n const ud = state.district;\r\n userdistrictlist = new Array();\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value =item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userdistrictlist.unshift(u);\r\n })\r\n }else if(state.systemuser.treeM){\r\n userdistrictlist = JSON.parse(JSON.stringify(state.systemuser.treeM));\r\n if (userdistrictlist && userdistrictlist.length > 0) {\r\n addUserDistrict(userdistrictlist);\r\n }\r\n }\r\n }\r\n if (Mode!=='soc' && state.district) {\r\n userdistrictlist = new Array();\r\n state.district.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userdistrictlist.push(u);\r\n })\r\n\r\n }\r\n function addUserDistrict(userlist) {\r\n for (var i = 0; i < userlist.length; i++) {\r\n if (!userlist[i].children) {\r\n let ud=[];\r\n userlist[i].id&& (ud = state.district.filter(x => x.user == userlist[i].id));//筛查userlist[i]创建的所有区域\r\n if (ud.length > 0) {\r\n userlist[i].children = [];\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = 'dis'+item.id;\r\n u.name = item.name;\r\n userlist[i].children.unshift(u);\r\n })\r\n }\r\n else{\r\n userlist[i].id&&(userlist.splice(i,1));\r\n // userlist[i].id&&(userlist[i].disabled=true);\r\n }\r\n } else {\r\n let ud=[];\r\n userlist[i].id&& (ud = state.district.filter(x => x.user == userlist[i].id));//筛查userlist[i]创建的所有区域\r\n if (ud.length > 0) {\r\n ud.map(item => {\r\n var u = new Object;\r\n u.key = item.id;\r\n u.title = item.name;\r\n u.label = item.name;\r\n u.text = item.name;\r\n u.value = 'dis'+item.id;\r\n u.name = item.name;\r\n // u.id = item.id\r\n userlist[i].children.unshift(u);\r\n })\r\n }\r\n addUserDistrict(userlist[i].children);\r\n }\r\n }\r\n }\r\n \r\n const onChange_Tab = key => {\r\n setTabKey(key)\r\n if (key==='2'){\r\n setTimeout(() => {\r\n let chartDom = document.getElementById('tempEcharts');\r\n if(chartDom){\r\n let myChart = echarts.init(chartDom);\r\n option && myChart.setOption(option);\r\n myChart.resize();\r\n myChart&&setTempChart(myChart);\r\n myChart&&myChart.dispatchAction({\r\n type: 'legendScroll',\r\n scrollDataIndex: 5,\r\n // legendId: string\r\n })\r\n } \r\n }, 500);\r\n \r\n }else{\r\n tempChart&&tempChart.dispose();\r\n }\r\n };\r\n const onChange_Table = (page,pageSize) =>{\r\n setTableCurrent(page)\r\n setTablePageSize(pageSize)\r\n }\r\n const antdPointClick =(plot) => {\r\n plot.on('element:click', args => {\r\n const {x,y} = args\r\n let points = args.data.points;\r\n // let data = args.data.data;\r\n points = points.reverse()\r\n let ele = points.reduce((prec,cur)=>{\r\n let xLen = Math.abs(prec.x-x);\r\n let xLen1 = Math.abs(cur.x-x);\r\n let yLen = Math.abs(prec.y-y);\r\n let yLen1 = Math.abs(cur.y-y);\r\n if(Math.sqrt(xLen*xLen+yLen*yLen)\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default History","import React, { createContext, useReducer, useCallback } from 'react';\r\n\r\nexport const StateDeviceContext = createContext({})\r\n\r\n\r\nexport const TimeFormatSeconds = function (time) {\r\n var d = time ? new Date(time) : new Date();\r\n var year = d.getFullYear();\r\n var month = d.getMonth() + 1;\r\n var day = d.getDate();\r\n var hours = d.getHours();\r\n var min = d.getMinutes();\r\n var seconds = d.getSeconds();\r\n\r\n if (month < 10) month = '0' + month;\r\n if (day < 10) day = '0' + day;\r\n if (hours < 0) hours = '0' + hours;\r\n if (min < 10) min = '0' + min;\r\n if (seconds < 10) seconds = '0' + seconds;\r\n\r\n return (year + '-' + month + '-' + day + ' ' + hours + ':' + min + ':' + seconds);\r\n}\r\n\r\nexport const OPERATIONTYPE = ['增', '改', '删']\r\n\r\nexport const StateDevice = props => {\r\n const reducer = (state, action) => {\r\n switch (action.type) {\r\n case 'devicestate':\r\n return {\r\n ...state,\r\n devicestate: action.devicestate\r\n }\r\n default:\r\n return state\r\n }\r\n }\r\n\r\n const [state_device, dispatch_device] = useReducer(reducer, {\r\n devicestate: [],\r\n })\r\n return (\r\n \r\n {/* {\r\n Mode==='local'&&\r\n {/* 是否查询周期报表 */}\r\n {\r\n if(e.target.checked){\r\n setTableType(3);\r\n }else{\r\n setTableType(0);\r\n }\r\n \r\n }}>周期报表 \r\n \r\n {/* 周期报表查询 */}\r\n
\r\n
\r\n {localCompany}
\r\n } */}\r\n {/* 设备选择 */}\r\n \r\n {/* 区域选择 */} \r\n
\r\n {/*时间 报表类型选择 查询*/}\r\n \r\n 区域\r\n {\r\n // setUserName(state.systemuser.list.filter(x=>x.id===val[val.length-2])[0].name);\r\n setSelNodes(nodeFliters);\r\n setSelDevOptions(devFliters.filter(x=>new Date(x.expire).getTime()>todayTime));\r\n setShowDevName(null);\r\n setShowNodeName([]);\r\n setSelDevice({});\r\n setSelNodeColums([]);\r\n if(val.length===0) return\r\n let arrNode = new Array();\r\n let arrDev = new Array();\r\n state.device.filter(x => x.district === val[val.length - 1].slice(3)*1&&x.node>0).sort((a, b) => a.sn - b.sn).map(m => {\r\n arrNode.push({ label: m.name+'-'+m.sn, value: m.id, sn: m.sn,expire:m.expire });\r\n arrDev.findIndex(x => x.value === m.sn) === -1 && arrDev.push({ label: m.m_name+'-'+m.sn, value: m.sn ,expire:m.expire});\r\n })\r\n setDis(val[val.length - 1].slice(3)*1);\r\n if (arrNode.length === 0) {\r\n message.info('该区域下暂无设备信息');\r\n setSelNodes([])\r\n setSelDevOptions([]);\r\n } else {\r\n setSelNodes(arrNode);\r\n setSelDevOptions(arrDev.filter(x=>new Date(x.expire).getTime()>todayTime));\r\n }\r\n \r\n }} showSearch={(inputValue, path) => path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)} />\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 if(tableType===0)return\r\n setDateTime('');\r\n setMonthTime('');\r\n setStartWeek('');\r\n setEndWeek('');\r\n tableType===3?setTableType(2):tableType===2?setTableType(1):setTableType(3);\r\n }}\r\n >\r\n {tableType===1?'日报表':tableType===2?'周报表':'月报表'}\r\n \r\n
\r\n {/* 选择周期报表每天上午的时间点 */}\r\n \r\n setAMTimes(value)}\r\n />\r\n
\r\n {/* 选择周期报表每天下午的时间点 */}\r\n 上午:
\r\n \r\n setPMTimes(value)}\r\n />\r\n
\r\n {/* 选择周期报表查询时间段 */}\r\n 下午:
\r\n \r\n {\r\n tableType===1?\r\n {\r\n if(dates===null){\r\n setStartWeek('');\r\n setEndWeek('');\r\n }else{\r\n setStartWeek(dateStrings[0]+' 00:00:00');\r\n dates[1]!==null&&setEndWeek(dateStrings[1]+' 23:59:59');\r\n }\r\n // if (dateStrings[0] !== \"\") {\r\n // setStartWeek(dateStrings[0]+' 00:00:00');\r\n // setEndWeek(dateStrings[1]+' 23:59:59');\r\n // }\r\n }}\r\n />\r\n :\r\n {\r\n setDateTime(value)\r\n if(tableType===2){\r\n setStartWeek(moment(value).startOf('week').format('yyyy-MM-DD HH:mm:ss'));\r\n setEndWeek(moment(value).endOf('week').format('yyyy-MM-DD HH:mm:ss'));\r\n }else if(tableType===3){\r\n setMonthTime(time+'-01');\r\n }else{\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 if(dates===null){\r\n setStartTime('');\r\n setEndTime('');\r\n }else{\r\n setStartTime(dateStrings[0]+':00');\r\n dates[1]!==null&&setEndTime(dateStrings[1]+':00');\r\n }\r\n }}\r\n />\r\n
\r\n {/* 间隔选择 */}\r\n \r\n 选择间隔\r\n {\r\n // Mode!=='soc'&&\r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n filterSort={(optionA, optionB) =>\r\n optionA.children.toLowerCase().localeCompare(optionB.children.toLowerCase())\r\n }\r\n onChange={value=>setInterval(value)}\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 {selNodeType===205?'压强(Pa)':selNodeType===210?'压强(MPa)':'温度(℃)'}: 上限值:{data.length > 0 ? data[0].temp_h : ''}
\r\n 下限值:{data.length > 0 ? data[0].temp_l : ''}
\r\n 最大值:{dataF.tmax}
\r\n 最小值:{dataF.tmin}
\r\n 平均值:{dataF.tavg.toFixed(2)}
\r\n {\r\n isHumi&&湿度(%RH): 上限值:{data.length > 0 ? data[0].humi_h : ''}
\r\n }\r\n {\r\n isHumi&&下限值:{data.length > 0 ? data[0].humi_l : ''}
\r\n }\r\n {\r\n isHumi&&最大值:{dataF.hmax}
\r\n }\r\n {\r\n isHumi&&最小值:{dataF.hmin}
\r\n }\r\n {\r\n isHumi&&平均值:{dataF.havg.toFixed(2)}
\r\n }\r\n \r\n {\r\n // selNode.length<2&&\r\n \r\n }\r\n
\r\n {/* 下载区 */}\r\n \r\n \r\n
\r\n \r\n 选择区域\r\n {\r\n setSelNodes(nodeFliters);\r\n setSelDev(null);\r\n if(val.length===0) return\r\n let arrDev = new Array();\r\n state.device.filter(x => x.location < 2 && (x.district === val[val.length - 1].slice(3)*1)&&new Date(x.expire).getTime()>new Date().getTime()).sort((a, b) => a.sn - b.sn).map(m => {\r\n arrDev.findIndex(x=>x.label.includes(m.sn))===-1&&arrDev.push({ label: m.m_name+'-'+m.sn, value: m.id });\r\n })\r\n if (arrDev.length === 0) {\r\n message.info('该区域下暂无车载设备')\r\n setSelNodes([]);\r\n } else {\r\n setSelNodes(arrDev);\r\n }\r\n \r\n }} showSearch={(inputValue, path) => path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)} />\r\n\r\n 选择测点\r\n \r\n option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n onSelect={(d) => {\r\n setSilderRun(0);\r\n setSilderStatus(1);\r\n setData([]);\r\n const sd = state.devicestate.filter(x => { return x.ID == d })\r\n if (sd.length > 0) {\r\n setSelDevice(sd[0])\r\n setSelDev(d)\r\n if(sd[0].Status.GPSLng!==0&&sd[0].Status.GPSLat!==0){\r\n setMapCenter({ longitude: sd[0].Status.GPSLng, latitude: sd[0].Status.GPSLat });\r\n setMarkerRota(sd[0].Status.GPSDir);\r\n }\r\n \r\n } else {\r\n setSelDevice([])\r\n setSelDev('')\r\n }\r\n }}\r\n />\r\n\r\n {\r\n if(dates===null){\r\n setStartTime('');\r\n setEndTime('');\r\n }else{\r\n setStartTime(dateStrings[0]+':00');\r\n dates[1]!==null&&setEndTime(dateStrings[1]+':00');\r\n } \r\n }}\r\n />\r\n\r\n \r\n {Mode==='soc'&&data.length > 0 && }\r\n \r\n
\r\n \r\n {data.length > 0 ?\r\n
\r\n \r\n\r\n {\r\n setSilderRun(value)\r\n datadik(data, value)\r\n }}\r\n tipFormatter={null}\r\n />\r\n
: null}\r\n \r\n \r\n { setSilderStatus(2); setSilderRun(sliderRun === 0 ? data.length - 1 : sliderRun - 1); datadik(data, sliderRun === 0 ? data.length - 1 : sliderRun - 1) }} />\r\n { setSilderStatus(3); setSilderRun(sliderRun === data.length - 1 ? 0 : sliderRun + 1); datadik(data, sliderRun === data.length - 1 ? 0 : sliderRun + 1) }} />\r\n {sliderStatus > 0 ? { setSilderStatus(0); setPLineVisible(true); }} /> : { setSilderStatus(1); }} />}\r\n { setSilderStatus(4); setSilderRun(data.length - 1); datadik(data, data.length - 1) }} />\r\n {\r\n setPLineVisible(false);\r\n setSilderStatus(1)\r\n }} />\r\n
\r\n 时间轴
\r\n \r\n 时间点：{sliderRun>=0&& data[sliderRun].data_time}
\r\n \r\n setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => confirm()}\r\n style={{ marginBottom: 8, display: 'block' }}\r\n />\r\n \r\n \r\n confirm()}\r\n icon={ \r\n
\r\n ),\r\n filterIcon: filtered => \r\n setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => confirm()}\r\n style={{ marginBottom: 8, display: 'block' }}\r\n />\r\n \r\n \r\n confirm()}\r\n icon={ \r\n
\r\n ),\r\n filterIcon: filtered => \r\n
\r\n ),\r\n sorter: {\r\n compare: (a, b) => a.node - b.node,\r\n },\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) =>{\r\n return (\r\n {record.m_name}
\r\n 编号:{record.device}
\r\n \r\n setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => {\r\n setSelDev(selectedKeys[0])\r\n confirm()\r\n }}\r\n style={{ marginBottom: 8, display: 'block' }}\r\n />\r\n \r\n \r\n { \r\n // let info = state.device.filter(x=>x.sn.toString().indexOf(selectedKeys[0])!==-1||x.m_name.indexOf(selectedKeys[0])!==-1);\r\n\r\n // setSelDev(info.length>0?info[0].m_name:'')\r\n setSelDev(selectedKeys[0]?selectedKeys[0]:'')\r\n confirm()\r\n }}\r\n icon={ \r\n
\r\n )\r\n }\r\n ,\r\n filterIcon: filtered => --
:\r\n \r\n
\r\n ),\r\n sorter: {\r\n compare: (a, b) => a.node - b.node,\r\n },\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) =>\r\n (\r\n {record.name}
\r\n 编号:{record.node}
\r\n \r\n setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => {\r\n setSelNode(selectedKeys[0])\r\n confirm()\r\n }}\r\n style={{ marginBottom: 8, display: 'block' }}\r\n />\r\n \r\n \r\n {\r\n setSelNode(selectedKeys[0])\r\n confirm()\r\n }}\r\n icon={ \r\n
\r\n ),\r\n filterIcon: filtered => {alarmtype[record.type]}
\r\n )\r\n },\r\n sorter: {\r\n compare: (a, b) => a.type - b.type,\r\n },\r\n filters: [\r\n {\r\n text: '设备电源断电报警',\r\n value: 0,\r\n },\r\n {\r\n text: '设备电源恢复报警',\r\n value: 1,\r\n },\r\n {\r\n text: '设备监测开门报警',\r\n value: 2,\r\n },\r\n {\r\n text: '设备监测关门报警',\r\n value: 3,\r\n },\r\n {\r\n text: '探头电源异常报警',\r\n value: 4,\r\n },\r\n {\r\n text: '探头电源恢复正常',\r\n value: 5,\r\n },\r\n {\r\n text: '探头监测开门报警',\r\n value: 6,\r\n },\r\n {\r\n text: '探头监测关门报警',\r\n value: 7,\r\n },\r\n {\r\n text: '探头连接失败报警',\r\n value: 8,\r\n },\r\n {\r\n text: '探头连接恢复正常',\r\n value: 9,\r\n },\r\n {\r\n text: '探头温度超标报警',\r\n value: 10,\r\n },\r\n {\r\n text: '探头温度恢复报警',\r\n value: 11,\r\n },\r\n {\r\n text: '探头湿度超标报警',\r\n value: 12,\r\n },\r\n {\r\n text: '探头湿度恢复报警',\r\n value: 13,\r\n },\r\n // {\r\n // text: '探头湿度下限',\r\n // value: 14,\r\n // },\r\n // {\r\n // text: '探头湿度上限',\r\n // value: 15,\r\n // },\r\n {\r\n text: '探头压强超标报警',\r\n value: 16, \r\n },\r\n {\r\n text: '探头压强恢复报警',\r\n value: 17,\r\n },\r\n ],\r\n onFilter: (value, record) => {\r\n return record?record.type === value :''\r\n // if(record.type===12){\r\n // if(record.humi>record.humi_h){\r\n // return true\r\n // }\r\n // // if(record.humi\r\n
\r\n )\r\n }\r\n if(record.type===12||record.type===13||record.type===15) return (\r\n {record.temp}℃
\r\n 上限:{record.temp_h}℃-下限:{record.temp_l}℃
\r\n \r\n
\r\n )\r\n if(record.type===16||record.type===17) return(\r\n {record.humi}%RH
\r\n 上限:{record.humi_h}%RH-下限:{record.humi_l}%RH
\r\n \r\n
\r\n )\r\n }\r\n },\r\n {\r\n title: '状态',\r\n dataIndex: 'status',\r\n // key: 'status',\r\n align: 'center',\r\n width: 100,\r\n sorter: {\r\n compare: (a, b) => a.status - b.status,\r\n },\r\n render: (text, record) => (\r\n record.status === 0 ? {record.temp}Pa
\r\n 上限:{record.temp_h}Pa-下限:{record.temp_l}Pa
\r\n 报警原因：{showDealMsg.why || \"未知\"}
\r\n 处理人员：{showDealMsg.who || \"未知\"}
\r\n 处理结果：{showDealMsg.deal || \"未知\"}
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Alarm","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACUElEQVR4Xu1b223CQBDE0AAlpISYxz8dJJRABZAKQiqIUkFIBYEK4BsESilUgLOObInH3c09LGPHww9Ip/Puzu3M7i0QtRr+ihoef4sAMAMajgApUHYC7Pf7xGSz3++XeiilGksDJwDMAFKAGlBrEdSJWBRFP71eL0ZVpQgRPBwO6yRJRipbrlXEuQoQAI2KMwNIAWoARZBVgGWQfQAbIXaCAAG2wgXMA3gX4GWIt0FehzkP4ECEEyGOxEqZCe52u1G73Z5mxlby/qkyXJWRmPj2Ir48iUgeT6fTx3A43JiaU+NQNAv+Wx7QRT1+hQC4cFWAGA8Gg6XOfyMA0renwT+j4NP1qgIgri1lVD72AsDUc18/sKoAIL8QBebC/9eQDLDVkDMbkMMuByM68CY6MPfKgHSTrTEV0i4aonNQxWEHnzbi1ziO46M3ALYgqABw0RBDlt1w2AYA8QcG/6ddNultA4IKABtHkX2f59oG7wQAAkFDAWsN0QGh4rAJWJfgnQEAICyk3EyuAwnJAl0wQq13sTNTVCKrtD/fZ02B802KoI4iVhNdw+EDgukkM3FdXwRiyfkb0BAHdetyCrO85ZTgv0zdFqKPz0lut9vHTqczFR8exP5KyvXCpPZBVcAXJB86uHI41DcvCoQYLVLAQvzI95YOgI4OZZ/8XQFIjecaIh+7qYb4cjg0C+6SAaFOF7mfABSJZh2fBTMAfZlZ9aDR7wYJADpBZgD4OhsBeO91UgD8A4UagFKUGtB0DUAZUvd1qAF1DxD5TwAQQv99/ReGTs5fN++MJwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACcklEQVR4Xu2aXU4CMRDH25UDACfQBMKr3oAbKEfgUYwBTiCewBgDr+oJhBPAEXxVvIK4rzxA7SaS8NF2OrubZZE/r/2a+XXm32kXKY78J4/cfwEAiIAjJ4AUyDoAyoOpcq05a1Uz3ZRMF4scBwBEAFIAGnDQIugQsXet4BfUqZKGCJYG07FW77ppLe4pwj4FAMCu4ogApAA0ACKIUwDHIEEAdUAKlyEUQqgEUQrjLoDLEG6DuA7jPQAPIgYCeBFifljBkxh1eys+TevyRLajfoFajpSUz5YxuXgS07Z19bv7pRAyVAv1GN5WJy4fnREQOR+ciDc9QZECpdvzAmDDVCmWje9WbWiz3wmgNPh6k0JdeTgfdcklACXk8KdVacQEYL90GCbMJQBqY5wRUO5/9IQM7pJEAENDVsuQOex6D9ixVS3vZze1XqwIiAYxFtuJAKaGGG005bCvTVoMJ2peaITdszA2AAaEHQBMDTHaaMphHwA+zkcLetcBHosaALA0xLZJ7Hl9nWcB8IiEHUOZGmIGYMhh12ZwnGcDcEKQ8mV2XWlue+EROVaNtTmjX5Yf9KDO9kCu87EAWCCEWqyatoIjDgSXM3/iOl4HEMf52ACigXoXOquSMxCLV1e15ZE+G5vp40yx/3keBEFbKXWqhWy0nBdeXGqf6BTwrAPIbj6R4OM8uRCjg/cpwJjT2TVNAUvDpswB2NIh651fwdsLgHUN0QZEN83XuDmcNAr2BiCp4WmNB4C0SB7qPGQEUN/z8+449UoMANQOIgKIf3RQAPfdjhQgPpRAA6gQhQYcuwZQEXLo7aQGHLqDlP0AQBH67+2/cBRqXz21nf8AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACb0lEQVRYR+2WX07bQBDGZ9ZReewmXCCREqo+0dyA3CA5AeQRoyrNCdKeACSU8Ag9QegNeoOEJwREgguQuG+NsHe6a9fU2jr2+g9ClRrJL2tn9tvffDOzCK/8w1feH/4LiCXAz67rL5Ea5/D9gx73LwH89G6PWTCVH3L5OCUIeY4j0G3rIjZ6YHt8eyAQ91d2q1NERO1scQ5EV0u7dRIX598QUBvffAa09tUJBImec7Qzr03uPgHgwF/zqO98bH1X1AjZKLpWGgHlDR+hW5k7w4bvDZO13AL4+PYDQ5wJorY6cR4fqGpiVJkJD3qKUCYPqI8l5mOJubu0m42sAvjxPcctdypNNpcGHG76f2onlCJmBPiA5F1lEUFo7SJQXawrnTBlmQn4ef5zEg6IZqkg6pI8OaHbj2s+USGpBPxU+FXA3iahjAatThZTRuLb49HORRo1YwEK6cpu9tICqvelC1BpYFvuSqbgQna15PaMyIFgT6ytdlLuw4MYEfC9oMoSqKtSkUiBxA8BeGlaupkE6EEVGXjzVI9dlypLIxA0JTYV+NSJulqZM84bpXugNlncI4kvuqtlj1jJTtnRCfjr60qjFAKhAWXAajTg8zq6Db3WpQAybeFGHthIQM56IuB6eQaTEkZxdHQDGwkIxiwOZCNqRwMEFLwZgjd8tN9dRt/9noJyjrSqSVVjJCA0YdxQSuqSilx4V8g9jIJZ4J0jgrM8bPZ1AmriMaKvukFDOoUF+PlE3BU/raHu6u3JTVcAG8TdG9VlBS0Ypd0pjVKQlEN10k3llvQucys2GUJ5vilMIM+mme8DRTcpXIYvKeAXqO5/MH+dwtoAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACNklEQVRIS+1VPXrTQBCd3WDFdE6PFbnCDo1zAuQTkCPgE5CcgPgEghMYnyDJCZycwKYgNhVCTk86QPLOsKNPgv2EokUiXxpQo0/7M2/mzZsnAQ/8iAfGg38Q8KPrTInIuxeqBSz7UXJixvqN0pXX9gjpSBK+0MCTJsBCygBBzEji5bMwWVYC8uYHrzXcURD0N8moCeB63zlDhNnBJj4v3i8VjQmYUgzgA9A503PddY6kgIADkZSjQfgtXLvOQn929LnZIIpPmwGimPaj+JADLzzo8PswhNuy7+JabUAOwFkjwaSMliqaV93WSyHEq68yHuUJWnvIB1g8AnGhJI1iSMI/6WUb2h19Z06I48HN9rLsTuXgZ/060xdTKi0P036r1Tk5iL6/ueus1Wm4H6Tw7V0Z54GZSinE86dRPK5KzA7otgIkcWXr5b0BZrS+1kNQ2pNf1Qhf9+7ExoS1wlxAoJRfRRXuwLLoKrVFk8/XrnJ8k9LU/hQOi2uw3Xp/XWEqGqSLwSZ5l2e87rbmqasYayvXOeV9dprGokktznCcn4Cu80m7UM8MzBaoCC5s4qrsIVvaY3S+aNfYM12DgyPAZ7OaTFxTfbZX5jB5clbRpJmDeG8Oc56INu8em7c5i9rWAl39XuPBv3Z3jyXgfvFHmlZJdGX2kUHYg6vGo7LCvIfFAFmFc+2zY3MUsvVF/tuqPRarJ498ErJTFAInIhUMi9UxYBud4yqlWntoc+y6+/8B6zJmPf8Dd9c+LGBHLLUAAAAASUVORK5CYII=\"","import React, { useState, useContext, useEffect } from 'react'\r\nimport { StateContext } from '../../../state';\r\nimport { StateDeviceContext } from '../../../state_device';\r\nimport http from '../../../../../utils/server'\r\nimport { Row, Col, Button, Spin, Modal, Input, Space, Checkbox, Divider, DatePicker, Tabs, message, InputNumber, Select} from 'antd'\r\nimport moment from 'moment';\r\nimport { ExclamationCircleOutlined} from '@ant-design/icons'\r\nimport './device.less'\r\nimport { Mode } from '../../../../../App';\r\nimport md5 from 'js-md5';\r\nconst { RangePicker } = DatePicker;\r\nconst { TabPane } = Tabs;\r\nconst intReg = /^(0|1?\\d{0,2}|2[0-4]\\d|25[0-5])$/;\r\n\r\nfunction formatTime(time){\r\n if(time){\r\n var strs= time.split(':');\r\n if(strs.length<2) return time; \r\n strs[0].length===1&&(strs[0]='0'+strs[0]);\r\n strs[1].length===1&&(strs[1]='0'+strs[1]);\r\n return strs[0]+':'+strs[1];\r\n }\r\n}\r\nfunction DeviceSet(props) {\r\n const { state, dispatch } = useContext(StateContext)\r\n const { state_device, dispatch_device } = useContext(StateDeviceContext)\r\n const [device, setDevice] = useState(props.item)\r\n const [devices, setDevices] = useState({type:5,data:[]});\r\n const [serverIP, setServerIP] = useState({ validity: false, error: false, type: 1 })//IP \r\n const [deviceTime, setDeviceTime] = useState({ validity: false, error: false, type: 2 })//设备时间\r\n const [uploadInterval, setUploadInterval] = useState({ validity: false, error: false, type: 3 })//回传间隔\r\n const [sensorStop, setSensorStop] = useState({ validity: false, error: false, type: 4 })//停用\r\n const [sensorAlarm, setSensorAlarm] = useState({ validity: false, error: false, type: 5 })//探头报警参数\r\n const [powerAlarm, setPowerAlarm] = useState({ validity: false, error: false, type: 6 })//电源\r\n const [batteryAlarm, setBatteryAlarm] = useState({ validity: false, error: false, type: 7 })//电量\r\n const [overAlarm, setOverAlarm] = useState({ validity: false, error: false, type: 8 })//温湿度超标报警\r\n\r\n const [store, setStore] = useState({ validity: false, error: false, type: 9 })//存储间隔\r\n const [revise, setRevise] = useState({ validity: false, error: false, type: 10 })//补偿\r\n const [devClose, setDevClose] = useState({ validity: true, error: false, type: 11 })//关机\r\n const [devStronInfo, setDevStronInfo] = useState({ validity: true, error: false, type: 12})//存储信息\r\n const [load, setLoad] = useState(false)\r\n const [timeReadDataStart,setTimeReadDataStart] = useState({ validity: false, error: false, value:\"\" })\r\n const [timeReadDataEnd,setTimeReadDataEnd] = useState({ validity: false, error: false, value:\"\" })\r\n const [offline,setOffLine] = useState({offtime:10,interval:5,count:2});\r\n const [showAffirm,setShowAffirm] = useState(false);//设置参数身份确认弹窗\r\n const [affirmPwd,setAffirmPwd] = useState(''); //设置参数确认密码\r\n const [setState, setSetState] = useState(0);//设置状态 0不能设置 1普通设置 2超级设置\r\n const [isSet,setIsSet] = useState(false);//是否有设置权限\r\n const [devList, setDevList] = useState([]);//选中的主机名\r\n const [selDevNodes,setSelDevNodes] = useState([]);\r\n const [isShowSet,setIsShowSet] = useState(true);\r\n const [cmd,setCmd]= useState('');\r\n useEffect(() => {\r\n setSetState(state.setState);\r\n let role = state.main.role;\r\n setIsSet(role.match('305')===null?false:true)\r\n let devs = \r\n state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209))\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&x.ExprieStatus!==3&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209))\r\n let devNodes = [];\r\n devs.map(m=>{\r\n let temp = devNodes.findIndex(x=>x.sn===m.Sn)\r\n if(temp===-1){\r\n devNodes.push({sn:m.Sn,name:m.MName,nodes:[{value:m.ID,label:m.Name,key:m.ID,checked:false}],all:false,indeterminate:false})\r\n }else{\r\n devNodes[temp].nodes.push({value:m.ID,label:m.Name,key:m.ID,checked:false})\r\n }\r\n })\r\n if(devNodes.length>0){\r\n devNodes[0].all = true\r\n devNodes[0].nodes.map(m=>{\r\n m.checked = true\r\n })\r\n }\r\n devNodes.sort((a,b)=>a.sn-b.sn);\r\n setDevList(devNodes)\r\n \r\n if(devs.length>0){\r\n let devsTemp = devs.filter(x=>x.Sn===devs[0].Sn);\r\n let devsData =[{Sn:devs[0].Sn,Params:devs[0].Params,Sensor:[],StoreInfo:devs[0].StoreInfo,Type:devs[0].Type}];\r\n devsTemp.map(m=>{\r\n m.Sensor.Name = m.Name\r\n devsData[0].Sensor.push(m.Sensor)\r\n })\r\n let devsInfo = devices;\r\n devsInfo.data = devsData;\r\n setDevices(devsInfo)\r\n }\r\n setSelDevNodes(devs.sort((a,b)=>a.Sn-b.Sn))\r\n }, [])\r\n\r\n const ReadALL = (t, call) => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/getdevice\", { ...t, device: device.Sn, node: device.Node }).then(data => {\r\n if (data.code == 0) {\r\n call({ ...t, validity: true })\r\n }\r\n })\r\n }\r\n const ReadDeviceParams = (t, call) => {\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/getdevice\", { ...t, device: device.Sn, node: device.Node }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n if(data.data.Params.OverAlarm.StartTime!==\"\"){\r\n data.data.Params.OverAlarm.StartTime= formatTime(data.data.Params.OverAlarm.StartTime);\r\n data.data.Params.OverAlarm.EndTime= formatTime(data.data.Params.OverAlarm.EndTime);\r\n }\r\n data.data.Name = device.Name;\r\n data.data.MName = device.MName;\r\n setDevice(data.data);\r\n call({ ...t, validity: true });\r\n }\r\n })\r\n }\r\n const ReadDeviceData = () => {\r\n if(!timeReadDataStart.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n if(!timeReadDataEnd.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/readdevicedata\", { \r\n device: device.Sn, \r\n node: device.Node,\r\n starttime:timeReadDataStart.value ,\r\n endtime:timeReadDataEnd.value\r\n }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n\r\n }\r\n })\r\n }\r\n const SetDeviceOffLineAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/deviceoffline/\" + device.ID, { alarm: t.alarm ,offtime:t.offtime,interval:t.interval,count:t.count}).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n console.log(t);\r\n device.Sensor.OffLineAlarm=t.alarm;\r\n device.Sensor.OffLineTime=t.offtime;\r\n device.Sensor.OffLineAlarmInterval=t.interval;\r\n device.Sensor.OffLineAlarmCount=t.count;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceLinkAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/devicelink/\" + device.ID, { alarm: t }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n device.Sensor.LinkAlarm=t;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceParams = (t) => {\r\n if (t.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n } else {\r\n setLoad(true)\r\n setTimeout(() => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevice\", { ...t, device: device }).then(data => {\r\n setLoad(false)\r\n })\r\n }, 1000);\r\n }\r\n }\r\n const SetDevicesParams = ()=> {\r\n setLoad(true)\r\n setTimeout(() => {\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevices\", { devices: devices }).then(data => {\r\n setLoad(false)\r\n })\r\n }, 1000);\r\n }\r\n const SetDevicesWarning=()=>{\r\n let devs = [];\r\n devices.data.map(m=>{\r\n m.Sensor.map(n=>{\r\n devs.push({\r\n sn:m.Sn,\r\n node:n.Id,\r\n temp_warning_high:n.TempWarningHigh,\r\n temp_warning_low:n.TempWarningLow,\r\n humi_warning_high:n.HumiWarningHigh,\r\n humi_warning_low:n.HumiWarningLow,\r\n })\r\n })\r\n })\r\n http.put((props.cloud ? \"/v3\" : \"/v1\")+\"/deviceswarning\", {\r\n devices:devs\r\n }).then(data=>{\r\n console.log('批量预警',data);\r\n })\r\n }\r\n const SetDevicesFree=()=>{\r\n let devs = [];\r\n devices.data.map(m=>{\r\n m.Sensor.map(n=>{\r\n devs.push({\r\n sn:m.Sn,\r\n node:n.Id,\r\n hide:n.Hide\r\n })\r\n })\r\n })\r\n http.put((props.cloud ? \"/v3\" : \"/v1\")+\"/devicesfree\", {\r\n devices:devs\r\n }).then(data=>{\r\n console.log('批量空库',data);\r\n })\r\n }\r\n return (\r\n \r\n \r\n {/* 选择用户 */}\r\n {\r\n Mode==='soc'&& {\r\n if(value===undefined||value===0){//清空用户选择\r\n setData(dataSave);//默认全部\r\n setSelUserDis(state.district);//清空已选择用户的区域\r\n setSelUser(0);//清空选择用户给区域选择提供判定条件\r\n }else{\r\n setSelUser(value);\r\n let userDis = state.district.filter(x=>x.user===value);\r\n findUserDis(value,state.systemuser.list,state.district,userDis);\r\n let temp=[];\r\n setSelUserDis(userDis);\r\n userDis.map(item=>{\r\n temp= temp.concat(dataSave.filter(x=>x.district === item.id));\r\n })\r\n setData(temp.sort((a,b)=>new Date(b.alarm_date).getTime()-new Date(a.alarm_date).getTime()));\r\n } \r\n \r\n }}\r\n // treeData={[{title:'全部',value:'全部'}].concat(state.systemuser.tree)}\r\n treeData={state.systemuser.treeM}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n />\r\n }\r\n \r\n {/* {\r\n setSelAlarmDev('');\r\n setSelDeviceNodes([]);\r\n setSelDevice([]);\r\n setDisNodes(nodeFliters);\r\n setAlarmDevOption(devFliters);\r\n if(val.length===0) return\r\n let arrDev = new Array();\r\n let arrDevice = new Array();\r\n state.device.filter(x => x.district === val[val.length - 1].slice(3)*1).sort((a, b) => a.sn - b.sn).map(m => {\r\n arrDev.push({ label: m.name+'-'+m.sn, value: m.id,sn:m.sn });\r\n arrDevice.findIndex(x => x.value === m.sn) === -1 && arrDevice.push({ label: m.m_name+'-'+m.sn, value: m.sn });\r\n })\r\n if (arrDev.length === 0) {\r\n message.info('该区域下暂无设备')\r\n setDisNodes([]);\r\n setAlarmDevOption([]);\r\n } else {\r\n setDisNodes(arrDev);\r\n setAlarmDevOption(arrDevice);\r\n }\r\n \r\n }} showSearch={(inputValue, path) => path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)} \r\n displayRender={label=>label[label.length - 1]}\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 selDev!==''&&\r\n
\r\n \r\n 主机:{selDev}\r\n
\r\n }\r\n \r\n {\r\n selNode!==\"\"&&\r\n
\r\n \r\n 测点:{selNode}\r\n
\r\n \r\n }\r\n \r\n {/* 报警展示 */}\r\n
\r\n {\r\n setShowDealMsgBox(false)\r\n }}>\r\n {setShowDealMsg({...showDealMsg,why:e.target.value})}}/>\r\n {setShowDealMsg({...showDealMsg,who:e.target.value})}}/>\r\n {setShowDealMsg({...showDealMsg,deal:e.target.value})}}/>\r\n {/* \r\n {\r\n setShowDeal(false)\r\n }}>\r\n {\r\n http.post(\"/v1/dealalarms\", { alarm: dealList, msg: JSON.stringify(values) }).then(data => {\r\n if (data.code === 0) {\r\n setIsLoading(true);\r\n setSelectedRowKeys([]);\r\n getAlarmData();\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 报警原因：{showDealMsg.why || \"未知\"}
*/}\r\n {/* 处理人员：{showDealMsg.who || \"未知\"}
*/}\r\n {/* 处理结果：{showDealMsg.deal || \"未知\"}
*/}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n }} tabBarExtraContent={}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n // state.main.type===101&&\r\n \r\n 0&&\r\n }\r\n onChange={key=>{\r\n setIsShowSet(true);\r\n if(key==='1'){//上下限\r\n devices.type = 5;\r\n }\r\n if(key==='2'){//超标\r\n devices.type = 8;\r\n }\r\n if(key==='3'){//预警\r\n devices.type = -1;\r\n }\r\n if(key==='4'){//空库\r\n devices.type = -2;\r\n }\r\n if(key==='5'){//断电\r\n devices.type = 6;\r\n }\r\n if(key==='6'){//补偿\r\n devices.type = 10;\r\n }\r\n if(key==='7'){//回传间隔\r\n devices.type = 3;\r\n }\r\n if(key==='8'){//存储间隔\r\n devices.type = 9;\r\n }\r\n if(key==='9'){//基本设置\r\n setIsShowSet(false)\r\n }\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 setState>1 &&\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 let s = 0\r\n if(state.main.account==='湖北亿昊药业有限公司'){\r\n if(affirmPwd.startsWith(\"湖北亿昊药业有限公司\")){\r\n let strs = affirmPwd.split('+');\r\n if(strs.length>1){\r\n if(md5(strs[1])===state.main.password){\r\n s=2;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n \r\n }else{\r\n if(md5(affirmPwd)===state.main.password){\r\n s=1;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }\r\n }else{\r\n if(affirmPwd.startsWith(\"admin\")){\r\n if(md5(affirmPwd.slice(5))===state.main.password){\r\n s=2;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }else{\r\n if(md5(affirmPwd)===state.main.password){\r\n s=1;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }\r\n }\r\n setSetState(s);\r\n props.changeSetState(s);\r\n dispatch({type:'super',super:s})\r\n dispatch({type:'setState',setState:s===0?0:1})\r\n }} onCancel={()=>setShowAffirm(false)}>\r\n setAffirmPwd(e.target.value)} />\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DeviceSet","import React, { useState, useContext, useEffect } from 'react'\r\nimport { StateContext, TimeFormatSeconds } from '../../../state';\r\nimport http from '../../../../../utils/server'\r\nimport { Row, Col, Button, Spin, Modal, Input, Space, Checkbox, Divider, DatePicker } from 'antd'\r\nimport moment from 'moment';\r\n\r\nimport './device.less'\r\nimport { Mode } from '../../../../../App';\r\nconst { RangePicker } = DatePicker;\r\nfunction formatDateTimes(inputTime) {\r\n var date = new Date(inputTime);\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;\r\n};\r\n\r\nfunction DeviceRoomSet(props) {\r\n const { state, dispatch } = useContext(StateContext)\r\n\r\n const [device, setDevice] = useState(props.item)\r\n const [runTime, setRunTime] = useState({ validity: false, error: false, type: 1, value: 10 })\r\n const [load, setLoad] = useState(false)\r\n const SetDeviceOpenDoor = (t) => {\r\n if (runTime.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdeviceio\", { device: device.Sn, status: 1, channel: 1, mode: 0, time: runTime.value }).then(data => {\r\n setLoad(false)\r\n if (data.code === 0) {\r\n setDevice({ ...device, OffLineAlarm: t })\r\n }\r\n })\r\n }\r\n const SetDeviceCloseDoor = (t) => {\r\n if (runTime.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdeviceio\", { device: device.Sn, status: 1, channel: 2, mode: 0, time: runTime.value }).then(data => {\r\n setLoad(false)\r\n if (data.code === 0) {\r\n setDevice({ ...device, LinkAlarm: t })\r\n }\r\n })\r\n }\r\n const SetDeviceParams = (t) => {\r\n if (t.validity) {\r\n if (t.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n } else {\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/setdevice\", { ...t, device: device }).then(data => {\r\n setLoad(false)\r\n })\r\n }\r\n } else {\r\n Modal.error({\r\n title: '操作错误',\r\n centered: true,\r\n content: '设置之前必须先读取参数',\r\n });\r\n }\r\n }\r\n return (\r\n\r\n \r\n {device.Name}\r\n {' 主机名：' + device.MName}\r\n \r\n {' 主机编号：' + device.Sn} \r\n {' 测点ID: ' + device.Node} \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* 温湿度预警 */}\r\n */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: val*1 } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: 2 } })\r\n }\r\n }} />\r\n {/* \r\n\r\n {/* */}\r\n \r\n \r\n {/* */}\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmHigh: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmLow: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n \r\n\r\n {/* */}\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: (val) } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: parseFloat(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, StartTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, EndTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time:val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: count} } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, HumiCount: count } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, HumiCount: val } } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n setCmd(e.target.value)\r\n }} />\r\n \r\n \r\n \r\n {\r\n setState>0&&\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 {/* IP地址 */}\r\n \r\n {\r\n setDevice({ ...device, Params: { ...device.Params, IPAddress: e.target.value } })\r\n }} />\r\n \r\n {\r\n setState>0&&state.main.type<103&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n // 补偿\r\n setState>1&&\r\n \r\n {\r\n let value = e;\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempCompensate: value } })\r\n }} />\r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiCompensate:e } })\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n {/* 回传间隔 */}\r\n \r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n uploadInterval.error = false\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(val) } })\r\n } else {\r\n uploadInterval.error = true\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: val } })\r\n }\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {/* 读取设备时间 */}\r\n \r\n \r\n \r\n {\r\n setState>0&&\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 var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: val } })\r\n }\r\n }} />\r\n {\r\n\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: val } })\r\n }\r\n }}/>\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {/* 探头停用 */}\r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Enable: e.target.checked ? 1 : 0 } })\r\n }}>停用 \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {/* 探头连接失败 */}\r\n 0} onChange={e=>{\r\n // setDevHide(2);\r\n // let devsTemp = JSON.parse(JSON.stringify(devices));\r\n // setDevices(devsTemp)\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Hide: e.target.checked?2:0 } })\r\n\r\n }}>空库 \r\n {\r\n // setDevHide(e.target.checked?2:3);\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Hide: e.target.checked?2:3 } })\r\n }}>存储 \r\n {\r\n setState>0&&\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 // console.log(dateStrings)\r\n if (dateStrings[0] !== \"\") {\r\n setTimeReadDataStart({ validity: true, error: false, value:dateStrings[0] })\r\n setTimeReadDataEnd({ validity: true, error: false, value:dateStrings[1] })\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 setOffLine({...offline,offtime:e.target.value*1})\r\n }}/>\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if(reg.test(val)){\r\n setOffLine({...offline,interval:val*1})\r\n }else{\r\n setOffLine({...offline,interval:1})\r\n }\r\n \r\n }}/>\r\n {\r\n setOffLine({...offline,count:e.target.value*1})\r\n }}/>\r\n \r\n \r\n \r\n {/* 存储信息 */}\r\n {\r\n setState>1&&\r\n 存储信息：
\r\n \r\n \r\n 当前存储数据的扇区:{device.StoreInfo.CurrSector}
\r\n 当前存储数据的扇区ADDRESS:{device.StoreInfo.CurrSectorAddr}
\r\n\r\n \r\n }\r\n {\r\n setState>1&&\r\n 读取存储数据的扇区:{device.StoreInfo.ReadSector}
\r\n 读取存储数据的扇区ADDRESS:{device.StoreInfo.ReadSectorAddr}
\r\n 大批量读取数据的起始扇区:{device.StoreInfo.LargeSector}
\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {\r\n let devInfo= devices;\r\n if(e.target.checked){\r\n devList.map(m=>{\r\n m.all = true;\r\n m.nodes.map(mn=>{\r\n mn.checked = true\r\n })\r\n })\r\n let devsTemp = \r\n state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209))\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&x.ExprieStatus!==3&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209));\r\n let devsData=[]\r\n devsTemp.map(m=>{\r\n let temp =devsData.findIndex(x=>x.Sn===m.Sn);\r\n m.Sensor.Name = m.Name\r\n if(temp===-1){\r\n devsData.push({Sn:m.Sn,Params:m.Params,Sensor:[m.Sensor],StoreInfo:m.StoreInfo,Type:m.Type})\r\n }else{\r\n devsData[temp].Sensor.push(m.Sensor)\r\n }\r\n })\r\n devsData.sort((a,b)=>a.Sn-b.Sn)\r\n devInfo.data=devsData;\r\n }else{\r\n devList.map(m=>{\r\n m.all = false;\r\n m.nodes.map(mn=>{\r\n mn.checked = false\r\n })\r\n })\r\n devInfo.data =[]\r\n }\r\n let devs = devList.concat();\r\n setDevList(devs)\r\n setDevices(devInfo)\r\n }}>\r\n 全选\r\n \r\n
\r\n {\r\n devList.map((m,index)=>{\r\n return(\r\n \r\n
)\r\n })\r\n }\r\n \r\n \r\n 主机名: \r\n {m.name}\r\n
\r\n \r\n 主机编号: \r\n {m.sn}\r\n
\r\n \r\n \r\n 测点\r\n {\r\n let devInfo= devices;\r\n let tempdevInfo = state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209))\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&x.ExprieStatus!==3&&\r\n (x.Type!==205&&x.Type!==207&&x.Type!==209));\r\n m.indeterminate = false\r\n if(e.target.checked){\r\n m.nodes.map(n=>{\r\n n.checked = true;\r\n })\r\n m.all = true;\r\n tempdevInfo.filter(x=>x.Sn===m.sn).map(n=>{\r\n let temp = devInfo.data.findIndex(x=>x.Sn===m.sn);\r\n n.Sensor.Name = n.Name\r\n if(temp===-1){\r\n devInfo.data.push({Sn:n.Sn,Params:n.Params,Sensor:[n.Sensor],StoreInfo:n.StoreInfo,Type:n.Type})\r\n }else{\r\n devInfo.data[temp].Sensor.push(n.Sensor)\r\n }\r\n })\r\n devInfo.data.sort((a,b)=>a.Sn-b.Sn)\r\n }else{\r\n m.all = false;\r\n m.nodes.map(n=>{\r\n n.checked = false\r\n })\r\n devInfo.data = devInfo.data.filter(x=>x.Sn!==m.sn)\r\n }\r\n let templist = devList.concat()\r\n setDevList(templist)\r\n setDevices(devInfo)\r\n }} checked={m.all}>\r\n 全选\r\n \r\n
\r\n \r\n {\r\n m.nodes.map(mm=>{\r\n return(\r\n {\r\n let devInfo= devices;\r\n let temp = state_device.devicestate.filter(x=>x.ID === mm.value);\r\n let n = temp[0];\r\n let index = devInfo.data.findIndex(x=>x.Sn===n.Sn)\r\n if(e.target.checked){\r\n mm.checked = true;\r\n n.Sensor.Name = n.Name\r\n if(index===-1){\r\n devInfo.data.push({Sn:n.Sn,Params:n.Params,Sensor:[n.Sensor],StoreInfo:n.StoreInfo,Type:n.Type})\r\n devInfo.data.sort((a,b)=>a.Sn-b.Sn)\r\n }else{\r\n devInfo.data[index].Sensor.push(n.Sensor);\r\n devInfo.data[index].Sensor.sort((a,b)=>a.Id-b.Id)\r\n }\r\n \r\n }else{\r\n mm.checked = false\r\n let sensonTemp =devInfo.data[index].Sensor;\r\n sensonTemp= sensonTemp.filter(x=>x.Id!==n.Node);\r\n if(sensonTemp.length>0){\r\n devInfo.data[index].Sensor = sensonTemp;\r\n }else{\r\n devInfo.data=devInfo.data.filter(x=>x.Sn!==n.Sn)\r\n }\r\n \r\n }\r\n setDevices(devInfo)\r\n let ttt=devList.filter(x=>x.sn===m.sn)[0].nodes\r\n // console.log(ttt);\r\n let checkNodelen= ttt.filter(x=>x.checked).length\r\n if(checkNodelen===0||checkNodelen===ttt.length){\r\n m.indeterminate = false\r\n }else{\r\n m.indeterminate = true\r\n }\r\n if(checkNodelen===ttt.length){\r\n m.all = true\r\n }else{\r\n m.all = false\r\n }\r\n let templist=devList.concat()\r\n \r\n setDevList(templist)\r\n }}\r\n >{mm.label} \r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempAlarmHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempAlarmLow = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.HumiAlarmHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} disabled={n.HumiEnable!==0||!n.HumiSwitch}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.HumiAlarmLow = parseFloat(e.target.value) \r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} disabled={n.HumiEnable!==0||!n.HumiSwitch}/>\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n */}\r\n \r\n {\r\n let reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n m.Params.OverAlarm.StartTime = e.target.value;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n m.Params.OverAlarm.EndTime = e.target.value;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.OverAlarm.Time = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.OverAlarm.TimeInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n m.Params.OverAlarm.TempCount =count;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n m.Params.OverAlarm.HumiCount = count;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n {/* 报警参数：
*/}\r\n {/* \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempWarningHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempWarningLow = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.HumiWarningHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} disabled={n.HumiEnable!==0||!n.HumiSwitch}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.HumiWarningLow = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} disabled={n.HumiEnable!==0||!n.HumiSwitch}/>\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n 1} onChange={e=>{\r\n if(e.target.checked){\r\n n.Hide=2\r\n }else{\r\n n.Hide=0\r\n }\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }}>空库 \r\n {\r\n n.Hide = e.target.checked?2:3;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevHide();\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmTimeCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmMsgIntCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmMsgCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n n.TempCompensate = e;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }} />\r\n {\r\n n.HumiCompensate = e;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n 补偿：
温度：
\r\n 湿度：
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n
\r\n \r\n
\r\n 主机
\r\n {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.RealTimeInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(val) } })\r\n } \r\n }} />\r\n \r\n ) \r\n })\r\n }\r\n \r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n \r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.NorStoreInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(val) } })\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.AlmStoreInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(val) } })\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n \r\n \r\n \r\n {/* 温湿度预警 */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n \r\n \r\n \r\n\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmHigh: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiAlarmLow: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: (val) } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: parseFloat(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {/* 电量 */}\r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, StartTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, EndTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time:val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: count} } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, HumiCount: count } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, HumiCount: val } } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n setDevice({ ...device, Params: { ...device.Params, IPAddress: e.target.value } })\r\n }} />\r\n\r\n {\r\n setState>0&&state.main.type<103&&\r\n \r\n }\r\n \r\n \r\n \r\n {/* 回传间隔 */}\r\n \r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(val) } })\r\n } else {\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: val } })\r\n }\r\n }} />\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {/* 补偿 */}\r\n \r\n {\r\n let value = e;\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempCompensate: value } })\r\n }} />\r\n {\r\n\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiCompensate:e } })\r\n }} />\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n : \r\n }\r\n \r\n \r\n {/* 设备时间 */}\r\n \r\n \r\n {\r\n setState>0&&\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 var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: val } })\r\n }\r\n }} />\r\n {\r\n\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: val } })\r\n }\r\n }}/>\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {/* 探头停用 */}\r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Enable: e.target.checked ? 1 : 0 } })\r\n }}>停用 \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n\r\n \r\n {/* 0} onChange={e=>{\r\n setDevice({...device,Sensor:{...device.Sensor,Hide:e.target.checked?2:0}});\r\n }}>空库 \r\n {\r\n setDevice({...device,Sensor:{...device.Sensor,Hide:e.target.checked?2:3}});\r\n }}>存储 \r\n {\r\n setState>0&&\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 // console.log(dateStrings)\r\n if (dateStrings[0] !== \"\") {\r\n setTimeReadDataStart({ validity: true, error: false, value:dateStrings[0] })\r\n setTimeReadDataEnd({ validity: true, error: false, value:dateStrings[1] })\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 setOffLine({...offline,offtime:e.target.value*1})\r\n }}/>\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if(reg.test(val)){\r\n setOffLine({...offline,interval:val*1})\r\n }else{\r\n setOffLine({...offline,interval:1})\r\n }\r\n \r\n }}/>\r\n {\r\n setOffLine({...offline,count:e.target.value*1})\r\n }}/>\r\n \r\n \r\n */}\r\n {/* \r\n {device.Name} {' 主机编号：' + device.Sn} {' 测点ID: ' + device.Node} {Mode !== 'soc' ? null : ' 用户: ' + state.district.filter(item => item.id === device.District)[0].user_name}\r\n {' 区域: ' + state.district.filter(item => item.id === device.District)[0].name}\r\n
\r\n 开启遮阳：\r\n
\r\n \r\n 关闭遮阳：\r\n
\r\n \r\n \r\n {\r\n setIsMore(e==='1'?false:true)\r\n }}tabBarExtraContent={}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 && isShowSet&&\r\n }\r\n onChange={key=>{\r\n setIsShowSet(true);\r\n if(key==='1'){//上下限\r\n devices.type = 5;\r\n }\r\n if(key==='2'){//超标\r\n devices.type = 8;\r\n }\r\n if(key==='3'){//预警\r\n devices.type = -1;\r\n }\r\n if(key==='4'){//空库\r\n devices.type = -2;\r\n }\r\n if(key==='5'){//断电\r\n devices.type = 6;\r\n }\r\n if(key==='6'){//补偿\r\n devices.type = 10;\r\n }\r\n if(key==='7'){//回传间隔\r\n devices.type = 3;\r\n }\r\n if(key==='8'){//存储间隔\r\n devices.type = 9;\r\n }\r\n if(key==='9'){//基本设置\r\n setIsShowSet(false)\r\n }\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 setState>1 &&\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 let s = 0;\r\n if(affirmPwd.startsWith(\"admin\")){\r\n if(md5(affirmPwd.slice(5))===state.main.password){\r\n s=2\r\n setShowAffirm(false);\r\n }else{\r\n s=0\r\n message.warn('密码错误');\r\n }\r\n }else{\r\n if(md5(affirmPwd)===state.main.password){\r\n s=1\r\n setShowAffirm(false);\r\n }else{\r\n s=0\r\n message.warn('密码错误');\r\n }\r\n }\r\n setSetState(s);\r\n props.changeSetState(s);\r\n dispatch({type:'super',super:s})\r\n dispatch({type:'setState',setState:s===0?0:1})\r\n }} onCancel={()=>setShowAffirm(false)}>\r\n setAffirmPwd(e.target.value)} />\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DeviceSet","import React, { useState, useContext, useEffect } from 'react'\r\nimport { StateContext } from '../../../state';\r\nimport http from '../../../../../utils/server'\r\nimport { Row, Col, Button, Spin, Modal, Input, Space, Checkbox, DatePicker, Tabs, message, InputNumber, Switch} from 'antd'\r\nimport moment from 'moment';\r\nimport { ExclamationCircleOutlined} from '@ant-design/icons'\r\nimport './device.less'\r\nimport { Mode } from '../../../../../App';\r\nimport md5 from 'js-md5';\r\nconst { RangePicker } = DatePicker;\r\nconst { TabPane } = Tabs;\r\n\r\nfunction formatTime(time){\r\n if(time){\r\n var strs= time.split(':');\r\n if(strs.length<2) return time; \r\n strs[0].length===1&&(strs[0]='0'+strs[0]);\r\n strs[1].length===1&&(strs[1]='0'+strs[1]);\r\n return strs[0]+':'+strs[1];\r\n }\r\n}\r\nfunction DeviceSet(props) {\r\n const { state, dispatch } = useContext(StateContext)\r\n\r\n const [device, setDevice] = useState(props.item)\r\n const [serverIP, setServerIP] = useState({ validity: false, error: false, type: 1 })\r\n const [deviceTime, setDeviceTime] = useState({ validity: false, error: false, type: 2 })\r\n const [uploadInterval, setUploadInterval] = useState({ validity: false, error: false, type: 3 })\r\n const [sensorStop, setSensorStop] = useState({ validity: false, error: false, type: 4 })\r\n\r\n const [store, setStore] = useState({ validity: false, error: false, type: 9 })\r\n const [revise, setRevise] = useState({ validity: false, error: false, type: 10 })\r\n const [devClose, setDevClose] = useState({ validity: true, error: false, type: 11 })\r\n const [devStronInfo, setDevStronInfo] = useState({ validity: true, error: false, type: 12})\r\n const [load, setLoad] = useState(false)\r\n\r\n const [timeReadDataStart,setTimeReadDataStart] = useState({ validity: false, error: false, value:\"\" })\r\n const [timeReadDataEnd,setTimeReadDataEnd] = useState({ validity: false, error: false, value:\"\" })\r\n const [offline,setOffLine] = useState({offtime:10,interval:5,count:2});\r\n const [showAffirm,setShowAffirm] = useState(false);//设置参数身份确认弹窗\r\n const [affirmPwd,setAffirmPwd] = useState(''); //设置参数确认密码\r\n const [setState, setSetState] = useState(0);//设置状态 0不能设置 1普通设置 2超级设置\r\n const [isSet,setIsSet] = useState(false);//是否有设置权限\r\n const [isMore,setIsMore] = useState(false);//是否多测点设置\r\n const [devList, setDevList] = useState([]);//选中的主机名\r\n useEffect(() => {\r\n let today = new Date().setHours(0,0,0);\r\n let todayTime = new Date(today).getTime();\r\n setSetState(state.setState);\r\n let role = state.main.role;\r\n setIsSet(role.match('305')===null?false:true)\r\n let devs = \r\n state.main.type<102? state.device.filter(x=>x.node!==0&&x.district==props.item.District&&\r\n x.type===207)\r\n : \r\n state.device.filter(x=>x.node!==0&&x.district==props.item.District&&new Date(x.expire).getTime()>todayTime&&\r\n x.type===207);\r\n let devNodes = [];\r\n devs.map(m=>{\r\n let temp = devNodes.findIndex(x=>x.sn===m.sn)\r\n if(temp===-1){\r\n devNodes.push({sn:m.sn,name:m.m_name,nodes:[{value:m.id,label:m.name,key:m.node,checked:false}],all:false,indeterminate:false})\r\n }else{\r\n devNodes[temp].nodes.push({value:m.id,label:m.name,key:m.node,checked:false})\r\n }\r\n })\r\n if(devNodes.length>0){\r\n devNodes[0].all = true\r\n devNodes[0].nodes.map(m=>{\r\n m.checked = true\r\n })\r\n }\r\n setDevList(devNodes)\r\n }, [])\r\n\r\n\r\n const ReadDeviceParams = (t, call) => {\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/getdevice\", { ...t, device: device.Sn, node: device.Node }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n if(data.data.Params.OverAlarm.StartTime!==\"\"){\r\n data.data.Params.OverAlarm.StartTime= formatTime(data.data.Params.OverAlarm.StartTime);\r\n data.data.Params.OverAlarm.EndTime= formatTime(data.data.Params.OverAlarm.EndTime);\r\n }\r\n data.data.Name = device.Name;\r\n data.data.MName = device.MName;\r\n setDevice(data.data);\r\n call({ ...t, validity: true });\r\n }\r\n })\r\n }\r\n const ReadDeviceData = () => {\r\n if(!timeReadDataStart.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n if(!timeReadDataEnd.validity){\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n return\r\n }\r\n setLoad(true)\r\n http.post((props.cloud ? \"/v3\" : \"/v1\") + \"/readdevicedata\", { \r\n device: device.Sn, \r\n node: device.Node,\r\n starttime:timeReadDataStart.value ,\r\n endtime:timeReadDataEnd.value\r\n }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n\r\n }\r\n })\r\n }\r\n const SetDeviceOffLineAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/deviceoffline/\" + device.ID, { alarm: t.alarm ,offtime:t.offtime,interval:t.interval,count:t.count}).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n console.log(t);\r\n device.Sensor.OffLineAlarm=t.alarm;\r\n device.Sensor.OffLineTime=t.offtime;\r\n device.Sensor.OffLineAlarmInterval=t.interval;\r\n device.Sensor.OffLineAlarmCount=t.count;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceLinkAlarm = (t) => {\r\n setLoad(true)\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/devicelink/\" + device.ID, { alarm: t }).then(data => {\r\n setLoad(false)\r\n if (data.code == 0) {\r\n device.Sensor.LinkAlarm=t;\r\n setDevice({ ...device})\r\n }\r\n })\r\n }\r\n const SetDeviceParams = (t) => {\r\n if (t.error) {\r\n Modal.error({\r\n title: '参数错误',\r\n centered: true,\r\n content: '请检查所设置的参数',\r\n });\r\n } else {\r\n setLoad(true)\r\n if(isMore){\r\n let devInfo = device;\r\n let checkedList = []\r\n devList.map(m=>{\r\n m.nodes.map(mm=>{\r\n if(mm.checked){\r\n checkedList.push({sn:m.sn,node:mm.key})\r\n }\r\n })\r\n })\r\n let countMax = checkedList.length;\r\n let index = 0;\r\n let timer= setInterval(()=>{\r\n console.log('starttimer',timer);\r\n if(index\r\n {device.Name}\r\n {' 主机名：' + device.MName}\r\n \r\n {' 主机编号：' + device.Sn} \r\n {' 测点ID: ' + device.Node} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* 温湿度预警 */}\r\n */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: 0 } })\r\n }\r\n }} />\r\n \r\n {\r\n var reg = /^[0]|[1-9]\\d{0,2}$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: parseInt(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: 2 } })\r\n }\r\n }} />\r\n \r\n\r\n {/* */}\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {/* 温湿度报警 */}\r\n */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n \r\n\r\n {/* */}\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: parseFloat(e.target.value) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: parseFloat(e.target.value) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: parseFloat(e.target.value) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, StartTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, EndTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time: Number(e.target.value) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time: (e.target.value) } } })\r\n }\r\n }} />\r\n {\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: Number(e.target.value) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: (e.target.value) } } })\r\n }\r\n }} />\r\n {\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: Number(e.target.value) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: (e.target.value) } } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: Number(e.target.value) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: Number(e.target.value) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\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 setDevice({ ...device, Params: { ...device.Params, IPAddress: e.target.value } })\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n Mode==='soc'&&(state.main.type<102||setState>1)&&\r\n \r\n {\r\n let value = e;\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempCompensate: value } })\r\n }} />\r\n \r\n \r\n }\r\n \r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n if (reg.test(e.target.value)) {\r\n uploadInterval.error = false\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(e.target.value) } })\r\n } else {\r\n uploadInterval.error = true\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\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 var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(e.target.value) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(e.target.value) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: (e.target.value) } })\r\n }\r\n }}/>\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Enable: e.target.checked ? 1 : 0 } })\r\n }}>停用 \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n 0} onChange={e=>{\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Hide: e.target.checked?2:0 } })\r\n\r\n }}>空库 \r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Hide: e.target.checked?2:3 } })\r\n }}>存储 \r\n {\r\n setState>0&&\r\n \r\n } \r\n \r\n
\r\n \r\n
\r\n 补偿：
\r\n {props.item.Type===205?\"Pa\":'MPa'}
\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n 读取历史数据：\r\n {\r\n // console.log(dateStrings)\r\n if (dateStrings[0] !== \"\") {\r\n setTimeReadDataStart({ validity: true, error: false, value:dateStrings[0] })\r\n setTimeReadDataEnd({ validity: true, error: false, value:dateStrings[1] })\r\n }\r\n }}\r\n />\r\n
\r\n \r\n 探头停用：
\r\n 探头连接失败报警：
\r\n \r\n 空库设置：
\r\n 离线报警：
\r\n {\r\n setOffLine({...offline,offtime:e.target.value*1})\r\n }}/>\r\n {\r\n setOffLine({...offline,interval:e.target.value*1})\r\n }}/>\r\n {\r\n setOffLine({...offline,count:e.target.value*1})\r\n }}/>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n let devInfo= devices;\r\n if(e.target.checked){\r\n devList.map(m=>{\r\n m.all = true;\r\n m.nodes.map(mn=>{\r\n mn.checked = true\r\n })\r\n })\r\n let devsTemp = \r\n state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&\r\n (x.Type===205))\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&x.ExprieStatus!==3&&\r\n (x.Type===205));\r\n let devsData=[]\r\n devsTemp.map(m=>{\r\n let temp =devsData.findIndex(x=>x.Sn===m.Sn);\r\n m.Sensor.Name = m.Name\r\n if(temp===-1){\r\n devsData.push({Sn:m.Sn,Params:m.Params,Sensor:[m.Sensor],StoreInfo:m.StoreInfo,Type:m.Type})\r\n }else{\r\n devsData[temp].Sensor.push(m.Sensor)\r\n }\r\n })\r\n devsData.sort((a,b)=>a.Sn-b.Sn)\r\n devInfo.data=devsData;\r\n }else{\r\n devList.map(m=>{\r\n m.all = false;\r\n m.nodes.map(mn=>{\r\n mn.checked = false\r\n })\r\n })\r\n devInfo.data =[]\r\n }\r\n let devs = devList.concat();\r\n setDevList(devs)\r\n setDevices(devInfo)\r\n }}>\r\n 全选\r\n \r\n
\r\n {\r\n devList.map(m=>{\r\n return(\r\n \r\n
)\r\n })\r\n }\r\n \r\n \r\n 主机名: \r\n {m.name}\r\n
\r\n \r\n 主机编号: \r\n {m.sn}\r\n
\r\n \r\n \r\n 测点\r\n {\r\n let devInfo= devices;\r\n let tempdevInfo = state.main.type<102? state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&\r\n (x.Type===205))\r\n : \r\n state_device.devicestate.filter(x=>x.Node!==0&&x.District===props.item.District&&x.ExprieStatus!==3&&\r\n (x.Type===205));\r\n m.indeterminate = false\r\n if(e.target.checked){\r\n m.nodes.map(n=>{\r\n n.checked = true;\r\n })\r\n m.all = true;\r\n tempdevInfo.filter(x=>x.Sn===m.sn).map(n=>{\r\n let temp = devInfo.data.findIndex(x=>x.Sn===m.sn);\r\n n.Sensor.Name = n.Name\r\n if(temp===-1){\r\n devInfo.data.push({Sn:n.Sn,Params:n.Params,Sensor:[n.Sensor],StoreInfo:n.StoreInfo,Type:n.Type})\r\n }else{\r\n devInfo.data[temp].Sensor.push(n.Sensor)\r\n }\r\n })\r\n devInfo.data.sort((a,b)=>a.Sn-b.Sn)\r\n }else{\r\n m.all = false;\r\n m.nodes.map(n=>{\r\n n.checked = false\r\n })\r\n devInfo.data = devInfo.data.filter(x=>x.Sn!==m.sn)\r\n }\r\n let templist = devList.concat()\r\n setDevList(templist)\r\n setDevices(devInfo)\r\n }} checked={m.all}>\r\n 全选\r\n \r\n
\r\n \r\n {\r\n m.nodes.map(mm=>{\r\n return(\r\n {\r\n let devInfo= devices;\r\n let temp = state_device.devicestate.filter(x=>x.ID === mm.value);\r\n let n = temp[0];\r\n console.log('temp',temp,n);\r\n let index = devInfo.data.findIndex(x=>x.Sn===n.Sn)\r\n if(e.target.checked){\r\n mm.checked = true;\r\n n.Sensor.Name = n.Name\r\n if(index===-1){\r\n devInfo.data.push({Sn:n.Sn,Params:n.Params,Sensor:[n.Sensor],StoreInfo:n.StoreInfo,Type:n.Type})\r\n devInfo.data.sort((a,b)=>a.Sn-b.Sn)\r\n }else{\r\n devInfo.data[index].Sensor.push(n.Sensor);\r\n devInfo.data[index].Sensor.sort((a,b)=>a.Id-b.Id)\r\n }\r\n \r\n }else{\r\n mm.checked = false\r\n let sensonTemp =devInfo.data[index].Sensor;\r\n sensonTemp= sensonTemp.filter(x=>x.Id!==n.Node);\r\n if(sensonTemp.length>0){\r\n devInfo.data[index].Sensor = sensonTemp;\r\n }else{\r\n devInfo.data=devInfo.data.filter(x=>x.Sn!==n.Sn)\r\n }\r\n \r\n }\r\n setDevices(devInfo)\r\n let ttt=devList.filter(x=>x.sn===m.sn)[0].nodes\r\n // console.log(ttt);\r\n let checkNodelen= ttt.filter(x=>x.checked).length\r\n if(checkNodelen===0||checkNodelen===ttt.length){\r\n m.indeterminate = false\r\n }else{\r\n m.indeterminate = true\r\n }\r\n if(checkNodelen===ttt.length){\r\n m.all = true\r\n }else{\r\n m.all = false\r\n }\r\n let templist=devList.concat()\r\n\r\n setDevList(templist)\r\n }}\r\n >{mm.label} \r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempAlarmHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempAlarmLow = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n */}\r\n \r\n {\r\n let reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n m.Params.OverAlarm.StartTime = e.target.value;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n m.Params.OverAlarm.EndTime = e.target.value;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.OverAlarm.Time = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.OverAlarm.TimeInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n m.Params.OverAlarm.TempCount =count;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n {/* 报警参数：
*/}\r\n {/* \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempWarningHigh = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n n.TempWarningLow = parseFloat(e.target.value)\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n n.TempWarningHigh =val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n 1} onChange={e=>{\r\n if(e.target.checked){\r\n n.Hide=2\r\n }else{\r\n n.Hide=0\r\n }\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }}>空库 \r\n {\r\n n.Hide = e.target.checked?2:3;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmTimeCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n } \r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmMsgIntCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.PowerAlarmMsgCount = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>(\r\n m.Sensor.map(n=>{\r\n return(\r\n \r\n {\r\n n.TempCompensate = e;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\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 {m.Sn}
\r\n 测点
\r\n {n.Id}
\r\n 补偿：
压力：
\r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n
\r\n \r\n
\r\n 主机
\r\n {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.RealTimeInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(val) } })\r\n } \r\n }} />\r\n \r\n ) \r\n })\r\n }\r\n \r\n \r\n \r\n \r\n {\r\n devices.data.map(m=>{\r\n return(\r\n \r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.NorStoreInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(val) } })\r\n }\r\n }} />\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n m.Params.AlmStoreInt = val*1;\r\n let devsTemp = JSON.parse(JSON.stringify(devices));\r\n setDevices(devsTemp)\r\n // setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(val) } })\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 {m.Sn}
\r\n {/* 测点
*/}\r\n {/* {n.Id}
*/}\r\n \r\n \r\n \r\n {/* 温湿度预警 */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: 0 } })\r\n }\r\n }} />\r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: val*1 } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: 2 } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmHigh: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n sensorAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: parseFloat(e.target.value) } })\r\n } else {\r\n sensorAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempAlarmLow: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmTimeCount: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: Number(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgIntCount: (val) } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n powerAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: parseFloat(val) } })\r\n } else {\r\n powerAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, PowerAlarmMsgCount: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, BatPowerAlarm: val } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n batteryAlarm.error = false\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: Number(val) } })\r\n } else {\r\n batteryAlarm.error = true\r\n setDevice({ ...device, Sensor: { ...device.Sensor, BatPowerAlarm: (val) } })\r\n }\r\n }} />\r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, StartTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = /^\\d{2}\\:\\d{2}$/\r\n if (reg.test(e.target.value)) {\r\n overAlarm.error = false\r\n } else {\r\n overAlarm.error = true\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, EndTime: (e.target.value) } } })\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, Time:val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: Number(val) } } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TimeInt: val } } })\r\n }\r\n }} />\r\n {\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n overAlarm.error = false\r\n let count =Number(val);\r\n if(count>255){\r\n count=255\r\n }\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: count} } })\r\n } else {\r\n overAlarm.error = true\r\n setDevice({ ...device, Params: { ...device.Params, OverAlarm: { ...device.Params.OverAlarm, TempCount: val } } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n setDevice({ ...device, Params: { ...device.Params, IPAddress: e.target.value } })\r\n }} />\r\n\r\n {\r\n setState>0&&state.main.type<103&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(val) } })\r\n } else {\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: val } })\r\n }\r\n }} />\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n {\r\n let value = e;\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempCompensate: value } })\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n : \r\n }\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\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 var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: val } })\r\n }\r\n }} />\r\n {\r\n\r\n var reg = intReg\r\n let val = e.target.value===''?0:e.target.value;\r\n if (reg.test(val)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(val) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: val } })\r\n }\r\n }}/>\r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n\r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Enable: e.target.checked ? 1 : 0 } })\r\n }}>停用 \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n\r\n \r\n\r\n 0} onChange={e=>{\r\n setDevice({...device,Sensor:{...device.Sensor,Hide:e.target.checked?2:0}});\r\n }}>空库 \r\n {\r\n setDevice({...device,Sensor:{...device.Sensor,Hide:e.target.checked?2:3}});\r\n }}>存储 \r\n {\r\n setState>0&&\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 setOffLine({...offline,offtime:e.target.value*1})\r\n }}/>\r\n {\r\n let reg = intReg\r\n let val = e.target.value===''?1:e.target.value;\r\n if(reg.test(val)){\r\n setOffLine({...offline,interval:val*1})\r\n }else{\r\n setOffLine({...offline,interval:1})\r\n }\r\n \r\n }}/>\r\n {\r\n setOffLine({...offline,count:e.target.value*1})\r\n }}/>\r\n \r\n \r\n */}\r\n {/* \r\n {\r\n setIsMore(e==='1'?false:true)\r\n }}tabBarExtraContent={}>\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 let s = 0\r\n if(affirmPwd.startsWith(\"admin\")){\r\n if(md5(affirmPwd.slice(5))===state.main.password){\r\n s=2;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }else{\r\n if(md5(affirmPwd)===state.main.password){\r\n s=1;\r\n setShowAffirm(false);\r\n }else{\r\n s=0;\r\n message.warn('密码错误');\r\n }\r\n }\r\n setSetState(s);\r\n props.changeSetState(s);\r\n dispatch({type:'super',super:s})\r\n dispatch({type:'setState',setState:s===0?0:1})\r\n }} onCancel={()=>setShowAffirm(false)}>\r\n setAffirmPwd(e.target.value)} />\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DeviceSet","import React , { useState,useContext, useEffect,useRef }from 'react'\r\nimport { StateContext } from '../../../state';\r\nimport http from '../../../../../utils/server'\r\nimport { Line } from '@ant-design/charts';\r\nimport html2canvas from 'html2canvas';\r\nimport { SearchOutlined} from '@ant-design/icons';\r\nimport * as echarts from 'echarts';\r\nimport { Select, Button, Table, Tabs, message, DatePicker, Spin, Checkbox } from 'antd'\r\nimport moment from 'moment';\r\nimport { Mode } from '../../../../../App';\r\nimport './device.less'\r\nlet todayTime=0;\r\nconst { Option } = Select;\r\nconst { RangePicker } = DatePicker;\r\nfunction formatDateTimes(inputTime) {\r\n var date = new Date(inputTime);\r\n var y = date.getFullYear();\r\n var m = date.getMonth() + 1;\r\n m = m < 10 ? ('0' + m) : m;\r\n var d = date.getDate();\r\n d = d < 10 ? ('0' + d) : d;\r\n var h = date.getHours();\r\n h = h < 10 ? ('0' + h) : h;\r\n var minute = date.getMinutes();\r\n var second = date.getSeconds();\r\n minute = minute < 10 ? ('0' + minute) : minute;\r\n second = second < 10 ? ('0' + second) : second;\r\n return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;\r\n};\r\nfunction dateStart() {\r\n var now_date = new Date(); now_date.setHours(0); now_date.setMinutes(0); now_date.setSeconds(0);\r\n return now_date;\r\n}\r\nfunction DeviceHistory(props) {\r\n const { state, dispatch } = useContext(StateContext)\r\n const [showSelDevNodes,setShowSelDevNodes] = useState([]);//要查询设备的所有测点\r\n const [selDevNodes,setSelDevNodes] = useState([]);//要查询设备的所有测点\r\n const [showSelDevNodesValue,setShowSelDevNodesValue] = useState([]);//要查询设备的所有测点名字\r\n const [indeterminate, setIndeterminate] = useState(false); //要查询设备的所有测点是否全选\r\n const [checkAll, setCheckAll] = useState(true);//要查询设备的所有测点设置全选\r\n const [checkedList,setCheckedList] = useState([]);//要查询的测点的id\r\n const [selNode, setSelNode] = useState([]);//要查询的测点的node\r\n const [selNodeColums, setSelNodeColums] = useState([]);//多测点查询表格列显示内容\r\n const [isHumi, setIsHumi] = useState(false);\r\n const [data, setData] = useState([])\r\n const [dataChart, setdataChart] = useState([])\r\n const [startTime, setStartTime] = useState('')//历史数据开始时间\r\n const [endTime, setEndTime] = useState('')\r\n const [isChangeTime,setIsChangeTime] = useState(false);\r\n const [dataF, setDataF] = useState({ tmin: 0, tmax: 0, tavg: 0, hmin: 0, hmax: 0, havg: 0 })\r\n const [seriesTempData,setSeriesTempData] = useState([]);\r\n const [tempChart,setTempChart] = useState(undefined);\r\n const [dataWainF, setDataWainF] = useState({ tl: 0, th: 0, hl: 0, hh: 0 })\r\n const [isWaiting, setIsWaiting] = useState(false);\r\n const [showUnitName,setShowUnitName] = useState('')\r\n const [localCompany,setLocalCompany] = useState('');//本地公司名称\r\n const [userName,setUserName] = useState('');\r\n const [minInterval,setMinInterval] = useState(0);\r\n const [showUnit,setShowUnit] = useState('℃');\r\n const [showBound,setShowBound] = useState(false);\r\n const [recordCount,setRecordCount] = useState('');//记录条数\r\n const [tabKey,setTabKey] = useState(\"1\")\r\n const [tableCurrent,setTableCurrent] = useState(1)\r\n const [tablePageSize,setTablePageSize] = useState(10)\r\n const [isExportHumi,setIsExportHumi] = useState(true);\r\n const plotRef = useRef()\r\n const configtemp = {\r\n autoFit:true,\r\n data: dataChart,\r\n padding: 'auto',\r\n // padding:[40,8,60,80],\r\n xField: 'data_time',\r\n //height: 500,\r\n // yField: props.item.Type===209?'val':'temp',\r\n yField: 'temp',\r\n seriesField:'name',\r\n slider: {\r\n start: 0,\r\n end: 1,\r\n backgroundStyle:{\r\n fill: 'white',\r\n fillOpacity: 0,\r\n columnStyle: {\r\n fill: 'white',\r\n fillOpacity: 0,\r\n }\r\n },\r\n foregroundStyle:{\r\n fill: 'white',\r\n fillOpacity: 0,\r\n },\r\n trendCfg:{\r\n lineStyle:{stroke:'white'}\r\n }\r\n },\r\n connectNulls:false,\r\n yAxis: {\r\n label: {\r\n formatter: function formatter(v) {\r\n return ''.concat(v).replace(/\\d{1,3}(?=(\\d{3})+$)/g, function (s) {\r\n return ''.concat(s, ',');\r\n })+(props.item.Type===205?'Pa':props.item.Type===210?'MPa':'℃');\r\n },\r\n },\r\n max:dataWainF.th>dataF.tmax?dataWainF.th+2:dataF.tmax+2,\r\n min:dataWainF.tl\r\n {device.Name}\r\n {' 主机名：' + device.MName}\r\n {' 主机编号：' + device.Sn} \r\n {' 测点ID: ' + device.Node} \r\n
\r\n \r\n {\r\n devList.map(m=>{\r\n return(\r\n
\r\n \r\n \r\n
)\r\n })\r\n }\r\n \r\n \r\n 主机名: \r\n {m.name}\r\n
\r\n \r\n 主机编号: \r\n {m.sn}\r\n
\r\n \r\n \r\n 测点\r\n {\r\n m.indeterminate = false\r\n if(e.target.checked){\r\n m.nodes.map(n=>{\r\n n.checked = true;\r\n })\r\n m.all = true;\r\n }else{\r\n m.all = false;\r\n m.nodes.map(n=>{\r\n n.checked = false\r\n })\r\n\r\n }\r\n let templist = devList.concat()\r\n setDevList(templist)\r\n }} checked={m.all}>\r\n 全选\r\n \r\n
\r\n \r\n {\r\n m.nodes.map(mm=>{\r\n return(\r\n {\r\n if(e.target.checked){\r\n mm.checked = true;\r\n }else{\r\n mm.checked = false\r\n \r\n }\r\n let ttt=devList.filter(x=>x.sn===m.sn)[0].nodes\r\n let checkNodelen= ttt.filter(x=>x.checked).length\r\n if(checkNodelen===0||checkNodelen===ttt.length){\r\n m.indeterminate = false\r\n }else{\r\n m.indeterminate = true\r\n }\r\n if(checkNodelen===ttt.length){\r\n m.all = true\r\n }else{\r\n m.all = false\r\n }\r\n let templist=devList.concat()\r\n setDevList(templist)\r\n }}\r\n >{mm.label} \r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n {/* 温湿度预警 */}\r\n {\r\n device.Node!==0&&\r\n */}\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningHigh: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempWarningLow: 0 } })\r\n }\r\n }} />\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningHigh: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiWarningLow: 0 } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^[0]|[1-9]\\d{0,2}$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: parseInt(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, WarningInterval: 2 } })\r\n }\r\n }} />\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n }\r\n {\r\n device.Node===0&&\r\n \r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, DeHumiHigh: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, DeHumiHigh: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n {\r\n var reg = /^(-?\\d+)(\\.\\d+)?$/\r\n if (reg.test(e.target.value)) {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, DeHumiLow: parseFloat(e.target.value) } })\r\n } else {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, DeHumiLow: (e.target.value) } })\r\n }\r\n }} disabled={device.Humi===0}/>\r\n \r\n \r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n {\r\n device.Node===0&&\r\n {\r\n http.put((props.cloud ? \"/v3\" : \"/v1\") + \"/devicedehumimode/\" + device.ID, { \r\n dehumimode:checked?0:1\r\n }).then(data=>{\r\n setLoad(false);\r\n if(data.code===0){\r\n setDevice({ ...device, Sensor: { ...device.Sensor, DeHumiMode:checked?0:1 } })\r\n }\r\n })\r\n }}/>自动\r\n \r\n \r\n }\r\n {\r\n device.Node===0&&\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 setDevice({ ...device, Params: { ...device.Params, IPAddress: e.target.value } })\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n setState>1&&\r\n \r\n {\r\n let value = e;\r\n setDevice({ ...device, Sensor: { ...device.Sensor, TempCompensate: value } })\r\n }} />\r\n {\r\n\r\n setDevice({ ...device, Sensor: { ...device.Sensor, HumiCompensate:e } })\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n \r\n {\r\n var reg = /^[\\d]{0,4}$/\r\n if (reg.test(e.target.value)) {\r\n uploadInterval.error = false\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: Number(e.target.value) } })\r\n } else {\r\n uploadInterval.error = true\r\n setDevice({ ...device, Params: { ...device.Params, RealTimeInt: (e.target.value) } })\r\n }\r\n }} />\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setState>0&&\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 var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: Number(e.target.value) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, NorStoreInt: (e.target.value) } })\r\n }\r\n }} />\r\n {\r\n\r\n var reg = /^[0-9]*[1-9][0-9]*$/\r\n if (reg.test(e.target.value)) {\r\n store.error = false\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: Number(e.target.value) } })\r\n } else {\r\n store.error = true\r\n setDevice({ ...device, Params: { ...device.Params, AlmStoreInt: (e.target.value) } })\r\n }\r\n }}/>\r\n \r\n {\r\n setState>0&&\r\n \r\n }\r\n \r\n \r\n {\r\n setDevice({ ...device, Sensor: { ...device.Sensor, Enable: e.target.checked ? 1 : 0 } })\r\n }}>停用 \r\n \r\n \r\n {\r\n setState>0&&\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 // console.log(dateStrings)\r\n if (dateStrings[0] !== \"\") {\r\n setTimeReadDataStart({ validity: true, error: false, value:dateStrings[0] })\r\n setTimeReadDataEnd({ validity: true, error: false, value:dateStrings[1] })\r\n }\r\n }}\r\n />\r\n
\r\n\r\n \r\n 探头停用：
\r\n 探头连接失败报警：
\r\n \r\n 离线报警：
\r\n {\r\n setOffLine({...offline,offtime:e.target.value*1})\r\n }}/>\r\n {\r\n setOffLine({...offline,interval:e.target.value*1})\r\n }}/>\r\n {\r\n setOffLine({...offline,count:e.target.value*1})\r\n }}/>\r\n \r\n \r\n \r\n {\r\n setState>1&&\r\n 存储信息：
\r\n \r\n \r\n 当前存储数据的扇区:{device.StoreInfo.CurrSector}
\r\n 当前存储数据的扇区ADDRESS:{device.StoreInfo.CurrSectorAddr}
\r\n\r\n \r\n }\r\n {\r\n setState>1&&\r\n 读取存储数据的扇区:{device.StoreInfo.ReadSector}
\r\n 读取存储数据的扇区ADDRESS:{device.StoreInfo.ReadSectorAddr}
\r\n 大批量读取数据的起始扇区:{device.StoreInfo.LargeSector}
\r\n \r\n }\r\n \r\n \r\n {\r\n props.item.Node===0?null\r\n // :props.item.Type===209?
\r\n )\r\n },\r\n\r\n {\r\n title: props.item.Node===0?null:`记录值(${showUnit})`,\r\n align: 'center',\r\n render: (text, record) => (\r\n props.item.Node===0?null\r\n // :props.item.Type===209?{record.sensorDatas.enable!==1?'--':record.sensorDatas.value>102.1?'NL':record.sensorDatas.value}\r\n :{record.temp_switch===0?'--':record.temp>102.1?'NL':record.temp.toFixed(1)}\r\n ),\r\n className:props.item.Node===0&&'notshow'\r\n },\r\n \r\n {\r\n title: props.item.Node===0?null:'状态',\r\n align: 'center',\r\n render: (text, record) => (\r\n props.item.Node===0?null\r\n // :props.item.Type===209?\r\n // {`${record.sensorDatas.high}~${record.sensorDatas.low}`}
\r\n : {`${record['temp_h']}~${record['temp_l']}`}
\r\n }\r\n {record.sensorDatas.enable===0?'停用':record.sensorDatas.alarm === 1 ? '报警' : '正常'}
\r\n :{record.temp_switch===0?'停用':record.temp_alarm === 1 ? '报警' : '正常'}
\r\n ),\r\n className:props.item.Node===0&&'notshow'\r\n },\r\n ],\r\n className:props.item.Node===0&&'notshow'\r\n \r\n },\r\n {\r\n title:(props.item.Node!==0&&props.item.Humi===1)?'湿度'+` (最大:${dataF.hmax.toFixed(1)} \r\n 最小:${dataF.hmin.toFixed(1)} \r\n 平均:${dataF.havg.toFixed(2)})`:null,\r\n children:[\r\n {\r\n title: (props.item.Node!==0&&props.item.Humi===1)?'上下限(%RH)':null,\r\n align: 'center',\r\n render: (text, record) => \r\n (props.item.Node!==0&&props.item.Humi===1)?\r\n (\r\n {record.humi_h+'~'+record.humi_l}
\r\n )\r\n :null,\r\n className:(props.item.Node===0||props.item.Humi!==1)&&'notshow'\r\n },\r\n {\r\n title: (props.item.Node!==0&&props.item.Humi===1)?'记录值(%RH)':null,\r\n align: 'center',\r\n render: (text, record) => \r\n (props.item.Node!==0&&props.item.Humi===1)?\r\n (\r\n {record.humi_switch===0?'--':record.humi>102.1?'NL':record.humi.toFixed(1)}
\r\n )\r\n :null,\r\n className:(props.item.Node===0||props.item.Humi!==1)&&'notshow'\r\n },\r\n \r\n {\r\n title: props.item.Node===0?null:props.item.Humi===1?'状态':null,\r\n align: 'center',\r\n render: (text, record) => \r\n (props.item.Node!==0&&props.item.Humi===1)?\r\n (\r\n {record.humi_switch===0?'停用':record.humi_alarm === 1 ? '报警' :record['humi_alarm'] === 0 ? '正常':null}
\r\n ):null,\r\n className:(props.item.Node===0||props.item.Humi!==1)&&'notshow'\r\n },\r\n ],\r\n className:(props.item.Node===0||props.item.Humi!==1)&&'notshow'\r\n\r\n },\r\n {\r\n title: (props.item.Node===0&&props.item.Sensor.DoorAlarm===1)?'开关门':null,\r\n dataIndex: 'door',\r\n align: 'center',\r\n render: (text, record) => \r\n (props.item.Node===0&&props.item.Sensor.DoorAlarm===1)?\r\n (\r\n \r\n
\r\n )\r\n :null,\r\n className:(props.item.Node!==0||props.item.Sensor.DoorAlarm!==1)&&'notshow'\r\n },\r\n \r\n {\r\n title: '信号',\r\n dataIndex: 'csq',\r\n align: 'center',\r\n },\r\n {\r\n title: '电源',\r\n dataIndex: 'power',\r\n align: 'center',\r\n render:(text,record)=>(\r\n {record.door===0?'关门':'开门'}
\r\n {record.power === 0?\"正常\":\"电池\"}
\r\n )\r\n },\r\n {\r\n title: '电量',\r\n dataIndex: 'battery',\r\n align: 'center',\r\n },\r\n ]\r\n const columnsLeft = [\r\n {\r\n title:'记录条数:'+recordCount,\r\n children:[\r\n {\r\n title: '时间',\r\n dataIndex: 'data_time',\r\n key: 'id',\r\n align: 'center ',\r\n width: 160,\r\n fixed: true,\r\n sorter: (a, b) =>new Date(a.data_time).getTime() -new Date(b.data_time).getTime() ,\r\n }\r\n ]\r\n\r\n },\r\n ]\r\n const columnsRight = [\r\n\r\n {\r\n title: '信号',\r\n dataIndex: 'csq',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n },\r\n {\r\n title: '电源',\r\n dataIndex: 'power',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n render: (text, record) => (\r\n {record.power === 0 ? \"正常\" : \"电池\"}
\r\n )\r\n },\r\n {\r\n title: '电量',\r\n dataIndex: 'battery',\r\n key: 'id',\r\n align: 'center',\r\n width: 80,\r\n },\r\n ]\r\n // 单测点查询历史数据\r\n const getHistory = (starttime, endtime,unitName) => {\r\n setIsWaiting(true)\r\n setRecordCount('');\r\n setShowBound(true)\r\n setDataF({tmin: 0, tmax: 0, tavg: 0, hmin: 0, hmax: 0, havg: 0 });\r\n setDataWainF({th:0,tl:0,hh:0,hl:0});\r\n setdataChart([]);\r\n setData([]);\r\n setTimeout(() => {\r\n\r\n http.get(\"/v1/history?device=\" + props.item.Sn + \"&node=\" + props.item.Node + \"&starttime=\" + starttime + \"&endtime=\" + endtime+\"&min=\"+minInterval, {})\r\n .then(data => {\r\n setIsWaiting(false)\r\n setIsHumi(false);\r\n let is_Humi = false;\r\n if (data.code === 0) {\r\n if (data.data===null||data.data.length === 0) return message.warning('暂无数据');\r\n var artemp= data.data.filter(item => item.temp !== 102.3 && item.temp !== 102.2 &&item.temp_switch!==0);\r\n let ar = JSON.parse(JSON.stringify(artemp));\r\n var arLen = ar.length;\r\n setData(data.data.reverse());\r\n setRecordCount(data.data.length+'');\r\n if(props.item.Node===0) return\r\n if (arLen === 0 ) return message.warning('暂无有效数据');\r\n let checkData = ar[0];\r\n if(checkData.node===0){\r\n checkData= ar[1];\r\n }\r\n if(checkData.humi_switch!==0&&checkData.humi_enable!==0){\r\n setIsHumi(true);\r\n is_Humi = true;\r\n }\r\n var tavg = 0\r\n var tmax = -100\r\n var tmin = 100\r\n var havg = 0\r\n var hmax = 0\r\n var hmin = 100\r\n ar.map(item => {\r\n if (item.temp > tmax) {\r\n tmax = item.temp\r\n }\r\n if (item.temp < tmin) {\r\n tmin = item.temp\r\n }\r\n tavg = tavg + item.temp\r\n if (item.humi > hmax) {\r\n hmax = item.humi\r\n }\r\n if (item.humi < hmin) {\r\n hmin = item.humi\r\n }\r\n havg = havg + item.humi\r\n })\r\n tavg = tavg / arLen\r\n havg = havg / arLen\r\n setDataF({ tmax, tmin, tavg, hmin, hmax, havg });\r\n let tH = props.item.Sensor.TempAlarmHigh;\r\n let tL = props.item.Sensor.TempAlarmLow;\r\n let hH = props.item.Sensor.HumiAlarmHigh;\r\n let hL = props.item.Sensor.HumiAlarmLow;\r\n if(props.item.Sensor.Hide===2||props.item.Sensor.Hide===3){\r\n setShowBound(false)\r\n setDataWainF({th:dataF.tmax,tl:dataF.tmin,hh:dataF.hmax,hl:dataF.hmin});\r\n }else{\r\n setDataWainF({th:tH,tl:tL,hh:hH,hl:hL});\r\n }\r\n let maxNum = ar.length;\r\n let normalData = [];\r\n let warnData=[];\r\n let start ;let end;\r\n let seriesData=[]\r\n let tempdata =[];\r\n let humidata =[];\r\n let name ='';\r\n ar.map(val=>{\r\n tempdata.push([val.data_time,val.temp]);\r\n humidata.push([val.data_time,val.humi]);\r\n if(name==='' ){\r\n name =val.name\r\n }\r\n })\r\n ar[0].data_time!==startTime&&tempdata.unshift(null);\r\n ar[ar.length-1].data_time!==endTime&&tempdata.push(null);\r\n seriesData.push({\r\n name:name+(unitName?unitName:showUnitName)+'曲线',\r\n type: 'line',\r\n smooth: true,\r\n symbol: 'none',\r\n data: tempdata,\r\n })\r\n is_Humi&&seriesData.push({\r\n name:name+'湿度曲线',\r\n type: 'line',\r\n smooth: true,\r\n symbol: 'none',\r\n data: humidata,\r\n })\r\n setSeriesTempData(seriesData);\r\n if(maxNum<20000){\r\n warnData=ar;\r\n }\r\n if(maxNum>20000&&maxNum<=50000){\r\n ar.map(m=>{\r\n if(m.temp_alarm===1||m.humi_alarm===1){\r\n warnData.push(m)\r\n }else{\r\n normalData.push(m)\r\n }\r\n })\r\n normalData.map((m,i)=>{\r\n i%2==0&&warnData.push(m);\r\n })\r\n warnData.sort((a,b)=>a.data_time>b.data_time);\r\n }\r\n if(maxNum>50000&&maxNum<=100000){\r\n ar.map(m=>{\r\n if(m.temp_alarm===1||m.humi_alarm===1){\r\n warnData.push(m)\r\n }else{\r\n normalData.push(m)\r\n }\r\n })\r\n normalData.map((m,i)=>{\r\n i%3==0&&warnData.push(m);\r\n })\r\n warnData.sort((a,b)=>a.data_time>b.data_time);\r\n \r\n }\r\n if(maxNum>100000&&maxNum<=200000){\r\n ar.map(m=>{\r\n if(m.temp_alarm===1||m.humi_alarm===1){\r\n warnData.push(m)\r\n }else{\r\n normalData.push(m)\r\n }\r\n })\r\n normalData.map((m,i)=>{\r\n i%6==0&&warnData.push(m);\r\n })\r\n warnData.sort((a,b)=>a.data_time>b.data_time);\r\n }\r\n if(maxNum>200000){\r\n ar.map(m=>{\r\n if(m.temp_alarm===1||m.humi_alarm===1){\r\n warnData.push(m)\r\n }else{\r\n normalData.push(m)\r\n }\r\n })\r\n normalData.map((m,i)=>{\r\n i%10==0&&warnData.push(m);\r\n })\r\n warnData.sort((a,b)=>a.data_time>b.data_time);\r\n }\r\n start = warnData[0];\r\n end = warnData[warnData.length-1];\r\n start.data_time!==starttime&&warnData.unshift({data_time:starttime,temp:null});\r\n end.data_time!==endtime&&warnData.push({data_time:endtime,temp:null});\r\n setdataChart(warnData);\r\n }\r\n // })\r\n })\r\n }, 500);\r\n\r\n };\r\n // 单测点查询历史数据json\r\n const getHistoryJson = (starttime, endtime,unitName) => {\r\n setShowBound(true)\r\n setDataF({tmin: 0, tmax: 0, tavg: 0, hmin: 0, hmax: 0, havg: 0 });\r\n setDataWainF({th:0,tl:0,hh:0,hl:0});\r\n setdataChart([]);\r\n setData([]);\r\n setTimeout(() => {\r\n http.get(\"/v1/history?device=\" + props.item.Sn + \"&node=\" + props.item.Node + \"&starttime=\" + starttime + \"&endtime=\" + endtime+\"&min=\"+minInterval, {})\r\n .then(data => {\r\n setIsWaiting(false)\r\n setIsHumi(false);\r\n if (data.code === 0) {\r\n if (data.data===null||data.data.length === 0) return message.warning('暂无数据'); \r\n let tempData =[];\r\n data.data.map(item=>{\r\n if(item.json_data.Valid){\r\n item.sensorDatas=JSON.parse(item.json_data.String)[0];\r\n item.val = item.sensorDatas.value;\r\n }else{\r\n item.sensorDatas=null;\r\n }\r\n tempData.push(item);\r\n })\r\n let filteData = tempData.filter(item => item.val !== 102.3 && item.val !== 102.2 &&item.sensorDatas.enable!==0);\r\n // setData(JSON.parse(JSON.stringify(tempData)).reverse())\r\n setData(tempData.reverse())\r\n var tavg = 0\r\n var tmax = -100\r\n var tmin = 100\r\n var havg = 0\r\n var hmax = 0\r\n var hmin = 100\r\n filteData.map(item => {\r\n let value = item.sensorDatas.value;\r\n if (value > tmax) {\r\n tmax = value\r\n }\r\n if (value < tmin) {\r\n tmin = value\r\n }\r\n tavg = tavg + value\r\n })\r\n tavg = tavg / filteData.length\r\n setDataF({ tmax, tmin, tavg, hmin, hmax, havg });\r\n let tH = filteData[0].sensorDatas.high;\r\n let tL = filteData[0].sensorDatas.low;\r\n setDataWainF({th:tH,tl:tL});\r\n let start ;let end;\r\n let seriesData=[]\r\n let timedata =[];\r\n let antvData =[];\r\n let name ='';\r\n //时间轴曲线\r\n filteData.map(val=>{\r\n timedata.push([val.data_time,val.sensorDatas.value]);\r\n antvData.push(val);\r\n if(name==='' ){\r\n name =val.name\r\n }\r\n })\r\n filteData[0].data_time!==startTime&&timedata.unshift(null);\r\n filteData[filteData.length-1].data_time!==endTime&&timedata.push(null);\r\n seriesData.push({\r\n name:name+(unitName?unitName:showUnitName)+'曲线',\r\n type: 'line',\r\n smooth: true,\r\n symbol: 'none',\r\n data: timedata,\r\n })\r\n setSeriesTempData(seriesData);\r\n //antv曲线\r\n start = antvData[0];\r\n end = antvData[antvData.length-1];\r\n start.data_time!==starttime&&antvData.unshift({data_time:starttime,val:null});\r\n end.data_time!==endtime&&antvData.push({data_time:endtime,val:null});\r\n setdataChart(antvData);\r\n }\r\n })\r\n }, 500);\r\n\r\n };\r\n // 多测点查询历史数据\r\n const getHistorys = (nodes,starttime, endtime,unitName,selDevNodes)=>{\r\n setDataF({tmin: 0, tmax: 0, tavg: 0, hmin: 0, hmax: 0, havg: 0 });\r\n setdataChart([]);\r\n setData([]);\r\n setRecordCount('');\r\n // setTimeout(() => {\r\n if (nodes.length===0) return message.warning('未选择设备');\r\n let url = \"/v1\"; \r\n url += \"/history?device=\" + props.item.Sn + \"&node=\" + nodes + \"&starttime=\" ;\r\n url+=starttime+\"&endtime=\" + endtime;\r\n url+=\"&min=\"+minInterval;\r\n setIsWaiting(true);\r\n setIsHumi(false);\r\n http.get(url,{}).then((data) => {\r\n setIsWaiting(false);\r\n setDataWainF({th:0,tl:0,hh:0,hl:0});\r\n if (data.code === 0) {\r\n if (data.data===null||data.data.length === 0) return message.warning('暂无数据');\r\n let is_Humi=false;\r\n let sss= data.data.find(x=>x.humi_switch!==0&&x.humi_enable!==0);//查找是否有湿度数据\r\n if(sss){\r\n setIsHumi(true);\r\n is_Humi= true;\r\n }\r\n let baseData=[];\r\n data.data.map(m=>{\r\n let index = baseData.findIndex(x=>x.data_time===m.data_time);\r\n if(index!==-1){\r\n baseData[index]['temp' + m.node] = m.temp\r\n baseData[index]['temp_h' + m.node] = m.temp_h\r\n baseData[index]['temp_l' + m.node] = m.temp_l\r\n baseData[index]['temp_alarm' + m.node] = m.temp_alarm\r\n baseData[index]['temp_switch' + m.node] = m.temp_switch\r\n baseData[index]['humi' + m.node] = m.humi\r\n baseData[index]['humi_h' + m.node] = m.humi_h\r\n baseData[index]['humi_l' + m.node] = m.humi_l\r\n baseData[index]['humi_alarm' + m.node] = m.humi_alarm\r\n baseData[index]['humi_switch' + m.node] = m.humi_switch\r\n baseData[index]['humi_enable' + m.node] = m.humi_enable\r\n baseData[index]['districtname' + m.node] = m.districtname\r\n baseData[index]['door' + m.node] = m.door\r\n baseData[index]['power' + m.node] = m.power\r\n }else{\r\n m['temp' + m.node] = m.temp\r\n m['temp_h' + m.node] = m.temp_h\r\n m['temp_l' + m.node] = m.temp_l\r\n m['temp_alarm' + m.node] = m.temp_alarm\r\n m['temp_switch' + m.node] = m.temp_switch\r\n m['humi' + m.node] = m.humi\r\n m['humi_h' + m.node] = m.humi_h\r\n m['humi_l' + m.node] = m.humi_l\r\n m['humi_alarm' + m.node] = m.humi_alarm\r\n m['humi_switch' + m.node] = m.humi_switch\r\n m['humi_enable' + m.node] = m.humi_enable\r\n m['districtname' + m.node] = m.districtname\r\n m['door' + m.node] = m.door\r\n m['power' + m.node] = m.power\r\n baseData.push(m)\r\n }\r\n })\r\n setData(baseData.reverse());\r\n setRecordCount(baseData.length+'');\r\n var ar = data.data.filter(item => item.temp !== 102.3 && item.temp !== 102.2 &&item.temp_switch!==0);\r\n if (ar.length === 0) return message.warning('暂无有效数据');\r\n ar.sort((a,b)=>a.node-b.node);\r\n let dev_val=[];\r\n if(nodes.length>0){\r\n var tavg = 0;\r\n var havg = 0;\r\n let isShowBound = true\r\n let tmax = Math.max.apply(Math, ar.map(o=>o.temp));\r\n let tmin = Math.min.apply(Math, ar.map(o=>o.temp));\r\n let hmax = Math.max.apply(Math, ar.map(o=>o.humi)); \r\n let hmin = Math.min.apply(Math, ar.map(o=>o.humi)); \r\n \r\n ar.map(item => {\r\n if(isShowBound){\r\n if(item.temp_h!==ar[0].temp_h||item.temp_l!==ar[0].temp_l||item.humi_h!==ar[0].humi_h||item.humi_l!==ar[0].humi_l){\r\n isShowBound = false\r\n }\r\n }\r\n if(dev_val.length===0){\r\n dev_val.push({node:item.node,temp_h:item.temp,temp_l:item.temp,humi_l:item.humi,humi_h:item.humi,temp_s:item.temp,humi_s:item.humi,count:1})\r\n }else{\r\n let b= dev_val.findIndex(x=>x.node===item.node);\r\n if(b===-1){\r\n dev_val.push({node:item.node,temp_h:item.temp,temp_l:item.temp,humi_l:item.humi,humi_h:item.humi,temp_s:item.temp,humi_s:item.humi,count:1})\r\n }else{\r\n dev_val[b].temp_s +=item.temp; \r\n dev_val[b].humi_s +=item.humi; \r\n dev_val[b].count +=1; \r\n if(item.temp>dev_val[b].temp_h){\r\n dev_val[b].temp_h = item.temp\r\n }\r\n if(item.temp\r\n
\r\n )\r\n },\r\n \r\n ]\r\n })\r\n }else{//温湿度\r\n humi===1?\r\n // 温湿度\r\n nodeCol.push({\r\n title: `${name}-(区域:${district_name}-主机:${m_name}-测点ID:${node})`,\r\n align: 'center',\r\n children: [\r\n {\r\n title: `温度 (最大:${devNode.length>0&&devNode[0].temp_h.toFixed(1)} \r\n 最小:${devNode.length>0&&devNode[0].temp_l.toFixed(1)} \r\n 平均:${devNode.length>0&&devNode[0].temp_s.toFixed(2)})`,\r\n align: 'center',\r\n children:[\r\n {\r\n title: '上下限(℃)',\r\n // dataIndex: 'temp_h' + node,\r\n align: 'center',\r\n width:100,\r\n render: (text, record) => (\r\n {record['door' + node] === 0 ? \"关门\" : '开门'}
\r\n \r\n {record['temp_switch' + node] === 0 ? null :record['temp_h' + node]===undefined?'': `${record['temp_h' + node]}~${record['temp_l' + node]}`}\r\n
\r\n )\r\n },\r\n {\r\n title: '温度(℃)',\r\n dataIndex: 'temp' + node,\r\n align: 'center',\r\n width:100,\r\n render: (text, record) => (\r\n \r\n
\r\n )\r\n },\r\n {\r\n title: '状态',\r\n dataIndex: 'temp_alarm' + node,\r\n align: 'center',\r\n width: 60,\r\n render: (text, record) => (\r\n { record['temp_switch' + node] === 0 ? \"--\" : record['temp' + node]?record['temp' + node] > 102.1 ? \" NL\" :record['temp' + node].toFixed(1):''}
\r\n {record['temp_switch' + node] === 0 ? \"--\" :record['temp_alarm' + node] === 0 ? '正常' :record['temp_alarm' + node] === 1 ? '报警':null}
\r\n )\r\n },\r\n ]\r\n },\r\n {\r\n title: `湿度 (最大:${devNode.length>0&&devNode[0].humi_h.toFixed(1)} \r\n 最小:${devNode.length>0&&devNode[0].humi_l.toFixed(1)} \r\n 平均:${devNode.length>0&&devNode[0].humi_s.toFixed(2)})`,\r\n align: 'center',\r\n children:[\r\n {\r\n title: '上下限(%RH)',\r\n // dataIndex: 'humi_h' + node,\r\n align: 'center',\r\n width: 100,\r\n render: (text, record) => (\r\n \r\n {record['humi_switch' + node] === 0 || record['humi_enable' + node]===0 ? null :record['humi_h' + node]?
\r\n )\r\n },\r\n {\r\n title: '湿度(%RH)',\r\n dataIndex: 'humi' + node,\r\n align: 'center',\r\n width: 100,\r\n render: (text, record) => (\r\n {`${record['humi_h' + node]}~${record['humi_l' + node]}`}
:''}\r\n \r\n
\r\n )\r\n },\r\n {\r\n title: '状态',\r\n dataIndex: 'humi_alarm' + node,\r\n width: 60,\r\n align: 'center',\r\n render: (text, record) => (\r\n { record['humi_switch' + node] === 0 ? \"--\" : record['humi_enable' + node]===0 ?\"--\":record['humi' + node]?record['humi' + node] > 102.1 ? \" NL\" : record['humi' + node].toFixed(1):''}
\r\n {record['humi_switch' + node] === 0 ? \"--\" : record['humi_enable' + node]===0 ?\"--\" :record['humi_alarm' + node] === 0 ? '正常' : record['humi_alarm' + node] === 1 ? '报警':''}
\r\n )\r\n },\r\n ]\r\n },\r\n \r\n ]\r\n }):\r\n // 单温设备\r\n nodeCol.push({\r\n title: `${name}-(区域:${district_name}-主机:${m_name}-测点ID:${node})`,\r\n align: 'center',\r\n children:[\r\n {\r\n title:`${(type===205||type===210)?'压强':'温度'} (最大:${devNode.length>0&&devNode[0].temp_h.toFixed(1)} \r\n 最小:${devNode.length>0&&devNode[0].temp_l.toFixed(1)} \r\n 平均:${devNode.length>0&&devNode[0].temp_s.toFixed(2)})`,\r\n align:'center',\r\n children: [\r\n {\r\n title: type===205?'上下限(Pa)':type===210?'上下限(MPa)':'上下限(℃)',\r\n // dataIndex: 'temp_h' + node,\r\n align: 'center',\r\n width:100,\r\n render: (text, record) => (\r\n \r\n {record['temp_switch' + node] === 0 ? null :record['temp_h' + node]===undefined?'':
\r\n )\r\n },\r\n {\r\n title: type===205?'压强(Pa)':type===205?'压强(MPa)':'温度(℃)',\r\n dataIndex: 'temp' + node,\r\n key: 'temp' + id,\r\n align: 'center',\r\n width:80,\r\n render: (text, record) => (\r\n {`${record['temp_h' + node]}~${record['temp_l' + node]}`}
}\r\n \r\n
\r\n )\r\n },\r\n {\r\n title: '状态',\r\n dataIndex: 'temp_alarm' + node,\r\n key: 'temp_alarm' + id,\r\n align: 'center',\r\n width: 60,\r\n render: (text, record) => (\r\n { record['temp_switch' + node] === 0 ? \"--\" : record['temp' + node]?record['temp' + node] > 102.1 ? \" NL\" :record['temp' + node].toFixed(1):''}
\r\n {record['temp_switch' + node] === 0 ? \"--\" :record['temp_alarm' + node] === 0 ? '正常' :record['temp_alarm' + node] === 1? '报警':''}
\r\n )\r\n },\r\n ]\r\n }\r\n ]\r\n })\r\n }\r\n \r\n })\r\n setSelNodeColums(nodeCol);\r\n }\r\n })\r\n // }, 200);\r\n \r\n }\r\n const onChange_Tab = key => {\r\n setTabKey(key)\r\n if (key==='2'){\r\n setTimeout(() => {\r\n let chartDom = document.getElementById('tempEcharts');\r\n if(chartDom){\r\n let myChart = echarts.init(chartDom);\r\n option && myChart.setOption(option);\r\n myChart.resize();\r\n myChart&&setTempChart(myChart);\r\n myChart&&myChart.dispatchAction({\r\n type: 'legendScroll',\r\n scrollDataIndex: 5,\r\n // legendId: string\r\n })\r\n } \r\n }, 500);\r\n \r\n }else{\r\n tempChart&&tempChart.dispose();\r\n }\r\n };\r\n const onChange_Table = (page,pageSize) =>{\r\n setTableCurrent(page)\r\n setTablePageSize(pageSize)\r\n }\r\n // 要历史查询设备的所有测点设置全选\r\n const onCheckAllChange = e => {\r\n setCheckedList(e.target.checked ? showSelDevNodesValue: []);\r\n setIndeterminate(false);\r\n setCheckAll(e.target.checked);\r\n setSelDevNodes(e.target.checked ? showSelDevNodes: [])\r\n let nodes = [];\r\n showSelDevNodes.map(({ node}) => {\r\n nodes.push(node);\r\n })\r\n setSelNode(nodes);\r\n };\r\n const onCheckChange = list=>{\r\n setCheckedList(list);\r\n setIndeterminate(!!list.length && list.length < showSelDevNodes.length);\r\n setCheckAll(list.length === showSelDevNodes.length);\r\n let nodes = [];\r\n let sd = showSelDevNodes.filter(x=>list.indexOf(x.value)>-1);\r\n setSelDevNodes(sd)\r\n sd.map(({ node}) => {\r\n nodes.push(node);\r\n })\r\n setSelNode(nodes);\r\n }\r\n // 历史数据 保存为图片\r\n const saveImage = () => {\r\n setIsWaiting(true);\r\n var canvas2 = document.createElement(\"canvas\");\r\n let _canvas = document.getElementById('devicechart');\r\n var w = parseInt(window.getComputedStyle(_canvas).width);\r\n var h = parseInt(window.getComputedStyle(_canvas).height);\r\n canvas2.width = w ;\r\n canvas2.height = h ;\r\n // canvas2.style.width = (w +40) + \"px\";\r\n // canvas2.style.height = (h+40) + \"px\";\r\n var context = canvas2.getContext(\"2d\");\r\n context.scale(1, 1);\r\n html2canvas(document.getElementById('devicechart'), { canvas: canvas2 }).then((canvas) => {\r\n // canvas.style.width = (w + 40) + \"px\";\r\n // canvas.style.height = (h + 40) + \"px\";\r\n canvas.id = 'cutimg'\r\n var url = canvas.toDataURL('image/png');\r\n if(window.CefSharp!==undefined){\r\n window.CefSharp.BindObjectAsync(\"bound\");\r\n console.log(window.bound);\r\n window.bound.exportImg(url);\r\n \r\n }else{\r\n var downloadLink = document.createElement(\"a\");\r\n downloadLink.href = url;\r\n downloadLink.download = \"sd.png\";\r\n downloadLink.click();\r\n \r\n }\r\n setIsWaiting(false);\r\n\r\n });\r\n }\r\n\r\n const antdPointClick =(plot) => {\r\n plot.on('element:click', args => {\r\n const {x,y} = args\r\n let points = args.data.points;\r\n // let data = args.data.data;\r\n points = points.reverse()\r\n let ele = points.reduce((prec,cur)=>{\r\n let xLen = Math.abs(prec.x-x);\r\n let xLen1 = Math.abs(cur.x-x);\r\n let yLen = Math.abs(prec.y-y);\r\n let yLen1 = Math.abs(cur.y-y);\r\n if(Math.sqrt(xLen*xLen+yLen*yLen)\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 isHumi&&\r\n \r\n \r\n }\r\n \r\n ://单测点node0\r\n props.item.Node===0?\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 用户:{Mode==='soc'?userName:localCompany}\r\n }\r\n 区域:{state.district.filter(item=>item.id===props.item.District)[0].name}\r\n
\r\n {/* 自定义时间间隔查询*/}\r\n \r\n {\r\n if(dates===null){\r\n setIsChangeTime(false)\r\n setStartTime(props.start);\r\n setEndTime(props.end);\r\n }else{\r\n setIsChangeTime(true)\r\n setStartTime(dateStrings[0]+':00');\r\n dates[1]!==null&&setEndTime(dateStrings[1]+':00');\r\n } \r\n }}\r\n />\r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n filterSort={(optionA, optionB) =>\r\n optionA.children.toLowerCase().localeCompare(optionB.children.toLowerCase())\r\n }\r\n onChange={value=>setMinInterval(value)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n } style={{borderRadius:10}} disabled={isWaiting}\r\n onClick={()=>{\r\n // setLoading(true);\r\n setIsWaiting(true);\r\n setData([]);setDataF({ tmin: 0, tmax: 0, tavg: 0, hmin: 0, hmax: 0, havg: 0 });setdataChart([]);\r\n let startT = formatDateTimes(dateStart().getTime());\r\n let endT = formatDateTimes(new Date().getTime());\r\n if(isChangeTime){\r\n props.showMore?getHistorys(selNode,startTime,endTime,showUnitName,selDevNodes):getHistory(startTime,endTime,showUnitName);\r\n }else{\r\n props.showMore?getHistorys(selNode,startT,endT,showUnitName,selDevNodes):getHistory(startT,endT,showUnitName);\r\n }\r\n }}>\r\n\r\n 查询\r\n \r\n
\r\n \r\n
\r\n {\r\n props.showMore&&\r\n \r\n 主机名: {props.item.MName}\r\n 主机编号: {props.item.Sn}\r\n {\r\n props.showMore? \r\n
\r\n {/* 导出 */}\r\n {\r\n !props.showMore&&\r\n \r\n 测点\r\n \r\n 全选\r\n \r\n
:\r\n \r\n { props.item.Name}\r\n 测点ID: \r\n {props.item.Node}\r\n
\r\n }\r\n \r\n \r\n {/* 保存为图片 */}\r\n \r\n {/* 下载EXCEL */}\r\n {\r\n state.super>1&&\r\n \r\n }\r\n {/* 下载PDF */}\r\n \r\n {\r\n props.item.Humi===1?{\r\n e.target.checked?setIsExportHumi(true):setIsExportHumi(false);\r\n }}>导出湿度 :''\r\n }\r\n {/* */}\r\n {\r\n Mode==='local' &&\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 props.item.Node===0?null: props.item.Humi === 1 ? \r\n //温湿度\r\n \r\n \r\n {/* 保存为图片 */}\r\n \r\n {/* 下载EXCEL */}\r\n {\r\n state.super>1&&\r\n \r\n }\r\n \r\n {/* 下载PDF */}\r\n \r\n
\r\n } destroyInactiveTabPane={true} onChange={onChange_Tab} \r\n >\r\n \r\n
\r\n : //没有湿度\r\n \r\n
\r\n {`${showUnitName}（${showUnit}）：`}
\r\n 上限值：{data.length > 0 ? data[0].temp_h : ''}
\r\n 下限值：{data.length > 0 ? data[0].temp_l : ''}
\r\n 最大值：{dataF.tmax.toFixed(2)}
\r\n 最小值：{dataF.tmin.toFixed(2)}
\r\n 平均值：{dataF.tavg.toFixed(2)}
\r\n \r\n
\r\n 湿度（%RH）：
\r\n 上限值：{data.length > 0 ? data[0].humi_h : ''}
\r\n 下限值：{data.length > 0 ? data[0].humi_l : ''}
\r\n 最大值：{dataF.hmax.toFixed(2)}
\r\n 最小值：{dataF.hmin.toFixed(2)}
\r\n 平均值：{dataF.havg.toFixed(2)}
\r\n \r\n
\r\n }\r\n {/* 图表展示 */}\r\n {\r\n props.showMore?//多测点\r\n {`${showUnitName}（${showUnit}）：`}
\r\n 上限值：{data.length > 0 ? data[0].temp_h : ''}
\r\n 下限值：{data.length > 0 ? data[0].temp_l : ''}
\r\n 最大值：{dataF.tmax.toFixed(2)}
\r\n 最小值：{dataF.tmin.toFixed(2)}
\r\n 平均值：{dataF.tavg.toFixed(2)}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 开始时间:\r\n {startTime}\r\n
\r\n \r\n 结束时间:\r\n {endTime}\r\n
\r\n \r\n \r\n
\r\n {\r\n dataChart.length>0&&!showBound&&\r\n \r\n 您选择的测点包含多个温（湿）度区间或者是空库，故不展示区间辅助线\r\n
\r\n }\r\n \r\n
\r\n {\r\n dataChart.length>0&&!showBound&&\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 let tempVal = e.target.value\r\n setItemValue(tempVal)\r\n let showVal = '';\r\n if (tempVal===2){\r\n selectedDev.map(item=>{\r\n showVal+=item.sim+','\r\n })\r\n \r\n }else{\r\n selectedDev.map(item=>{\r\n showVal+=item.sn+','\r\n })\r\n }\r\n showVal = showVal.slice(0,-1);\r\n setSelVal(showVal)\r\n }} value = {itemValue}\r\n >\r\n 服务费 \r\n 卡费 \r\n 综合 \r\n \r\n
\r\n \r\n
\r\n {itemValue===2?'SIM卡号':'设备标号'}：
\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 setModeValue(e.target.value)\r\n }} value = {modeValue} \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 \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\nexport default Help;","import Login from \"../page/login/Login\"\r\nimport Loyout from \"../page/layout/index\"\r\nimport User from \"../page/user/User\"\r\n\r\nimport DashBoard from '../page/layout/page/DashBoard/index'\r\nimport History from '../page/layout/page/Monitor/History/index'\r\nimport MapData from '../page/layout/page/Monitor/Map/index'\r\nimport Alarm from '../page/layout/page/Monitor/Alarm/index'\r\nimport Data from '../page/layout/page/Monitor/Data/index'\r\nimport Plane from \"../page/layout/page/Monitor/Data/plane\"\r\nimport BackUP from '../page/layout/page/Monitor/BackUP/index'\r\nimport AreaManage from '../page/layout/page/Manage/Area/index'\r\nimport DeviceManage from '../page/layout/page/Manage/Device/index'\r\nimport HMIManage from '../page/layout/page/Manage/HMI/index'\r\nimport UserManage from '../page/layout/page/Manage/User/index'\r\nimport LocalUserManage from '../page/layout/page/Manage/LocalUser/index'\r\nimport VideoManage from '../page/layout/page/Manage/Video/index'\r\nimport TransportIndex from '../page/layout/page/Manage/Transport/index'\r\nimport AlarmUserManage from '../page/layout/page/Manage/AlarmUser/index'\r\nimport Operation from '../page/layout/page/Monitor/Operation/index'\r\n// import Permission from '../page/layout/page/Manage/Permission/index'\r\n// import PermissionType from '../page/layout/page/Manage/PermissionType/index'\r\nimport PayManage from '../page/layout/page/Monitor/Pay/index'\r\nimport Help from \"../page/layout/page/Help/index\"\r\n\r\nexport default [\r\n\r\n\r\n { path: \"/login\", name: \"Login\", component: Login },\r\n { path: \"/404\", name: \"404\", component: User },\r\n { path: \"/monitor/data/plane/:id\", name: \"Plane\", component: Plane },\r\n {\r\n path: \"/\",\r\n name: \"Loyout\",\r\n component: Loyout,\r\n auth: true,\r\n children: [\r\n { path: \"/\", name: \"Loyout\", component: DashBoard },\r\n { path: \"/monitor/data\", name: \"Loyout\", component: Data },\r\n // { path: \"/monitor/data/plane/:id\", name: \"Loyout\", component: Plane },\r\n { path: \"/monitor/alarm\", name: \"Loyout\", component: Alarm },\r\n { path: \"/monitor/map\", name: \"Loyout\", component: MapData },\r\n { path: \"/monitor/records\", name: \"Loyout\", component: History },\r\n { path: \"/monitor/operation\", name: \"Loyout\", component: Operation },\r\n { path: \"/monitor/backup\", name: \"Loyout\", component: BackUP },\r\n { path: \"/monitor/pay\", name: \"Loyout\", component: PayManage },\r\n\r\n { path: \"/manage/area\", name: \"区域管理\", component: AreaManage },\r\n { path: \"/manage/device\", name: \"Loyout\", component: DeviceManage },\r\n { path: \"/manage/transport\", name: \"Loyout\", component: TransportIndex },\r\n { path: \"/manage/hmi\", name: \"Loyout\", component: HMIManage },\r\n { path: \"/manage/user\", name: \"Loyout\", component: UserManage },\r\n { path: \"/manage/localuser\", name: \"Loyout\", component: LocalUserManage },\r\n { path: \"/manage/alarmuser\", name: \"Loyout\", component: AlarmUserManage },\r\n { path: \"/manage/video\", name: \"Loyout\", component: VideoManage },\r\n // { path: \"/manage/permission\", name: \"Loyout\", component: Permission },\r\n // { path: \"/manage/permissiontype\", name: \"Loyout\", component: PermissionType },\r\n\r\n { path: \"/help\", name: \"Loyout\", component: Help },\r\n ]\r\n },\r\n \r\n];","import React from 'react'\r\nimport { HashRouter, Route, Redirect, Switch } from \"react-router-dom\";\r\nimport router from './router'\r\nimport { State } from '../page/layout/state'\r\nimport { StateDevice } from '../page/layout/state_device'\r\nlet authenticate = () => {\r\n const token = localStorage.getItem(\"tokenis\");\r\n return token\r\n}\r\nfunction RouteMap() {\r\n return (\r\n \r\n
\r\n 导航栏点击不同的菜单跳转到对应页面
\r\n\r\n
\r\n 标题栏左边展示公司logo和名称 右侧显示声音报警开关，app下载，账号信息等
\r\n\r\n
\r\n 单击账号名称弹出账号信息窗口，显示http接口所用token和修改密码、退出登录等操作
\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上方左侧显示测点的名称、主机、用户和区域的信息。右侧可进行查询时间选择。不选择默认为当日。数据间隔选择、查询、导出(图片、EXCEL、PDF)
\r\n下方是内容展示方式为:曲线或表格
\r\n找到要设置参数设备，双击设备显示区域进行参数查询/设置
\r\n设置参数时，要先读取，再设置，避免设置错误。温湿度报警数据会自动读取可直接设置
\r\n超标报警设置起始时间99:99结束时间99:99，为此组报警全天报警，起始时间0:0结束时间0:0为此组报警关闭
\r\n可通过单击定位标志进入轨迹回放界面。
\r\n默认时间为当天、可选择开始结束时间或者单击预设时间段进行查询和轨迹回放
\r\n点击右侧导航历史数据，进入设备历史数据查询、导出界面（EXCEL、PDF、图片三种形式）
\r\n可根据测点和主机两种方式查询:测点模式可自由选择测点数量,主机模式为主机下所有测点。
\r\n默认时间为当天、可选择开始结束时间或者单击预设时间段进行查询和轨迹回放
\r\n默认普通报表形式，勾选周期报表，可选择月周日三种形式报表，可自由设定每天的时间节点。
\r\n点击右侧导航轨迹位置，进入轨迹位置查询界面，可通过区域和测点选择想要查看的设备
\r\n和实时数据-轨迹回放类似
\r\n点击左侧导航栏报警数据进入报警数据管理页面，默认展示当日报警数据
\r\n可根据用户、区域、时间（默认时间为当天、可选择开始结束时间或者单击预设时间段）进行报警信息内容查询
\r\n展示内容可根据用户、区域、主机、测点、类型、状态等方式进行筛选或排序
\r\n未处理报警可选中前方复选框（可多选），单击报警处理进行处理。也可下载导出报警数据PDF
\r\n点击左侧导航栏操作日志进入操作日志管理页面，可根据用户、操作类型、及时间进行操作日志内容查询。
\r\n点击左侧菜单栏 管理下“订单管理”可进行订单管理包括新增收发货单位,收发货单位地址管理,运输物品管理,以及订单的创建,更新订单状态等
\r\n未添加收货，发货，运输单位的请先单击账号管理进行添加
\r\n\r\n 
\r\n
\r\n \r\n
\r\n 1、单击右上角新建账号
\r\n2、选择单位类型
\r\n3、填写单位名称
\r\n4、自定义一个不重复账号
\r\n5、填写密码
\r\n6、每行记录右侧对应有修改和删除按钮
\r\n地址管理：添加的收发货运输单位的地址、联系人的添加和修改
\r\n\r\n 
\r\n
\r\n \r\n
\r\n 1、分两栏分别展示地址和联系人
\r\n2、对应栏的右上角点击新增按钮
\r\n3、按照选项依次选择或填写相应内容完善单位信息
\r\n4、每行记录右侧对应有修改和删除按钮
\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 点击左侧菜单栏 管理下“用户管理”可进行用户账号管理包括新增用户,修改用户名称,修改密码,删除用户（删除需谨慎，用户下有设备、区域、下级用户，订单时无法删除）、区域管理、区域分配、短信分配、添加提醒 、设置LOGO。
\r\n上方左侧单击选择用户 根据用户筛选相关用户信息
\r\n上方右侧为新建用户按钮 单击弹出新建用户窗口
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n 1、单击上级用户右侧选择框在下拉列表中选择上级用户
\r\n2、填写用户名称
\r\n3、建立新组织需要勾选创建新组织，在下方所属组织一栏填写组织名称
\r\n4、已存在组织中添加其他类型账号，不要勾选创建新组织，下方所属组织一栏会显示组织名称不能修改
\r\n5、填写用户登录账号
\r\n6、填写用户登录密码
\r\n7、确认登录密码
\r\n8、选择用户类型。用户类型分为高级用户、管理用户、和普通用户。 注：新组织管理员只能是高级用户或管理用户。组织成员只能是管理用户或普通用户
\r\n9、选择权限 只能选择上级用户所拥有的的权限。1、基本权限：查看信息2、报警管理：添加删除修改报警联系人3、历史数据导出：导出历史数据为pdf、Excel等类型\r\n 4、设置设备参数：能够在实时数据中 对进行基本、报警参数进行设置5、订单管理：订单的添加6、设备管理：设备的添加修改删除7、区域管理：区域的添加修改删除\r\n
\r\n点击左侧菜单栏 管理下“报警管理”可进行短信、微信报警联系人的添加修改删除操作
\r\n上方左侧单击选择用户 根据用户筛选关联用户的报警联系人
\r\n上方右侧为添加报警联系人按钮 单击弹出添加报警联系人窗口
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n 1、单击关联用户右侧选择框在下拉列表中选择关联用户
\r\n2、单击绑定区域右侧选择框在下拉列表中选择关联用户下的区域。可多选。选中区域内的设备发生相关报警时通知该联系人
\r\n3、填写联系人姓名 方便管理（查找、修改等）
\r\n4、填写短信号码：该号码用来接收设备报警短信。（确保号码正确和关联用户有短信条数）
\r\n5、单击短信报警类型右侧选择框在下拉列表中选择绑定区域内设备发生哪些类型的报警时推送报警短信（类型有：温度超标、湿度超标、温度预警、湿度预警、主机电源、主机\t门控、设备离线、设备到期、探头连接、探头电源、探头门控）
\r\n6、打开微信扫一扫二维码关注公众号进行微信绑定。注：微信报警必须扫码绑定、二维码 有时效2分钟后过期 左侧为扫描关注成功状态
\r\n7、单击微信报警类型右侧选择框在下拉列表中选择绑定区域内设备发生哪些类型的报警时推送微信消息（类型有：温度超标、湿度超标、温度预警、湿度预警、主机电源、主机\t门控、设备离线、设备到期、探头连接、探头电源、探头门控）
\r\n8、报警时段：默认为全天推送。单击右下角时间选择框，选择时段。可设置多个时段。选择时段后，只有相应时段内设备发生报警才会推送报警信息
\r\n9、延时：填写延时时间，单位为分。延时时间内，设备恢复正常则不推送报警信息，否则到达时间后推送报警。
\r\n注：只用短信报警、无须进行6、7操作; 只用微信报警、无须进行5操作
\r\n