From a41d9610b074c23f0e5d032f50282da7fb6763a2 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期一, 26 五月 2025 18:31:13 +0800
Subject: [PATCH] 优化巡检记录
---
igds-dzhwk-web/src/main/resources/static/dzhwk/n2/n2-control.css | 434 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 434 insertions(+), 0 deletions(-)
diff --git a/igds-dzhwk-web/src/main/resources/static/dzhwk/n2/n2-control.css b/igds-dzhwk-web/src/main/resources/static/dzhwk/n2/n2-control.css
new file mode 100644
index 0000000..c3b60f5
--- /dev/null
+++ b/igds-dzhwk-web/src/main/resources/static/dzhwk/n2/n2-control.css
@@ -0,0 +1,434 @@
+.fl {
+ float: left;
+}
+
+.flex {
+ display: flex;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: -moz-flex;
+}
+
+.qifa {
+ background: url(../../img/dzhwk/n2/bgt2.jpg) no-repeat;
+}
+
+.qifa ul {
+ padding: 0;
+ margin: 0;
+}
+
+.qifa li {
+ list-style-type: none;
+}
+
+.qifa a {
+ text-decoration: none;
+}
+
+.qifa .qf_box1 {
+ height: 138px;
+ color: #fff;
+ justify-content: space-between;
+ padding: 10px 10px 0 20px;
+}
+
+.qifa .qf_box1 .qf1_bx1 {
+ width: 20%;
+ float: left;
+ height: 100%;
+ box-sizing: border-box;
+ padding: 20px 25px 10px 25px;
+ background: #7B8E9F;
+ box-shadow: 0px 5px 20px 0px rgba(85, 85, 85, 0.2);
+ border-radius: 10px;
+}
+
+.qifa .qf_box1 .qf1_bx1 .layui-form-select dl dd {
+ color: #333;
+}
+
+.qifa .qf_box1 .qf1_bx1 .layui-form-select dl dd.layui-this {
+ background: #7b8e9f;
+ color: #fff;
+}
+
+.qifa .qf_box1 .qf1_bx1 .layui-form-label {
+ text-align: left;
+ width: 60px;
+ padding-left: 0;
+}
+
+.qifa .qf_box1 .qf1_bx1 .layui-input-block {
+ margin-left: 90px;
+}
+
+.qifa .qf_box1 .qf1_bx1 .switch {
+ margin-top: 15px;
+ width: 100%;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ background: #FAFAFA;
+ border-radius: 25px;
+ color: #000;
+ font-size: 18px;
+}
+
+.qifa .qf_box1 .qf1_bx1 .switch span {
+ display: block;
+ float: left;
+ width: 50%;
+ border-radius: 26px;
+ cursor: pointer;
+}
+
+.qifa .qf_box1 .qf1_bx1 .switch span.on {
+ height: 52px;
+ line-height: 52px;
+ background: #F49F0B;
+ color: #fff;
+}
+
+.qifa .qf_box1 .qf1_bx2 {
+ width: 32.5%;
+ height: 100%;
+ float: left;
+ box-sizing: border-box;
+ background: url(../../img/dzhwk/n2/bg_qf2.png) no-repeat;
+ background-size: cover;
+ border-radius: 10px;
+ padding: 8px 20px;
+}
+
+.qifa .qf_box1 .qf1_bx3 {
+ width: 25%;
+ float: left;
+ height: 100%;
+ box-sizing: border-box;
+ background: url(../../img/dzhwk/n2/bg_qf3.png) no-repeat;
+ background-size: cover;
+ border-radius: 10px;
+ padding: 12px 20px;
+}
+
+.qifa .qf_box1 .qf1_bx4 {
+ width: 16.2%;
+ float: left;
+ height: 100%;
+ box-sizing: border-box;
+ background: url(../../img/dzhwk/n2/bg_qf4.png) no-repeat;
+ background-size: cover;
+ border-radius: 10px;
+ padding: 12px 20px;
+ text-align: center;
+}
+
+.qifa .qf_box1 .qf1_bx4 .icon {
+ margin: 15px 0 0 0;
+}
+
+.qifa .qf_box1 .qf1_tit {
+ font-size: 18px;
+ margin-bottom: 6px;
+ position: relative;
+ text-align: left;
+ padding-left: 18px;
+}
+
+.qifa .qf_box1 .qf1_tit::before {
+ content: "";
+ width: 10px;
+ height: 10px;
+ background: #fff;
+ border-radius: 50%;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.qifa .qf_box1 .qf1_time {
+ text-align: center;
+ color: #fff;
+}
+
+.qifa .qf_box1 .qf1_time li {
+ float: left;
+ position: relative;
+}
+
+.qifa .qf_box1 .qf1_time li::after {
+ content: "";
+ width: 1px;
+ height: 80px;
+ background: rgba(0, 0, 0, 0.1);
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.qifa .qf_box1 .qf1_time li:last-child::after {
+ display: none;
+}
+
+.qifa .qf_box1 .qf1_time .num {
+ font-size: 20px;
+ margin: 6px 0 12px 0;
+}
+
+.qifa .qf_box1 .qf1_time .num.din {
+ font-size: 34px;
+ font-family: 'din';
+}
+
+.qifa .qf_box1 .qf1_time p {
+ font-size: 14px;
+ margin: 0;
+}
+
+.qifa .qf_box1 .qf1_time .x4 li {
+ width: 25%;
+}
+
+.qifa .qf_box1 .qf1_time .x3 li {
+ width: 33.33%;
+}
+
+.qifa .qf_box1 .qf1_time .x3 li .num {
+ margin: 16px 0 15px;
+}
+
+.qifa .qf_box2 {
+ padding: 10px 28px;
+}
+
+.qifa .qf_box2 .qf_tit {
+ font-size: 20px;
+ color: #000;
+ margin-bottom: 15px;
+ position: relative;
+ margin-left: -30px;
+ margin-top: -5px;
+ font-weight: bold;
+ padding-left: 18px;
+}
+
+.qifa .qf_box2 .qf_tit::before {
+ content: "";
+ width: 10px;
+ height: 10px;
+ background: #2F8AD1;
+ border-radius: 50%;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.qifa .qf_box2 .qf2_left {
+ float: left;
+ max-width: 55%;
+ padding-left: 65px;
+ box-sizing: border-box;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts {
+ height: 140px;
+ margin: -20px 0 20px;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts .start {
+ width: 80px;
+ margin-right: 25px;
+ float: left;
+ margin-top: 15px;
+ text-align: center;
+ /*cursor: pointer;*/
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts .start .p1 {
+ font-size: 14px;
+ margin: 6px 0 3px;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts .start .p2 {
+ font-size: 18px;
+ font-weight: bold;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts .start:hover .p2 {
+ color: #2F8AD1;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts .chart_ul {
+ width: 100%;
+ max-width: 510px;
+ float: left;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts li {
+ width: 33.33%;
+ float: left;
+ text-align: center;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_charts li .charts {
+ width: 144px;
+ height: 144px;
+ margin: 0 auto;
+ position: relative;
+ background: url(../../img/dzhwk/n2/bg_ky.png) no-repeat center;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_img {
+ position: relative;
+ margin: 6px 0 0 0;
+}
+
+.qifa .qf_box2 .qf2_left .qf2_img .xt {
+ position: absolute;
+ bottom: 14px;
+ z-index: 1;
+ right: -90px;
+}
+
+.qifa .qf_box2 .qf2_right {
+ width: 45%;
+ float: left;
+ padding-left: 70px;
+ box-sizing: border-box;
+}
+
+.qifa .qf_box2 .qf2_right .qf2_img img {
+ margin-top: -15px;
+}
+
+.floatBar {
+ position: fixed;
+ right: 20px;
+ bottom: 0;
+ z-index: 2;
+}
+
+.floatBar li {
+ width: 95px;
+ height: 95px;
+ background: #fff;
+ text-align: center;
+ box-shadow: 0px 5px 15px 0px rgba(50, 66, 81, 0.05);
+ border-radius: 10px;
+ margin-bottom: 10px;
+}
+
+.floatBar li i {
+ height: 48px;
+ background-repeat: no-repeat;
+ background-position: center;
+ width: 100%;
+ float: left;
+ margin: 16px 0 6px;
+}
+
+.floatBar li p {
+ font-size: 14px;
+ color: #324251;
+ font-weight: bold;
+}
+
+.floatBar li:nth-child(1) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd1.png);
+}
+
+.floatBar li:nth-child(1).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd01.png);
+}
+
+.floatBar li:nth-child(2) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd2.png);
+}
+
+.floatBar li:nth-child(2).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd02.png);
+}
+
+.floatBar li:nth-child(3) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd3.png);
+}
+
+.floatBar li:nth-child(3).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd03.png);
+}
+
+.floatBar li:nth-child(4) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd4.png);
+}
+
+.floatBar li:nth-child(4).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd04.png);
+}
+
+.floatBar li:nth-child(5) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd5.png);
+}
+
+.floatBar li:nth-child(5).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd05.png);
+}
+
+.floatBar li:nth-child(6) i {
+ background-image: url(../../img/dzhwk/n2/icon_sd4.png);
+}
+
+.floatBar li:nth-child(6).on i {
+ background-image: url(../../img/dzhwk/n2/icon_sd04.png);
+}
+
+.floatBar li.on {
+ background: #53ADCE;
+ box-shadow: 0px 5px 15px 0px rgba(50, 66, 81, 0.05);
+}
+
+.floatBar li.on a {
+ color: #fff;
+}
+
+
+.floatBar li.on a p {
+ color: #fff;
+}
+
+.sdft-btn-group {
+ display: block;
+}
+
+.sdft-topbtn {
+ background: #fff;
+ font-size: 16px;
+ color: #969ca6;
+ border: 0;
+}
+
+.sdft-topbtn.active {
+ background: #efd17a;
+ color: #283a48;
+ font-weight: bold;
+}
+
+.sdft-topbtn:hover,
+.sdft-topbtn.active:hover {
+ opacity: 1;
+ filter: alpha(opacity=100);
+ color: #283a48;
+}
+
+.tit {
+ font-size: 16px;
+ font-weight: bold;
+ color: red;
+}
+
+.c-hand{
+ cursor: pointer;
+}
\ No newline at end of file
--
Gitblit v1.9.3