告警管理

css/coreTable.css

@@ -0,0 +1,98 @@
+.right-down-right{
+    width: 100%;
+    height: 92%;
+    overflow: auto;
+}
+
+.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-mend, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+}
+
+.layui-table {
+    width: 100%;
+    margin: 10px 0;
+    background-color: transparent;
+    color: white;
+	text-align: center;
+}
+
+
+/* 表格头部背景色 */
+th {
+    background-color: #184B49; /* MediumSeaGreen */
+    color: #fff;
+    font-weight: bold
+}
+
+/*鼠标指向表格时,奇数行背景颜色*/
+.layui-table tbody tr:hover, .layui-table-hover {
+    background-color: #19b0b9;
+}
+
+.layui-laypage .layui-laypage-curr .layui-laypage-em {
+    background-color: #184B49;
+}
+
+.layui-laypage a:hover {
+    color: #184B49;
+}
+
+.layui-laypage .layui-laypage-skip {
+    color: #16534c;
+}
+
+.layui-laypage-count{
+    color:#184B49;
+}
+
+.layui-laypage button, .layui-laypage input {
+    background-color: transparent;
+    border: #184B49 1px solid;
+    color: #184B49;
+}
+
+.layui-table-view select[lay-ignore] {
+    background-color: transparent;
+    border: #184B49 1px solid;
+    color: #184B49;
+}
+
+.layui-table-page .layui-laypage span {
+    color: #184B49;
+}
+
+.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
+    color: #184B49;
+}
+
+.layout-vertical{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+}
+
+::-webkit-scrollbar
+{
+    width: 6px;
+    height: 6px;
+}
+::-webkit-scrollbar-track-piece
+{
+    background-color: #0d2225;
+    -webkit-border-radius: 6px;
+}
+::-webkit-scrollbar-thumb:vertical
+{
+    height: 5px;
+    background-color: #0d2225;
+    -webkit-border-radius: 6px;
+}
+::-webkit-scrollbar-thumb:horizontal
+{
+    width: 5px;
+    background-color: #0d2225;
+    -webkit-border-radius: 6px;
+}

css/towerAssInspect/towerAssInspect.css

@@ -0,0 +1,258 @@
+html,
+body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: #fff;
+    font-family: 'Alibaba PuHuiTi R';
+}
+
+.layout {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.main-box {
+    width: 100%;
+    height: 100%;
+    justify-content: space-evenly;
+	flex-direction: column;
+}
+
+.top-box {
+    width: 100%;
+    height: 47%;
+	display: flex;
+}
+
+.bot-box {
+    width: 100%;
+    height: 47%;
+    display: flex;
+	justify-content: space-around;
+}
+
+.top-box-left{
+	margin-left: 1%;
+	width: 20%;
+	height: 100%;
+}
+
+.top-box-center{
+	margin-left: 1%;
+	width: 38%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.top-box-center-top{
+	width: 100%;
+	height: 48%;
+}
+
+.top-box-center-bot{
+	margin-top: 2%;
+	width: 100%;
+	height: 48%;
+}
+
+.top-box-right{
+	margin-left: 1%;
+	width: 38%;
+	height: 100%;
+}
+
+.bot-box-left{
+	margin-left: 1%;
+	width: 38.5%;
+	height: 100%;
+}
+
+.bot-box-right{
+	margin-right: 1%;
+	width: 58.5%;
+	height: 100%;
+}
+
+.img-style{
+	width: 100%;
+	height: 100%;
+	box-sizing: border-box;
+	background-position: center center !important;
+}
+
+.tower-model {
+    padding: 8% 2% 2% 2%;
+    background: url("../../img/towerAssInspect/towerModel.png") no-repeat 0 0 / 100% 100%;
+}
+
+.model {
+	width: 80%;
+	height: 80%;
+	margin-top: 5%;
+	margin-left: 10%;
+    padding: 8% 2% 2% 2%;
+    background: url("../../img/towerAssInspect/model.png") no-repeat 0 0 / 100% 100%;
+}
+
+.device-list{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/deviceList.png") no-repeat 0 0 / 100% 100%;
+}
+
+.device-list-top{
+	height: 20%;
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+	color: #BFC6C7;
+}
+
+.alarm-title{
+	width: 3%;
+	height: 85%;
+	box-sizing: border-box;
+	background-position: center center !important;
+	background: url("../../img/towerAssInspect/alarmTitle.png") no-repeat 0 0 / 100% 100%;
+}
+
+.normal-title{
+	margin-left: 2%;
+	width: 3%;
+	height: 85%;
+	box-sizing: border-box;
+	background-position: center center !important;
+	background: url("../../img/towerAssInspect/normalTitle.png") no-repeat 0 0 / 100% 100%;
+}
+
+.connection-title{
+	margin-left: 2%;
+	width: 3%;
+	height: 85%;
+	box-sizing: border-box;
+	background-position: center center !important;
+	background: url("../../img/towerAssInspect/connectionTitle.png") no-repeat 0 0 / 100% 100%;
+}
+
+.device-list-bot{
+	height: 80%;
+	width: 100%;
+	display: flex;
+	justify-content: space-evenly;
+}
+
+.device-list-device{
+	width: 15%;
+	height: 90%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-around;
+}
+
+.device-list-font{
+	padding-top: 10%;
+	color: #BFC6C7;
+}
+
+.alarm{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/alarm.png") no-repeat 0 0 / 100% 100%;
+}
+
+
+.detection{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/detection.png") no-repeat 0 0 / 100% 100%;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+}
+
+.detection-style{
+	width: 15%;
+	height: 8%;
+	text-align: center;
+}
+
+.detection-style-font{
+	display: flex;
+	width: 100%;
+	height: 100%;
+	flex-direction: column;
+	justify-content: center;
+	align-items: end;
+}
+.detection-style-font-top{
+	margin-top: -20%;
+}
+
+.detection-style-font-bot{
+	margin-top: 10%;
+}
+
+
+
+.detection-incline{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/incline.png") no-repeat 0 0 / 100% 100%;
+}
+
+.detection-tension{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/tension.png") no-repeat 0 0 / 100% 100%;
+}
+
+.detection-crash{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/crash.png") no-repeat 0 0 / 100% 100%;
+}
+
+
+.tendency{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/tendency.png") no-repeat 0 0 / 100% 100%;
+}
+
+.real{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/real.png") no-repeat 0 0 / 100% 100%;
+}
+
+.history{
+	padding: 5% 2% 2% 2%;
+	background: url("../../img/towerAssInspect/history.png") no-repeat 0 0 / 100% 100%;
+}
+
+
+.dark{
+	display: flex;
+	width: 100%;
+	height: 4.5%;
+	box-sizing: border-box;
+	background: url("../../img/alarmMge/dark.png") no-repeat 0 0 / 100% 100%;
+	background-position: center center !important;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	margin-top: 4%;
+	cursor: pointer;
+}
+
+.bright{
+	display: flex;
+	width: 100%;
+	height: 4.5%;
+	box-sizing: border-box;
+	background: url("../../img/alarmMge/bright.png") no-repeat 0 0 / 100% 100%;
+	background-position: center center !important;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	margin-top: 4%;
+	cursor: pointer;
+}