The Front-end Design And Implementation Of The On-line Monitoring System For Grounding Circulating Current Of High Voltage Cable

With the continuous increase of power consumption in China,high-voltage cables are widely used,so it is particularly important to monitor them effectively.The grounding circulating current monitoring method is widely used in many on-line monitoring technologies for high voltage cables.There are two kinds of on-line monitoring system architecture platforms at home and abroad: CS architecture and BS architecture.CS architecture needs to install specified client software and is not easy to update while BS architecture combined with GIS(Geographic Information System)technology is rare.In view of these problems,a set of front-end of the on-line monitoring system for grounding circulating current of high voltage cable based on BS architecture is established.The front end of the system is based on the Dva framework which is based on react and other technologies.Ant Design of React is used to design the front-end UI components,and Ant Design Pro is used as the scaffold.The system uses GIS technology,which has strong graphic processing expression and unique geospatial analysis ability,to design the drawing module of high-voltage cable and the marking module of monitoring device,and display the data value of longitude and latitude coordinates in the database in the form of map;Using the virtual DOM tree mechanism of React technology,different timer functions are designed in different front-end interfaces to realize fast and dynamic rendering of real-time data in the interface;Based on the high-quality React component,the good and unified visual style front-end interfaces are designed,such as selection input box,pagination form and curve chart,to realize the high visualization effect of the line device information management module and the historical data display module;The system designs different logic interfaces on different front-end operations,so that it has good UED(User Experience Design)and easy to expand interaction logic.At the same time,the system developed a complete test procedure to fully test the functional integrity,stability,security and compatibility of the system.Compared with the traditional manual inspection and planned maintenance mode,the system can automatically send a request to the server to obtain the latest data in the database through the refresh interval selected by the front-end staff,so as to realize the continuous real-time monitoring of the cable lines,find the fault in time,and achieve the purpose of ensuring the security of the power grid.