From 1ec6464f3c771e0051c0b9f5cb4148c21bea2c96 Mon Sep 17 00:00:00 2001 From: haha Date: Sun, 10 Mar 2024 01:07:03 +0800 Subject: [PATCH] update code --- public/css/largeScreenStyle.css | 3005 +++++++++++++++++++++++++++- src/pages/safe/distributionBox.vue | 129 +- 2 files changed, 3108 insertions(+), 26 deletions(-) diff --git a/public/css/largeScreenStyle.css b/public/css/largeScreenStyle.css index 29c6920..e5c6cd8 100644 --- a/public/css/largeScreenStyle.css +++ b/public/css/largeScreenStyle.css @@ -50,9 +50,11 @@ table{ } .screen-content{ padding: 10px 15px; + position: relative; } /*head*/ .head-title{ + position: relative; height: 70px; background: url("../images/head_title.png") no-repeat center/100% 65px; display: flex; @@ -392,6 +394,14 @@ table{ } .czz-number-content{ display: flex; + cursor: pointer; + width: calc(50% - 20px); + padding-left: 20px; +} +.czz-number-content1{ + display: flex; + cursor: pointer; + padding-left: 20px; } .czz-number-img{ width: 60px; @@ -399,6 +409,10 @@ table{ text-align: center; line-height: 80px; } +.czz-number-img img{ + width: 30px; + height: 30px; +} .czz-number-img-blue{ background: url("../images/circle_blue.gif") no-repeat center/100% 100%; } @@ -425,6 +439,13 @@ table{ display: flex; align-items: center; } +.glr-min .people-number-con{ + padding: 15px 0; +} +.safety-min .people-number-con{ + padding: 35px 0; +} + .people-number-con div{ width: 30px; height: 45px; @@ -483,7 +504,9 @@ table{ .glr-login-number img{ margin-right: 5px; } - +.glr-login-number-sz:hover{ + color: #00f1fc; +} /*打卡管控提示*/ .table-head{ text-align: center; @@ -906,6 +929,12 @@ table{ .analyse-min{ height: 260px; } +.not-data{ + height: 200px; + line-height: 200px; + text-align: center; + color: #aaaaaa; +} .analyse-title{ height: 40px; display: flex; @@ -929,6 +958,12 @@ table{ -webkit-animation: Glow 1s ease infinite alternate; animation: Glow 1s ease infinite alternate; } +.analyse-equipment-position{ + position: absolute; + right: 40px; + top: 20px; + z-index: 999; +} @-webkit-keyframes Glow { from { text-shadow: 0 0 10px #097fca, @@ -1004,7 +1039,7 @@ table{ background: #010b2d; } .afoot-con-for{ - margin-bottom: 20px; + padding-bottom: 20px; } .afoot-con-for.active{ background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%; @@ -1279,11 +1314,15 @@ table{ justify-content: space-evenly; color: #a2c8f9; } +.project-number div{ + padding: 0 15px; +} .project-number span{ font-size: 20px; font-weight: bold; font-style: italic; color: #63baff; + padding-right: 15px; } .chart-overview-gif{ width: 105px; @@ -1464,6 +1503,7 @@ table{ white-space:nowrap; text-overflow:ellipsis; font-size: 14px; + cursor: pointer; } .company-person-info{ font-size: 14px; @@ -1477,7 +1517,7 @@ table{ top: 0; left: 0; background: rgba(0,0,0,0.5); - z-index: 10; + z-index: 2000; } .popup-project-introduction-min{ width: 1000px; @@ -1487,7 +1527,7 @@ table{ transform: translateY(30%); } .popup-project-introduction-con{ - padding: 20px 10px; + padding: 12px 10px; } .popup-project-introduction-title{ height: 40px; @@ -2086,12 +2126,14 @@ table{ top: 0; width: 70px; text-align: right; + font-size: 13px; } .monitor-warning{ position: absolute; top: 50px; width: 70px; text-align: right; + font-size: 13px; } .monitor-zero{ position: absolute; @@ -2110,7 +2152,7 @@ table{ color: #fead38; } .police-data{ - color: #ff4e4e; + color: #ff4e4e !important; } .monitor-data span{ @@ -2224,7 +2266,7 @@ table{ .safe-tower-content-data-list span{ color: #429fff; font-weight: bold; - font-size: 22px; + font-size: 20px; } .safe-tower-content-data-list-time span{ font-size: 14px; @@ -2486,6 +2528,26 @@ table{ color: #5388b0; font-size: 16px; } +.sjk-chart-line-title-tz{ + display: flex; + padding: 15px 20px; + align-items: center; +} +.sjk-chart-line-title-tz button{ + padding: 5px ; + width: 130px; + cursor: pointer; + margin-right: 20px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + color: #5388b0; + font-size: 16px; +} +.sjk-chart-line-title-tz .active{ + color: #ffffff; + background: url(../images/dangerous_active.png) no-repeat center/100% 100%; +} + + .sjk-chart-line-title .active{ color: #ffffff; background: url(../images/dangerous_active.png) no-repeat center/100% 100%; @@ -2583,7 +2645,10 @@ table{ width: 50px; height: 50px; -webkit-animation: icon 3s infinite; - +} +.current-value-img-small img{ + width: 35px; + height: 35px; } .current-value-data{ color: #c0dafb; @@ -2659,6 +2724,13 @@ table{ padding-right: 25px; background: url("../images/select_bgd.png") no-repeat center/100% 100%; } +.select-input-two{ + height: 35px; + padding-left: 10px; + padding-right: 25px; + width: 100%; + background: url("../images/select_bgd.png") no-repeat center/100% 100%; +} .select-input input{ width: 100%; height: 35px; @@ -2672,9 +2744,27 @@ table{ text-overflow:ellipsis; font-size: 16px; } + +.select-input-two input{ + width: 100%; + height: 35px; + background: 0; + border: 0; + outline: 0; + color: #1ce7ff; + cursor: pointer; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + font-size: 16px; +} + .select-input input::-webkit-input-placeholder{ color: #6ca5b1; } +.select-input-two input::-webkit-input-placeholder{ + color: #6ca5b1; +} .select-option{ list-style: none; position: absolute; @@ -2725,7 +2815,7 @@ table{ } .video-list-min{ height: 920px; - overflow: scroll; + overflow: auto; padding-right: 5px; } .video-list-min::-webkit-scrollbar { @@ -3129,11 +3219,12 @@ table{ .quality-target-min{ padding:15px 10px; display: flex; - align-items: center; + align-items: flex-start; } .quality-target-img{ width: 50px; height: 50px; + padding-top: 10px; } .quality-target-img img{ width: 100%; @@ -3153,6 +3244,17 @@ table{ white-space:nowrap; text-overflow:ellipsis; color: #50a2eb; + cursor: pointer; +} +.quality-target-info-new{ + padding: 3px 0; + color: #50a2eb; + font-size: 14px; + letter-spacing: 2px; + /*display: -webkit-box;*/ + /*-webkit-box-orient: vertical;*/ + /*-webkit-line-clamp: 2;*/ + /*overflow: hidden;*/ } .quality-target-index{ padding: 0px; @@ -3218,6 +3320,20 @@ table{ padding: 7px 0; color: #3da2ff; } +.quality-dynamic-item-span{ + cursor: pointer; + +} +.quality-dynamic-img { + cursor: pointer; +} +.quality-dynamic-img:hover{ + border: 1px solid #5aecff +} +.quality-dynamic-item-span:hover{ + color: #5aecff; + text-decoration: underline; +} .quality-dynamic-describe{ margin-top: 10px; height: 50px; @@ -3286,20 +3402,341 @@ table{ background: none; } -.scroll::-webkit-scrollbar { - width: 8px; - height: 8px; + + + +.ai-video-entrance-max{ + padding: 10px; } -.scroll::-webkit-scrollbar-thumb { - background-color: rgb(1, 169, 255); - border-radius: 4px; +.ai-video-entrance{ + text-align: center; + padding: 5px 0; + height: 33px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + line-height: 33px; + cursor: pointer; + color: #5388b0; } -.bg-date-picker-pop{ - background-image: url('../images/list_bgd.png'); - border:solid 1px rgb(1, 169, 255); +.ai-video-entrance:hover{ + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; + color: #ffffff; +} +.popup-video video{ + width: 100%; + height: 500px; +} +.map-popup{ + background: rgba(0,0,0,0.5); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding-top: 180px; + z-index: 999999; +} +.map-popup-content{ + width: 50%; + background: #051725; + border: 5px solid #11294f; + border-radius: 10px; + margin: auto; + box-shadow: 0 0 30px #4ab4bc; + font-size: 16px; +} +.map-popup-title{ + border-bottom: 1px solid #3d7788; + height: 50px; + padding: 0 20px; + line-height: 50px; + display: flex; + align-items: center; + justify-content: space-between; +} +.map-popup-list-max{ + padding: 15px; +} +.map-popup-list{ + padding:5px 15px; + height: 480px; + overflow: auto; +} +.map-popup-list::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.map-popup-list::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.map-popup-list::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.map-popup-for-title{ + padding: 10px 15px; + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; + color: #00eaff; + border-radius: 5px; + margin-bottom: 5px; +} +.map-popup-for-title:hover{ + box-shadow: 0px 0px 10px #00eaff; +} +.map-popup-for-ul{ + padding: 0 30px; + list-style: none; +} +.map-popup-for-ul li{ + padding: 10px 20px; + cursor: pointer; + color: #00a8ff; +} +.map-popup-for-ul li:hover { + color: #98acff; +} +.popup-icon-close{ + font-size: 28px; + color: #999999; + cursor: pointer; + width: 50px ; + height: 50px; + text-align: center; +} +.popup-icon-close:hover{ + color: #ffffff; } +/*百度地图弹窗*/ +.popup-baidu-max{ + width: 300px; + background: url("../images/map_popup_bgd.png") no-repeat top/300px 100%; +} +.popup-baidu-min{ + padding: 0px 10px; +} +.popup-baidu-con{ + +} +.popup-baidu-title{ + display: flex; + align-items: center; + padding: 10px 0 5px; + border-bottom: 1px solid #00aaff; +} +.popup-baidu-machine-img{ + width: 50px; + height: 50px; +} +.popup-baidu-machine-img img{ + width: 100%; + height: 100%; +} +.popup-baidu-machine-info{ + width: calc(100% - 50px); +} +.popup-baidu-machine-first{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 0 5px 15px; +} +.popup-baidu-machine-second{ + display: flex; + align-items: center; + padding: 5px 0 5px 15px; + font-size: 14px; +} +.popup-baidu-machine-name{ + color: #00aaff; +} +.popup-baidu-machine-state{ + border-radius: 3px; + width: 40px; + text-align: center; + height: 20px; + line-height: 20px; + font-size: 12px; +} +.state-yx{ + border: 1px solid #00c240; + color: #00c240; + background: rgba(0,194,64,0.3); +} +.state-ds{ + border: 1px solid #ffcd34; + color: #ffcd34; + background: rgba(255,205,52,0.3); +} +.state-jz{ + border: 1px solid #cccccc; + color: #cccccc; + background: rgba(153,153,153,0.3); +} +.state-dk{ + border: 1px solid #00aaff; + color: #00aaff; + background: rgba(0,170,255,0.3); +} +.state-lx{ + border: 1px solid #777777; + color: #777777; + background: rgba(153,153,153,0.3); +} +.popup-baidu-machine-model{ + color: #dddddd; + padding-right: 15px; +} +.popup-baidu-machine-oil{ + background: url("../images/oil.png") no-repeat left/20px 15px; + padding-left: 25px; + color: #3eb11e; +} +.popup-baidu-machine-details{ + padding: 5px 0; + color: #eeeeee; + font-size: 14px; +} +.popup-baidu-machine-details table td{ + padding: 2px 0; + vertical-align: top; +} +.popup-baidu-machine-details table td:first-child{ + width: 75px; + color: #dddddd; +} +.popup-baidu-machine-address{ + padding: 5px ; + background: rgba(0,170,255,0.2); + font-size: 14px; + color: #ffffff; +} +.popup-baidu-machine-button{ + display: flex; + padding: 15px 0; + align-items: center; + justify-content: space-evenly; +} +.popup-baidu-machine-button div{ + color: #ffffff; + width: 110px; + text-align: center; + padding: 5px 0; + border-radius: 3px; + cursor: pointer; + font-size: 14px; +} +.popup-baidu-machine-blue{ + background: #00a8ff; +} +.popup-baidu-machine-green{ + background: #19b140; +} +.baidu-map-info{ + padding: 10px 30px; +} +.baidu-map-info table td{ + padding: 7px 10px; + vertical-align: top; + color: #16d6ff; +} +.baidu-map-info table td:first-child{ + width: 18%; + text-align: right; + color: #4ab4bc; +} +.baidu-map-info table td img{ + width: 70px; + height: 70px; +} +.map-full-screen{ + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: #000000; + z-index: 99; +} +.map-full-screen-btn{ + position: fixed; + z-index: 999; + top: 30px; + right: 30px; +} +/*劳务 参见单位分布*/ +.see-unit-list{ + padding: 20px; +} + + +.aerial-view-min video{ + width: 100%; + height: 510px; + border: 1px solid #217dca; +} + + + +/*机械管理场布图*/ +.jx-field-layout{ + height: 690px; + + background: url("../images/field_layout_1.png") no-repeat center/auto 100%; +} + +/*tower-crane 塔机组件*/ +.tower-crane-border{ + position: absolute; + border: 2px dashed #5c9029; + border-radius: 50%; + background: rgba(0,0,0,0.1); +} +.jx-field-layout-text{ + position: absolute; + z-index: 999; + cursor: pointer; + width: 60%; + height: 30px; + top:65px; + left:20%; + text-align: center; + z-index: 1; +} +.jx-field-layout-text:hover{ + color: #cbdaff; +} +.tower-crane-sweep{ + width: 100%; + height: 100%; + background: url("../images/needle.png") no-repeat center/100% 100%; + transform:rotate(0deg); + position: relative; +} +.tower-crane-track{ + width: 40%; + height: 17px; + top: 46%; + right: 3px; + position: absolute; +} +.tower-crane-dot{ + width: 17px; + height: 17px; + border-radius: 50%; + background: #f0b334; + position: absolute; +} + + +/*head—btn 组件*/ +.header-btn-max{ + position: relative; +} .header-btn-list{ padding-top: 10px; position: absolute; @@ -3345,7 +3782,7 @@ table{ height: 35px; background: #142c6a; color: #738fb4; - width: 120px; + width: 110px; border: 0; outline: 0; cursor: pointer; @@ -3374,4 +3811,2532 @@ table{ .header-btn-list-padding-red button.actives{ background:url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%; color: #ffffff; -} \ No newline at end of file +} + +.video-field-layout{ + height: 610px; + background: url("../images/field_layout_video.png") no-repeat center/100% auto; + position: relative; +} +.video-bgd-img-position{ + position: absolute; +} +.video-bgd-div{ + width: 30px; + height: 30px; + border-radius: 50%; + cursor: pointer; + background: #3676c0; +} +.video-bgd-div.active{ + background: #00f93a; +} +.video-bgd-div.active{ + animation:videoDiv 2s; + -webkit-animation:videoDiv 2s infinite; +} +@keyframes videoDiv { + 0% {opacity:0.6;} + 25% {opacity:0.8;} + 50% {opacity:1;} + 75% {opacity:0.8;} + 100% {opacity:0.6;} +} +.video-bgd-img{ + width: 18px; + height: 18px; + position: absolute; + top: 6px; + left: 7px; +} + + +/*质量管理-标养室检测*/ +.process-control{ + height: 610px; +} +.process-control-padding{ + padding: 40px 20px; +} +.process-control-btn-max{ + display: flex; + align-items: center; + padding: 10px 0; +} +.process-control-btn{ + display: flex; + width: 45%; + align-items: center; + cursor: pointer; +} +.process-control-arrow{ + width: 10%; +} +.process-control-arrow img{ + width: 90%; +} +.process-control-order{ + height: 40px; + width: 40px; + text-align: center; + line-height: 40px; + color: #728fb7; + font-weight: bold; + background: url("../images/order_1.png") no-repeat center/100% 100%; +} +.process-control-name{ + padding: 0 10px; +} +.process-control-name button{ + width: 120px; + background: #112347; + border: 1px solid #112347; + color: #728fb7; + outline: 0; + height: 40px; + cursor: pointer; + font-size: 16px; +} +.process-control-btn.active .process-control-order{ + background: url("../images/order_2.png") no-repeat center/100% 100%; + color: #00092a; +} +.process-control-btn.active .process-control-name button{ + background: url("../images/btn_nav.png") no-repeat center/100% 100%; + color: #ffffff; +} + + +.process-control-name button:hover{ + border: 1px solid #08528f; + color: #63baff; +} +.process-control-link{ + height: 90px; + padding-left: 17px; +} +.process-control-max{ + display: flex; + align-items: center; +} +.process-control-min{ + width: 20%; + +} +.process-control-current-value-con{ + padding: 25px 0px 25px 50px; + display: flex; + align-items: center; +} +.process-control-current-value-padding{ + padding: 10px 0px 10px 50px; + display: flex; + align-items: center; +} +.process-control-current-value-data{ + color: #c0dafb; + font-size: 18px; + padding-left: 20px; +} +.process-control-current-value-data p{ + padding-top: 15px; + font-size: 25px; + font-weight: bold; + color: #62cff8; +} +.process-control-current-value-data p span{ + color: #c0dafb; + font-size: 16px; +} +.process-control-current-value-data .red-data{ + padding: 0; + width: 110px; + height: 40px; + text-align: center; + line-height: 40px; + background: url("../images/yuzhi_bgd.png") no-repeat center/100% 100%; + color: #ff0000; + margin-top: 15px; +} +.process-control-current-value-data .red-data span{ + color: #ff0000; +} + + + +.process-afoot-overflow{ + height: 910px; +} +.afoot-machinery-state .hj-moment-blue{ + font-size: 14px; +} + +/*安全管理 -- 检查演练*/ +.safety-quality-table{ + padding:10px 15px; +} +.safety-hazard-source-type{ + padding: 15px; +} +.safety-hazard-source-type table th{ + background: #183753; +} +.safety-hazard-source-type table td,.safety-hazard-source-type table th{ + font-weight: 500; + padding:4px 5px; + font-size: 14px; + text-align: center; +} +.safety-hazard-source-type table .safety-hazard-source-td{ + color: #cadafe; + text-align: left; +} +.safety-hazard-source-td p{ + padding:5px 0; + line-height: 20px; +} +.safety-hazard-source-td p img{ + width: 10px; + height: 10px; + margin-right: 6px; +} +.cause-content td{ + width: 50%; + vertical-align: top; + text-align: left !important; + color: #cadafe !important; +} +.exercise-photos{ + padding:20px 15px; +} +.exercise-photos-status{ + padding: 10px 0; + display: flex; + align-items: center; + justify-content: space-around; + color:#5ca9ef; +} +.exercise-photos-padding{ + padding: 5px; + text-align: center; +} +.exercise-photos-max{ + padding: 10px 0; +} +.exercise-photos-overflow{ + overflow: auto; +} +.exercise-photos-overflow::-webkit-scrollbar{ + width: 0px; + height: 0px; +} + + + +/*质量管理-过程验收*/ +.trends-max{ + padding: 15px 0; +} +.trends-min{ + height: 895px; + overflow: auto; +} +.trends-min::-webkit-scrollbar{ + width: 0px; + height: 0px; +} + +.trends-list{ + padding: 15px; + border-bottom: 1px dashed #5591df; +} +.trends-min .trends-list:last-child{ + border-bottom:none +} +.trends-list table td{ + padding: 5px; + vertical-align: top; + color: #c4dbfb; +} +.trends-list table td:first-child{ + width: 80px; +} +.trends-list-position{ + display: flex; + justify-content: space-between; + align-items: center; +} +.trends-list-status{ + border: 1px solid #f69000; + background: #584a2d; + color:#f69000; + padding: 1px 5px; + font-size: 14px; +} +.trends-list-status.active{ + border: 1px solid #43ad19; + background: #023f2f; + color:#43ad19; +} + +/*质量管理 原材料进场*/ +.roll-img{ + padding-top: 15px; + width: 420px; + overflow: auto; +} +.roll-img::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.roll-img-list{ + display: flex; +} +.roll-img-info{ + width: 210px; + text-align: center; +} + +/*标准化照片*/ +.bzh-flex{ + display: flex; + align-items: center; + justify-content: space-between; + padding:0 10px; +} +.bzh-btn{ + width:25px; + height: 200px; + align-items: center; + display: flex; +} +.bzh-btn img{ + height: 70px; + width: 100%; + cursor: pointer; +} +.bzh-btn img:hover{ + background: #999999; +} +.bzh-btn img:active{ + background: #666666; +} +.bzh-content{ + width: 800px; + display: flex; + align-items: center; + overflow: auto; +} +.bzh-content::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.bzh-content-img{ + padding:20px 10px; +} +.bzh-photo-title{ + padding: 40px 50px 0; + color: #cbdaff; + font-size: 18px; + border-top: 1px solid #2c6cac; +} +.bzh-photo-title-top{ + border: 0; +} +/*进度管理*/ + +.pcd-img-max{ + padding: 15px; +} +.pcd-img-min{ + height: 585px; +} +.quality-button-height div{ + height: 30px; + padding: 0 20px; + line-height: 30px; +} +.pcd-duration-survey-max{ + padding: 0 10px; +} +.pcd-duration-survey{ + display: flex; + justify-content: space-between; + align-items: center; +} +.pcd-duration-survey-left{ + display: flex; + align-items: center; +} +.pcd-duration-survey-time{ + font-size: 13px; + color: #00aaff; +} + +.pcd-problem-analysis{ + padding: 15px; +} +.pcd-problem-analysis-title{ + padding: 5px 15px; + background-image: linear-gradient(to right, #2c6cac , #041328, #041328); + -webkit-animation: Glow 1s ease infinite alternate; + animation: Glow 1s ease infinite alternate; +} +.pcd-problem-analysis-list{ + display: flex; + padding: 15px 0; + color: #b9cbe3; +} +.pcd-problem-analysis-label{ + width: 90px; + color: #adb5c3; +} +.pcd-problem-analysis-text{ + width: calc(100% - 90px); + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} +.pcd-output-value{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 20px 0 20px 10px; +} +.pcd-output-value-key{ + display: flex; + align-items: center; + font-size: 12px; +} +.pcd-output-value-key-info{ + padding: 0 8px; + display: flex; + align-items: center; +} +.pcd-key-1{ + width: 12px; + height: 12px; + background-image: linear-gradient(to right, #003cda, #067dff); + margin-right: 5px; +} +.pcd-key-2{ + width: 12px; + height: 12px; + background-image: linear-gradient(to right, #008d7e, #26c8bb); + margin-right: 5px; +} +.pcd-output-value-title{ + padding: 0 ; +} +.pcd-chart{ + height: 540px; +} +.pcd-chart-list{ + height: 90px; + border: 1px solid #00c240; + display: flex; + align-items: center; +} +.pcd-chart-list-date{ + width: 110px; + text-align: center; +} +.pcd-chart-list-prop{ + width: 80px; +} + +/*技术交底*/ +.science-title-number{ + position: absolute; + left: 100px; + top: 12px; + z-index: 99; +} +.science-list-max{ + padding: 15px; +} +.science-list-min{ + height: 250px; + overflow: auto; +} +.science-list-min::-webkit-scrollbar{ + width: 0px; + height: 0px; +} + +.science-list{ + display: flex; + align-items: center; + padding: 15px 0; + border-bottom: 1px dashed #00c240; +} +.science-list-min .science-list:last-child{ + border:none +} +.science-list-info{ + width: calc(100% - 75px); + padding-left: 15px; +} +.science-list-sign-green{ + border: 1px solid #00c240; + background: #073d2f; + color: #00c240; + padding: 1px 10px; + width: 50px; + text-align: center; +} +.science-list-sign-orange{ + border: 1px solid #f78f08; + background: #68492d; + color: #f78f08; + padding: 1px 10px 2px; + width: 50px; + text-align: center; +} +.science-list-sign-name{ + color: #cbdaff; + padding-top: 10px; +} +.science-list-img{ + width: 60px; + height: 60px; + background: #142c6a url("http://fileimg.makalu.cc/WEB_8FB4152935074DB39165D962E554FB19.png") no-repeat center/100% 100%; +} +.science-list-img-rz{ + background: #142c6a url("http://fileimg.makalu.cc/WEB_4A7304893BDF45F6BD8EFCACAAAD19CB.png") no-repeat center/30px 30px; +} +.system-img{ + padding:50px 15px; +} +.system-img img{ + width: 100%; +} +.process-video-3d{ + padding: 0 20px; +} +.process-video-bgd{ + background: #062247; + height: 205px; + border-radius: 5px; +} +.process-not-video{ + padding-top: 50px; + text-align: center; + color: #47a5e3; +} +.process-not-video img{ + width: 65px; +} +.list-ledger-bgd{ + width: 60px; + height: 60px; + background: #142c6a url("../images/circle_icon_12.png") no-repeat center/30px 30px; +} +.list-ledger-for{ + padding: 15px 0 5px; +} +.science-list-min .list-ledger-for:last-child{ + border:none +} +.list-ledger-list{ + display: flex; + align-items: center; +} +.list-ledger-teams{ + padding: 10px; + color: #999999; +} +.list-ledger-teams span{ + color: #cbdaff; +} +.list-ledger-title{ + color: #00aaff; + padding-bottom: 10px; +} +.list-ledger-info{ + display: flex; + color: #999999; +} +.list-ledger-info span{ + color: #cbdaff; +} +.more-btn{ + text-align: center; + color: #6383aa; + cursor: pointer; + padding: 5px 15px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; +} +.more-btn.active{ + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; + color: #ffffff; +} +.more-btn:hover{ + color: #86b2e3; +} +.more-btn.active:hover{ + color: #ffffff; +} +.warning-popup-project-introduction-info{ + height: 430px; + overflow: auto; +} +.warning-popup-project-introduction-info::-webkit-scrollbar { + width: 10px; + height: 10px; +} +.warning-popup-project-introduction-info::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.warning-popup-project-introduction-info::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.warning-popup-project-for{ + padding: 20px 10px; + border-bottom: 1px dashed #00c240; +} +.warning-popup-project-data{ + display: flex; + align-items: center; + color: #aaaaaa; +} +.warning-popup-color{ + color: #aaaaaa; + padding-top: 8px; + padding-right: 10px; +} +.warning-popup-project-data-left{ + display: flex; + align-items: center; + width: 50%; +} +.warning-popup-project-data-left-value{ + padding-left: 15px; +} +.warning-popup-project-data-left-value div{ + padding: 8px 0; +} +.warning-popup-project-data-right{ + width: 50%; +} +.warning-popup-project-data-right div{ + padding: 8px 0; +} +.warning-popup-color-blue{ + color: #00aaff; +} +.warning-popup-color-red{ + color: #ff0900; +} +.warning-popup-color-silvery{ + color: #cbdaff; +} + + + + +/*材料销号制*/ +.xhz-glr-title{ + padding: 20px 25px; +} +.xhz-czz-number{ + display: flex; + align-items: center; + padding: 20px 10px 20px 20px; +} +.xhz-quality-button{ + justify-content: right; + padding: 10px 20px; +} +.xhz-survey_title{ + padding: 30px 15px 10px; +} +.xhz-device-data{ + padding:0 10px 20px; +} +.xhz-device-data-min{ + padding:10px; + display: flex; + align-items: center; +} +.xhz-education_bgd{ + width: 80px; + height: 80px; + background: url("../images/education_bgd.png") no-repeat bottom/70px 50px; +} +.xhz-education_bgd img{ + width: 35px; + height: 35px; +} +.xhz-current-value-data{ + color: #9fafc3; + font-size: 16px; + padding-top: 20px; + padding-left: 10px; +} +.xhz-current-value-data p{ + padding: 10px 0; +} +.xhz-current-value-data p span{ + font-size: 20px; + font-weight: bold; + color: #ffffff; +} +.xhz-current-value-data p span.open{ + color: #f78f08; +} +.xhz-current-value-data p span.close{ + color: #4ab121; +} + +.xhz-rank-chart{ + padding: 0; +} +.xhz-rank-chart-title span{ + color: #3da2ff; + font-size: 14px; + padding-left: 30px; +} +.xhz-analyse_title_blue{ + background: url("../images/analyse_title_blue.png") no-repeat left/450px 100% ; +} +.xhz-work-order-padding{ + padding: 10px; +} +.xhz-work-order-max{ + padding-top: 15px; +} +.xhz-work-order{ + height: 645px; + overflow: auto; +} +.xhz-work-order::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.xhz-work-order::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.xhz-work-order::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.xhz-work-order-list{ + padding: 10px; +} +.xhz-work-order-bgd{ + padding-bottom: 15px; + background: url("../images/expect_list.png") no-repeat center/100% 100%; +} +.xhz-work-order-info{ + padding:0 10px; +} +.xhz-work-order-title{ + height: 40px; + line-height: 40px; + padding-right: 20px; + border-bottom: 1px solid #1c4489; + display: flex; + background: url("../images/check_icon.png") no-repeat right/8px 17px; +} +.xhz-order-number{ + width: 40px; + height: 40px; + text-align: center; + border-bottom: 1px solid #69b9fe; + color: #69b9fe; + font-size: 18px; +} +.xhz-job-number{ + width: calc(100% - 40px); + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + cursor: pointer; +} +.xhz-job-number:hover{ + color: #1ce7ff; +} +.xhz-work-order-table{ + padding: 5px; + color: #9fafc3; +} +.xhz-work-order-table table{ + width: 100%; +} +.xhz-work-order-table td{ + padding: 5px; +} +.xhz-work-order-table td:first-child{ + width: 80px; + text-align: right; +} +.xhz-project-expect-state{ + padding: 0 15px; +} +.xhz-project-expect-state .project-expect-state{ + width: 90px; + height: 25px; + font-size: 14px; +} +.xhz-exceed-state{ + background: url("../images/expect_list_yc.png") no-repeat center/100% 100%; + color: #ffffff; +} +.xhz-temporary-state{ + background: url("../images/expect_list_ch.png") no-repeat center/100% 100%; + color: #ffffff; +} + +.popup-xhz-title td{ + color: #429fff; + padding:8px 5px; +} +.popup-xhz-title td:nth-child(odd){ + color: #9fafc3; + width: 110px; +} + + + +.xhz-quality-table{ + padding: 5px 0; +} +.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar { + width: 10px; + height: 0px; +} +.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #1a3956; +} +.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.xhz-quality-table .el-table .cell{ + padding: 0 5px; +} +.xhz-quality-table .el-table{ + background: none; +} +.xhz-quality-table .el-table th, .el-table tr{ + background: none; +} +.xhz-quality-table .el-table th{ + height: 45px; + text-align: center; + color: #ffffff; + padding: 0; + background: #1a3956; +} +.xhz-quality-table .el-table td{ + height: 45px; + text-align: center; + padding: 0; + color: #c8dbfc; + border: 1px solid #227cca; +} + +.xhz-quality-table .el-table .el-table__row:nth-child(odd){ + background: none; +} +.xhz-quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.xhz-quality-table .el-table::before{ + background: none; +} + + +.building-max{ + display: flex; + width: 100%; +} +.building-min{ + width: 20%; + padding: 20px 0; + cursor: pointer; +} +.building-min-title{ + width: 90px; + height: 35px; + text-align: center; + line-height: 35px; + background: url(../images/dangerous_active.png) no-repeat center/100% 100%; + margin: auto; +} +.building-img{ + text-align: center; + padding: 10px 0; +} + + + +.craft-video-flex{ + display: flex; + align-items: center; + justify-content: space-between; + padding:0 10px; +} +.craft-video-btn{ + width:5%; + height: 230px; + align-items: center; + display: flex; +} +.craft-video-btn img{ + height: 70px; + cursor: pointer; +} +.craft-video-btn img:hover{ + background: #999999; +} +.craft-video-btn img:active{ + background: #666666; +} +.craft-video-content{ + display: flex; + align-items: center; + overflow: auto; + padding: 15px 0; +} +.craft-video-content::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.craft-video-process-video-3d{ + padding: 0 10px; +} + + +/* +.craft-video-process-video-bgd{ + background: #062247; + height: 250px; + border-radius: 5px; +}*/ + +.technical-disclosure{ + overflow: auto; + padding: 0 25px; +} +.technical-disclosure::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.technical-disclosure-for{ + height: 70px; +} +.technical-disclosure-title{ + padding:8px 5px; + display: flex; + align-items: center; + justify-content: space-between; + color: #c2d5f6; +} +.technical-disclosure-border{ + background: #1e537e +} +.technical-disclosure-bgd{ + height: 8px; + background: #6ab9fe; + cursor: pointer; +} +.technical-disclosure-text{ + background: url("../images/up.png") no-repeat left/15px 10px; + padding-left: 25px; +} +.technical-disclosure-value span{ + padding: 0 5px; +} + +/*安全管理*/ +.toSafety-fixed-left-max{ + position: absolute; +} +.toSafety-fixed-left{ + padding: 10px 0 10px 15px; + width: 473px; +} +.toSafety-fixed-left-img{ + position: absolute; + left: 490px; + top: 450px; + cursor: pointer; +} +.toSafety-fixed-right-max{ + position: absolute; + display: flex; + align-items: center; + right: 0; +} +.toSafety-fixed-right{ + padding: 10px 15px 10px 0; + width: 473px; +} +.toSafety-fixed-right-img{ + position: absolute; + right: 490px; + top: 450px; + cursor: pointer; +} + +.left-enter, +.left-leave-to { + opacity: 0; + transform: translateX(-473px); +} +.left-enter-active, +.left-leave-active{ + transition: all 0.5s ease; +} +.right-enter, +.right-leave-to { + opacity: 0; + transform: translateX(473px); +} +.right-enter-active, +.right-leave-active{ + transition: all 0.5s ease; +} + +.toSafety-info-btn{ + text-align: center; + padding: 5px 0; +} +.toSafety-info-btn button{ + padding: 10px 25px; + background: #143f74; + color: #ffffff; + cursor: pointer; + border-radius: 5px; +} +.toSafety-info-btn button:hover{ + background: #155c97; +} + +/*安全管理-安全检查*/ +.month-list-max{ + height: 660px; + overflow: auto; +} +.month-list-max::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.month-list-for{ + padding: 10px 0; +} +.month-list-min{ + padding: 0 15px; + height: 200px; + background: url("../images/weekly_check.png") no-repeat center/100% 100%; +} +.inspect-content{ + display: flex; + align-items: center; + padding: 10px 0; + color: #aaaaaa; +} +.inspect-content-img{ + text-align: center; + padding: 4px 7px; +} +.inspect-content-img p{ + padding-top: 4px; +} +.inspect-content-info{ + padding: 0 5px; +} +.inspect-content-info div{ + padding: 6px 3px; +} +.inspect-content-info div span{ + font-weight: bold; +} + +/*教育培训*/ +.safety-education{ + display: flex; + align-items: center; + padding:20px 30px 10px; +} +.safety-education-min{ + color: #c2d5f6; + padding-right: 50px; + display: flex; + align-items: center; +} +.safety-education-min span{ + font-size: 22px; + font-weight: bold; + color: #00aaff; + padding:0 5px; +} +.element-table-ranking{ + padding:10px 5px 10px 15px; +} +.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar { + width: 5px; + height: 0px; +} +.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #1a3956; +} +.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.element-table-ranking .el-table .cell{ + padding: 0 5px; +} +.element-table-ranking .el-table{ + background: none; +} +.element-table-ranking .el-table th, .el-table tr{ + background: none; + color: #cbdaff; +} + +.element-table-ranking .el-table th{ + height: 50px; + text-align: center; + + padding: 0 5px; + font-size: 16px; + font-weight: 400; +} +.element-table-ranking .el-table td{ + height: 60px; + text-align: center; + padding: 0 5px; + font-size: 16px; +} +.element-table-ranking .el-table td, .el-table th.is-leaf{ + border: 0; +} +.element-table-ranking .el-table .el-table__row{ + cursor: pointer; +} +.element-table-ranking .el-table .el-table__row:hover{ + color: #00aaff; + background: url("../images/table_tr.png") no-repeat center/100% 60px; +} +.element-table-ranking .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.element-table-ranking .el-table::before{ + background: none; +} +.drill-content{ + padding:15px 10px; +} +.drill-list-max{ + height: 570px; + overflow: auto; +} +.drill-list-max::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.drill-list-min{ + padding: 0 15px; + height: 170px; + background: url("../images/weekly_check.png") no-repeat center/100% 100%; +} +.drill-list-partnership{ + color: #aaaaaa; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} + +/*质量管理-过程管控组件*/ +.process-control-new{ + padding: 2px 20px; +} +.process-control-new-list{ + margin: 15px 0px; + height: 100px; + cursor: pointer; + background: url("../images/control_bgd.png") no-repeat bottom/100% 40px; +} +.active.process-control-new-list{ + background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px; +} +.process-control-new-list:hover{ + background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px; +} +.process-control-new-list:active{ + background: url("../images/control_bgd_active.png") no-repeat bottom/98% 35px; +} +.process-control-new-run{ + padding-top: 22px; + display: flex; + align-items: center; + padding-left: 55px; +} +.active .process-control-new-run{ + animation: icon 3s infinite; + -webkit-animation: icon 3s infinite; +} +.process-control-new-order{ + height: 40px; + width: 40px; + text-align: center; + line-height: 40px; + color: #728fb7; + font-weight: bold; + background: url("../images/order_1.png") no-repeat center/100% 100%; +} +.active .process-control-new-order{ + background: url("../images/order_2.png") no-repeat center/100% 100%; + color: #00092a; +} +.process-control-new-content{ + color: #728fb7; +} +.process-control-new-title{ + padding: 5px 15px; +} +.active .process-control-new-title{ + color: #ffffff; +} +.process-control-new-data{ + padding: 5px 15px; + display: flex; + align-items: center; + font-size: 14px; +} +.process-control-new-number-1{ + width: 120px; + color: #00aaff; + font-size: 12px; +} +.process-control-new-number-2{ + color: #00aaff; + font-size: 12px; +} +.process-control-new-number-1 span{ + color: #728fb7; +} +.process-control-new-number-2 span{ + color: #728fb7; +} + +/*安全检查 弹窗*/ +.popup-inspect-table td{ + padding: 10px; + font-size: 16px; + color: #cbdaff; + vertical-align: top; +} +.popup-inspect-table td:nth-child(odd){ + width: 20%; + text-align: right; +} +.popup-color{ + color: #00aaff; +} +.popup-list-con{ + padding:12px 5px; + font-size: 16px; + color: #cbdaff; + vertical-align: top; + display: flex; + align-items: center; +} +.popup-list-title{ + width: 35%; + text-align: right; +} +.popup-list-title-val{ + width: 65%; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.popup-list-title-job{ + width: 22%; +} +.popup-list-title-val-job{ + width: 80%; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} + +/*项目概况修改*/ +.safe-production{ + display: flex; + align-items: center; + padding: 0 15px; +} +.safe-production-time{ + padding-left: 30px; +} +.weather-forecast{ + height: 180px; +} +.weather-forecast-list{ + display: flex; + align-items: center; + padding: 15px 50px; +} +.weather-forecast-date{ + width: 30%; + color: #cbdaff; +} +.weather-forecast-img{ + width: 30%; +} +.weather-forecast-img img{ + width: 30px; +} +.weather-forecast-temp{ + width: 40%; +} + +/*施工日志*/ +.daily-diary-max{ + padding: 10px; +} +.daily-diary-min{ + color:#cbdaff; + padding:0 10px; +} +.daily-diary-img{ + height: 180px; + padding: 15px; + position: relative; +} +.daily-diary-img img{ + height: 100%; + width: 100%; +} +.daily-diary-bottom{ + display: flex; + align-items: center; + justify-content: space-between; + background: rgba(0, 0 ,0 ,0.5); + position: absolute; + bottom: 15px; + left: 0; + padding:5px 30px; + width:calc(100% - 60px); + color: #ffffff; +} +.daily-diary-see{ + color: #00aaff; + cursor: pointer; +} +.daily-diary-time-line-max{ + padding: 10px 0; +} +.daily-diary-time-line-min{ + padding: 5px; + height: 229px; + overflow: auto; +} +.daily-diary-time-line-min::-webkit-scrollbar { + width: 7px; + height: 1px; +} +.daily-diary-time-line-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.daily-diary-time-line-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.daily-diary-time-line{ + display: flex; + align-items: center; + padding: 8px 0; +} +.daily-diary-time-line-icon{ + width: 10%; + padding-top: 4px; +} +daily-diary-time-line-icon-4{ + display: block; + /*align-items: center;*/ + height: 40px; + line-height: 40px; + width: 4%; + padding-top: 4px !important; +} +.daily-diary-time-line-icon img{ + width: 25px; + height: 25px; +} +.daily-diary-time-line-title{ + width: 90%; + display: flex; + height: 40px; + /*align-items: center;*/ + justify-content: space-between; + margin-top: 15px; + margin-left: 15px; + cursor: pointer; + color: #c5d9fd; +} +.daily-diary-time-line-title:hover{ + color: #00aaff; +} +.daily-diary-time-line-arrow{ + width: 20px; + color: #00aaff; +} +.daily-diary-time-line-info-max{ + padding: 10px 12px; +} +.daily-diary-time-line-info{ + padding-left: 27px; + border-left: 1px dashed #00aaff; +} +.daily-diary-time-line-subtitle{ + font-size: 14px; + color: #98a1aa; +} +.daily-diary-time-line-subtitle p{ + padding: 2px 0; +} +.daily-diary-info-for{ + padding: 8px 0; + display: flex; + align-items: center; + justify-content: space-between; +} +.daily-diary-info-left{ + height: 45px; + padding-left: 45px; + background: url("../images/daily_img.png") no-repeat left/38px 38px; +} +.daily-diary-info-text{ + padding-bottom: 5px; +} +.daily-diary-info-right{ + cursor: pointer; + color: #00aaff; +} +.daily-diary-info-right:hover{ + color: #0080d3; +} +.popup-daily-img{ + position: relative; + height: 600px; +} +.popup-daily-img img{ + width: 100%; + height: 100%; +} +.popup-daily-img-title{ + width:calc(100% - 30px) ; + position: absolute; + bottom: 0; + left: 0; + padding: 10px 15px; + background: rgba(0,0,0,0.5); + color:#cbdaff; +} +.popup-daily-title{ + color:#cbdaff; + position: relative; +} +.popup-daily-title i{ + color: #00aaff; + margin-right: 5px; + font-size: 20px; + position: relative; + top: 3px; +} +.popup-daily-sift{ + padding:0 0 0 15px; +} +.popup-daily-sift-table{ + padding: 10px 0; +} +.popup-daily-sift-table table td{ + padding:8px 5px; +} +.popup-daily-sift-table table td:first-child{ + width: 80px; + color: #98a1aa; +} +.popup-daily-sift-date{ + display: flex; + align-items: center; + justify-content: space-between; +} +.popup-daily-sift-date div{ + width: 20%; + border: 1px solid #0d3568; + text-align: center; + padding: 3px 0; + color: #7895b5; + cursor: pointer; +} +.popup-daily-sift-date .active{ + border: 1px solid #4584a7; + background: #132b57; + color: #ffffff; +} +.popup-daily-sift-btn{ + width: 50%; + border: 1px solid #3d84b0; + background: #122a56; + height: 35px; + line-height: 35px; + text-align: center; + cursor: pointer; +} +.popup-daily-sift-btn:hover{ + border: 1px solid #2c5877; + background: #0f1c38; +} +.popup-daily-sift-btn:active{ + background: #192447; +} +.popup-daily-list-max{ + padding: 12px 0; +} +.popup-daily-list-min{ + height: 310px; + overflow: auto; +} +.popup-daily-list-min::-webkit-scrollbar { + width: 7px; + height: 1px; +} +.popup-daily-list-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.popup-daily-list-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.popup-daily-list-for{ + padding: 5px 0; +} +.popup-daily-list{ + height: 160px; + padding-right: 10px; + position: relative; +} +.popup-daily-list img{ + height: 100%; + width: 100%; +} +.popup-daily-list-bottom{ + display: flex; + align-items: center; + justify-content: space-between; + background: rgba(0, 0 ,0 ,0.5); + position: absolute; + bottom: 0; + left: 0; + padding:5px 15px; + width:calc(100% - 40px); + color: #ffffff; +} +.popup-daily-list-see{ + color: #00aaff; + cursor: pointer; +} + +/*技术管理*/ +.new-technical-max{ + padding:30px 15px; + +} +.new-technical{ + padding:25px 10px; + width: calc(100% - 20px); +} +.date-font-size span{ + font-size: 18px; +} +.technical-overflow-max{ + overflow: hidden; +} +.technical-overflow-min{ + display: flex; + align-items: center; +} + +.technical-innovation-max{ + padding: 15px 0; + +} +.technical-innovation{ + display: flex; + padding: 5px; +} +.technical-innovation-text{ + width: 100px; + color: #9ba3b0; +} +.technical-innovation-info{ + width: calc(100% - 80px); + color: #00aaff; +} +.technical-index-min li{ + display: flex; + align-items: center; + justify-content: space-between; + padding:9px 12px; +} +.technical-index-text{ + color:#cbdaff; + width: calc(30% - 20px); + background: url("../images/text_spot.png") no-repeat left/10px 10px; + padding-left: 20px; +} +.technical-index-hr{ + width: 50%; + border: 1px dashed #104384; +} +.technical-index-state{ + width: 20%; + display: flex; + justify-content: right; +} +.technical-index-state-tag{ + height: 25px; + width: 80%; + border: 1px solid #ff8b0a; + background: #5c4b3b; + color: #ff8b0a; + text-align: center; + line-height: 25px; + font-size: 14px; +} +.technical-index-state-tag.active{ + border: 1px solid #4ab121; + background: #004230; + color: #4ab121; +} +.technical-index-text-btn{ + position: absolute; + right: 30px; + top: 12px; + z-index: 99; + padding-right: 20px; + background: url("../images/check_icon.png") no-repeat right/10px 20px; + cursor: pointer; + color:#cbdaff; +} +.technical-index-text-btn:hover{ + color: #ffffff; +} +.technical-index-title{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 30px; +} +.technical-index-title-bgd{ + background-image: linear-gradient(to right, #2c70b1 , #0a1b35); + padding: 5px 15px; + color:#cbdaff; +} +.technology{ + position: relative; + height: 610px; + background: url("../images/technology_bgd.png") no-repeat top/100% 100%; +} +.technology-module{ + position: absolute; +} +.technology-btn{ + padding: 0 20px; + min-width: 60px; + height: 30px; + text-align: center; + line-height: 30px; + position: relative; + color: #cbdaff; + background: url(../images/dangerous_active.png) no-repeat center/100% 100%; + cursor: pointer; +} +.technology-btn:hover{ + color: #ffffff; +} +.technology-btn img{ + width: 8px; + position: absolute; + right: 8px; + top: 7px; +} +.technology-photo{ + width: 65px; + height: 91px; + margin: 5px auto; +} +.technology-not-photo{ + width: 70px; + height: 98px; + line-height: 98px; + background: #1d3d6c; + font-size: 12px; + color: #00aaff; + margin: 8px 0; + text-align: center; +} +.technology-name{ + text-align: center; + color: #cbdaff; +} +.technology-min{ + justify-content: center; +} + +.new-technology{ + position: relative; + height: 615px; + background: url("../images/technology_bgd_new.png") no-repeat top/100% 100%; +} + + + + + +/*延迟摄影*/ +.delay-list-max{ + padding: 15px; +} +.delay-list-min{ + height: 910px; + overflow: auto; +} +.delay-list-min::-webkit-scrollbar { + width: 7px; + height: 1px; +} +.delay-list-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.delay-list-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.delay-list-title-bgd{ + height: 60px; + line-height: 60px; + padding:0 15px; + background: url("../images/table_tr.png") no-repeat center/100% 50px; +} +.delay-list-title{ + cursor: pointer; + color:#00aaff; + background: url("../images/survey_icon_3.png") no-repeat right/22px 22px; +} +.delay-list-title.active{ + color:#ffffff; +} +.delay-list-title:hover{ + color:#ffffff; +} +.delay-list-img-list{ + padding:5px; + height: 190px; + position: relative; +} +.delay-list-img-date{ + position: absolute; + bottom: 5px; + left: 0; + height: 30px; + line-height: 30px; + padding: 0 15px; + background: rgba(0,0,0,0.5); + width: calc(100% - 30px); +} +.delay-video{ + padding: 20px 0; +} + +/*电子沙盘*/ + +.sand-table-quality{ + padding: 10px 0px 10px 20px; + display: flex; + align-items: center; +} +.sand-table-bgd{ + background: url("../images/education_bgd.png") no-repeat bottom/80px 55px; +} +.sand-table-bgd img{ + width: 35px; + height: 35px; +} +.sand-table-value-data{ + color: #c0dafb; + padding-left: 10px; +} +.sand-table-value-data p{ + padding-top: 15px; + font-size: 20px; + font-weight: bold; + color: #62cff8; +} +.sand-table-value-data p span{ + color: #c0dafb; + font-size: 16px; +} + +.sand-table-background{ + position: absolute; + width: 1920px; + height: 1080px; + background: url("../images/sand_table_bgd.png") no-repeat center/100% 100%; +} +.sand-table-background img{ + position: absolute; + cursor: pointer; +} +.bottom-legend{ + width: 50%; + position: fixed; + bottom: 20px; + left: 25%; + height: 40px; + display: flex; + align-items: center; + justify-content: space-between; +} +.bottom-legend-icon{ + display: flex; + align-items: center; +} +.bottom-legend-list{ + display: flex; + align-items: center; +} +.bottom-legend-list img{ + width: 25px; + height: 25px; +} +.bottom-legend-list span{ + padding: 0 15px 0 10px; +} +.bottom-legend-state{ + display: flex; + align-items: center; +} +.bottom-state-list{ + display: flex; + align-items: center; +} +.bottom-state-list span{ + padding:0 10px; +} +.bottom-state-list button{ + width: 15px; + height: 15px; + border: 0; +} +.bottom-state-zc{ + background: #008efe; +} +.bottom-state-bj{ + background: #d64349; +} +.bottom-state-lx{ + background: #9da4b6; +} +.sand-table-popup-max{ + width: 380px; + position: absolute; +} +.sand-table-top-icon{ + height: 5px; + background: url("../images/popup_top.png") no-repeat left/100px 5px; +} +.sand-table-popup-content{ + padding: 2px; + border: 1px solid #3473b8; + background: rgba(22, 37, 75, 0.9); + position: relative; +} +.sand-table-popup-jx-close{ + font-size: 25px; + width: 25px; + height: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + cursor: pointer; + position: absolute; + right: 10px; + top: 5px; +} +.sand-table-popup-jx-close:hover { + background: #37536f; +} +.sand-table-popup-content-title{ + height: 30px; + background: url("../images/map_popup_title.png") no-repeat left/100% 100%; + display: flex; + align-items: center; + padding: 0 10px; + justify-content: space-between; +} +.sand-table-popup-content-close{ + font-size: 25px; + width: 25px; + height: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + cursor: pointer; +} +.sand-table-popup-content-close:hover { + background: #37536f; +} +.sand-table-popup-content-date{ + padding:10px; + font-size: 14px; + color: #00aaff; +} +.sand-ji-keng-info{ + padding:0 5px 10px; + font-size: 14px; + color: #c0dafb; +} +.sand-ji-keng-info table th{ + font-weight: 400; + padding: 5px; + background: #203f65; + text-align: center; + color: #ffffff; +} +.sand-ji-keng-info table td{ + padding:8px 5px; + text-align: center; +} +.sand-ji-keng-info table td:nth-child(2){ + color: #00aaff; +} +.sand-ji-keng-info table td:nth-child(3){ + color: #ff9900; +} +.sand-ji-keng-info table td:nth-child(4){ + color: #ff0000; +} +.sand-table-popup-ligature{ + width: 36px; + height: 60px; + margin:-10px auto 0; + position: absolute; + background: url("../images/ligature.png") no-repeat center/100% 100%; + left: 45%; +} + +.sand-table-ji-xie-content{ + padding: 10px; +} +.sand-table-ji-xie-top{ + padding-bottom: 15px; +} +.sand-table-ji-xie-title{ + display: flex; + align-items: center; +} +.sand-table-ji-xie-title-img{ + width: 60px; + height: 60px; + background: #0e3157; + text-align: center; +} +.sand-table-ji-xie-title-img img{ + width: 35px; + height: 35px; + transform: translateY(40%); +} +.sand-table-ji-xie-title-text{ + width: calc(100% - 75px); + padding-left: 15px; +} +.sand-table-ji-xie-title-name{ + padding: 6px 0; +} +.sand-table-ji-xie-title-model{ + padding: 6px 0; + color: #00aaff; + display: flex; + align-items: center; + justify-content: space-between; +} +.sand-table-ji-xie-title-model span{ + background: #1b8807; + color: #ffffff; + font-size: 14px; + padding: 1px 8px; + border-radius: 10px 0 10px 0; +} + +.sand-table-ji-xie-info{ + padding: 10px 0; + border-top: 2px dashed #4999d6; + border-bottom: 2px dashed #4999d6; +} +.sand-table-ji-xie-info-list{ + display: flex; + align-items: center; + padding: 7px 0; +} +.sand-table-ji-xie-info-list div:first-child{ + width: 45%; +} +.sand-table-ji-xie-info-list div:last-child{ + width: 55%; +} +.sand-table-ji-xie-info-list span{ + color: #00aaff; +} +.sand-table-ji-xie-info-details{ + padding: 7px 0; +} +.sand-table-ji-xie-info-details span{ + color: #00aaff; +} +.sand-table-ji-xie-driver{ + padding-bottom: 12px; +} +.sand-table-ji-xie-project{ + padding: 15px 0; + color: #c0dafb; +} +.sand-table-ji-xie-address{ + margin: 10px 0; + background: #1e355f; + padding: 6px; + color: #00aaff; +} +.sand-bys-info{ + padding:10px 5px; + color: #c0dafb; + font-size: 14px; +} +.sand-bys-info table td{ + padding:8px 3px; + text-align: center; +} +.sand-bys-info-val{ + padding-bottom: 10px; +} +.sand-bys-info-val span{ + font-size: 20px; + color: #00aaff; +} + +.sand-table-battery{ + display: flex; + align-items: center; + color: #2ac807 +} +.sand-table-battery.active{ + color: #ff0000; +} +.sand-table-battery-icon{ + padding: 2px 5px 2px 2px; + height: 10px; + width: 23px; + background: url("../images/battery.png") no-repeat center/100% 100%; + margin-right: 5px; +} +.sand-table-battery.active .sand-table-battery-icon{ + background: url("../images/battery_red.png") no-repeat center/100% 100%; +} +.sand-table-battery-quantity{ + height: 100%; + background: #1b8807; +} +.sand-table-battery.active .sand-table-battery-quantity{ + background: #ff0000; +} + +/*2023-5-6 标准换照片修改*/ +.img-see-details{ + cursor: pointer; + color: #00a8ff; +} +.amplify-carousel{ + position: fixed; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.6); + left: 0; + top: 0; + z-index:2002 ; +} +.amplify-carousel-img{ + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.amplify-carousel-img img{ + transform: scale(1) rotate(0deg); + margin-left: 0px; + margin-top: 0px; + max-height: 100%; + max-width: 100%; +} +.amplify-carousel-btn{ + position: fixed; + width: 44px; + height: 44px; + border-radius: 50%; + font-size: 24px; + color: #fff; + background-color: #606266; + z-index: 2003; + line-height: 44px; + text-align: center; + cursor: pointer; +} +.amplify-carousel-left{ + top: 50%; + left: 40px; +} +.amplify-carousel-right{ + top: 50%; + right: 40px; + text-indent: 2px; +} +.amplify-carousel-btn:active{ + background-color:#444444; +} +.amplify-carousel-close{ + position: fixed; + width: 35px; + height: 35px; + border-radius: 50%; + font-size: 24px; + color: #fff; + border:1px solid #fff; + z-index: 2003; + line-height: 35px; + text-align: center; + cursor: pointer; + top: 40px; + right: 40px; +} +.amplify-carousel-close:hover{ + background-color:#606266; +} +.amplify-carousel-close:active{ + background-color:#444444; +} + +/*过程管控 planne-output 组件*/ +.output-content{ + overflow: auto; +} +.output-content::-webkit-scrollbar { + width: 0px; + height: 1px; +} +.output-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.output-content::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.output-content-for{ + height: 90px; +} +.output-title{ + display: flex; + justify-content: space-between; + align-items: center; + color: #c0dafb; + padding: 5px 0; +} +.output-rightTitle{ + display: flex; + align-items: center; + width: 180px; + height: 21px; +} +.output-bar{ + padding: 3px 0; + display: flex; + align-items: center; + justify-content: space-between; +} +.output-bar-border{ + width: 80%; + border: 1px solid #1d446d; + padding: 2px; +} +.output-bar-background-1{ + background-image: linear-gradient(to right, #003cda, #067dff); + height: 8px; +} +.output-bar-background-2{ + background-image: linear-gradient(to right, #008d7e, #26c8bb); + height: 8px; +} +.output-bar-value{ + width: 15%; + color: #067dff; +} +/*质量管理*/ +.milestone-max{ + padding: 15px 0; +} +.milestone-min{ + height: 900px; + overflow: auto; +} +.milestone-min::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.milestone-for{ + padding: 15px 10px; +} +.milestone-background{ + background: url("../images/milestone_bgd.png") no-repeat center/100% 100%; +} +.milestone-title{ + display: flex; + align-items: center; + border-bottom: 1px solid #194689; +} +.milestone-title-number{ + height: 50px; + width: 50px; + text-align: center; + line-height: 50px; + color: #42d0ff; + border-bottom: 1px solid #42d0ff; +} +.milestone-title-text{ + width: calc(100% - 60px); + padding-left: 10px; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.milestone-table{ + color: #9ea6b1; + padding: 20px 15px 0; +} +.milestone-table table td:first-child{ + width: 90px; +} +.milestone-table table{ + height: 200px; +} +.milestone-table table td{ + vertical-align: top; +} + +/*龙门吊样式*/ +.lmd-stat{ + display: flex; + align-items: center; + padding: 15px; +} +.lmd-stat img{ + width: 50px; + height: 50px; +} +.lmd-stat-con{ + padding: 10px; + color: #c0dafb; +} +.lmd-stat-con p{ + padding-bottom: 10px; +} +.lmd-stat-con span{ + font-size: 20px; + color: #00a8ff; +} + +.xhz-concrete-nav{ + display: flex; + align-items: center; + justify-content: space-between +} +.xhz-concrete-nav .sjk-chart-line-title-tz button{ + width: 100px; +} +.xhz-concrete-nav .more-btn{ + width: auto !important; + padding: 5px 12px; +} + +.many-chart-max{ + width: 1350px; + margin: auto; + overflow: hidden; + display: flex; + align-items: center; +} +.many-chart-min{ + display:flex +} +.many-chart-text{ + padding-top: 15px; + font-size: 18px; + color: #00f1fc; +} +.xhz-concrete-legend{ + display: flex; + align-items: center; + padding: 5px 15px 0; +} +.xhz-concrete-legend-1 button{ + width: 20px; + height: 15px; + margin-right: 5px; + background: rgba(64,124,254,1) +} +.xhz-concrete-legend-2 button{ + width: 20px; + height: 15px; + margin-right: 5px; + background: rgba(25,210,204,1) +} + +/*技术管理*/ +.plan-max{ + height: 420px; + overflow: auto; +} +.plan-max::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.plan-list-for{ + padding: 10px 0; +} +.plan-list-min{ + padding: 0 15px; + height: 190px; + background: url("../images/weekly_check.png") no-repeat center/100% 100%; +} +.plan-list-title{ + height: 40px; + line-height: 40px; + padding-right: 20px; + display: flex; +} +.plan-list-title-border{ + border-bottom: 1px solid #1c4489; +} +.plan-list-con{ + padding: 10px 0; + color: #aaaaaa; +} +.plan-list-flex{ + padding: 10px 0; + color: #aaaaaa; + display: flex; +} +.plan-list-flex-title{ + width: 80px; +} +.plan-list-flex-con{ + width: calc(100% - 80px); + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.plan-list-title-max{ + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #1c4489; +} +.plan-list-name{ + width: 280px; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.plan-list-flex-node-title{ + width: 115px; +} +.plan-list-flex-node-con{ + width: calc(100% - 120px); + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +/*2023-05-29*/ +.log-content{ + padding: 10px 0; + border-bottom: 2px dashed #4999d6; +} +.log-title{ + padding: 5px 25px; + background: url("http://fileimg.makalu.cc/WEB_8AC1D23FA99E4783A11E6AA15958F945.png") no-repeat left/20px; + color: #00aaff; + font-weight: bold; +} +.log-list-con{ + padding: 7px; +} +.log-list{ + padding: 10px; +} +.log-list span{ + color: #00aaff; + font-size: 18px; +} +/*进度管理-新*/ +.topBox{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + display: none; +} +.bottomBox{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + display: none; +} +.showchart{ + display: block; +} +.videoBox{ + position: relative; +} +/*筛选框*/ +.select-shigong{ + padding: 5px ; + width: 130px; + cursor: pointer; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + color: #5388b0; + font-size: 16px; +} + +select:focus{ + outline: none; +} +option { + display:block; + padding: 5px ; + width: 130px; + height: 30px; + cursor: pointer; + margin-right: 20px; + color: #5388b0; + font-size: 16px; + background-color: #020e26; +} +/*施工日志-填报日志弹窗*/ +.date-shigong{ + display: flex; + align-items: center; + margin: 10px; +} + + +/*修改时间位置*/ +.el-input__prefix{ + position: relative; +} + + +.el-input__icon{ + position: absolute; + right: 5px; +} +/*修改input*/ +.el-input__inner{ + padding-left: 6px !important; + border-radius: 0px !important; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/safe/distributionBox.vue b/src/pages/safe/distributionBox.vue index be99bfb..63548a6 100644 --- a/src/pages/safe/distributionBox.vue +++ b/src/pages/safe/distributionBox.vue @@ -3,13 +3,107 @@ - + + +
+
+ +
+
+
A相温度
+

{{ powerRun.t1 }}

+
+
+
+ +
+
+ +
+
+
B相温度
+

{{ powerRun.t2 }}

+
+
+
+ +
+
+ +
+
+
C相温度
+

{{ powerRun.t3 }}

+
+
+
+ +
+
+ +
+
+
零线温度
+

{{ powerRun.t4 }}

+
+
+
+ +
+
+
温度阈值
+

70

+
+
+
+ +
+
+ +
+
+
A相电流
+

{{ powerRun.c1 }} A

+
+
+
+ +
+
+ +
+
+
B相电流
+

{{ powerRun.c2 }} A

+
+
+
+ +
+
+ +
+
+
C相电流
+

{{ powerRun.c3 }} A

+
+
+
+
- +
+
近7天
+
近30天
+
+
- +
+
近7天
+
近30天
+
+
@@ -21,22 +115,45 @@