-

src/assets/css/index.css

@@ -82,6 +82,7 @@ header {
     height: calc(100% - .8375rem);
     color: #fff;
     min-height: 650px;
+    font-size: .3rem;
     /* min-height: 750px */
 }
 
@@ -161,20 +162,20 @@ header {
 
 .el-table__body-wrapper::-webkit-scrollbar-thumb {
     border-right: none;
-    background-color: #01f5f1;
+    background-color: #37a5eb;
     border-radius: 5px;
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-track {
-    background-color: rgb(0, 66, 78, 1);
+    background-color: rgb(11, 56, 83);
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
-    background-color: rgb(17, 177, 174);
+    background-color: rgb(83, 181, 241);
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-thumb:active {
-    background-color: rgb(9, 136, 134);
+    background-color: rgb(55, 165, 235);
 }
 
 

src/views/index.vue

@@ -408,7 +408,7 @@ export default {
   text-align: center !important;
 }
 .el-select-dropdown__item:hover {
-  background: rgba(0, 244, 253, 0.2) !important;
+  background: rgba(55,165,235, 0.2) !important;
 }
 .el-scrollbar__view {
   background: rgba(0, 244, 253, 0) !important;

src/views/site/Device_motore.vue

@@ -649,8 +649,9 @@ export default {
 .ft_content div:nth-child(1) .ctn_one {
   width: 2.675rem;
   height: 81px;
+  font-size:.275rem;
   border-radius: 3px;
-  box-shadow: 0 0 10px rgba(0, 244, 253, 0.7) inset;
+  box-shadow: 0 0 10px rgba(55,165,235, 0.7) inset;
   background-color: rgba(8, 31, 47, 1);
   text-align: center;
   margin-right: 0.5rem;
@@ -662,7 +663,7 @@ export default {
   font-size: 0.3rem;
   font-family: Impact Regular, Impact Regular-Regular;
   font-weight: 400;
-  color: #00f4fd;
+  color: #37a5eb;
 }
 .ft_content div:nth-child(1) .ctn_one .one_text {
   color: red !important;
@@ -704,7 +705,7 @@ export default {
 }
 #pane-third .el-table th,
 .el-table tr {
-  background-color: rgb(0, 66, 78, 0.5);
+  background-color: rgb(55,165,235, 0.5);
 }
 .el-table__fixed-body-wrapper::-webkit-scrollbar {
   width: 0;
@@ -745,14 +746,14 @@ export default {
 }
 #pane-third .el-checkbox .el-checkbox__input .el-checkbox__inner {
   background-color: transparent;
-  border: 1px solid rgba(1, 111, 109, 1);
+  border: 1px solid rgba(55,165,235, 1);
 }
 #pane-third .el-checkbox__input.is-checked .el-checkbox__inner,
 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  background-color: rgba(1, 111, 109, 1) !important;
+  background-color: rgba(55,165,235, 1) !important;
 }
 #pane-third .el-checkbox__inner::after {
-  border: 1px solid rgba(0, 244, 253, 1);
+  border: 1px solid rgba(55,165,235, 1);
   border-left: 0;
   border-top: 0;
 }
@@ -762,25 +763,25 @@ export default {
 }
 #pane-third .el-table--border,
 .el-table--group {
-  border: 1px solid rgba(1, 111, 109, 0.5);
+  border: 1px solid rgba(55,165,235, 0.5);
   background-color: transparent;
 }
 #pane-third .el-table--border td,
 .el-table--border th,
 .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
-  border-right: 1px solid rgba(1, 111, 109, 0.5);
+  border-right: 1px solid rgba(55,165,235, 0.5);
   color: #fff;
 }
 #pane-third .el-table td,
 .el-table th.is-leaf {
-  border-bottom: 1px solid rgba(1, 111, 109, 0.5);
+  border-bottom: 1px solid rgba(55,165,235, 0.5);
 }
 #pane-third .el-table th,
 .el-table tr {
-  border-bottom: 1px solid rgba(1, 111, 109, 0.5);
+  border-bottom: 1px solid rgba(55,165,235, 0.5);
 }
 #pane-third .table .el-table thead.is-group th {
-  background-color: rgb(0, 66, 78, 1) !important;
+  background-color: rgba(55,165,235, 0.3)!important;
 }
 #pane-third .el-table__row {
   background-color: transparent;
@@ -829,7 +830,7 @@ export default {
 } */
 
 #pane-third .el-loading-mask {
-  background-color: rgb(0, 244, 253, 0.05);
+  background-color: rgb(55,165,235, 0.05);
 }
 #pane-third .el-loading-spinner .path {
   stroke: rgb(86, 158, 160, 1);
@@ -853,7 +854,7 @@ export default {
   margin: 0 auto;
 }
 .se-content .el-tabs__item.is-active {
-  background: rgba(6, 68, 83, 1) !important;
+  background: rgba(55,165,235, .4) !important;
 }
 .se-content .el-tabs__active-bar {
   width: 130px !important;
@@ -861,11 +862,11 @@ export default {
   background: transparent;
 }
 .se-content .el-tabs__item {
-  border-top: 1px rgba(0, 244, 253, 0.1) solid;
-  border-bottom: 1px rgba(0, 244, 253, 0.1) solid;
+  border-top: 1px rgba(55,165,235, 0.1) solid;
+  border-bottom: 1px rgba(55,165,235, 0.1) solid;
 }
 .se-content .el-tabs__nav-scroll {
-  border-bottom: 0px rgba(0, 244, 253, 0.1) solid;
+  border-bottom: 0px rgba(55,165,235, 0.1) solid;
 }
 .se-content .el-tabs__nav {
   /* width: 100%; */
@@ -880,7 +881,7 @@ export default {
   margin: 2px 0.4rem 5px 0px;
 }
 .se-content #tab-I {
-  border-left: 1px rgba(0, 244, 253, 0.1) solid;
+  border-left: 1px rgba(55,165,235, 0.1) solid;
 }
 
 #pane-second .block {
@@ -901,8 +902,8 @@ export default {
 .Site-details {
   width: 98%;
   /* opacity: 0.2; */
-  background-color: rgba(0, 244, 253, 0.1);
-  border: 1px solid rgba(0, 244, 253, 0.1);
+  background-color: rgba(55,165,235, 0.1);
+  border: 1px solid rgba(55,165,235, 0.1);
   margin: 0 auto;
   margin-top: 5px;
 }
@@ -911,7 +912,7 @@ export default {
   margin-bottom: 0px;
 }
 .el-tabs__nav-scroll {
-  border-bottom: 1px rgba(0, 244, 253, 0.1) solid;
+  border-bottom: 1px rgba(55,165,235, 0.1) solid;
   margin: 0 auto;
 }
 .el-tabs__item {
@@ -921,20 +922,20 @@ export default {
   text-align: center;
   padding: 0 !important;
   /* padding: 0 1px !important; */
-  border-right: 1px rgba(0, 244, 253, 0.1) solid;
+  border-right: 1px rgba(55,165,235, 0.1) solid;
 }
 .el-tabs__item.is-active {
-  color: rgba(0, 244, 253, 1) !important;
+  color: rgba(55,165,235, 1) !important;
 }
 .el-tabs__active-bar {
   width: 130px !important;
   top: 0;
-  background: #4bf4f9;
+  background: rgba(55,165,235, 1) !important;
 }
 .el-tabs__nav-wrap::after {
   bottom: revert;
   height: 1px !important;
-  background-color: rgba(0, 244, 253, 0.1) !important;
+  background-color: rgba(55,165,235, 0.1) !important;
 }
 </style>
 
@@ -950,7 +951,7 @@ export default {
   margin: 0 auto;
 }
 .ac-content .el-tabs__item.is-active {
-  background: rgba(6, 68, 83, 1) !important;
+  background: rgba(55,165,235, .4) !important;
 }
 .ac-content .el-tabs__active-bar {
   width: 130px !important;
@@ -958,8 +959,8 @@ export default {
   background: transparent;
 }
 .ac-content .el-tabs__item {
-  border-left: 1px rgba(0, 244, 253, 0.1) solid;
-  border-top: 1px rgba(0, 244, 253, 0.1) solid;
+  border-left: 1px rgba(55,165,235, 0.1) solid;
+  border-top: 1px rgba(55,165,235, 0.1) solid;
 }
 .primary {
   position: absolute;
@@ -983,7 +984,7 @@ export default {
 .ac-content .model .display div:nth-child(1) {
   height: 36px;
   line-height: 36px;
-  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  border-bottom: 1px solid rgba(55,165,235, 0.1);
   text-align: right;
   width: 50%;
   color: rgba(255, 255, 255, 1);
@@ -994,11 +995,11 @@ export default {
 .ac-content .model .display div:nth-child(2) {
   height: 36px;
   line-height: 36px;
-  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  border-bottom: 1px solid rgba(55,165,235, 0.1);
   width: 50%;
   text-align: left;
   padding-left: 0.7rem;
-  color: rgba(1, 201, 208, 1);
+  color: rgba(55,165,235);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1015,7 +1016,7 @@ export default {
   width: 50%;
 }
 .ac-content .states .display {
-  color: rgba(1, 201, 208, 1);
+  color: rgba(55,165,235);
   font-size: 15px;
   font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
   font-weight: 400;
@@ -1028,14 +1029,14 @@ export default {
 }
 
 .ac-content .states .display > div:nth-child(1) {
-  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  border-bottom: 1px solid rgba(55,165,235, 0.1);
   width: 100%;
   height: 36px;
   line-height: 36px;
   text-align: right;
 }
 .ac-content .states .display > div:nth-child(2) {
-  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  border-bottom: 1px solid rgba(55,165,235, 0.1);
   width: 100%;
   height: 36px;
   line-height: 36px;
@@ -1075,7 +1076,7 @@ export default {
   height: 30px !important;
   line-height: 30px !important;
   background-color: transparent;
-  border: 1px solid rgba(3, 107, 119, 1);
+  border: 1px solid rgba(55,165,235, 1);
 }
 #device_tabs .el-range-input {
   background-color: transparent;

src/views/site/Event_alarm.vue

@@ -390,7 +390,7 @@ export default {
   margin-top: 0;
   width: 110px !important;
   border-radius: 3px !important;
-  border: 1px solid rgba(3, 107, 119, 1) !important;
+  border: 1px solid rgba(55,165,235, 1) !important;
   color: #fff;
 }
 .event_block button {
@@ -401,7 +401,7 @@ export default {
   margin-right: 10px;
 }
 .event_block .el-pagination button:hover {
-  color: rgba(3, 107, 119, 1) !important;
+  color: rgba(55,165,235, 1) !important;
 }
 
 .event_block .el-pagination__total {
@@ -419,12 +419,12 @@ export default {
   line-height: 27px;
   background: #1c363f;
   color: #fff;
-  border: 1px solid rgba(3, 107, 119, 1) !important;
+  border: 1px solid rgba(55,165,235, 1) !important;
   border-radius: 8px;
   margin-right: 10px;
 }
 .event_block .el-pagination .el-pager li.active {
-  background: #016f6d;
+  background: #37a5eb;
 }
 .event_block .el-pagination .el-pagination__jump {
   color: #fff;
@@ -471,7 +471,7 @@ export default {
 }
 .From_table .el-input--suffix .el-input__inner {
   border-radius: 3px !important;
-  border: 1px solid rgba(3, 107, 119, 1) !important;
+  border: 1px solid rgba(55,165,235, 1) !important;
   color: #fff;
   margin-top: 0px;
 }
@@ -479,7 +479,7 @@ export default {
   width: 100%;
 }
 .From_table .el-textarea__inner {
-  border: 1px solid rgba(3, 107, 119, 1);
+  border: 1px solid rgba(55,165,235, 1);
   background-color: transparent;
   height: 103px !important;
   width: 98.5%;
@@ -514,36 +514,36 @@ export default {
   max-height: 85%;
 }
 .Cont_Three .table .el-table {
-  background-color: rgba(0, 66, 78, 0) !important;
+  background-color: rgba(55,165,235, 0) !important;
   max-height: 100% !important;
   height: 89%;
   overflow: auto;
 }
 .Cont_Three .table .el-table th {
-  background-color: rgba(0, 66, 78, 0.5) !important;
+  background-color: rgba(55,165,235, 0.5) !important;
 }
 .Cont_Three .table .el-table tr {
-  background-color: rgba(0, 66, 78, 0) !important;
+  background-color: rgba(55,165,235, 0) !important;
 }
 .Cont_Three .table .cell {
   color: #fff;
 }
 .Cont_Three .el-checkbox .el-checkbox__input .el-checkbox__inner {
   background-color: transparent;
-  border: 1px solid rgba(1, 111, 109, 1);
+  border: 1px solid rgba(55,165,235, 1);
 }
 .Cont_Three .el-checkbox__input.is-checked .el-checkbox__inner,
 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  background-color: rgba(1, 111, 109, 1) !important;
+  background-color: rgba(55,165,235, 1) !important;
 }
 .Cont_Three .el-checkbox__inner::after {
-  border: 1px solid rgba(0, 244, 253, 1);
+  border: 1px solid rgba(55,165,235, 1);
   border-left: 0;
   border-top: 0;
 }
 .Cont_Three .el-table td,
 .el-table th.is-leaf {
-  border-bottom: 1px solid rgba(1, 111, 109, 0.5);
+  border-bottom: 1px solid rgba(55,165,235, 0.5);
 }
 .Cont_Three .el-table--border::after,
 .el-table--group::after,
@@ -570,7 +570,7 @@ export default {
 #state_select {
   width: 194px !important;
   border-radius: 3px !important;
-  border: 1px solid rgba(3, 107, 119, 1) !important;
+  border: 1px solid rgba(55,165,235, 1) !important;
   color: #fff !important;
 }
 #Event_content .el-input__suffix {
@@ -578,14 +578,14 @@ export default {
   line-height: 30px !important;
 }
 #Event_content .el-input--suffix .el-select__caret {
-  color: #01ccd7 !important;
+  color: #37a5eb !important;
   font-size: 15px !important;
   width: 16px !important;
   line-height: 30px !important;
 }
 
 .state_select {
-  border: 1px solid rgba(0, 107, 119, 1) !important;
+  border: 1px solid rgba(55,165,235, 1) !important;
   > div {
     border: transparent !important;
   }
@@ -595,7 +595,7 @@ export default {
 }
 .state_select .el-popper__arrow::before {
   border: 1px transparent solid !important;
-  background: rgba(0, 107, 119, 1) !important;
+  background: rgba(55,165,235, 1) !important;
 }
 </style>
 
@@ -674,8 +674,8 @@ export default {
   }
 }
 #Event_content .back_all {
-  background-color: rgba(0, 244, 253, 0.1);
-  border: 1px solid rgba(0, 244, 253, 0.1);
+  background-color: rgba(55,165,235, 0.1);
+  border: 1px solid rgba(55,165,235, 0.1);
 }
 </style>
 
@@ -688,7 +688,7 @@ export default {
   height: 30px !important;
   line-height: 30px !important;
   background-color: transparent;
-  border: 1px solid rgba(3, 107, 119, 1);
+  border: 1px solid rgba(55,165,235, 1);
 }
 #Event_content .el-range-input {
   background-color: transparent;