关于项目监控看板HTML页面设计

最新推荐文章于 2025-03-13 17:13:55 发布

chuan6752

最新推荐文章于 2025-03-13 17:13:55 发布

阅读量1.7k

点赞数

分类专栏：开发笔记文章标签： css javascript html

本文链接：https://blog.youkuaiyun.com/chuan6752/article/details/112254666

版权

车间内各个线体，各个站别会有各项测试特性需要监控，做一个页面监控，以便发现异常立即显示不同的颜色，系统并会发现异常警报，看板，E-mail 等。

1. 先上完成图片如下：

a.灰色表示无异常

b.红色表示异常未处理

c. 黄色表示异常处理中

d. 绿色表示已经处理完成

2. HTML 代码如下：

<div>
	<table border="1" >
		<tr style="background-color:aqua">
			<th style="height:30px;width:90px;">线别</th>
			<th style="height:30px;width:120px;">料号(机种)</th>
			<th style="height:30px;width:90px;">站别</th>
			<th style="height:30px;width:69px;">项目1</th>
			<th style="height:30px;width:69px;">项目2</th>
			<th style="height:30px;width:69px;">项目3</th>
			<th style="height:30px;width:69px;">项目4</th>
			<th style="height:30px;width:69px;">项目5</th>
			<th style="height:30px;width:69px;">项目6</th>
			<th style="height:30px;width:69px;">项目7</th>
			<th style="height:30px;width:69px;">项目8</th&