diff --git a/css/coreTable.css b/css/coreTable.css new file mode 100644 index 0000000..82fb214 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/css/towerAssInspect/towerAssInspect.css b/css/towerAssInspect/towerAssInspect.css new file mode 100644 index 0000000..1cd1b68 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/img/towerAssInspect/alarm.png b/img/towerAssInspect/alarm.png new file mode 100644 index 0000000..33ad89c Binary files /dev/null and b/img/towerAssInspect/alarm.png differ diff --git a/img/towerAssInspect/alarmTitle.png b/img/towerAssInspect/alarmTitle.png new file mode 100644 index 0000000..29ba05a Binary files /dev/null and b/img/towerAssInspect/alarmTitle.png differ diff --git a/img/towerAssInspect/connection.png b/img/towerAssInspect/connection.png new file mode 100644 index 0000000..8369a7f Binary files /dev/null and b/img/towerAssInspect/connection.png differ diff --git a/img/towerAssInspect/connectionTitle.png b/img/towerAssInspect/connectionTitle.png new file mode 100644 index 0000000..1d9524f Binary files /dev/null and b/img/towerAssInspect/connectionTitle.png differ diff --git a/img/towerAssInspect/crash.png b/img/towerAssInspect/crash.png new file mode 100644 index 0000000..0d5cb02 Binary files /dev/null and b/img/towerAssInspect/crash.png differ diff --git a/img/towerAssInspect/detection.png b/img/towerAssInspect/detection.png new file mode 100644 index 0000000..835871c Binary files /dev/null and b/img/towerAssInspect/detection.png differ diff --git a/img/towerAssInspect/deviceList.png b/img/towerAssInspect/deviceList.png new file mode 100644 index 0000000..b1e20be Binary files /dev/null and b/img/towerAssInspect/deviceList.png differ diff --git a/img/towerAssInspect/history.png b/img/towerAssInspect/history.png new file mode 100644 index 0000000..0a2093e Binary files /dev/null and b/img/towerAssInspect/history.png differ diff --git a/img/towerAssInspect/incline.png b/img/towerAssInspect/incline.png new file mode 100644 index 0000000..b2d272c Binary files /dev/null and b/img/towerAssInspect/incline.png differ diff --git a/img/towerAssInspect/model.png b/img/towerAssInspect/model.png new file mode 100644 index 0000000..c5d377d Binary files /dev/null and b/img/towerAssInspect/model.png differ diff --git a/img/towerAssInspect/normal.png b/img/towerAssInspect/normal.png new file mode 100644 index 0000000..4066526 Binary files /dev/null and b/img/towerAssInspect/normal.png differ diff --git a/img/towerAssInspect/normalTitle.png b/img/towerAssInspect/normalTitle.png new file mode 100644 index 0000000..8f74ffb Binary files /dev/null and b/img/towerAssInspect/normalTitle.png differ diff --git a/img/towerAssInspect/real.png b/img/towerAssInspect/real.png new file mode 100644 index 0000000..3106ebf Binary files /dev/null and b/img/towerAssInspect/real.png differ diff --git a/img/towerAssInspect/tendency.png b/img/towerAssInspect/tendency.png new file mode 100644 index 0000000..d7a65ab Binary files /dev/null and b/img/towerAssInspect/tendency.png differ diff --git a/img/towerAssInspect/tension.png b/img/towerAssInspect/tension.png new file mode 100644 index 0000000..a57264d Binary files /dev/null and b/img/towerAssInspect/tension.png differ diff --git a/img/towerAssInspect/towerModel.png b/img/towerAssInspect/towerModel.png new file mode 100644 index 0000000..76ac5e5 Binary files /dev/null and b/img/towerAssInspect/towerModel.png differ