27 lines
		
	
	
		
			680 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			27 lines
		
	
	
		
			680 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import React, { useEffect, useState, useRef } from 'react';
 | 
						||
import './styles/header.module.css';
 | 
						||
import moment from 'moment';
 | 
						||
 | 
						||
export default (props) => {
 | 
						||
	let [today, setToday] = useState(new Date());
 | 
						||
	moment.locale('zh-cn');
 | 
						||
	setTimeout(() => {
 | 
						||
		setToday(new Date());
 | 
						||
	}, 1000);
 | 
						||
 | 
						||
	return (
 | 
						||
		<header class="header">
 | 
						||
			<div>
 | 
						||
				<span class="header--logo"></span>
 | 
						||
				<h1>宜兴新能源生产线大数据指挥中心</h1>
 | 
						||
			</div>
 | 
						||
			<span class="header--wing absolute company">
 | 
						||
				设计单位:中建材智能自动化研究院
 | 
						||
			</span>
 | 
						||
			<span class="header--wing absolute datetime">
 | 
						||
				{moment(today).format('YYYY.M.D dddd HH:mm:ss')}
 | 
						||
			</span>
 | 
						||
		</header>
 | 
						||
	);
 | 
						||
};
 |