diff --git a/yanzhu-bigscreen/package.json b/yanzhu-bigscreen/package.json index 4a80e312..dd8e5c76 100644 --- a/yanzhu-bigscreen/package.json +++ b/yanzhu-bigscreen/package.json @@ -33,6 +33,7 @@ "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", + "svg-sprite-loader": "^6.0.11", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", "javascript-obfuscator": "^4.1.1", diff --git a/yanzhu-bigscreen/public/css/largeScreenLayout.css b/yanzhu-bigscreen/public/css/largeScreenLayout.css index 9b12a5a6..05a14d10 100644 --- a/yanzhu-bigscreen/public/css/largeScreenLayout.css +++ b/yanzhu-bigscreen/public/css/largeScreenLayout.css @@ -1,12 +1,12 @@ -.screen-module{ - padding: 10px; -} .module-title{ height: 25px; line-height: 25px; padding-left: 15px; font-size: 16px; } +.module-title span{ + white-space: nowrap; +} .module-title-red{ padding-left: 40px; } diff --git a/yanzhu-bigscreen/public/css/largeScreenStyle.css b/yanzhu-bigscreen/public/css/largeScreenStyle.css index bd7526ce..9c762636 100644 --- a/yanzhu-bigscreen/public/css/largeScreenStyle.css +++ b/yanzhu-bigscreen/public/css/largeScreenStyle.css @@ -1,6496 +1,6379 @@ -*{ - margin: 0; - padding: 0; +* { + margin: 0; + padding: 0; } @font-face { - font-family: "title-font"; - src:url(../fonts/HYLXTJ.eot),url(../fonts/HYLXTJ.svg),url(../fonts/HYLXTJ.ttf),url(../fonts/HYLXTJ.woff),url(../fonts/HYLXTJ.woff2) + font-family: "title-font"; + src: url(../fonts/HYLXTJ.eot), url(../fonts/HYLXTJ.svg), url(../fonts/HYLXTJ.ttf), url(../fonts/HYLXTJ.woff), url(../fonts/HYLXTJ.woff2); } @font-face { - font-family: "number-font"; - src:url(../fonts/PUTHIAfont.eot),url(../fonts/PUTHIAfont.svg),url(../fonts/PUTHIAfont.ttf),url(../fonts/PUTHIAfont.woff),url(../fonts/PUTHIAfont.woff2) + font-family: "number-font"; + src: url(../fonts/PUTHIAfont.eot), url(../fonts/PUTHIAfont.svg), url(../fonts/PUTHIAfont.ttf), url(../fonts/PUTHIAfont.woff), url(../fonts/PUTHIAfont.woff2); } - @font-face { - font-family: DingTalkSans; - src: url('../fonts/DingTalkJinBuTi.woff2'); - } - - @font-face { - font-family: NumFont; - src: url('../fonts/DS-DIGIT.TTF'); - } - - * { - - font-family: DingTalkSans; - } - -.led-number{ - font-family: "NumFont"; + font-family: DingTalkSans; + src: url('../fonts/DingTalkJinBuTi.woff2'); } -body{ - background:#010117; - color: #ffffff; - font-size: 16px; - overflow: auto; +@font-face { + font-family: NumFont; + src: url('../fonts/DS-DIGIT.TTF'); +} +* { + font-family: DingTalkSans; +} +.led-number { + font-family: "NumFont"; +} +body { + background: #010117; + color: #ffffff; + font-size: 16px; + overflow: auto; } - - @media (max-width: 1920px) { - #app{ - width:1912px; - height: 1080px; - } - .screen-content-max{ - width:1912px; - height: 1080px; - } - .background_video video{ - width:1912px; - height: 1080px; - } - .img-openwin{ - width: 26px; - height:26px; - } - .div-header{ - background-image: url("../images/banner-top-1k.png"); - } - .popup-project-introduction-title{ - height: 40px; - font-size: 18px; - } - .popup-project-introduction-close{ - font-size: 25px; - width: 30px; - height: 30px; - line-height: 28px; - } -} - -@media (min-width: 1921px) and (max-width: 2560px) { - #app{ - width:2552px; - height:1440px; - } - .screen-content-max{ - width:2552px; - height:1440px; - } - .background_video video{ - width:2552px; - height:1440px; - } - .div-header{ - background-image: url("../images/banner-top-2k.png"); - } - .img-openwin{ - width: 30px; - height:30px; - } - .screen-one-1-1::after,.screen-one-1-2::after,.screen-one-1-3::after, - .screen-one-2-1::after,.screen-one-2-2::after,.screen-one-2-3::after, - .screen-one-3-1::after,.screen-one-3-2::after,.screen-one-3-3::after - { - background-size: auto 30px; - height: 30px !important; - } - .module-title{ - height: 30px !important; - line-height: 30px !important; - font-size: 20px; - } - .popup-project-introduction-title{ - height: 60px; - font-size: 24px; - } - .popup-project-introduction-close{ - font-size: 28px; - width: 54px; - height: 54px; - line-height: 54px; - } -} - - -@media (min-width: 2561px) { - #app{ - width:3832px; - height:2160px; - } - .screen-content-max{ - width:3832px; - height:2160px; - } - .background_video video{ - width:3832px; - height:2160px; - } - .div-header{ - background-image: url("../images/banner-top-4k.png"); - } - .img-openwin{ - width: 40px; - height: 40px; - } - .screen-one-1-1::after,.screen-one-1-2::after,.screen-one-1-3::after, - .screen-one-2-1::after,.screen-one-2-2::after,.screen-one-2-3::after, - .screen-one-3-1::after,.screen-one-3-2::after,.screen-one-3-3::after - { - background-size: auto 40px; - height: 40px !important; - } - .module-title{ - height: 40px !important; - line-height: 40px !important; - font-size: 26px; - } - .popup-project-introduction-title{ - height: 72px; - font-size: 32px; - } - .popup-project-introduction-close{ - font-size: 48px; - width: 60px; - height: 60px; - line-height: 60px; - } -} -.img-openwin{ - position: absolute; - top:0px; - right: 0px; - z-index: 99; -} -.main-app { - height:calc(100% - 130px); -} -.main-page{ - height: 100%; -} -.h100{ - height: 100%; -} -.screen-one-1-1::after,.screen-one-1-2::after,.screen-one-1-3::after, -.screen-one-2-1::after,.screen-one-2-2::after,.screen-one-2-3::after, -.screen-one-3-1::after,.screen-one-3-2::after,.screen-one-3-3::after -{ - background-image: url("../images/one/banner.png"); -} -.module-ctx{ - padding:12px; - height: calc(100% - 48px); -} -.scroll::-webkit-scrollbar { - width: 8px; - height: 8px; -} -.scroll::-webkit-scrollbar-thumb { - background-color: rgb(1, 169, 255); - border-radius: 4px; -} -body::-webkit-scrollbar{ - width: 8px; - height: 8px; - display: block !important; -} -.body::-webkit-scrollbar-thumb { - background-color: rgb(1, 169, 255) !important; - border-radius: 4px !important; + #app { + width: 1912px; + height: 1080px; } -p,label,ul{ - margin: 0; - font-weight: 400; -} -table{ - width: 100%; -} -.anchorBL { - display:none; -} -[v-cloak] { - display: none; -} -/*背景视频*/ -.background_video video{ - position: absolute; -} -.screen-content-max{ - position: absolute; - top: 0; - left: 0; - background: rgba(0,0,0,0.5); -} -.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; -} -.head-title-label{ - width: 22%; - font-size: 26px; - position: relative; - padding-left: 15px; - padding-top: 23px; - font-family: "title-font"; - background-image:-webkit-linear-gradient(bottom,#3da2ff,#3ea4ff,#96f3ff); - -webkit-background-clip:text; - -webkit-text-fill-color:transparent; -} -.head-title-tab{ - padding-top: 32px; - display: flex; -} - -.head-title-select{ - padding-top: 23px; - width: 12% ; - position: relative; -} -.head-title-date{ - padding-top: 15px; - width: 15% ; - display: flex; - align-items: center; -} -.head-nav{ - width: 105px; - height: 35px; - padding:0px 8px; - line-height: 35px; - text-align: center; - color: #6383aa; - cursor: pointer; - background: url("../images/title_tab.png") no-repeat center/100% 100%; -} -.head-nav.active{ - background: url("../images/title_tab_active.png") no-repeat center/100% 100%; - color: #ffffff; -} -.head-nav:hover{ - color: #86b2e3; -} -.head-nav.active:hover{ - color: #ffffff; -} -.head-select{ - height: 35px; - padding-left: 25px; - padding-right: 30px; - background: url("../images/head_select.png") no-repeat center/100% 100%; -} -.head-select.head-select-150{ - background: url("../images/head_select-150.png") no-repeat center/100% 100%; -} -.head-select input{ - height: 100%; - width: 100%; - border: 0; - outline: 0; - background:0; - color: #1ce7ff; - cursor: pointer; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; -} -.head-select input::-webkit-input-placeholder{ - color: #6ca5b1; -} -.header-screen-ul{ - list-style: none; - width: 90%; - position: absolute; - max-height: 600px; - border: 1px solid #05556b; - left: 5%; - background: #00092a; - overflow: auto; - color: #02a6ff; - border-radius: 3px; - z-index: 99999; -} -.header-screen-ul::-webkit-scrollbar { - width: 10px; - height: 1px; -} -.header-screen-ul::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; -} -.header-screen-ul::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; -} -.header-screen-ul li{ - padding: 10px; - cursor: pointer; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.header-screen-ul li:hover{ - background: #031348; - color: #1ce7ff; -} -.head-title-time{ - width: 45%; - text-align: center; -} -.head-title-weather{ - display: flex; - align-items: center; -} -.head-title-weather img{ + .screen-content-max { + width: 1912px; + height: 1080px; + } + .background_video video { + width: 1912px; + height: 1080px; + } + .img-openwin { + width: 26px; + height: 26px; + } + .div-header { + background-image: url("../images/banner-top-1k.png"); + } + .popup-project-introduction-title { + height: 40px; + font-size: 18px; + } + .popup-project-introduction-close { + font-size: 25px; width: 30px; height: 30px; + line-height: 28px; + } } -.head-title-weather span{ - padding: 0 5px; -} -.head-title-date-con{ - font-size: 12px; - color: #63baff; -} -.head-title-time-con{ - font-size: 20px; - font-weight: bold; - color: #63baff; -} -/*红色head*/ -.head-title.red-head{ - background: url("../images/head_title_red.png") no-repeat center/100% 65px; -} -.red-head .head-title-label{ - background-image:-webkit-linear-gradient(bottom,#bc3833,#fb9e97,#ffffff); -} -.red-head .head-nav{ - color: #ff9b96; - background: url("../images/title_tab_red.png") no-repeat center/100% 100%; -} -.red-head .head-nav.active{ - background: url("../images/title_tab_active_red.png") no-repeat center/100% 100%; - color: #ffffff; -} -.red-head .head-nav:hover{ - color: #fcc0bd; -} -.red-head .head-nav.active:hover{ - color: #ffffff; -} -.red-head .head-select{ - background: url("../images/head_select_red.png") no-repeat center/100% 100%; -} -.red-head .head-select input{ - color: #ffffff; -} -.red-head .head-select input::-webkit-input-placeholder{ - color: #fd7569; -} -.red-head .header-screen-ul{ - border: 1px solid #da8f89; - background: #901c14; - color: #fbcbc9; -} -.red-head .header-screen-ul::-webkit-scrollbar { - width: 10px; - height: 1px; -} -.red-head .header-screen-ul::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #c34a3f; -} -.red-head .header-screen-ul::-webkit-scrollbar-track { - border-radius: 10px; - background: #901c14; -} -.red-head .header-screen-ul li{ - padding: 10px; - cursor: pointer; -} -.red-head .header-screen-ul li:hover{ - background: #9a3b33; - color: #ffffff; -} -.red-head .head-title-date-con{ - color: #ffffff; -} -.red-head .head-title-time-con{ - color: #ffffff; -} - -/*设备概况*/ -.survey_title{ - display: flex; - justify-content: space-evenly; - align-items: center; - padding: 30px 15px; -} -.survey_title_btn{ - position: relative; - width: 33.33%; - color: #7f9ebd; -} -.survey_title_btn_min{ - width: 100px; +@media (min-width: 1921px) and (max-width: 2560px) { + #app { + width: 2552px; + height: 1440px; + } + .screen-content-max { + width: 2552px; + height: 1440px; + } + .background_video video { + width: 2552px; + height: 1440px; + } + .div-header { + background-image: url("../images/banner-top-2k.png"); + } + .img-openwin { + width: 30px; height: 30px; - text-align: center; - line-height: 30px; - margin: auto; - cursor: pointer; - background: url("../images/survey_btn.png") no-repeat center/100% 100%; + } + .screen-module::after { + background-size: auto 30px; + height: 30px !important; + } + .module-title { + height: 30px !important; + line-height: 30px !important; + font-size: 20px; + } + .popup-project-introduction-title { + height: 60px; + font-size: 24px; + } + .popup-project-introduction-close { + font-size: 28px; + width: 54px; + height: 54px; + line-height: 54px; + } } -.survey_title_btn_min:hover{ - color: #ffffff; -} -.survey_title_btn_min.active{ - width: 120px; - height: 40px; - line-height: 40px; - color: #ffffff; - background: url("../images/survey_btn_active.png") no-repeat center/100% 100%; -} -.survey_content{ - display: flex; - align-items: center; - justify-content: center; -} -.survey_content_img{ - width: 90px; - height: 90px; - text-align: center; - line-height: 90px; - position: relative; - background: url("../images/survey_total_icon.png") no-repeat bottom/90px 60px; -} -@keyframes icon { - 0% { - transform: translate(0px, 0px); - } - 50% { - transform: translate(0px, 15px); /* 可配置跳动方向 */ - } - 100% { - transform: translate(0px, 0px); - } -} -.survey_content_img img,.survey_content_img svg{ +@media (min-width: 2561px) { + #app { + width: 3832px; + height: 2160px; + } + .screen-content-max { + width: 3832px; + height: 2160px; + } + .background_video video { + width: 3832px; + height: 2160px; + } + .div-header { + background-image: url("../images/banner-top-4k.png"); + } + .img-openwin { width: 40px; height: 40px; - animation: icon 3s infinite; - -webkit-animation: icon 3s infinite; -} -.survey_content_number{ - padding-left: 15px; - color: #cbdaff; - font-size: 16px; -} -.survey_content_number p{ - padding-bottom: 15px; -} -.survey_content_value span{ - font-size: 25px; - font-style: italic; - font-weight: bold; - color: #87e3fa; - padding-right: 5px; -} -.survey_text{ - width: 120px; - height: 28px; - margin: auto; - animation:myfirst 2s; - -webkit-animation:myfirst 2s infinite; /* Safari and Chrome */ -} -@keyframes myfirst { - 0% {opacity:0.4;} - 25% {opacity:0.7;} - 50% {opacity:1;} - 75% {opacity:0.7;} - 100% {opacity:0.4;} -} -.survey_text_zy{ - background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; -} -.survey_text_zl{ - background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; -} -.survey_text_fb{ - background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; -} -.survey_text_value{ - position: absolute; - top: 0; - height: 28px; - color: #cbdaff; - line-height: 28px; - padding-left: 45px; - display: flex; - align-items: center; -} -.survey_text_value span{ - color: #00aaff; - font-size: 16px; - padding-left: 10px; - font-weight: bold; -} -/*当日预警信息*/ -.warning-info{ - padding: 0 15px; -} -.warning-info-title{ - padding: 15px 0; - display: flex; -} -.warning-info-title div{ - color: #69839e; - padding: 0 20px 0 12px; - cursor: pointer; -} -.warning-info-title .active{ - color: #51b5ff; - background: url("../images/check_icon.png") no-repeat left/8px 15px; -} -.warning-info-title div:hover{ - color: #51b5ff; -} - -/*操作证情况*/ -.czz-number{ - display: flex; - align-items: center; - justify-content: space-around; - padding: 30px 10px; -} -.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{ + } + .screen-module::after { + background-size: auto 40px; + height: 40px !important; + } + .module-title { + height: 40px !important; + line-height: 40px !important; + font-size: 26px; + } + .popup-project-introduction-title { + height: 72px; + font-size: 32px; + } + .popup-project-introduction-close { + font-size: 48px; width: 60px; height: 60px; - text-align: center; - line-height: 80px; + line-height: 60px; + } } -.czz-number-img img{ - width: 30px; - height: 30px; +.img-openwin { + position: absolute; + top: 0px; + right: 0px; + z-index: 99; } -.czz-number-img-blue{ - background: url("../images/circle_blue.gif") no-repeat center/100% 100%; +.main-app { + height: calc(100% - 130px); } -.czz-number-img-green{ - background: url("../images/circle_green.gif") no-repeat center/100% 100%; +.main-page { + height: 100%; } -.survey_content_value_color_green span{ - color: #5bf8b5; +.h100 { + height: 100%; +} +.screen-module::after { + background-image: url("../images/one/banner.png"); +} +.screen-module.no-title::after { + background-image: none; +} +.screen-module.no-title .module-title { + display: none; +} +.screen-module.no-title .module-ctx { + padding: 0px; +} +.screen-module.no-border { + background-image: none; +} +.module-ctx { + padding: 12px; + height: calc(100% - 48px); +} +.scroll::-webkit-scrollbar { + width: 8px; + height: 8px; +} +.scroll::-webkit-scrollbar-thumb { + background-color: #01a9ff; + border-radius: 4px; +} +body::-webkit-scrollbar { + width: 8px; + height: 8px; + display: block !important; +} +.body::-webkit-scrollbar-thumb { + background-color: #01a9ff !important; + border-radius: 4px !important; +} +p, +label, +ul { + margin: 0; + font-weight: 400; +} +table { + width: 100%; +} +.anchorBL { + display: none; +} +[v-cloak] { + display: none; +} +/*背景视频*/ +.background_video video { + position: absolute; +} +.screen-content-max { + position: absolute; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.5); +} +.screen-content { + padding: 10px 15px; + position: relative; +} +.fblue { + color: #01a9ff; +} +/*head*/ +.head-title { + position: relative; + height: 70px; + background: url("../images/head_title.png") no-repeat center / 100% 65px; + display: flex; +} +.head-title-label { + width: 22%; + font-size: 26px; + position: relative; + padding-left: 15px; + padding-top: 23px; + font-family: "title-font"; + background-image: -webkit-linear-gradient(bottom, #3da2ff, #3ea4ff, #96f3ff); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.head-title-tab { + padding-top: 32px; + display: flex; +} +.head-title-select { + padding-top: 23px; + width: 12% ; + position: relative; +} +.head-title-date { + padding-top: 15px; + width: 15% ; + display: flex; + align-items: center; +} +.head-nav { + width: 105px; + height: 35px; + padding: 0px 8px; + line-height: 35px; + text-align: center; + color: #6383aa; + cursor: pointer; + background: url("../images/title_tab.png") no-repeat center / 100% 100%; +} +.head-nav.active { + background: url("../images/title_tab_active.png") no-repeat center / 100% 100%; + color: #ffffff; +} +.head-nav:hover { + color: #86b2e3; +} +.head-nav.active:hover { + color: #ffffff; +} +.head-select { + height: 35px; + padding-left: 25px; + padding-right: 30px; + background: url("../images/head_select.png") no-repeat center / 100% 100%; +} +.head-select.head-select-150 { + background: url("../images/head_select-150.png") no-repeat center / 100% 100%; +} +.head-select input { + height: 100%; + width: 100%; + border: 0; + outline: 0; + background: 0; + color: #1ce7ff; + cursor: pointer; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.head-select input::-webkit-input-placeholder { + color: #6ca5b1; +} +.header-screen-ul { + list-style: none; + width: 90%; + position: absolute; + max-height: 600px; + border: 1px solid #05556b; + left: 5%; + background: #00092a; + overflow: auto; + color: #02a6ff; + border-radius: 3px; + z-index: 99999; +} +.header-screen-ul::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.header-screen-ul::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.header-screen-ul::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.header-screen-ul li { + padding: 10px; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.header-screen-ul li:hover { + background: #031348; + color: #1ce7ff; +} +.head-title-time { + width: 45%; + text-align: center; +} +.head-title-weather { + display: flex; + align-items: center; +} +.head-title-weather img { + width: 30px; + height: 30px; +} +.head-title-weather span { + padding: 0 5px; +} +.head-title-date-con { + font-size: 12px; + color: #63baff; +} +.head-title-time-con { + font-size: 20px; + font-weight: bold; + color: #63baff; +} +/*红色head*/ +.head-title.red-head { + background: url("../images/head_title_red.png") no-repeat center / 100% 65px; +} +.red-head .head-title-label { + background-image: -webkit-linear-gradient(bottom, #bc3833, #fb9e97, #ffffff); +} +.red-head .head-nav { + color: #ff9b96; + background: url("../images/title_tab_red.png") no-repeat center / 100% 100%; +} +.red-head .head-nav.active { + background: url("../images/title_tab_active_red.png") no-repeat center / 100% 100%; + color: #ffffff; +} +.red-head .head-nav:hover { + color: #fcc0bd; +} +.red-head .head-nav.active:hover { + color: #ffffff; +} +.red-head .head-select { + background: url("../images/head_select_red.png") no-repeat center / 100% 100%; +} +.red-head .head-select input { + color: #ffffff; +} +.red-head .head-select input::-webkit-input-placeholder { + color: #fd7569; +} +.red-head .header-screen-ul { + border: 1px solid #da8f89; + background: #901c14; + color: #fbcbc9; +} +.red-head .header-screen-ul::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.red-head .header-screen-ul::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #c34a3f; +} +.red-head .header-screen-ul::-webkit-scrollbar-track { + border-radius: 10px; + background: #901c14; +} +.red-head .header-screen-ul li { + padding: 10px; + cursor: pointer; +} +.red-head .header-screen-ul li:hover { + background: #9a3b33; + color: #ffffff; +} +.red-head .head-title-date-con { + color: #ffffff; +} +.red-head .head-title-time-con { + color: #ffffff; +} +/*设备概况*/ +.survey_title { + display: flex; + justify-content: space-evenly; + align-items: center; + padding: 30px 15px; +} +.survey_title_btn { + position: relative; + width: 33.33%; + color: #7f9ebd; +} +.survey_title_btn_min { + width: 100px; + height: 30px; + text-align: center; + line-height: 30px; + margin: auto; + cursor: pointer; + background: url("../images/survey_btn.png") no-repeat center / 100% 100%; +} +.survey_title_btn_min:hover { + color: #ffffff; +} +.survey_title_btn_min.active { + width: 120px; + height: 40px; + line-height: 40px; + color: #ffffff; + background: url("../images/survey_btn_active.png") no-repeat center / 100% 100%; +} +.survey_content { + display: flex; + align-items: center; + justify-content: center; +} +.survey_content_img { + width: 90px; + height: 90px; + text-align: center; + line-height: 90px; + position: relative; + background: url("../images/survey_total_icon.png") no-repeat bottom / 90px 60px; +} +@keyframes icon { + 0% { + transform: translate(0px, 0px); + } + 50% { + transform: translate(0px, 15px); + /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, 0px); + } +} +.survey_content_img img, +.survey_content_img svg { + width: 40px; + height: 40px; + animation: icon 3s infinite; + -webkit-animation: icon 3s infinite; +} +.survey_content_number { + padding-left: 15px; + color: #cbdaff; + font-size: 16px; +} +.survey_content_number p { + padding-bottom: 15px; +} +.survey_content_value span { + font-size: 25px; + font-style: italic; + font-weight: bold; + color: #87e3fa; + padding-right: 5px; +} +.survey_text { + width: 120px; + height: 28px; + margin: auto; + animation: myfirst 2s; + -webkit-animation: myfirst 2s infinite; + /* Safari and Chrome */ +} +@keyframes myfirst { + 0% { + opacity: 0.4; + } + 25% { + opacity: 0.7; + } + 50% { + opacity: 1; + } + 75% { + opacity: 0.7; + } + 100% { + opacity: 0.4; + } +} +.survey_text_zy { + background: url("../images/survey_bgd_zy.png") no-repeat center / 100% 100%; +} +.survey_text_zl { + background: url("../images/survey_bgd_zy.png") no-repeat center / 100% 100%; +} +.survey_text_fb { + background: url("../images/survey_bgd_zy.png") no-repeat center / 100% 100%; +} +.survey_text_value { + position: absolute; + top: 0; + height: 28px; + color: #cbdaff; + line-height: 28px; + padding-left: 45px; + display: flex; + align-items: center; +} +.survey_text_value span { + color: #00aaff; + font-size: 16px; + padding-left: 10px; + font-weight: bold; +} +/*当日预警信息*/ +.warning-info { + padding: 0 15px; +} +.warning-info-title { + padding: 15px 0; + display: flex; +} +.warning-info-title div { + color: #69839e; + padding: 0 20px 0 12px; + cursor: pointer; +} +.warning-info-title .active { + color: #51b5ff; + background: url("../images/check_icon.png") no-repeat left / 8px 15px; +} +.warning-info-title div:hover { + color: #51b5ff; +} +/*操作证情况*/ +.czz-number { + display: flex; + align-items: center; + justify-content: space-around; + padding: 30px 10px; +} +.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; + height: 60px; + 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%; +} +.czz-number-img-green { + background: url("../images/circle_green.gif") no-repeat center / 100% 100%; +} +.survey_content_value_color_green span { + color: #5bf8b5; } - /*管理人员情况*/ -.glr-max{ - padding:30px 10px; +.glr-max { + padding: 30px 10px; } -.glr-min{ - padding:0 10px; +.glr-min { + padding: 0 10px; } -.glr-title{ - background: url("../images/check_icon.png") no-repeat left/10px 20px; - padding-left: 15px; +.glr-title { + background: url("../images/check_icon.png") no-repeat left / 10px 20px; + padding-left: 15px; } -.people-number-con{ - padding: 35px 0; - display: flex; - align-items: center; +.people-number-con { + padding: 35px 0; + display: flex; + align-items: center; } -.glr-min .people-number-con{ - padding: 15px 0; +.glr-min .people-number-con { + padding: 15px 0; } -.safety-min .people-number-con{ - padding: 35px 0; +.safety-min .people-number-con { + padding: 35px 0; } - -.people-number-con div{ - width: 30px; - height: 45px; - background: url("../images/number_bgd.png") no-repeat center/100% 100%; - margin-right: 10px; - text-align: center; - line-height: 45px; - font-size: 30px; - font-family: 'number-font'; +.people-number-con div { + width: 30px; + height: 45px; + background: url("../images/number_bgd.png") no-repeat center / 100% 100%; + margin-right: 10px; + text-align: center; + line-height: 45px; + font-size: 30px; + font-family: 'number-font'; } -.glr-login-rate{ - display: flex; - align-items: center; - justify-content: space-between; - padding: 8px 10px 8px 15px; - background: url("../images/title_icon.png") no-repeat left/10px 15px; - color: #cbdaff; +.glr-login-rate { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 10px 8px 15px; + background: url("../images/title_icon.png") no-repeat left / 10px 15px; + color: #cbdaff; } -.glr-rate-value span{ - font-size: 18px; - color: #ffffff; - font-weight: bold; +.glr-rate-value span { + font-size: 18px; + color: #ffffff; + font-weight: bold; } -.glr-rate-red-value span{ - color: #f23644; +.glr-rate-red-value span { + color: #f23644; } -.glr-login-number-max{ - position: relative; - padding: 22px 0; +.glr-login-number-max { + position: relative; + padding: 22px 0; } -.glr-login-number-bgd{ - height: 30px; - background: url("../images/text_bgd.png") no-repeat center/100% 30px; - animation:myfirst 2s; - -webkit-animation:myfirstbgd 2s infinite; +.glr-login-number-bgd { + height: 30px; + background: url("../images/text_bgd.png") no-repeat center / 100% 30px; + animation: myfirst 2s; + -webkit-animation: myfirstbgd 2s infinite; } -.glr-login-number-red-bgd{ - background: url("../images/text_red_bgd.png") no-repeat center/100% 30px; +.glr-login-number-red-bgd { + background: url("../images/text_red_bgd.png") no-repeat center / 100% 30px; } @keyframes myfirstbgd { - 0% {opacity:0.4;} - 25% {opacity:0.7;} - 50% {opacity:1;} - 75% {opacity:0.7;} - 100% {opacity:0.4;} + 0% { + opacity: 0.4; + } + 25% { + opacity: 0.7; + } + 50% { + opacity: 1; + } + 75% { + opacity: 0.7; + } + 100% { + opacity: 0.4; + } } -.glr-login-number{ - position: absolute; - width: 95%; - top: 25px; - padding:0 5px; - display: flex; - align-items: center; - justify-content: space-between; +.glr-login-number { + position: absolute; + width: 95%; + top: 25px; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: space-between; } -.glr-login-number img{ - margin-right: 5px; +.glr-login-number img { + margin-right: 5px; } -.glr-login-number-sz:hover{ - color: #00f1fc; +.glr-login-number-sz:hover { + color: #00f1fc; } /*打卡管控提示*/ -.table-head{ - text-align: center; - color: #45e9ff; - height: 40px; - line-height: 40px; +.table-head { + text-align: center; + color: #45e9ff; + height: 40px; + line-height: 40px; } - -.table-body{ - height: 180px; - overflow: auto; +.table-body { + height: 180px; + overflow: auto; } -.table-body::-webkit-scrollbar{ - width: 0px; - height: 0px; +.table-body::-webkit-scrollbar { + width: 0px; + height: 0px; } -.table-tr{ - height: 60px; - line-height: 60px; - background: url("../images/table_tr.png") no-repeat center/100% 50px; +.table-tr { + height: 60px; + line-height: 60px; + background: url("../images/table_tr.png") no-repeat center / 100% 50px; } -.table-td{ - padding: 0 5px; - text-align: center; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - color: #cbdaff; +.table-td { + padding: 0 5px; + text-align: center; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #cbdaff; } - /*中国地图*/ - -.indicators-chart{ - padding: 10px; +.indicators-chart { + padding: 10px; } -.indicators-chart-max{ - position: relative; +.indicators-chart-max { + position: relative; } -.indicators-chart-bgd{ - background: url("../images/text_bgd.png") no-repeat left/100% 100%; - height: 40px; - animation:myfirst 2s; - -webkit-animation:textbgd 2s infinite; +.indicators-chart-bgd { + background: url("../images/text_bgd.png") no-repeat left / 100% 100%; + height: 40px; + animation: myfirst 2s; + -webkit-animation: textbgd 2s infinite; } @keyframes textbgd { - 0% {opacity:0.4;} - 25% {opacity:0.7;} - 50% {opacity:1;} - 75% {opacity:0.7;} - 100% {opacity:0.4;} + 0% { + opacity: 0.4; + } + 25% { + opacity: 0.7; + } + 50% { + opacity: 1; + } + 75% { + opacity: 0.7; + } + 100% { + opacity: 0.4; + } } -.indicators-chart-title{ - display: flex; - align-items: center; - padding: 0 15px; - width: 100%; - position: absolute; - top: 9px; +.indicators-chart-title { + display: flex; + align-items: center; + padding: 0 15px; + width: 100%; + position: absolute; + top: 9px; } -.indicators-chart-title img{ - width: 10px; - height: 20px; +.indicators-chart-title img { + width: 10px; + height: 20px; } -.indicators-chart-text{ - padding: 0 10px; - color: #cbdaff; +.indicators-chart-text { + padding: 0 10px; + color: #cbdaff; } -.indicators-chart-text span{ - font-size: 16px; - color: #ffffff; +.indicators-chart-text span { + font-size: 16px; + color: #ffffff; } -.indicators-chart-content{ - display: flex; - align-items: center; +.indicators-chart-content { + display: flex; + align-items: center; } -.indicators-chart-min{ - width: 20%; +.indicators-chart-min { + width: 20%; } /*设备运行动态*/ -.chart-gif{ - width: 110px; - height: 110px; - position: absolute; - top: 57px; - left: 172px; - background: url("../images/run_circle.png") no-repeat center/100% 100%; +.chart-gif { + width: 110px; + height: 110px; + position: absolute; + top: 57px; + left: 172px; + background: url("../images/run_circle.png") no-repeat center / 100% 100%; } -.chart-gif{ - -webkit-transition-property: -webkit-transform; - -webkit-transition-duration: 1s; - -moz-transition-property: -moz-transform; - -moz-transition-duration: 1s; - -webkit-animation: rotate 3s linear infinite; - -moz-animation: rotate 3s linear infinite; - -o-animation: rotate 3s linear infinite; - animation: rotate 3s linear infinite; +.chart-gif { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: 1s; + -moz-transition-property: -moz-transform; + -moz-transition-duration: 1s; + -webkit-animation: rotate 3s linear infinite; + -moz-animation: rotate 3s linear infinite; + -o-animation: rotate 3s linear infinite; + animation: rotate 3s linear infinite; } -@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)} - to{-webkit-transform: rotate(0deg)} +@-webkit-keyframes rotate { + from { + -webkit-transform: rotate(360deg); + } + to { + -webkit-transform: rotate(0deg); + } } -@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)} - to{-moz-transform: rotate(0deg)} +@-moz-keyframes rotate { + from { + -moz-transform: rotate(359deg); + } + to { + -moz-transform: rotate(0deg); + } } -@-o-keyframes rotate{from{-o-transform: rotate(359deg)} - to{-o-transform: rotate(0deg)} +@-o-keyframes rotate { + from { + -o-transform: rotate(359deg); + } + to { + -o-transform: rotate(0deg); + } } -@keyframes rotate{from{transform: rotate(359deg)} - to{transform: rotate(0deg)} +@keyframes rotate { + from { + transform: rotate(359deg); + } + to { + transform: rotate(0deg); + } } - - /*打卡管控提示*/ .warning-info-table .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.warning-info-table .el-table .cell{ - padding: 0 5px; +.warning-info-table .el-table .cell { + padding: 0 5px; } -.warning-info-table .el-table{ - background: none; +.warning-info-table .el-table { + background: none; } -.warning-info-table .el-table th, .el-table tr{ - background: none; +.warning-info-table .el-table th, +.el-table tr { + background: none; } -.warning-info-table .el-table th{ - height: 50px; - text-align: center; - color: #1ce7ff; +.warning-info-table .el-table th { + height: 50px; + text-align: center; + color: #1ce7ff; } -.warning-info-table .el-table td{ - height: 60px; - text-align: center; - padding: 0; +.warning-info-table .el-table td { + height: 60px; + text-align: center; + padding: 0; } -.warning-info-table .el-table td, .el-table th.is-leaf{ - border: 0; +.warning-info-table .el-table td, +.el-table th.is-leaf { + border: 0; } -.warning-info-table .el-table .el-table__row{ - background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px; +.warning-info-table .el-table .el-table__row { + background: url("../images/text_red_safe_bgd.png") no-repeat center / 100% 40px; } -.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.warning-info-table .el-table::before{ - background: none; +.warning-info-table .el-table::before { + background: none; } - /*分类及工时情况*/ -.classify-situation{ - height: 57px; +.classify-situation { + height: 57px; } -.classify-title{ - padding-top: 8px; - display: flex; - justify-content: space-between; - align-items: center; +.classify-title { + padding-top: 8px; + display: flex; + justify-content: space-between; + align-items: center; } -.classify-title-text{ - color: #a2c8f9; +.classify-title-text { + color: #a2c8f9; } -.classify-title-text span{ - background: url("../images/up.png") no-repeat left/10px 8px; - padding: 0 12px 0 15px; - color: #fcbc02; - font-style: italic; +.classify-title-text span { + background: url("../images/up.png") no-repeat left / 10px 8px; + padding: 0 12px 0 15px; + color: #fcbc02; + font-style: italic; } -.classify-value{ - display: flex; - align-items: center; +.classify-value { + display: flex; + align-items: center; } -.classify-total{ - padding-right: 10px; - color: #a2c8f9; +.classify-total { + padding-right: 10px; + color: #a2c8f9; } -.classify-total span{ - padding-right: 5px; - font-weight: bold; - font-size: 16px; +.classify-total span { + padding-right: 5px; + font-weight: bold; + font-size: 16px; } -.classify-value-data{ - color: #a2c8f9; +.classify-value-data { + color: #a2c8f9; } -.classify-value-data span{ - font-size: 16px; - font-weight: bold; - padding: 0 5px; +.classify-value-data span { + font-size: 16px; + font-weight: bold; + padding: 0 5px; } -.classify-data-1{ - color: #1ce7ff; +.classify-data-1 { + color: #1ce7ff; } -.classify-data-2{ - color: #4670fa; +.classify-data-2 { + color: #4670fa; } -.classify-chart-max{ - padding-top: 10px; +.classify-chart-max { + padding-top: 10px; } -.classify-chart{ - height: 6px; - background: #031f47; - display: flex; +.classify-chart { + height: 6px; + background: #031f47; + display: flex; } -.classify-chart-left{ - height: 6px; - background: #1ce7ff; +.classify-chart-left { + height: 6px; + background: #1ce7ff; } -.classify-chart-right{ - height: 6px; - background: #3367df; +.classify-chart-right { + height: 6px; + background: #3367df; } - /*机械项目级*/ /*地图滚动条*/ .china-map::-webkit-scrollbar { - width: 10px; - height: 1px; + width: 10px; + height: 1px; } .china-map::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .china-map::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } - /*设备概况*/ -.survey-oil-max{ - padding:0 20px; +.survey-oil-max { + padding: 0 20px; } -.survey-oil-min{ - padding: 8px 0; +.survey-oil-min { + padding: 8px 0; } -.survey-oil-title{ - position: relative; - padding: 20px 0; +.survey-oil-title { + position: relative; + padding: 20px 0; } -.survey-oil-hr{ - border-bottom: 1px dashed #1d3d56; +.survey-oil-hr { + border-bottom: 1px dashed #1d3d56; } -.survey-oil-text{ - position: absolute; - top: 10px; - font-size: 14px; - padding: 0 15px; - color: #c0dafb; - background: #000b25 url("../images/check_icon.png") no-repeat left/8px 15px; +.survey-oil-text { + position: absolute; + top: 10px; + font-size: 14px; + padding: 0 15px; + color: #c0dafb; + background: #000b25 url("../images/check_icon.png") no-repeat left / 8px 15px; } -.survey-oil-data{ - padding: 10px; - color: #a2c8f9; +.survey-oil-data { + padding: 10px; + color: #a2c8f9; } -.survey-oil-hour{ - height: 30px; - line-height: 30px; +.survey-oil-hour { + height: 30px; + line-height: 30px; } -.survey-oil-hour span{ - font-size: 20px; - color: #52afff; - font-weight: bold; - padding-right: 5px; +.survey-oil-hour span { + font-size: 20px; + color: #52afff; + font-weight: bold; + padding-right: 5px; } -.survey-oil-label{ - height: 30px; - line-height: 30px; - background: url("../images/right.png") no-repeat left/8px 15px; - padding-left: 15px; +.survey-oil-label { + height: 30px; + line-height: 30px; + background: url("../images/right.png") no-repeat left / 8px 15px; + padding-left: 15px; } -.survey-oil-prop{ - height: 30px; - line-height: 30px; - text-align: right; +.survey-oil-prop { + height: 30px; + line-height: 30px; + text-align: right; } -.survey-oil-prop span{ - font-weight: bold; - font-size: 20px; - padding-right: 5px; +.survey-oil-prop span { + font-weight: bold; + font-size: 20px; + padding-right: 5px; } -.color-white{ - color: #ffffff; +.color-white { + color: #ffffff; } -.color-yellow{ - color: #fde463; +.color-yellow { + color: #fde463; } -.color-green{ - color: #25bb4d; +.color-green { + color: #25bb4d; } /*利用率*/ -.rank-max{ - padding: 0 20px; +.rank-max { + padding: 0 20px; } -.rank-min{ - padding-bottom: 15px; +.rank-min { + padding-bottom: 15px; } -.rank-con{ - background: #01244c; - height: 40px; - display: flex; - justify-content: space-between; - align-items: center; - padding-left: 5px; +.rank-con { + background: #01244c; + height: 40px; + display: flex; + justify-content: space-between; + align-items: center; + padding-left: 5px; } -.rank-con-title{ - display: flex; - align-items: center; +.rank-con-title { + display: flex; + align-items: center; } -.rank-con-title img{ - width: 40px; - height: 40px; - margin-right: 8px; +.rank-con-title img { + width: 40px; + height: 40px; + margin-right: 8px; } -.rank-con-try{ - color: #00f1fc; +.rank-con-try { + color: #00f1fc; } -.rank-con-data{ - width: 100px; - height: 40px; - background: url("../images/ratio_bgd.png") no-repeat center/100% 100%; - text-align: right; - line-height: 40px; - padding-right: 10px; - color: #a2c8f9; +.rank-con-data { + width: 100px; + height: 40px; + background: url("../images/ratio_bgd.png") no-repeat center / 100% 100%; + text-align: right; + line-height: 40px; + padding-right: 10px; + color: #a2c8f9; } -.rank-con-data span{ - color: #ffffff; - font-size: 18px; - font-weight: bold; +.rank-con-data span { + color: #ffffff; + font-size: 18px; + font-weight: bold; } -.rank-chart{ - padding: 0 15px; - color: #c0dafb; +.rank-chart { + padding: 0 15px; + color: #c0dafb; } -.rank-chart-title{ - height: 40px; - line-height: 40px; - padding-left: 35px; - background: url("../images/utilization.png") no-repeat left/30px 40px; - font-size: 16px; - border-bottom: 1px solid #2c4e74; +.rank-chart-title { + height: 40px; + line-height: 40px; + padding-left: 35px; + background: url("../images/utilization.png") no-repeat left / 30px 40px; + font-size: 16px; + border-bottom: 1px solid #2c4e74; } /*平均工时*/ -.time-study-max{ - padding:0 20px; +.time-study-max { + padding: 0 20px; } -.time-study-title{ - padding: 15px 0; +.time-study-title { + padding: 15px 0; } -.time-study-value{ - padding:5px 10px; - text-align: center; +.time-study-value { + padding: 5px 10px; + text-align: center; } -.time-study-value p{ - padding: 15px 0; - font-size: 16px; +.time-study-value p { + padding: 15px 0; + font-size: 16px; } -.time-study-value-num{ - color: #a2c8f9; +.time-study-value-num { + color: #a2c8f9; } -.time-study-value-num span{ - font-size: 22px; - color: #59affa; - font-weight: bold; +.time-study-value-num span { + font-size: 22px; + color: #59affa; + font-weight: bold; } /*油耗分析*/ -.average-oil label{ - color: #ffffff; +.average-oil label { + color: #ffffff; } -.average-oil span{ - font-size: 16px; - color: #59affa; - padding: 0 5px; - font-weight: bold; +.average-oil span { + font-size: 16px; + color: #59affa; + padding: 0 5px; + font-weight: bold; } /*闲置列表*/ -.idle-list{ - padding:20px 15px; +.idle-list { + padding: 20px 15px; } .idle-list .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.idle-list .el-table .cell{ - padding: 0 5px; +.idle-list .el-table .cell { + padding: 0 5px; } -.idle-list .el-table{ - background: none; +.idle-list .el-table { + background: none; } -.idle-list .el-table th, .el-table tr{ - background: none; +.idle-list .el-table th, +.el-table tr { + background: none; } -.idle-list .el-table th{ - height: 40px; - color: #ffffff; - background: #193854; - padding: 0; +.idle-list .el-table th { + height: 40px; + color: #ffffff; + background: #193854; + padding: 0; } -.idle-list .el-table td{ - height: 40px; - padding: 0; - color: #a2c8f9; +.idle-list .el-table td { + height: 40px; + padding: 0; + color: #a2c8f9; } -.idle-list .el-table td, .el-table th.is-leaf{ - border: 0; +.idle-list .el-table td, +.el-table th.is-leaf { + border: 0; } -.idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.idle-list .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.idle-list .el-table::before{ - background: none; +.idle-list .el-table::before { + background: none; } - -.idle-list-color{ - color: #f05e35; +.idle-list-color { + color: #f05e35; } - /*预警分析*/ -.analyse-max{ - padding: 10px; +.analyse-max { + padding: 10px; } -.analyse-min{ - height: 260px; +.analyse-min { + height: 260px; } -.not-data{ - height: 200px; - line-height: 200px; - text-align: center; - color: #aaaaaa; +.not-data { + height: 200px; + line-height: 200px; + text-align: center; + color: #aaaaaa; } -.analyse-title{ - height: 40px; - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 20px; - background: url("../images/analyse_title.png") no-repeat left/100% 100%; +.analyse-title { + height: 40px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + background: url("../images/analyse_title.png") no-repeat left / 100% 100%; } -.analyse_title_blue{ - background: url("../images/analyse_title_blue.png") no-repeat left/100% 100%; +.analyse_title_blue { + background: url("../images/analyse_title_blue.png") no-repeat left / 100% 100%; } -.analyse-text{ - line-height: 40px; - font-size: 16px; +.analyse-text { + line-height: 40px; + font-size: 16px; } -.analyse-equipment{ - background: url("../images/analyse_icon.png") no-repeat right/15px 20px; - padding-right: 20px; - font-size: 20px; - letter-spacing: 2px; - -webkit-animation: Glow 1s ease infinite alternate; - animation: Glow 1s ease infinite alternate; +.analyse-equipment { + background: url("../images/analyse_icon.png") no-repeat right / 15px 20px; + padding-right: 20px; + font-size: 20px; + letter-spacing: 2px; + -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; +.analyse-equipment-position { + position: absolute; + right: 40px; + top: 20px; + z-index: 999; } @-webkit-keyframes Glow { - from { - text-shadow: 0 0 10px #097fca, - 0 0 20px #097fca, - 0 0 30px #097fca, - 0 0 40px #097fca, - 0 0 70px #097fca, - 0 0 80px #097fca, - 0 0 100px #097fca, - 0 0 150px #097fca; - } - to { - text-shadow: 0 0 5px #097fca, - 0 0 10px #097fca, - 0 0 15px #097fca, - 0 0 20px #097fca, - 0 0 35px #097fca, - 0 0 40px #097fca, - 0 0 50px #097fca, - 0 0 75px #097fca; - } + from { + text-shadow: 0 0 10px #097fca, 0 0 20px #097fca, 0 0 30px #097fca, 0 0 40px #097fca, 0 0 70px #097fca, 0 0 80px #097fca, 0 0 100px #097fca, 0 0 150px #097fca; + } + to { + text-shadow: 0 0 5px #097fca, 0 0 10px #097fca, 0 0 15px #097fca, 0 0 20px #097fca, 0 0 35px #097fca, 0 0 40px #097fca, 0 0 50px #097fca, 0 0 75px #097fca; + } } -.analyse-num{ - color: #a2c8f9; +.analyse-num { + color: #a2c8f9; } -.analyse-num span{ - font-size: 25px; - color: #f73647; - font-weight: bold; +.analyse-num span { + font-size: 25px; + color: #f73647; + font-weight: bold; } -.analyse-number-max{ - padding-right: 20px; - height: 164px; - overflow: auto; +.analyse-number-max { + padding-right: 20px; + height: 164px; + overflow: auto; } .analyse-number-max::-webkit-scrollbar { - width: 0px; - height: 1px; + width: 0px; + height: 1px; } .analyse-number-max::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .analyse-number-max::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } - - -.analyse-num-max{ - padding: 12px 0; +.analyse-num-max { + padding: 12px 0; } -.analyse-login-numbe{ - top: 15px; +.analyse-login-numbe { + top: 15px; } -.afoot-content{ - padding: 15px 15px 0; +.afoot-content { + padding: 15px 15px 0; } -.afoot-overflow{ - height: 653px; - overflow: auto; +.afoot-overflow { + height: 653px; + overflow: auto; } .afoot-overflow::-webkit-scrollbar { - width: 0px; - height: 1px; + width: 0px; + height: 1px; } .afoot-overflow::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .afoot-overflow::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.afoot-con-for{ - padding-bottom: 20px; +.afoot-con-for { + padding-bottom: 20px; } -.afoot-con-for.active{ - background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%; +.afoot-con-for.active { + background: url("../images/zzfs_bgf.png") no-repeat center / 100% 100%; } -.afoot-machinery-nam{ - font-size: 16px; - font-weight: bold; - padding:10px 0 15px; +.afoot-machinery-nam { + font-size: 16px; + font-weight: bold; + padding: 10px 0 15px; } -.afoot-machinery-info{ - display: flex; - margin-bottom: 10px; +.afoot-machinery-info { + display: flex; + margin-bottom: 10px; } -.afoot-machinery-img{ - width: 70px; - height: 70px; - background: url("../images/logo_bgd.png") no-repeat center/100% 100%; +.afoot-machinery-img { + width: 70px; + height: 70px; + background: url("../images/logo_bgd.png") no-repeat center / 100% 100%; } -.afoot-machinery-img img{ - width: 100%; - height: 100%; +.afoot-machinery-img img { + width: 100%; + height: 100%; } -.afoot-machinery-data{ - padding-left: 15px; - width: calc(100% - 90px); +.afoot-machinery-data { + padding-left: 15px; + width: calc(100% - 90px); } -.afoot-machinery-state{ - color: #f73647; - font-size: 18px; - height: 50px; - overflow: hidden; +.afoot-machinery-state { + color: #f73647; + font-size: 18px; + height: 50px; + overflow: hidden; } -.afoot-machinery-time{ - color: #7f99ba; +.afoot-machinery-time { + color: #7f99ba; } -.afoot-machinery-project{ - color: #7f99ba; - padding-top: 10px; +.afoot-machinery-project { + color: #7f99ba; + padding-top: 10px; } -.afoot-machinery-map{ - margin-top: 15px; - height: 200px; - border: 1px solid #054e85; +.afoot-machinery-map { + margin-top: 15px; + height: 200px; + border: 1px solid #054e85; } - - /*foot*/ -.foot-max{ - position: fixed; - left: 0; - bottom: -90px; - width: 100%; - height: 115px; - z-index: 5; - background: url("../images/foot_open.png") no-repeat bottom/100% 100%; - transition: bottom 0.2s; +.foot-max { + position: fixed; + left: 0; + bottom: -90px; + width: 100%; + height: 115px; + z-index: 5; + background: url("../images/foot_open.png") no-repeat bottom / 100% 100%; + transition: bottom 0.2s; } -.foot-min{ - +.foot-content { + width: 75%; + margin: auto; } -.foot-content{ - width: 75%; - margin: auto; +.foot-mouse { + width: 200px; + height: 40px; + margin: auto; } -.foot-mouse{ - width: 200px; - height: 40px; - margin: auto; +.foot-content-left { + width: 30px; + height: 50px; + margin: auto; + cursor: pointer; + background: url("../images/foot_left.png") no-repeat center / 20px 40px; } -.foot-content-left{ - width: 30px; - height: 50px; - margin: auto; - cursor: pointer; - background: url("../images/foot_left.png") no-repeat center/20px 40px; +.foot-content-right { + width: 30px; + height: 50px; + margin: auto; + cursor: pointer; + background: url("../images/foot_right.png") no-repeat center / 20px 40px; } -.foot-content-right{ - width: 30px; - height: 50px; - margin: auto; - cursor: pointer; - background: url("../images/foot_right.png") no-repeat center/20px 40px; +.foot-content-tabs { + width: 1250px; + height: 50px; + overflow: auto; + margin: auto; + position: relative; } -.foot-content-tabs{ - width: 1250px; - height: 50px; - overflow: auto; - margin: auto; - position: relative; +.foot-content-tabs::-webkit-scrollbar { + width: 0px; + height: 0px; } -.foot-content-tabs::-webkit-scrollbar{ - width: 0px; - height: 0px; +.foot-content-tabs-min { + display: flex; + align-items: center; + padding-top: 3px; + position: absolute; + transition: left 1s; } -.foot-content-tabs-min{ - display: flex; - align-items: center; - padding-top: 3px; - position: absolute; - transition: left 1s; +.foot-tabs { + width: 250px; + text-align: center; } -.foot-tabs{ - width: 250px; - text-align: center; +.foot-tabs-bgd { + margin: auto; + width: 160px; + height: 40px; + line-height: 40px; + color: #a2c8f9; + cursor: pointer; + background: url("../images/foot_btn.png") no-repeat center / 100% 100%; } -.foot-tabs-bgd{ - margin: auto; - width: 160px; - height: 40px; - line-height: 40px; - color:#a2c8f9; - cursor: pointer; - background:url("../images/foot_btn.png") no-repeat center/100% 100%; +.foot-tabs-bgd.active { + width: 200px; + height: 45px; + line-height: 45px; + font-size: 16px; + color: #ffffff; + background: url("../images/foot_btn_active.png") no-repeat center / 100% 100%; } -.foot-tabs-bgd.active{ - width: 200px; - height: 45px; - line-height: 45px; - font-size: 16px; - color: #ffffff; - background:url("../images/foot_btn_active.png") no-repeat center/100% 100%; -} - /*劳务用工 公司级*/ - /*劳务人员概况*/ -.labour-survey_content_number{ - color: #cbdaff; - font-size: 16px; - text-align: center; - padding-top: 25px; - padding-left: 0; +.labour-survey_content_number { + color: #cbdaff; + font-size: 16px; + text-align: center; + padding-top: 25px; + padding-left: 0; } -.labour-survey_content_number p{ - padding: 15px; +.labour-survey_content_number p { + padding: 15px; } /*工种占比*/ -.chart-work-gif{ - width: 110px; - height: 110px; - position: absolute; - top: 85px; - left: 48px; - background: url("../images/run_circle.png") no-repeat center/100% 100%; +.chart-work-gif { + width: 110px; + height: 110px; + position: absolute; + top: 85px; + left: 48px; + background: url("../images/run_circle.png") no-repeat center / 100% 100%; } -.labour-education{ - display: flex; - justify-content: space-between; +.labour-education { + display: flex; + justify-content: space-between; } -.labour-education_bgd{ - background: url("../images/education_bgd.png") no-repeat bottom/90px 60px; +.labour-education_bgd { + background: url("../images/education_bgd.png") no-repeat bottom / 90px 60px; } /*预警分析*/ -.labour-warning-title{ - padding: 15px; - display: flex; - justify-content: space-around; - align-items: center; +.labour-warning-title { + padding: 15px; + display: flex; + justify-content: space-around; + align-items: center; } -.labour-warning-img{ - height: 60px; - width: 80px; - text-align: center; - background: url("../images/labour_warning_bgd.png") no-repeat center/100% 100%; +.labour-warning-img { + height: 60px; + width: 80px; + text-align: center; + background: url("../images/labour_warning_bgd.png") no-repeat center / 100% 100%; } -.labour-warning-bgd{ - padding-top: 15px; +.labour-warning-bgd { + padding-top: 15px; } -.labour-warning-bgd img{ - animation: scale 1.5s infinite cubic-bezier(0, 0, .2, .2); +.labour-warning-bgd img { + animation: scale 1.5s infinite cubic-bezier(0, 0, 0.2, 0.2); } @keyframes scale { - 0% { transform: scale(1); opacity: 0.4 } - 25%{ transform: scale(1.25);opacity: 0.7 } - 50%{transform: scale(1.5); opacity: 1 } - 75%{ transform: scale(1.25);opacity: 0.7 } - 100% {transform: scale(1);opacity: 0.4} + 0% { + transform: scale(1); + opacity: 0.4; + } + 25% { + transform: scale(1.25); + opacity: 0.7; + } + 50% { + transform: scale(1.5); + opacity: 1; + } + 75% { + transform: scale(1.25); + opacity: 0.7; + } + 100% { + transform: scale(1); + opacity: 0.4; + } } -.labour-warning-data{ - text-align: center; - color: #cbdaff; - font-size: 16px; +.labour-warning-data { + text-align: center; + color: #cbdaff; + font-size: 16px; } -.labour-warning-number{ - padding-top: 10px; +.labour-warning-number { + padding-top: 10px; } -.labour-warning-number span{ - color: #f73647; - font-weight: bold; - font-size:25px; - font-style:italic +.labour-warning-number span { + color: #f73647; + font-weight: bold; + font-size: 25px; + font-style: italic; } - /*劳务 预警分析*/ -.labour-warning-table{ - padding: 0 10px; +.labour-warning-table { + padding: 0 10px; } -.labour-warning-table-color{ - color: #f73647; - font-size: 16px; - font-weight: bold; +.labour-warning-table-color { + color: #f73647; + font-size: 16px; + font-weight: bold; } .labour-warning-table .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.labour-warning-table .el-table .cell{ - padding: 0 5px; +.labour-warning-table .el-table .cell { + padding: 0 5px; } -.labour-warning-table .el-table{ - background: none; +.labour-warning-table .el-table { + background: none; } -.labour-warning-table .el-table th, .el-table tr{ - background: none; +.labour-warning-table .el-table th, +.el-table tr { + background: none; } -.labour-warning-table .el-table th{ - height: 35px; - text-align: center; - color: #cbdaff; - padding: 0; +.labour-warning-table .el-table th { + height: 35px; + text-align: center; + color: #cbdaff; + padding: 0; } -.labour-warning-table .el-table td{ - height: 50px; - text-align: center; - padding: 0; - color: #ffffff; +.labour-warning-table .el-table td { + height: 50px; + text-align: center; + padding: 0; + color: #ffffff; } -.labour-warning-table .el-table td, .el-table th.is-leaf{ - border: 0; +.labour-warning-table .el-table td, +.el-table th.is-leaf { + border: 0; } -.labour-warning-table .el-table .el-table__row{ - background: url("../images/text_red_bgd.png") no-repeat center/100% 35px; +.labour-warning-table .el-table .el-table__row { + background: url("../images/text_red_bgd.png") no-repeat center / 100% 35px; } -.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.labour-warning-table .el-table::before{ - background: none; +.labour-warning-table .el-table::before { + background: none; } -.return-company-btn{ - position: absolute; - top: 30px; - left: 30px; - background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%; - width: 120px; - height: 35px; - text-align: center; - line-height: 35px; - color: #5677a2; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - z-index: 99; +.return-company-btn { + position: absolute; + top: 30px; + left: 30px; + background: url("../images/return_btn_bgd.png") no-repeat center / 100% 100%; + width: 120px; + height: 35px; + text-align: center; + line-height: 35px; + color: #5677a2; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 99; } -.return-company-btn:hover{ - color: #cbdaff; - background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +.return-company-btn:hover { + color: #cbdaff; + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; } -.return-company-btn:active{ - color: #5677a2; +.return-company-btn:active { + color: #5677a2; } -.return-company-btn span{ - padding-left: 5px; +.return-company-btn span { + padding-left: 5px; } - /*项目概况*/ -.project-number{ - padding:25px 15px 0; - display: flex; - align-items: center; - justify-content: space-evenly; - color: #a2c8f9; +.project-number { + padding: 25px 15px 0; + display: flex; + align-items: center; + justify-content: space-evenly; + color: #a2c8f9; } -.project-number div{ - padding: 0 15px; +.project-number div { + padding: 0 15px; } -.project-number span{ - font-size: 20px; - font-weight: bold; - font-style: italic; - color: #63baff; - padding-right: 15px; +.project-number span { + font-size: 20px; + font-weight: bold; + font-style: italic; + color: #63baff; + padding-right: 15px; } -.chart-overview-gif{ - width: 105px; - height: 105px; - position: absolute; - top: 63px; - left:61px; - background: url("../images/run_circle.png") no-repeat center/100% 100%; +.chart-overview-gif { + width: 105px; + height: 105px; + position: absolute; + top: 63px; + left: 61px; + background: url("../images/run_circle.png") no-repeat center / 100% 100%; } - -.project-map-bottom{ - height: 210px; - padding: 0 15px; +.project-map-bottom { + height: 210px; + padding: 0 15px; } -.project-analyse-title{ - width: 50%; +.project-analyse-title { + width: 50%; } -.project-expect-max{ - position: relative; - padding-top: 20px; +.project-expect-max { + position: relative; + padding-top: 20px; } -.project-expect-left{ - position: absolute; - width: 30px; - left: 0; - height: 60px; - top: 75px; - background: url("../images/foot_left.png") no-repeat center/20px 40px; +.project-expect-left { + position: absolute; + width: 30px; + left: 0; + height: 60px; + top: 75px; + background: url("../images/foot_left.png") no-repeat center / 20px 40px; } -.project-expect-right{ - position: absolute; - width: 30px; - right: 0; - height: 60px; - top: 75px; - background: url("../images/foot_right.png") no-repeat center/20px 40px; +.project-expect-right { + position: absolute; + width: 30px; + right: 0; + height: 60px; + top: 75px; + background: url("../images/foot_right.png") no-repeat center / 20px 40px; } -.project-expect-middle{ - width: 810px; - margin:auto; - overflow: auto; - position: relative; - height: 150px; +.project-expect-middle { + width: 810px; + margin: auto; + overflow: auto; + position: relative; + height: 150px; } -.project-expect-big{ - position: absolute; - top: 0; - transition: left 0.5s; +.project-expect-big { + position: absolute; + top: 0; + transition: left 0.5s; } -.project-expect-middle::-webkit-scrollbar{ - width: 0px; - height: 0px; +.project-expect-middle::-webkit-scrollbar { + width: 0px; + height: 0px; } -.project-expect-min{ - padding: 0 10px; - float: left; +.project-expect-min { + padding: 0 10px; + float: left; } -.project-expect-list{ - width: 250px; - height: 150px; - background: url("../images/expect_list.png") no-repeat center/100% 100%; +.project-expect-list { + width: 250px; + height: 150px; + background: url("../images/expect_list.png") no-repeat center / 100% 100%; } -.project-expect-list.active{ - background: url("../images/expect_list_active.png") no-repeat center/100% 100%; +.project-expect-list.active { + background: url("../images/expect_list_active.png") no-repeat center / 100% 100%; } - -.project-expect-con{ - padding: 5px 15px; +.project-expect-con { + padding: 5px 15px; } -.project-expect-title{ - display: flex; - align-items: center; - border-bottom: 1px solid #1c4489; - height: 30px; +.project-expect-title { + display: flex; + align-items: center; + border-bottom: 1px solid #1c4489; + height: 30px; } -.project-expect-title-No{ - border-bottom: 1px solid #69b9fe; - text-align: center; - line-height: 30px; +.project-expect-title-No { + border-bottom: 1px solid #69b9fe; + text-align: center; + line-height: 30px; } -.project-expect-title-text{ - color: #68afef; - line-height: 30px; - height: 30px; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.project-expect-title-text { + color: #68afef; + line-height: 30px; + height: 30px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -.project-expect-info{ - padding: 8px 0; - font-size: 12px; - color: #c2d5f6; - line-height: 20px; +.project-expect-info { + padding: 8px 0; + font-size: 12px; + color: #c2d5f6; + line-height: 20px; } -.project-expect-details{ - max-height: 40px; - overflow: hidden; +.project-expect-details { + max-height: 40px; + overflow: hidden; } -.project-expect-time{ - color: #6bb8ff; +.project-expect-time { + color: #6bb8ff; } -.project-expect-state{ - width: 85px; - height: 23px; - background: url("../images/expect_list_zc.png") no-repeat center/100% 100%; - color: #76fefe; - text-align: center; - line-height: 23px; - font-size: 12px; +.project-expect-state { + width: 85px; + height: 23px; + background: url("../images/expect_list_zc.png") no-repeat center / 100% 100%; + color: #76fefe; + text-align: center; + line-height: 23px; + font-size: 12px; } - -.project-expect-state.state-2{ - color: #05fb05; +.project-expect-state.state-2 { + color: #05fb05; } - -.project-expect-list.active .project-expect-title{ - border-bottom: 1px solid #351e2e; +.project-expect-list.active .project-expect-title { + border-bottom: 1px solid #351e2e; } -.project-expect-list.active .project-expect-title-No{ - border-bottom: 1px solid #cd4456; +.project-expect-list.active .project-expect-title-No { + border-bottom: 1px solid #cd4456; } -.project-expect-list.active .project-expect-title-text{ - color: #ffffff; +.project-expect-list.active .project-expect-title-text { + color: #ffffff; } -.project-expect-list.active .project-expect-time{ - color: #cd4456 +.project-expect-list.active .project-expect-time { + color: #cd4456; } -.project-expect-list.active .project-expect-state{ - background: url("../images/expect_list_yc.png") no-repeat center/100% 100%; - color: #ffffff; +.project-expect-list.active .project-expect-state { + background: url("../images/expect_list_yc.png") no-repeat center / 100% 100%; + color: #ffffff; } - /*项目概况 项目级*/ - /*项目概况*/ -.company-name-max{ - padding:5px 10px; - position: relative; +.company-name-max { + padding: 5px 10px; + position: relative; } -.company-project-introduction{ - position: absolute; - display: flex; - align-items: center; - right: 10px; - top: -22px; - cursor: pointer; - font-size: 14px; - color: #c2d5f6; +.company-project-introduction { + position: absolute; + display: flex; + align-items: center; + right: 10px; + top: -22px; + cursor: pointer; + font-size: 14px; + color: #c2d5f6; } -.company-project-introduction img{ - width: 8px; - margin-left: 10px; +.company-project-introduction img { + width: 8px; + margin-left: 10px; } -.company-name{ - display: flex; - padding:12px 5px; +.company-name { + display: flex; + padding: 12px 5px; } -.company-img{ - padding-top: 5px; +.company-img { + padding-top: 5px; } -.company-img img{ - height: 35px; - width: 35px; +.company-img img { + height: 35px; + width: 35px; } -.company-info{ - width: calc(100% - 45px); - padding-left: 10px; +.company-info { + width: calc(100% - 45px); + padding-left: 10px; } -.company-title{ - color: #c2d5f6; - font-size: 14px; +.company-title { + color: #c2d5f6; + font-size: 14px; } -.company-text{ - color: #50a2eb; - padding: 5px 0; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - font-size: 14px; - cursor: pointer; +.company-text { + color: #50a2eb; + padding: 5px 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + cursor: pointer; } -.company-person-info{ - font-size: 14px; - color: #f79d1a; +.company-person-info { + font-size: 14px; + color: #f79d1a; } - -.popup-project-introduction-max{ - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: rgba(0,0,0,0.5); - z-index: 2000; +.popup-project-introduction-max { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 2000; } -.popup-project-introduction-min{ - width: 1000px; - height: 600px; - margin: auto; - background: url("../images/map_sjk_popup_bgd2.png") no-repeat center/100% 100%; - transform: translateY(30%); - background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px; - background-repeat: no-repeat; - background-size: 3px 100%, 100% 3px; - border: 1px solid transparent; - backdrop-filter: blur(1px); +.popup-project-introduction-min { + width: 1000px; + height: 600px; + margin: auto; + transform: translateY(30%); + background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px; + background-repeat: no-repeat; + background-color: #002233d4; + background-size: 3px 100%, 100% 3px; + border: 1px solid transparent; + backdrop-filter: blur(1px); } -.popup-project-introduction-con{ - padding: 0px; +.popup-project-introduction-con { + padding: 0px; } -.popup-project-introduction-title{ - - background: url("../images/map_popup_title.png") no-repeat left/100% 100%; - - display: flex; - align-items: center; - padding: 0 15px; - justify-content: space-between; +.popup-project-introduction-title { + background: url("../images/map_popup_title.png") no-repeat left / 100% 100%; + display: flex; + align-items: center; + padding: 0 15px; + justify-content: space-between; } -.popup-project-introduction-close{ - - text-align: center; - - border-radius: 50%; - cursor: pointer; +.popup-project-introduction-close { + text-align: center; + border-radius: 50%; + cursor: pointer; } -.popup-project-introduction-close:hover{ - background: #37536f; +.popup-project-introduction-close:hover { + background: #37536f; } -.popup-project-introduction-details{ - padding: 18px; +.popup-project-introduction-details { + padding: 18px; } -.popup-project-introduction-info{ - height: 500px; - overflow: auto; +.popup-project-introduction-info { + height: 500px; + overflow: auto; } .popup-project-introduction-info::-webkit-scrollbar { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } .popup-project-introduction-info::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .popup-project-introduction-info::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.popup-project-introduction-info p{ - padding: 8px 5px; - line-height: 30px; - text-indent: 2em; +.popup-project-introduction-info p { + padding: 8px 5px; + line-height: 30px; + text-indent: 2em; } - -.modify-project-amount{ - display: flex; - justify-content: space-between; +.modify-project-amount { + display: flex; + justify-content: space-between; } -.modify-btn{ - width: 50px; - text-align: center; - padding-top: 45px; +.modify-btn { + width: 50px; + text-align: center; + padding-top: 45px; } -.modify-btn img{ - cursor: pointer; +.modify-btn img { + cursor: pointer; } -.modify-content{ - width: 840px; - overflow: hidden; +.modify-content { + width: 840px; + overflow: hidden; } -.modify-content-overflow{ - display: flex; - align-items: center; +.modify-content-overflow { + display: flex; + align-items: center; } - - - - -.project-introduce{ - padding: 0 15px; +.project-introduce { + padding: 0 15px; } -.project-introduce-text{ - padding-left: 20px; - color: #c2d5f6; - background: url(../images/check_icon.png) no-repeat left/8px 15px; +.project-introduce-text { + padding-left: 20px; + color: #c2d5f6; + background: url(../images/check_icon.png) no-repeat left / 8px 15px; } -.project-introduce-con{ - height:80px; - overflow: hidden; - margin-top: 10px; - color: #c2d5f6; - position: relative; +.project-introduce-con { + height: 80px; + overflow: hidden; + margin-top: 10px; + color: #c2d5f6; + position: relative; } -.project-introduce-con p{ - text-indent: 2em; - padding: 5px 0; - line-height: 25px; +.project-introduce-con p { + text-indent: 2em; + padding: 5px 0; + line-height: 25px; } -.project-introduce-con::-webkit-scrollbar{ - width: 0px; - height: 0px; +.project-introduce-con::-webkit-scrollbar { + width: 0px; + height: 0px; } -.project-introduce-absolute{ - position: absolute; - width: 100%; - top: 0; - left: 0; - transition: top 0.1s; +.project-introduce-absolute { + position: absolute; + width: 100%; + top: 0; + left: 0; + transition: top 0.1s; } -.project-amount{ - padding: 10px; +.project-amount { + padding: 10px; } -.project-amount-bgd{ - height: 110px; - width: 260px; - background: url("../images/project_amount_bgd.png") no-repeat center/100% 100%; +.project-amount-bgd { + height: 110px; + width: 260px; + background: url("../images/project_amount_bgd.png") no-repeat center / 100% 100%; } -.project-amount-con{ - padding: 20px 30px; - color: #c2d5f6; +.project-amount-con { + padding: 20px 30px; + color: #c2d5f6; } -.project-amount-con p{ - padding-bottom: 15px; - font-size: 16px; +.project-amount-con p { + padding-bottom: 15px; + font-size: 16px; } -.project-amount-con span{ - font-size: 25px; - color: #64ccff; - font-weight: bold; - font-style: italic; +.project-amount-con span { + font-size: 25px; + color: #64ccff; + font-weight: bold; + font-style: italic; } -.aerial-view-max{ - padding: 10px; +.aerial-view-max { + padding: 10px; } -.aerial-view-min{ - height: 510px; +.aerial-view-min { + height: 510px; } -.aerial-view-min img{ - width: 100%; - height: 100%; +.aerial-view-min img { + width: 100%; + height: 100%; } - /*重大节点预期预警*/ -.dangerous-max{ - padding:10px 30px; +.dangerous-max { + padding: 10px 30px; } -.dangerous-tab{ - display: flex; - justify-content: right; - align-items: center; +.dangerous-tab { + display: flex; + justify-content: right; + align-items: center; } -.dangerous-tab div{ - padding: 8px 20px; - background: url("../images/dangerous.png") no-repeat center/100% 100%; - margin-left: 15px; - cursor: pointer; - color: #5388b0; +.dangerous-tab div { + padding: 8px 20px; + background: url("../images/dangerous.png") no-repeat center / 100% 100%; + margin-left: 15px; + cursor: pointer; + color: #5388b0; } -.dangerous-tab .active{ - color: #ffffff; - background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +.dangerous-tab .active { + color: #ffffff; + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; } -.dangerous-timeline-max{ - width: 850px; - height: 230px; - overflow-y: hidden; - overflow-x: auto; - position: relative; +.dangerous-timeline-max { + width: 850px; + height: 230px; + overflow-y: hidden; + overflow-x: auto; + position: relative; } .dangerous-timeline-max::-webkit-scrollbar { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } .dangerous-timeline-max::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .dangerous-timeline-max::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.dangerous-timeline-min{ - z-index: 2; - position: absolute; +.dangerous-timeline-min { + z-index: 2; + position: absolute; } -.dangerous-timeline-con{ - width: 200px; - padding-top: 20px; - float: left; +.dangerous-timeline-con { + width: 200px; + padding-top: 20px; + float: left; } -.strip-max{ - height: 6px; - background: #808992; - position: absolute; - top: 88px; - z-index: 1; +.strip-max { + height: 6px; + background: #808992; + position: absolute; + top: 88px; + z-index: 1; } -.strip-min{ - height: 6px; - background: #54acf4; +.strip-min { + height: 6px; + background: #54acf4; } -.dangerous-text{ - height: 50px; - padding: 0 20px; - text-align: center; - font-size: 16px; - line-height: 25px; - overflow: hidden; +.dangerous-text { + height: 50px; + padding: 0 20px; + text-align: center; + font-size: 16px; + line-height: 25px; + overflow: hidden; } -.dangerous-dot{ - height: 35px; - position: relative; +.dangerous-dot { + height: 35px; + position: relative; } -.dangerous-dot-item{ - width: 8px; - height: 8px; - border: 3px solid #ffffff; - border-radius: 50%; - margin: auto; - position: relative; - top: 14px; +.dangerous-dot-item { + width: 8px; + height: 8px; + border: 3px solid #ffffff; + border-radius: 50%; + margin: auto; + position: relative; + top: 14px; } -.dangerous-time-max{ - height: 100px; - padding: 5px 30px; - color: #b9cbe3; - position: relative; +.dangerous-time-max { + height: 100px; + padding: 5px 30px; + color: #b9cbe3; + position: relative; } -.dangerous-time-min{ - padding: 5px 0; +.dangerous-time-min { + padding: 5px 0; } -.dangerous-time-nav{ - margin-top: 8px; +.dangerous-time-nav { + margin-top: 8px; } -.dangerous-time-nav.active{ - color: #eeeeee; - background: url("../images/expect_list_yc.png") no-repeat center/100% 100%; +.dangerous-time-nav.active { + color: #eeeeee; + background: url("../images/expect_list_yc.png") no-repeat center / 100% 100%; } - /*智慧党建*/ -.carousel-padding{ - padding: 10px; +.carousel-padding { + padding: 10px; } -.carousel-max{ - position: relative; - overflow-x: hidden; - overflow-y: hidden; - margin: auto; +.carousel-max { + position: relative; + overflow-x: hidden; + overflow-y: hidden; + margin: auto; } -.carousel-min{ - height: 100%; - position: absolute; - transition: left 0.5s +.carousel-min { + height: 100%; + position: absolute; + transition: left 0.5s; } -.carousel-for{ - float: left; - width: 100%; - height: 100%; +.carousel-for { + float: left; + width: 100%; + height: 100%; } -.carousel-for > img{ - width: 100%; - height: 100%; +.carousel-for > img { + width: 100%; + height: 100%; } -.carousel-text{ - height: 35px; - line-height: 35px; - text-align: center; - width: 100%; - position: absolute; - bottom: 0; - color: #fff; - background-color: rgba(0, 0, 0, 0.5); +.carousel-text { + height: 35px; + line-height: 35px; + text-align: center; + width: 100%; + position: absolute; + bottom: 0; + color: #fff; + background-color: rgba(0, 0, 0, 0.5); } - .carousel-left { - position: absolute; - top: 50%; - transform: translateY(-50%); - user-select: none; - cursor: pointer; - transition: left 0.1s linear; + position: absolute; + top: 50%; + transform: translateY(-50%); + user-select: none; + cursor: pointer; + transition: left 0.1s linear; } .carousel-right { - position: absolute; - top: 50%; - transform: translateY(-50%); - user-select: none; - cursor: pointer; - transition: right 0.1s linear; + position: absolute; + top: 50%; + transform: translateY(-50%); + user-select: none; + cursor: pointer; + transition: right 0.1s linear; } - /*党建视频*/ -.carousel-padding video{ - width: 100%; - height: 520px; +.carousel-padding video { + width: 100%; + height: 520px; } -.video-img{ - width: 100%; - height: 520px; +.video-img { + width: 100%; + height: 520px; } -.video-nav{ - display: flex; - padding:15px 10px; +.video-nav { + display: flex; + padding: 15px 10px; } -.video-nav-btn{ - background: #420200; - padding: 10px 15px; - color: #e67b71; - margin-right: 15px; - cursor: pointer; - border-radius: 5px; +.video-nav-btn { + background: #420200; + padding: 10px 15px; + color: #e67b71; + margin-right: 15px; + cursor: pointer; + border-radius: 5px; } -.video-nav-btn.active{ - background: #b34039; - color: #ffffff; +.video-nav-btn.active { + background: #b34039; + color: #ffffff; } -.video-nav-btn:hover{ - background: #972321; - color: #f1bdb9; +.video-nav-btn:hover { + background: #972321; + color: #f1bdb9; } -.video-nav-btn.active:hover{ - background: #b34039; - color: #ffffff; +.video-nav-btn.active:hover { + background: #b34039; + color: #ffffff; } - /*媒体聚焦*/ -.party-list{ - padding:20px 15px; +.party-list { + padding: 20px 15px; } .party-list .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.party-list .el-table .cell{ - padding: 0 5px; +.party-list .el-table .cell { + padding: 0 5px; } -.party-list .el-table{ - background: none; +.party-list .el-table { + background: none; } -.party-list .el-table th, .el-table tr{ - background: none; +.party-list .el-table th, +.el-table tr { + background: none; } -.party-list .el-table th{ - height: 50px; - color: #ffffff; - padding: 0 10px; +.party-list .el-table th { + height: 50px; + color: #ffffff; + padding: 0 10px; } -.party-list .el-table td{ - height: 50px; - color: #ffffff; - padding: 0; +.party-list .el-table td { + height: 50px; + color: #ffffff; + padding: 0; } -.party-list .el-table td .cell{ - height: 35px; - line-height:35px; - padding:0 10px; - background: rgba(66,0 ,0 ,0.7); - letter-spacing: 1px; - +.party-list .el-table td .cell { + height: 35px; + line-height: 35px; + padding: 0 10px; + background: rgba(66, 0, 0, 0.7); + letter-spacing: 1px; } -.party-list .el-table td, .el-table th.is-leaf{ - border: 0; +.party-list .el-table td, +.el-table th.is-leaf { + border: 0; } -.party-list .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.party-list .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.party-list .el-table::before{ - background: none; +.party-list .el-table::before { + background: none; } -.party-list-color{ - color:#edaa46; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.party-list-color { + color: #edaa46; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } - /*安全管理*/ /*当日预警信息*/ .safe-day-table .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.safe-day-table .el-table .cell{ - padding: 0 5px; +.safe-day-table .el-table .cell { + padding: 0 5px; } -.safe-day-table .el-table{ - background: none; +.safe-day-table .el-table { + background: none; } -.safe-day-table .el-table th, .el-table tr{ - background: none; +.safe-day-table .el-table th, +.el-table tr { + background: none; } -.safe-day-table .el-table th{ - height: 50px; - text-align: center; - color: #1ce7ff; +.safe-day-table .el-table th { + height: 50px; + text-align: center; + color: #1ce7ff; } -.safe-day-table .el-table td{ - height: 55px; - text-align: center; - padding: 0; +.safe-day-table .el-table td { + height: 55px; + text-align: center; + padding: 0; } -.safe-day-table .el-table td, .el-table th.is-leaf{ - border: 0; +.safe-day-table .el-table td, +.el-table th.is-leaf { + border: 0; } -.safe-day-table .el-table .el-table__row{ - background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px; +.safe-day-table .el-table .el-table__row { + background: url("../images/text_red_safe_bgd.png") no-repeat center / 100% 40px; } -.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; - color: #ffffff; +.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; + color: #ffffff; } -.safe-day-table .el-table::before{ - background: none; +.safe-day-table .el-table::before { + background: none; } - -.map-foot-max{ - height: 150px; - display: flex; - align-items: center; - justify-content: space-evenly; +.map-foot-max { + height: 150px; + display: flex; + align-items: center; + justify-content: space-evenly; } -.map-foot-min{ - display: flex; - align-items: center; - justify-content: center; +.map-foot-min { + display: flex; + align-items: center; + justify-content: center; } -.map-foot-con{ - padding-left: 10px; - color:#b9cbe3; +.map-foot-con { + padding-left: 10px; + color: #b9cbe3; } -.map-foot-con p{ - padding-bottom: 10px; +.map-foot-con p { + padding-bottom: 10px; } -.map-foot-num span{ - font-size: 25px; - font-weight: bold; - font-style: italic; +.map-foot-num span { + font-size: 25px; + font-weight: bold; + font-style: italic; } -.map-icon-color-1{ - color: #71b3f0; +.map-icon-color-1 { + color: #71b3f0; } -.map-icon-color-2{ - color: #c1b762 ; +.map-icon-color-2 { + color: #c1b762; } -.map-icon-color-3{ - color: #7874e3; +.map-icon-color-3 { + color: #7874e3; } -.map-foot-min img{ - width: 84px; - height: 66px; - animation: safe 3s infinite; - -webkit-animation: safe 3s infinite; +.map-foot-min img { + width: 84px; + height: 66px; + animation: safe 3s infinite; + -webkit-animation: safe 3s infinite; } @keyframes safe { - 0% { - transform: translate(0px, -10px); - } - 50% { - transform: translate(0px, 10px); /* 可配置跳动方向 */ - } - 100% { - transform: translate(0px, -10px); - } + 0% { + transform: translate(0px, -10px); + } + 50% { + transform: translate(0px, 10px); + /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, -10px); + } } - /*安全管理 项目级 塔机*/ - /*监控列表*/ -.list-max{ - padding: 10px 0; +.list-max { + padding: 10px 0; } -.list-min{ - height: 630px; - overflow: auto; - position: relative; +.list-min { + height: 630px; + overflow: auto; + position: relative; } - .list-min::-webkit-scrollbar { - width: 10px; - height: 1px; + width: 10px; + height: 1px; } .list-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .list-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.list-for{ - padding: 15px 0; - border-bottom: 1px dashed #3da2ff; +.list-for { + padding: 15px 0; + border-bottom: 1px dashed #3da2ff; } -.list-con{ - padding: 15px; - cursor: pointer; +.list-con { + padding: 15px; + cursor: pointer; } -.list-con.active{ - background: url("../images/list_bgd.png") no-repeat center/100% 100%; +.list-con.active { + background: url("../images/list_bgd.png") no-repeat center / 100% 100%; } -.list-top{ - display: flex; - align-items: center; +.list-top { + display: flex; + align-items: center; } -.list-img{ - height: 70px; - width: 70px; - text-align: center; - line-height: 70px; - background: url("../images/list_img_icon.png") no-repeat bottom/100% 45px; +.list-img { + height: 70px; + width: 70px; + text-align: center; + line-height: 70px; + background: url("../images/list_img_icon.png") no-repeat bottom / 100% 45px; } -.list-img img{ - animation: listImg 3s infinite; - -webkit-animation: listImg 3s infinite; +.list-img img { + animation: listImg 3s infinite; + -webkit-animation: listImg 3s infinite; } @keyframes listImg { - 0% { - transform: translate(0px, 0px); - } - 50% { - transform: translate(0px, 15px); /* 可配置跳动方向 */ - } - 100% { - transform: translate(0px, 0px); - } + 0% { + transform: translate(0px, 0px); + } + 50% { + transform: translate(0px, 15px); + /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, 0px); + } } -.list-info{ - padding-left: 15px; +.list-info { + padding-left: 15px; } -.list-info-name{ - padding: 7px 0 ; - font-size: 16px; +.list-info-name { + padding: 7px 0 ; + font-size: 16px; } -.list-info-name span{ - color: #8accff; +.list-info-name span { + color: #8accff; } -.list-info-name .list-info-state{ - color: #f3ba4f; +.list-info-name .list-info-state { + color: #f3ba4f; } -.list-info-name .list-info-state.active{ - color: #61f1be; +.list-info-name .list-info-state.active { + color: #61f1be; } -.list-bottom{ - padding: 10px 0; - color: #a5d3eb; +.list-bottom { + padding: 10px 0; + color: #a5d3eb; } -.list-details{ - padding: 8px 0; +.list-details { + padding: 8px 0; } -.list-time{ - color: #429fff; +.list-time { + color: #429fff; } - -.sf-big-title{ - padding: 15px 20px; - display: flex; - justify-content: space-between; - align-items: center; +.sf-big-title { + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; } - -.monitor-max{ - height: 240px; - position: relative; +.monitor-max { + height: 240px; + position: relative; } -.sf-speed-data-chart{ - width: 50px; - height: 250px; - margin: auto; +.sf-speed-data-chart { + width: 50px; + height: 250px; + margin: auto; } -.sf-speed-data-chart div{ - width: 100%; - height: 10px; - margin-top: 14px; - background: #0b204f; - border-radius: 2px; +.sf-speed-data-chart div { + width: 100%; + height: 10px; + margin-top: 14px; + background: #0b204f; + border-radius: 2px; } -.sf-speed-data-chart .activation{ - background: #2e8cfe; +.sf-speed-data-chart .activation { + background: #2e8cfe; } -.sf-speed-data-chart .warning{ - background: #fead38; +.sf-speed-data-chart .warning { + background: #fead38; } -.sf-speed-data-chart .police{ - background: #ff4e4e; +.sf-speed-data-chart .police { + background: #ff4e4e; } -.monitor-left{ - position: absolute; - height: 240px; - width:70px; - top: -5px; - left: 5px; - color: #a1d4e7; +.monitor-left { + position: absolute; + height: 240px; + width: 70px; + top: -5px; + left: 5px; + color: #a1d4e7; } -.monitor-right{ - position: absolute; - height: 250px; - top: -10px; - left: 140px; - +.monitor-right { + position: absolute; + height: 250px; + top: -10px; + left: 140px; } -.monitor-police{ - position: absolute; - top: 0; - width: 70px; - text-align: right; - font-size: 13px; +.monitor-police { + position: absolute; + 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-warning { + position: absolute; + top: 50px; + width: 70px; + text-align: right; + font-size: 13px; } -.monitor-zero{ - position: absolute; - bottom: 0; - width: 70px; - text-align: right; +.monitor-zero { + position: absolute; + bottom: 0; + width: 70px; + text-align: right; } -.monitor-data{ - color: #88c9ff; - width: 70px; - position: absolute; - top: 100px; - text-align: center; +.monitor-data { + color: #88c9ff; + width: 70px; + position: absolute; + top: 100px; + text-align: center; } -.warning-data{ - color: #fead38; +.warning-data { + color: #fead38; } -.police-data{ - color: #ff4e4e !important; +.police-data { + color: #ff4e4e !important; } - -.monitor-data span{ - font-weight: bold; - font-size: 18px; +.monitor-data span { + font-weight: bold; + font-size: 18px; } - -.safe-height{ - height:660px; +.safe-height { + height: 660px; } -.safe-small{ - height: 120px; +.safe-small { + height: 120px; } -.safe-small-title{ - background: url("../images/small_title.png") no-repeat center/100% 100%; - padding: 5px 0 5px 20px; +.safe-small-title { + background: url("../images/small_title.png") no-repeat center / 100% 100%; + padding: 5px 0 5px 20px; } -.safe-small-content{ - display: flex; - align-items: center; - justify-content:space-around; +.safe-small-content { + display: flex; + align-items: center; + justify-content: space-around; } -.safe-small-details{ - padding: 10px; - font-size: 16px; +.safe-small-details { + padding: 10px; + font-size: 16px; } -.safe-small-details p{ - color: #429fff; - padding: 10px 0 15px; +.safe-small-details p { + color: #429fff; + padding: 10px 0 15px; } -.safe-small-details span{ - color: #8bcdff; - font-size: 20px; - font-weight: bold; +.safe-small-details span { + color: #8bcdff; + font-size: 20px; + font-weight: bold; } -.safe-afoot-content{ - padding:30px 20px; +.safe-afoot-content { + padding: 30px 20px; } -.safe-afoot-overflow{ - height: 200px; +.safe-afoot-overflow { + height: 200px; } -.safe-afoot-machinery-nam{ - padding:15px 0 20px; +.safe-afoot-machinery-nam { + padding: 15px 0 20px; } /*力矩曲线*/ -.safe-moment{ - padding: 15px 0; +.safe-moment { + padding: 15px 0; } - - -.safe-tower-crane-max{ - padding: 10px; +.safe-tower-crane-max { + padding: 10px; } -.safe-tower-crane-min{ - +.safe-tower-left { + height: 500px; + cursor: pointer; + background: url("../images/safe_tower_left.png") no-repeat center / 100% 70%; } -.safe-tower-left{ - height: 500px; - cursor: pointer; - background:url("../images/safe_tower_left.png") no-repeat center/100% 70%; +.safe-tower-left:hover { + background: url("../images/safe_tower_left_a.png") no-repeat center / 100% 80%; } -.safe-tower-left:hover{ - background:url("../images/safe_tower_left_a.png") no-repeat center/100% 80%; +.safe-tower-left:active { + background: url("../images/safe_tower_left_a.png") no-repeat center / 100% 75%; } -.safe-tower-left:active{ - background:url("../images/safe_tower_left_a.png") no-repeat center/100% 75%; +.safe-tower-right { + height: 500px; + cursor: pointer; + background: url("../images/safe_tower_right.png") no-repeat center / 100% 70%; } -.safe-tower-right{ - height: 500px; - cursor: pointer; - background:url("../images/safe_tower_right.png") no-repeat center/100% 70%; +.safe-tower-right:hover { + background: url("../images/safe_tower_right_a.png") no-repeat center / 100% 80%; } -.safe-tower-right:hover{ - background:url("../images/safe_tower_right_a.png") no-repeat center/100% 80%; +.safe-tower-right:active { + background: url("../images/safe_tower_right_a.png") no-repeat center / 100% 75%; } -.safe-tower-right:active{ - background:url("../images/safe_tower_right_a.png") no-repeat center/100% 75%; +.safe-tower-content-max { + position: relative; + width: 770px; + height: 500px; + margin: auto; + overflow: hidden; } -.safe-tower-content-max{ - position: relative; - width: 770px; - height: 500px; - margin: auto; - overflow: hidden; +.safe-tower-content { + position: absolute; + width: 100%; + transition: left 0.5s; } -.safe-tower-content{ - position: absolute; - width: 100%; - transition: left 0.5s +.safe-tower-content-title { + text-align: center; + padding-top: 20px; } -.safe-tower-content-title{ - text-align: center; - padding-top: 20px; +.safe-tower-content-title span { + padding: 10px 35px; + font-size: 16px; + background: url("../images/safe_tower_name_bgd.png") no-repeat center / 100% 100%; } -.safe-tower-content-title span{ - padding: 10px 35px; - font-size: 16px; - background: url("../images/safe_tower_name_bgd.png") no-repeat center/100% 100%; +.safe-tower-content-data { + padding: 60px 0; } -.safe-tower-content-data{ - padding: 60px 0; +.safe-tower-content-data-list { + color: #b9cbe3; + font-size: 16px; + padding: 17px 5px; } -.safe-tower-content-data-list{ - color: #b9cbe3; - font-size: 16px; - padding: 17px 5px; +.safe-tower-content-data-list p { + padding-bottom: 15px; } -.safe-tower-content-data-list p{ - padding-bottom: 15px; +.safe-tower-content-data-list span { + color: #429fff; + font-weight: bold; + font-size: 20px; } -.safe-tower-content-data-list span{ - color: #429fff; - font-weight: bold; - font-size: 20px; +.safe-tower-content-data-list-time span { + font-size: 14px; } -.safe-tower-content-data-list-time span{ - font-size: 14px; +.safe-tower-icon { + width: 577px; + position: relative; } -.safe-tower-icon{ - width: 577px; - position: relative; +.sf-equipment-overview-bgd { + height: 320px; + width: 500px; + background: url("../images/tower_crane.png") no-repeat center / 100% 100%; + position: relative; + margin: auto; } - -.sf-equipment-overview-bgd{ - height: 320px; - width: 500px; - background: url("../images/tower_crane.png") no-repeat center/100% 100%; - position: relative; - margin: auto; +.sf-legend { + position: absolute; + padding: 10px; + top: -5px; + right: 0; + display: flex; } -.sf-legend{ - position: absolute; - padding: 10px; - top: -5px; - right: 0; - display: flex; +.sf-legend div { + padding: 5px 10px; } -.sf-legend div{ - padding:5px 10px; +.sf-slider-track { + position: absolute; + z-index: 9; } -.sf-slider-track{ - position: absolute; - z-index: 9; +.sf-slider-track-min { + position: absolute; + width: 16px; } -.sf-slider-track-min{ - position: absolute; - width: 16px; +.sf-slider { + width: 16px; + height: 8px; + background: #f0b334; + position: absolute; } -.sf-slider{ - width: 16px; - height: 8px; - background:#f0b334; - position: absolute; +.sf-towrope { + width: 10px; + height: 200px; + border-left: 2px solid #f0b334; + border-right: 2px solid #f0b334; + margin: auto; } -.sf-towrope{ - width: 10px; - height:200px; - border-left: 2px solid #f0b334; - border-right: 2px solid #f0b334; - margin: auto; +.sf-hook { + width: 16px; + height: 30px; + background: url("../images/drag_hook.png") no-repeat center / 100% 100%; } -.sf-hook{ - width: 16px; - height: 30px; - background: url("../images/drag_hook.png") no-repeat center/100% 100%; +.circular { + position: absolute; + width: 120px; + height: 120px; + bottom: 15px; + right: 15px; + background: url("../images/circular.png") no-repeat center / 100% 100%; } -.circular{ - position: absolute; - width: 120px; - height: 120px; - bottom: 15px; - right: 15px; - background: url("../images/circular.png") no-repeat center/100% 100%; +.needle { + width: 100%; + height: 100%; + background: url("../images/needle.png") no-repeat center / 100% 100%; + transform: rotate(0deg); } -.needle{ - width: 100%; - height: 100%; - background: url("../images/needle.png") no-repeat center/100% 100%; - transform:rotate(0deg); +.dot-track { + width: 35px; + height: 12px; + right: 12px; + position: absolute; + top: 54px; } -.dot-track{ - width: 35px; - height: 12px; - right: 12px; - position: absolute; - top: 54px; +.dot { + width: 12px; + height: 12px; + border-radius: 50%; + background: #f0b334; + position: absolute; } -.dot{ - width: 12px; - height: 12px; - border-radius: 50%; - background: #f0b334; - position: absolute; -} - - - /*深基坑*/ -.sjk-info{ - padding:20px 10px; - font-size: 14px; +.sjk-info { + padding: 20px 10px; + font-size: 14px; } -.company-sjk-name{ - padding: 20px 0; +.company-sjk-name { + padding: 20px 0; } -.company-sjk-name img{ - width: 40px; - height: 40px; +.company-sjk-name img { + width: 40px; + height: 40px; } -.company-sjk-text{ - color: #50a2eb; +.company-sjk-text { + color: #50a2eb; } -.sjk-icon-max{ - padding: 5px 0 5px; - position: relative; +.sjk-icon-max { + padding: 5px 0 5px; + position: relative; } -.sjk-img-min{ - text-align: center; - height: 600px; - position: relative; +.sjk-img-min { + text-align: center; + height: 600px; + position: relative; } -.sjk-img img{ - +.sjk-icon-legend { + position: absolute; + height: 50px; + background: rgba(0, 0, 0, 0.7); + width: 99%; + bottom: 0; + left: 0.5%; + display: flex; + justify-content: space-between; + align-items: center; } -.sjk-icon-legend{ - position: absolute; - height: 50px; - background: rgba(0,0,0,0.7); - width: 99%; - bottom: 0; - left: 0.5%; - display: flex; - justify-content: space-between; - align-items: center; +.sjk-icon-legend-color { + display: flex; + align-items: center; } -.sjk-icon-legend-color{ - display: flex; - align-items: center; +.sjk-icon-legend-color-list { + display: flex; + align-items: center; + padding: 0 15px; + cursor: pointer; } -.sjk-icon-legend-color-list{ - display: flex; - align-items: center; - padding: 0 15px; - cursor: pointer; +.sjk-icon-legend-color-list-box { + width: 15px; + height: 15px; + margin-right: 10px; } -.sjk-icon-legend-color-list-box{ - width: 15px; - height: 15px; - margin-right: 10px; +.sjk-icon-legend-color-list-text { + font-size: 16px; } -.sjk-icon-legend-color-list-text{ - font-size: 16px; +.box-green { + background: #7dc57b; } -.box-green{ - background: #7dc57b; +.box-red { + background: #d44645; } -.box-red{ - background: #d44645; +.box-orange { + background: #eeb532; } -.box-orange{ - background: #eeb532; +.box-blue { + background: #1890ff; } -.box-blue{ - background: #1890ff; +.box-grey { + background: #9da4b4; } -.box-grey{ - background: #9da4b4; +.sjk-icon-legend-right { + display: flex; + align-items: center; + justify-content: right; + font-size: 16px; } -.sjk-icon-legend-right{ - display: flex; - align-items: center; - justify-content: right; - font-size: 16px; +.sjk-icon-legend-right img { + width: 25px; + height: 25px; + margin-right: 5px; } -.sjk-icon-legend-right img{ - width: 25px; - height: 25px; - margin-right: 5px; +.sjk-icon-legend-right-icon { + display: flex; + align-items: center; + padding: 0 15px; + cursor: pointer; + color: #63c8ff; } -.sjk-icon-legend-right-icon{ - display: flex; - align-items: center; - padding:0 15px; - cursor: pointer; - color: #63c8ff; +.sjk-legend-filter { + filter: grayscale(100%); } -.sjk-legend-filter{ - filter: grayscale(100%); +.sjk-icon-spot img { + position: absolute; + width: 30px; + height: 36px; } -.sjk-icon-spot img{ - position: absolute; - width: 30px; - height: 36px; +.sjk-icon-spot img:hover { + width: 40px; + height: 48px; + z-index: 1; } -.sjk-icon-spot img:hover{ - width: 40px; - height: 48px; - z-index: 1; -} - /*点位图弹窗*/ -.sjk-popup{ - width: 400px; - background: url('../images/map_sjk_popup_bgd.png') no-repeat center/100% 100%;font-size: 14px; - position: fixed; - z-index: 100; +.sjk-popup { + width: 400px; + background: url('../images/map_sjk_popup_bgd.png') no-repeat center / 100% 100%; + font-size: 14px; + position: fixed; + z-index: 100; } -.sjk-popup-content{ - padding: 8px 3px +.sjk-popup-content { + padding: 8px 3px; } -.sjk-popup-title{ - padding: 8px; - color: #ffffff; - font-size: 16px; - background: url('../images/map_popup_title.png') no-repeat left/100% 100%; +.sjk-popup-title { + padding: 8px; + color: #ffffff; + font-size: 16px; + background: url('../images/map_popup_title.png') no-repeat left / 100% 100%; } -.sjk-popup-time{ - padding: 10px; - color: #3da2ff; +.sjk-popup-time { + padding: 10px; + color: #3da2ff; } -.sjk-popup-table{ - text-align: center; - padding: 0 8px; +.sjk-popup-table { + text-align: center; + padding: 0 8px; } -.sjk-popup-table table{ - width: 100%; +.sjk-popup-table table { + width: 100%; } -.sjk-popup-table table th{ - background: #193d7d; - padding: 5px 0; +.sjk-popup-table table th { + background: #193d7d; + padding: 5px 0; } -.sjk-popup-table table td{ - padding: 10px 0; - color: #c8dbfc; - font-size: 16px; +.sjk-popup-table table td { + padding: 10px 0; + color: #c8dbfc; + font-size: 16px; } -.sjk-popup-table table td:nth-child(2){ - color: #4fb5fd; +.sjk-popup-table table td:nth-child(2) { + color: #4fb5fd; } -.sjk-popup-table table td:nth-child(3){ - color: #ff7a00 ; +.sjk-popup-table table td:nth-child(3) { + color: #ff7a00; } -.sjk-popup-table table td:nth-child(4){ - color: #fb3b48; +.sjk-popup-table table td:nth-child(4) { + color: #fb3b48; } -.sjk-off-line{ - height: 150px; - line-height: 150px; - text-align: center; - color: #999999; +.sjk-off-line { + height: 150px; + line-height: 150px; + text-align: center; + color: #999999; } - - - - - - - - /*近15天变化趋势*/ -.sjk-chart-line{ - position: relative; +.sjk-chart-line { + position: relative; } -.sjk-chart-line-title{ - display: flex; - padding: 15px 20px; +.sjk-chart-line-title { + display: flex; + padding: 15px 20px; } -.sjk-chart-line-title div{ - padding: 5px 20px; - cursor: pointer; - margin-right: 20px; - background: url("../images/dangerous.png") no-repeat center/100% 100%; - color: #5388b0; - font-size: 16px; +.sjk-chart-line-title div { + padding: 5px 20px; + 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{ - display: flex; - padding: 15px 20px; - align-items: center; +.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 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-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%; +.sjk-chart-line-title .active { + color: #ffffff; + background: url(../images/dangerous_active.png) no-repeat center / 100% 100%; } -.sjk-afoot-overflow{ - height: 325px; +.sjk-afoot-overflow { + height: 325px; } -.sjk-chart-line-legend{ - width: 80%; - position: absolute; - top: 5px; - right: 0; - text-align: right; - z-index: 9999; +.sjk-chart-line-legend { + width: 80%; + position: absolute; + top: 5px; + right: 0; + text-align: right; + z-index: 9999; } -.sjk-chart-line-legend button{ - padding: 5px 15px; - background: none; - cursor: pointer; - border: 0; - color: #50a1db; - margin: 5px; +.sjk-chart-line-legend button { + padding: 5px 15px; + background: none; + cursor: pointer; + border: 0; + color: #50a1db; + margin: 5px; } -.sjk-chart-line-legend button.active{ - color: #ffffff; +.sjk-chart-line-legend button.active { + color: #ffffff; } -.sjk-chart-line-legend label{ - padding:1px 8px; - border-radius: 50%; - margin-right: 10px; +.sjk-chart-line-legend label { + padding: 1px 8px; + border-radius: 50%; + margin-right: 10px; } -.trend-chart-max{ - padding: 0 10px; +.trend-chart-max { + padding: 0 10px; } - /*环境管理*/ -.hj-afoot-overflow{ - height: 590px; +.hj-afoot-overflow { + height: 590px; } -.equipment-list-max{ - padding: 20px; +.equipment-list-max { + padding: 20px; } -.equipment-list-min{ - padding: 25px 0 25px 20px; - display: flex; - align-items: center; +.equipment-list-min { + padding: 25px 0 25px 20px; + display: flex; + align-items: center; } -.equipment-list-gif{ - width: 70px; - height: 70px; - background: url(../images/hj_gif.gif) no-repeat center/100% 100%; - text-align: center; +.equipment-list-gif { + width: 70px; + height: 70px; + background: url(../images/hj_gif.gif) no-repeat center / 100% 100%; + text-align: center; } -.equipment-list-gif img{ - width: 40px; - height: 40px; - transform: translateY(35%); - +.equipment-list-gif img { + width: 40px; + height: 40px; + transform: translateY(35%); } -.equipment-list-data{ - padding-left: 15px; - color: #c0dafb; - font-size: 16px; +.equipment-list-data { + padding-left: 15px; + color: #c0dafb; + font-size: 16px; } -.equipment-list-data div{ - padding-top: 10px; +.equipment-list-data div { + padding-top: 10px; } -.equipment-list-data span{ - font-size: 28px; - font-weight: bold; - padding-right: 5px; - color: #82c9ff; +.equipment-list-data span { + font-size: 28px; + font-weight: bold; + padding-right: 5px; + color: #82c9ff; } - /*环境管理 项目页面*/ -.current-value-max{ - padding: 20px; +.current-value-max { + padding: 20px; } -.current-value-min{ - padding: 20px; +.current-value-min { + padding: 20px; } -.current-value-con{ - padding: 30px 40px; - background: url("../images/current_value_bgd.png") no-repeat center/100% 100%; - display: flex; - align-items: center; +.current-value-con { + padding: 30px 40px; + background: url("../images/current_value_bgd.png") no-repeat center / 100% 100%; + display: flex; + align-items: center; } -.current-value-img{ - height: 90px; - width: 90px; - background: url("../images/education_bgd.png") no-repeat center/100% 100%; - text-align: center; +.current-value-img { + height: 90px; + width: 90px; + background: url("../images/education_bgd.png") no-repeat center / 100% 100%; + text-align: center; } -.current-value-img img{ - width: 50px; - height: 50px; - -webkit-animation: icon 3s infinite; +.current-value-img img { + width: 50px; + height: 50px; + -webkit-animation: icon 3s infinite; } -.current-value-img-small img{ - width: 35px; - height: 35px; +.current-value-img-small img { + width: 35px; + height: 35px; } -.current-value-data{ - color: #c0dafb; - font-size: 18px; - padding-left: 40px; +.current-value-data { + color: #c0dafb; + font-size: 18px; + padding-left: 40px; } -.current-value-data p{ - padding-top: 15px; - font-size: 28px; - font-weight: bold; - color: #ffffff; +.current-value-data p { + padding-top: 15px; + font-size: 28px; + font-weight: bold; + color: #ffffff; } -.hj-moment-max{ - padding: 15px; +.hj-moment-max { + padding: 15px; } -.hj-moment-max table{ - height: 310px; +.hj-moment-max table { + height: 310px; } -.hj-moment-max td{ - padding: 0 5px; - font-size: 16px; - color: #aaaaaa; +.hj-moment-max td { + padding: 0 5px; + font-size: 16px; + color: #aaaaaa; } -.hj-moment-max td:first-child{ - width: 24%; - text-align: right; - color: #c0dafb; +.hj-moment-max td:first-child { + width: 24%; + text-align: right; + color: #c0dafb; } -.hj-moment-choice{ - display: flex; - align-items: center; +.hj-moment-choice { + display: flex; + align-items: center; } -.hj-moment-select{ - width: 70%; +.hj-moment-select { + width: 70%; } -.hj-moment-state{ - padding: 0 10px; +.hj-moment-state { + padding: 0 10px; } -.state-tag{ - height: 33px; - width: 60px; - line-height: 33px; - text-align: center; +.state-tag { + height: 33px; + width: 60px; + line-height: 33px; + text-align: center; } -.state-zx{ - color: #3eb11e; - background: url("../images/state_bgd.png") no-repeat center/100% 100%; +.state-zx { + color: #3eb11e; + background: url("../images/state_bgd.png") no-repeat center / 100% 100%; } -.state-lx{ - color: #eeb532; - background: url("../images/state_lx_bgd.png") no-repeat center/100% 100%; +.state-lx { + color: #eeb532; + background: url("../images/state_lx_bgd.png") no-repeat center / 100% 100%; } - -.hj-moment-blue{ - color: #559adf; +.hj-moment-blue { + color: #559adf; } -.hj-moment-green{ - color: #41b026; +.hj-moment-green { + color: #41b026; } -.hj-moment-orange{ - color: #eeb532; +.hj-moment-orange { + color: #eeb532; } - - - - -.select-max{ - position: relative; +.select-max { + position: relative; } -.select-input{ - height: 35px; - padding-left: 10px; - padding-right: 25px; - background: url("../images/select_bgd.png") no-repeat center/100% 100%; +.select-input { + height: 35px; + padding-left: 10px; + 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-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; - background: 0; - border: 0; - outline: 0; - color: #1ce7ff; - cursor: pointer; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - font-size: 16px; +.select-input 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-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-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 input::-webkit-input-placeholder { + color: #6ca5b1; } -.select-input-two input::-webkit-input-placeholder{ - color: #6ca5b1; +.select-input-two input::-webkit-input-placeholder { + color: #6ca5b1; } -.select-option{ - list-style: none; - position: absolute; +.select-option { + list-style: none; + position: absolute; } -.select-option{ - list-style: none; - width: 100%; - position: absolute; - max-height: 250px; - border: 1px solid #05556b; - background: #00092a; - overflow: auto; - color: #02a6ff; - border-radius: 3px; - z-index: 9999; +.select-option { + list-style: none; + width: 100%; + position: absolute; + max-height: 250px; + border: 1px solid #05556b; + background: #00092a; + overflow: auto; + color: #02a6ff; + border-radius: 3px; + z-index: 9999; } .select-option::-webkit-scrollbar { - width: 10px; - height: 1px; + width: 10px; + height: 1px; } .select-option::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .select-option::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.select-option li{ - padding:12px 10px; - cursor: pointer; +.select-option li { + padding: 12px 10px; + cursor: pointer; } -.select-option li:hover{ - background: #031348; - color: #1ce7ff; +.select-option li:hover { + background: #031348; + color: #1ce7ff; } - -.el-carousel__indicators--horizontal{ - top: 0; +.el-carousel__indicators--horizontal { + top: 0; } -.el-carousel__button{ - width: 15px; +.el-carousel__button { + width: 15px; } - /*视频管理*/ -.video-list-max{ - padding: 10px; +.video-list-max { + padding: 10px; } -.video-list-min{ - height: 920px; - overflow: auto; - padding-right: 5px; +.video-list-min { + height: 920px; + overflow: auto; + padding-right: 5px; } .video-list-min::-webkit-scrollbar { - width: 5px; - height: 1px; + width: 5px; + height: 1px; } .video-list-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .video-list-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.video-list-for{ - padding: 5px 0; +.video-list-for { + padding: 5px 0; } -.video-list-title{ - height: 40px; - background: url("../images/video_list_title.png") no-repeat center/100% 100%; - line-height: 40px; - padding:0 10px; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - cursor: pointer; +.video-list-title { + height: 40px; + background: url("../images/video_list_title.png") no-repeat center / 100% 100%; + line-height: 40px; + padding: 0 10px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; } -.video-list-ul{ - list-style: none; - padding: 5px 0; +.video-list-ul { + list-style: none; + padding: 5px 0; } -.video-list-ul li{ - padding: 10px 0; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - position: relative; - cursor: pointer; - color: #c0dafb; +.video-list-ul li { + padding: 10px 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + cursor: pointer; + color: #c0dafb; } -.video-list-ul .active{ - color: #3da2ff; +.video-list-ul .active { + color: #3da2ff; } -.video-list-ul li:hover{ - color: #67afee ; +.video-list-ul li:hover { + color: #67afee; } -.video-list-ul .active:hover{ - color: #3da2ff; +.video-list-ul .active:hover { + color: #3da2ff; } -.video-list-ul li button{ - padding: 3px; - position: relative; - top: -5px; +.video-list-ul li button { + padding: 3px; + position: relative; + top: -5px; } -.video-state-zx{ - background: #119f1b; +.video-state-zx { + background: #119f1b; } -.video-state-lx{ - background: #e70b0b; +.video-state-lx { + background: #e70b0b; } -.video-enlarge-max{ - padding: 15px; +.video-enlarge-max { + padding: 15px; } -.video-enlarge-title{ - display: flex; - align-items: center; - justify-content: space-between; - height: 30px; - padding:0 10px 0 20px; - line-height: 30px; - background: url("../images/video_title.png") no-repeat left/180px 22px; +.video-enlarge-title { + display: flex; + align-items: center; + justify-content: space-between; + height: 30px; + padding: 0 10px 0 20px; + line-height: 30px; + background: url("../images/video_title.png") no-repeat left / 180px 22px; } -.video-enlarge-content{ - margin-top: 15px; - background: rgba(0,0,0,0.5); - height: 905; - z-index: 999999; +.video-enlarge-content { + margin-top: 15px; + background: rgba(0, 0, 0, 0.5); + height: 905; + z-index: 999999; } -.video-enlarge-content video{ - width: 100%; - height: 890px; +.video-enlarge-content video { + width: 100%; + height: 890px; } -.video-enlarge-content img{ - width: 100%; - height: 890px; +.video-enlarge-content img { + width: 100%; + height: 890px; } -.video-enlarge-title-right{ - display: flex; - align-items: center; +.video-enlarge-title-right { + display: flex; + align-items: center; } -.video-enlarge-title-right{ - display: flex; - justify-content: right; - align-items: center; +.video-enlarge-title-right { + display: flex; + justify-content: right; + align-items: center; } -.video-enlarge-title-right div{ - padding: 2px 15px; - background: url("../images/dangerous.png") no-repeat center/100% 100%; - margin-left: 15px; - cursor: pointer; - color: #5388b0; +.video-enlarge-title-right div { + padding: 2px 15px; + background: url("../images/dangerous.png") no-repeat center / 100% 100%; + margin-left: 15px; + cursor: pointer; + color: #5388b0; } -.video-enlarge-title-right .active{ - color: #ffffff; - background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +.video-enlarge-title-right .active { + color: #ffffff; + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; } -.video-vehicle-table{ - padding: 15px 0; +.video-vehicle-table { + padding: 15px 0; } .video-vehicle-table .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.video-vehicle-table .el-table .cell{ - padding: 0 5px; +.video-vehicle-table .el-table .cell { + padding: 0 5px; } -.video-vehicle-table .el-table{ - background: none; +.video-vehicle-table .el-table { + background: none; } -.video-vehicle-table .el-table th, .el-table tr{ - background: none; +.video-vehicle-table .el-table th, +.el-table tr { + background: none; } -.video-vehicle-table .el-table th{ - color: #67baff; - padding:10px 25px ; +.video-vehicle-table .el-table th { + color: #67baff; + padding: 10px 25px ; } -.video-vehicle-table .el-table td{ - padding:10px 15px; - color: #a2c8f9; +.video-vehicle-table .el-table td { + padding: 10px 15px; + color: #a2c8f9; } -.video-vehicle-table .el-table td, .el-table th.is-leaf{ - border: 0; +.video-vehicle-table .el-table td, +.el-table th.is-leaf { + border: 0; } -.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.video-vehicle-table .el-table::before{ - background: none; +.video-vehicle-table .el-table::before { + background: none; } - -.vehicle-number{ - padding: 8px 15px; - background: url("../images/dangerous.png") no-repeat center/100% 100%; - width: 90%; - margin: auto; +.vehicle-number { + padding: 8px 15px; + background: url("../images/dangerous.png") no-repeat center / 100% 100%; + width: 90%; + margin: auto; } -.vehicle-jin-img-max{ - padding: 10px; +.vehicle-jin-img-max { + padding: 10px; } -.vehicle-jin-img-bgd{ - width: 180px; - height: 180px; - background: #062247 url("../images/no_picture.png") no-repeat center/80px 80px; - border-radius: 5px; +.vehicle-jin-img-bgd { + width: 180px; + height: 180px; + background: #062247 url("../images/no_picture.png") no-repeat center / 80px 80px; + border-radius: 5px; } -.vehicle-jin-img-bgd img{ - width: 100%; - height: 100%; +.vehicle-jin-img-bgd img { + width: 100%; + height: 100%; } -.vehicle-time{ - height: 40px; - text-align: center; - line-height: 40px; +.vehicle-time { + height: 40px; + text-align: center; + line-height: 40px; } -.video-vehicle-census{ - height: 60px; - display: flex; - align-items: center; - justify-content: center; +.video-vehicle-census { + height: 60px; + display: flex; + align-items: center; + justify-content: center; } -.video-vehicle-census div{ - padding: 0 20px; - color: #c0dafb; +.video-vehicle-census div { + padding: 0 20px; + color: #c0dafb; } -.video-vehicle-census div span{ - font-size: 25px; - color: #67baff; - padding: 0 10px; +.video-vehicle-census div span { + font-size: 25px; + color: #67baff; + padding: 0 10px; } - /*劳务用工人员定位*/ -.baidu-map{ - width: 1920px; - height: 1080px; - background: #3da2ff; - position: fixed; +.baidu-map { + width: 1920px; + height: 1080px; + background: #3da2ff; + position: fixed; } -.people-head{ - position: absolute; - top: 0; - left: 0; - width: 1920px; - z-index: 111; +.people-head { + position: absolute; + top: 0; + left: 0; + width: 1920px; + z-index: 111; } -.people-left{ - position: absolute; - top: 90px; - left: 20px; - width: 400px; - background: rgba(0,0,0,0.5); - z-index: 10; - padding: 10px; - +.people-left { + position: absolute; + top: 90px; + left: 20px; + width: 400px; + background: rgba(0, 0, 0, 0.5); + z-index: 10; + padding: 10px; } -.people-right{ - position: absolute; - top: 90px; - right: 20px; - width: 400px; - background: rgba(0,0,0,0.5); - z-index: 10; - padding: 10px; +.people-right { + position: absolute; + top: 90px; + right: 20px; + width: 400px; + background: rgba(0, 0, 0, 0.5); + z-index: 10; + padding: 10px; } -.people-search{ - padding: 0 15px; - height: 45px; - background: url("../images/input_search.png") no-repeat center/100% 100%; +.people-search { + padding: 0 15px; + height: 45px; + background: url("../images/input_search.png") no-repeat center / 100% 100%; } -.people-search input{ - border: 0; - outline: 0; - background: url("../images/search.png") no-repeat right/20px 20px; - width: 100%; - height: 100%; - color: #3da2ff; - font-size: 16px; +.people-search input { + border: 0; + outline: 0; + background: url("../images/search.png") no-repeat right / 20px 20px; + width: 100%; + height: 100%; + color: #3da2ff; + font-size: 16px; } -.people-search input::-webkit-input-placeholder{ - color: #446079; +.people-search input::-webkit-input-placeholder { + color: #446079; } -.people-list-min{ - height: 660px; +.people-list-min { + height: 660px; } -.people-list-con{ - cursor: pointer; - padding: 15px 5px; +.people-list-con { + cursor: pointer; + padding: 15px 5px; } -.people-list-con.active{ - background: url("../images/list_bgd.png") no-repeat center/100% 100%; +.people-list-con.active { + background: url("../images/list_bgd.png") no-repeat center / 100% 100%; } -.people-list-img{ - height: 70px; - width: 70px; - text-align: center; - background: url("../images/warning_renyuan.png") no-repeat bottom/100% 100%; +.people-list-img { + height: 70px; + width: 70px; + text-align: center; + background: url("../images/warning_renyuan.png") no-repeat bottom / 100% 100%; } - -.people-list-img img{ - width: 100% ; - height: 100%; +.people-list-img img { + width: 100% ; + height: 100%; } -.people-list-top{ - display: flex; - align-items: center; - padding-bottom: 15px; - position: relative; - background: url("../images/Line.png") no-repeat bottom/100% 2px; +.people-list-top { + display: flex; + align-items: center; + padding-bottom: 15px; + position: relative; + background: url("../images/Line.png") no-repeat bottom / 100% 2px; } -.people-list-state{ - padding: 0 5px; - border-radius: 10px 0 10px 0; - background: #3eb11e; - font-size: 14px; - color: #ffffff; - position: absolute; - right: 15px; +.people-list-state { + padding: 0 5px; + border-radius: 10px 0 10px 0; + background: #3eb11e; + font-size: 14px; + color: #ffffff; + position: absolute; + right: 15px; } -.baidu-people-list-state{ - right: 5px; - font-size: 12px; +.baidu-people-list-state { + right: 5px; + font-size: 12px; } -.people-list-state.active{ - background: #888888; +.people-list-state.active { + background: #888888; } -.people-info-name{ - padding: 7px 0 ; - font-size: 16px; - display: flex; - align-items: center; +.people-info-name { + padding: 7px 0 ; + font-size: 16px; + display: flex; + align-items: center; } -.list-info .people-info-work{ - color: #3da2ff; - font-size: 14px; +.list-info .people-info-work { + color: #3da2ff; + font-size: 14px; } -.people-info-name{ - padding: 7px 0 ; - font-size: 16px; +.people-info-name { + padding: 7px 0 ; + font-size: 16px; } -.people-info-action{ - color: #3eb11e; +.people-info-action { + color: #3eb11e; } -.people-info-action.active{ - color: #d7220b; +.people-info-action.active { + color: #d7220b; } -.people-battery-max{ - display: flex; - align-items: center; +.people-battery-max { + display: flex; + align-items: center; } -.people-battery-bgd{ - width: 30px; - height: 15px; - background: url("../images/battery.png") no-repeat center/100% 100%; +.people-battery-bgd { + width: 30px; + height: 15px; + background: url("../images/battery.png") no-repeat center / 100% 100%; } -.people-battery-bgd.active{ - background: url("../images/battery_red.png") no-repeat center/100% 100%; +.people-battery-bgd.active { + background: url("../images/battery_red.png") no-repeat center / 100% 100%; } -.people-battery-padding{ - width: 24px; - height: 11px; - padding: 2px 4px 2px 2px; +.people-battery-padding { + width: 24px; + height: 11px; + padding: 2px 4px 2px 2px; } -.people-battery{ - background: #3eb11e; - height: 100%; +.people-battery { + background: #3eb11e; + height: 100%; } -.people-battery.active{ - background: #d7220b; +.people-battery.active { + background: #d7220b; } -.people-battery-value{ - padding:0 10px; - color: #3eb11e; +.people-battery-value { + padding: 0 10px; + color: #3eb11e; } -.people-battery-value.active{ - color:#d7220b; +.people-battery-value.active { + color: #d7220b; } -.people-info-address{ - color: #429fff; - background: url("../images/address_dw.png") no-repeat left/14px 16px; - padding-left: 18px; +.people-info-address { + color: #429fff; + background: url("../images/address_dw.png") no-repeat left / 14px 16px; + padding-left: 18px; } - -.people-company-btn{ - position: absolute; - top: 100px; - left: 470px; - background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%; - width: 120px; - height: 35px; - text-align: center; - line-height: 35px; - color: #5677a2; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - z-index: 99; +.people-company-btn { + position: absolute; + top: 100px; + left: 470px; + background: url("../images/return_btn_bgd.png") no-repeat center / 100% 100%; + width: 120px; + height: 35px; + text-align: center; + line-height: 35px; + color: #5677a2; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 99; } -.people-company-btn:hover{ - color: #cbdaff; - background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +.people-company-btn:hover { + color: #cbdaff; + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; } -.people-company-btn:active{ - color: #5677a2; +.people-company-btn:active { + color: #5677a2; } -.people-company-btn span{ - padding-left: 5px; +.people-company-btn span { + padding-left: 5px; } - - /*人员定位弹窗*/ -.popup-people-max{ - width: 280px; - height: 300px; - background: url('../images/map_popup_bgd.png') no-repeat center/100% 100%; - font-size: 14px; +.popup-people-max { + width: 280px; + height: 300px; + background: url('../images/map_popup_bgd.png') no-repeat center / 100% 100%; + font-size: 14px; } -.popup-people-max.active{ - background: url('../images/map_popup_red_bgd.png') no-repeat center/100% 100%; +.popup-people-max.active { + background: url('../images/map_popup_red_bgd.png') no-repeat center / 100% 100%; } -.popup-people-min{ - padding:20px 15px; +.popup-people-min { + padding: 20px 15px; } -.popup-list-details span{ - color: #027ae7; +.popup-list-details span { + color: #027ae7; } -.popup-list-details{ - padding: 5px 0; - font-size: 14px; +.popup-list-details { + padding: 5px 0; + font-size: 14px; } -.popup-people-info-address{ - background: rgba(2,122,231,0.2); - padding: 10px; - font-size: 14px; +.popup-people-info-address { + background: rgba(2, 122, 231, 0.2); + padding: 10px; + font-size: 14px; } -.popup-people-info-address.active{ - background: rgba(243, 3, 3, 0.4); +.popup-people-info-address.active { + background: rgba(243, 3, 3, 0.4); } -.popup-people-info-address.active .people-info-address{ - color: #ffffff; - background: url("../images/address_dw_red.png") no-repeat left/14px 16px; +.popup-people-info-address.active .people-info-address { + color: #ffffff; + background: url("../images/address_dw_red.png") no-repeat left / 14px 16px; } -.popup-people-info-name{ - color: #ffffff; +.popup-people-info-name { + color: #ffffff; } - - /*质量管理公司级*/ -.quality-target-max{ - padding:15px 10px; +.quality-target-max { + padding: 15px 10px; } -.quality-target-min{ - padding:15px 10px; - display: flex; - align-items: flex-start; +.quality-target-min { + padding: 15px 10px; + display: flex; + align-items: flex-start; } -.quality-target-img{ - width: 50px; - height: 50px; - padding-top: 10px; +.quality-target-img { + width: 50px; + height: 50px; + padding-top: 10px; } -.quality-target-img img{ - width: 100%; - height: 100%; +.quality-target-img img { + width: 100%; + height: 100%; } -.quality-target-con{ - width: calc(100% - 65px); - padding-left: 15px; +.quality-target-con { + width: calc(100% - 65px); + padding-left: 15px; } -.quality-target-title{ - padding: 3px 0; - color: #c0dafb; +.quality-target-title { + padding: 3px 0; + color: #c0dafb; } -.quality-target-info{ - padding: 3px 0; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - color: #50a2eb; - cursor: pointer; +.quality-target-info { + padding: 3px 0; + overflow: hidden; + 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-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; +.quality-target-index { + padding: 0px; } -.quality-target-index-min{ - padding: 15px 0 15px 20px; +.quality-target-index-min { + padding: 15px 0 15px 20px; } - -.quality-dynamic-max{ - padding: 10px 10px 0; +.quality-dynamic-max { + padding: 10px 10px 0; } -.quality-dynamic-min{ - padding: 0 5px; - height: 655px; - overflow: auto; +.quality-dynamic-min { + padding: 0 5px; + height: 655px; + overflow: auto; } .quality-dynamic-min::-webkit-scrollbar { - width: 0px; - height: 1px; + width: 0px; + height: 1px; } .quality-dynamic-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .quality-dynamic-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.quality-dynamic-for{ - padding: 10px; +.quality-dynamic-for { + padding: 10px; } -.quality-dynamic-for.active{ - background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%; +.quality-dynamic-for.active { + background: url("../images/zzfs_bgf.png") no-repeat center / 100% 100%; } -.quality-dynamic-content{ - display: flex; - align-items: center; -} -.quality-dynamic-img{ - width: 90px; - height: 90px; - background: url("../images/logo_bgd.png") no-repeat center/100% 100%; -} -.quality-dynamic-img img{ - width: 100%; - height: 100%; - border-radius: 3px; -} -.quality-dynamic-info{ - padding-left: 20px; - width: calc(100% - 110px); -} -.quality-dynamic-top{ - display: flex; - align-items: center; - justify-content: space-between; - padding: 7px 0; -} -.quality-dynamic-item{ - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; - padding: 7px 0; - color: #3da2ff; -} -.quality-dynamic-item-span{ - cursor: pointer; - +.quality-dynamic-content { + display: flex; + align-items: center; } .quality-dynamic-img { - cursor: pointer; + width: 90px; + height: 90px; + background: url("../images/logo_bgd.png") no-repeat center / 100% 100%; } -.quality-dynamic-img:hover{ - border: 1px solid #5aecff +.quality-dynamic-img img { + width: 100%; + height: 100%; + border-radius: 3px; } -.quality-dynamic-item-span:hover{ - color: #5aecff; - text-decoration: underline; +.quality-dynamic-info { + padding-left: 20px; + width: calc(100% - 110px); } -.quality-dynamic-describe{ - margin-top: 10px; - height: 50px; - line-height: 25px; - overflow: hidden; - color: #c0dafb; +.quality-dynamic-top { + display: flex; + align-items: center; + justify-content: space-between; + padding: 7px 0; } -.quality-dynamic-time{ - color: #999999; +.quality-dynamic-item { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 7px 0; + color: #3da2ff; } -.quality-dynamic-state{ - border: 1px solid #44ad1f; - padding: 1px 10px; - background: rgba(68,173,31,0.3); - border-radius: 3px; - color: #44ad1f; +.quality-dynamic-item-span { + cursor: pointer; } -.quality-dynamic-state.active{ - border: 1px solid #ff9000; - padding: 1px 10px; - background: rgba(255,144,0,0.3); - border-radius: 3px; - color: #ff9000; +.quality-dynamic-img { + cursor: pointer; } -.quality-button{ - justify-content: right; +.quality-dynamic-img:hover { + border: 1px solid #5aecff; } -.quality-table{ - padding: 0 15px; +.quality-dynamic-item-span:hover { + color: #5aecff; + text-decoration: underline; +} +.quality-dynamic-describe { + margin-top: 10px; + height: 50px; + line-height: 25px; + overflow: hidden; + color: #c0dafb; +} +.quality-dynamic-time { + color: #999999; +} +.quality-dynamic-state { + border: 1px solid #44ad1f; + padding: 1px 10px; + background: rgba(68, 173, 31, 0.3); + border-radius: 3px; + color: #44ad1f; +} +.quality-dynamic-state.active { + border: 1px solid #ff9000; + padding: 1px 10px; + background: rgba(255, 144, 0, 0.3); + border-radius: 3px; + color: #ff9000; +} +.quality-button { + justify-content: right; +} +.quality-table { + padding: 0 15px; } .quality-table .el-table__body-wrapper::-webkit-scrollbar { - width: 0px; - height: 0px; + width: 0px; + height: 0px; } -.quality-table .el-table .cell{ - padding: 0 5px; +.quality-table .el-table .cell { + padding: 0 5px; } -.quality-table .el-table{ - background: none; +.quality-table .el-table { + background: none; } -.quality-table .el-table th, .el-table tr{ - background: none; +.quality-table .el-table th, +.el-table tr { + background: none; } -.quality-table .el-table th{ - height: 35px; - text-align: center; - color: #cbdaff; - padding: 0; +.quality-table .el-table th { + height: 35px; + text-align: center; + color: #cbdaff; + padding: 0; } -.quality-table .el-table td{ - height: 60px; - text-align: center; - padding: 0; - color: #ffffff; +.quality-table .el-table td { + height: 60px; + text-align: center; + padding: 0; + color: #ffffff; } -.quality-table .el-table td, .el-table th.is-leaf{ - border: 0; +.quality-table .el-table td, +.el-table th.is-leaf { + border: 0; } -.quality-table .el-table .el-table__body-wrapper tr:hover{ - background-color: #409eff52; +.quality-table .el-table .el-table__body-wrapper tr:hover { + background-color: #409eff52; } -.quality-table .el-table .el-table__row:nth-child(odd){ - background: url("../images/long_tr_bgd.png") no-repeat center/100% 55px; +.quality-table .el-table .el-table__row:nth-child(odd) { + background: url("../images/long_tr_bgd.png") no-repeat center / 100% 55px; } -.quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{ - background: none !important; +.quality-table .el-table--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.quality-table .el-table::before{ - background: none; +.quality-table .el-table::before { + background: none; } -.quality-table .el-table__footer-wrapper tbody td.el-table__cell{ - background: none ; - color: #fff ; - font-weight: bold; - font-size:16px; - border-bottom: solid 1px rgba(60, 170, 255, 0.3); +.quality-table .el-table__footer-wrapper tbody td.el-table__cell { + background: none ; + color: #fff; + font-weight: bold; + font-size: 16px; + border-bottom: solid 1px rgba(60, 170, 255, 0.3); } - - - -.ai-video-entrance-max{ - padding: 10px; +.ai-video-entrance-max { + padding: 10px; } -.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; +.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; } -.ai-video-entrance:hover{ - background: url("../images/dangerous_active.png") no-repeat center/100% 100%; - color: #ffffff; +.ai-video-entrance:hover { + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; + color: #ffffff; } -.popup-video video{ - width: 100%; - height: 500px; +.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 { + 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-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-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-max { + padding: 15px; } -.map-popup-list{ - padding:5px 15px; - height: 480px; - overflow: auto; +.map-popup-list { + padding: 5px 15px; + height: 480px; + overflow: auto; } .map-popup-list::-webkit-scrollbar { - width: 10px; - height: 1px; + width: 10px; + height: 1px; } .map-popup-list::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .map-popup-list::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + 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 { + 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-title:hover { + box-shadow: 0px 0px 10px #00eaff; } -.map-popup-for-ul{ - padding: 0 30px; - list-style: none; +.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 { + padding: 10px 20px; + cursor: pointer; + color: #00a8ff; } .map-popup-for-ul li:hover { - color: #98acff; + color: #98acff; } -.popup-icon-close{ - font-size: 28px; - color: #999999; - cursor: pointer; - width: 50px ; - height: 50px; - text-align: center; +.popup-icon-close { + font-size: 28px; + color: #999999; + cursor: pointer; + width: 50px ; + height: 50px; + text-align: center; } -.popup-icon-close:hover{ - color: #ffffff; +.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-max { + width: 300px; + background: url("../images/map_popup_bgd.png") no-repeat top / 300px 100%; } -.popup-baidu-min{ - padding: 0px 10px; +.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-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{ - width: 50px; - height: 50px; +.popup-baidu-machine-img img { + width: 100%; + height: 100%; } -.popup-baidu-machine-img img{ - width: 100%; - height: 100%; +.popup-baidu-machine-info { + width: calc(100% - 50px); } -.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-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-second{ - display: flex; - align-items: center; - padding: 5px 0 5px 15px; - font-size: 14px; +.popup-baidu-machine-name { + color: #00aaff; } -.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; } -.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-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-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-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-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); } -.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-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-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{ - 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{ - padding: 2px 0; - vertical-align: top; +.popup-baidu-machine-details table td:first-child { + width: 75px; + color: #dddddd; } -.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-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{ - 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-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-blue{ - background: #00a8ff; +.popup-baidu-machine-green { + background: #19b140; } -.popup-baidu-machine-green{ - background: #19b140; +.baidu-map-info { + padding: 10px 30px; } -.baidu-map-info{ - padding: 10px 30px; +.baidu-map-info table td { + padding: 7px 10px; + vertical-align: top; + color: #16d6ff; } -.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:first-child{ - width: 18%; - text-align: right; - color: #4ab4bc; +.baidu-map-info table td img { + width: 70px; + height: 70px; } -.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{ - 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; +.map-full-screen-btn { + position: fixed; + z-index: 999; + top: 30px; + right: 30px; } /*劳务 参见单位分布*/ -.see-unit-list{ - padding: 20px; +.see-unit-list { + padding: 20px; } - - -.aerial-view-min video{ - width: 100%; - height: 510px; - border: 1px solid #217dca; +.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%; +.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); +.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 { + 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; +.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-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-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; +.tower-crane-dot { + width: 17px; + height: 17px; + border-radius: 50%; + background: #f0b334; + position: absolute; } - - /*head—btn 组件*/ -.header-btn-max{ - position: relative; +.header-btn-max { + position: relative; } -.header-btn-list{ - padding-top: 10px; - position: absolute; - top: 30px; - left: 0; - z-index: 9999; +.header-btn-list { + padding-top: 10px; + position: absolute; + top: 30px; + left: 0; + z-index: 9999; } -.header-btn-list-arrow{ - height: 20px; - width: 105px; - text-align: center; - position: relative; - background: url("../images/arrow.png") no-repeat center/30px 18px; - z-index: 99; +.header-btn-list-arrow { + height: 20px; + width: 105px; + text-align: center; + position: relative; + background: url("../images/arrow.png") no-repeat center / 30px 18px; + z-index: 99; } -.header-btn-list-arrow-active{ - height: 20px; - width: 105px; - text-align: center; - position: relative; - background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px; - z-index: 99; +.header-btn-list-arrow-active { + height: 20px; + width: 105px; + text-align: center; + position: relative; + background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center / 30px 18px; + z-index: 99; } -.header-btn-list-item{ - top: -3px; - position: relative; - border: 2px solid #2258a2; - background: rgba(2, 18, 56, 0.9); - border-radius: 5px; +.header-btn-list-item { + top: -3px; + position: relative; + border: 2px solid #2258a2; + background: rgba(2, 18, 56, 0.9); + border-radius: 5px; } -.header-btn-list-item-active{ - top: -3px; - position: relative; - border: 2px solid #df5567; - background: rgba(100, 20, 23); - border-radius: 5px; +.header-btn-list-item-active { + top: -3px; + position: relative; + border: 2px solid #df5567; + background: rgba(100, 20, 23); + border-radius: 5px; } -.header-btn-list-padding{ - padding: 8px; +.header-btn-list-padding { + padding: 8px; } -.header-btn-list-padding button{ - margin: 10px; - height: 35px; - background: #142c6a; - color: #738fb4; - width: 110px; - border: 0; - outline: 0; - cursor: pointer; - font-size: 15px; +.header-btn-list-padding button { + margin: 10px; + height: 35px; + background: #142c6a; + color: #738fb4; + width: 110px; + border: 0; + outline: 0; + cursor: pointer; + font-size: 15px; } - -.header-btn-list-padding-red button{ - margin: 10px; - height: 35px; - background: #910000; - color: #c16363; - width: 110px; - border: 0; - outline: 0; - cursor: pointer; - font-size: 15px; +.header-btn-list-padding-red button { + margin: 10px; + height: 35px; + background: #910000; + color: #c16363; + width: 110px; + border: 0; + outline: 0; + cursor: pointer; + font-size: 15px; } -.header-btn-list-padding button:hover{ - color: #63baff; - background: #15388f; +.header-btn-list-padding button:hover { + color: #63baff; + background: #15388f; } -.header-btn-list-padding button.active{ - background:url("../images/btn_nav.png") no-repeat center/100% 100%; - color: #ffffff; +.header-btn-list-padding button.active { + background: url("../images/btn_nav.png") no-repeat center / 100% 100%; + color: #ffffff; } -.header-btn-list-padding-red button.actives{ - background:url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%; - color: #ffffff; +.header-btn-list-padding-red button.actives { + background: url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center / 100% 100%; + color: #ffffff; } - -.video-field-layout{ - height: 610px; - background: url("../images/field_layout_video.png") no-repeat center/100% auto; - position: relative; +.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-img-position { + position: absolute; } -.video-bgd-div{ - width: 30px; - height: 30px; - border-radius: 50%; - cursor: pointer; - background: #3676c0; +.video-bgd-div { + width: 30px; + height: 30px; + border-radius: 50%; + cursor: pointer; + background: #3676c0; } -.video-bgd-div.active{ - background: #00f93a; +.video-bgd-div.active { + background: #00f93a; } -.video-bgd-div.active{ - animation:videoDiv 2s; - -webkit-animation:videoDiv 2s infinite; +.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;} + 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; +.video-bgd-img { + width: 18px; + height: 18px; + position: absolute; + top: 6px; + left: 7px; } - - /*质量管理-标养室监测*/ -.process-control{ - height: 610px; +.process-control { + height: 610px; } -.process-control-padding{ - padding: 40px 20px; +.process-control-padding { + padding: 40px 20px; } -.process-control-btn-max{ - display: flex; - align-items: center; - padding: 10px 0; +.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-btn { + display: flex; + width: 45%; + align-items: center; + cursor: pointer; } -.process-control-arrow{ - width: 10%; +.process-control-arrow { + width: 10%; } -.process-control-arrow img{ - width: 90%; +.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-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 { + 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-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-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-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-name button:hover { + border: 1px solid #08528f; + color: #63baff; } -.process-control-link{ - height: 90px; - padding-left: 17px; +.process-control-link { + height: 90px; + padding-left: 17px; } -.process-control-max{ - display: flex; - align-items: center; +.process-control-max { + display: flex; + align-items: center; } -.process-control-min{ - width: 20%; - +.process-control-min { + width: 20%; } -.process-control-current-value-con{ - padding: 25px 0px 25px 50px; - display: flex; - align-items: center; +.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-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 { + 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 { + 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 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 { + 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-control-current-value-data .red-data span { + color: #ff0000; } - - - -.process-afoot-overflow{ - height: 910px; +.process-afoot-overflow { + height: 910px; } -.afoot-machinery-state .hj-moment-blue{ - font-size: 14px; +.afoot-machinery-state .hj-moment-blue { + font-size: 14px; } - /*安全管理 -- 检查演练*/ -.safety-quality-table{ - padding:10px 15px; +.safety-quality-table { + padding: 10px 15px; } -.safety-hazard-source-type{ - padding: 15px; +.safety-hazard-source-type { + padding: 15px; } -.safety-hazard-source-type table th{ - background: #183753; +.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 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-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 { + padding: 5px 0; + line-height: 20px; } -.safety-hazard-source-td p img{ - width: 10px; - height: 10px; - margin-right: 6px; +.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; +.cause-content td { + width: 50%; + vertical-align: top; + text-align: left !important; + color: #cadafe !important; } -.exercise-photos{ - padding:20px 15px; +.exercise-photos { + padding: 20px 15px; } -.exercise-photos-status{ - padding: 10px 0; - display: flex; - align-items: center; - justify-content: space-around; - color:#5ca9ef; +.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-padding { + padding: 5px; + text-align: center; } -.exercise-photos-max{ - padding: 10px 0; +.exercise-photos-max { + padding: 10px 0; } -.exercise-photos-overflow{ - overflow: auto; +.exercise-photos-overflow { + overflow: auto; } -.exercise-photos-overflow::-webkit-scrollbar{ - width: 0px; - height: 0px; +.exercise-photos-overflow::-webkit-scrollbar { + width: 0px; + height: 0px; } - - - /*质量管理-过程验收*/ -.trends-max{ - padding: 15px 0; +.trends-max { + padding: 15px 0; } -.trends-min{ - height: 895px; - overflow: auto; +.trends-min { + height: 895px; + overflow: auto; } -.trends-min::-webkit-scrollbar{ - width: 0px; - height: 0px; +.trends-min::-webkit-scrollbar { + width: 0px; + height: 0px; } - -.trends-list{ - padding: 15px; - border-bottom: 1px dashed #5591df; +.trends-list { + padding: 15px; + border-bottom: 1px dashed #5591df; } -.trends-min .trends-list:last-child{ - border-bottom:none +.trends-min .trends-list:last-child { + border-bottom: none; } -.trends-list table td{ - padding: 5px; - vertical-align: top; - color: #c4dbfb; +.trends-list table td { + padding: 5px; + vertical-align: top; + color: #c4dbfb; } -.trends-list table td:first-child{ - width: 80px; +.trends-list table td:first-child { + width: 80px; } -.trends-list-position{ - display: flex; - justify-content: space-between; - align-items: center; +.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 { + 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; +.trends-list-status.active { + border: 1px solid #43ad19; + background: #023f2f; + color: #43ad19; } - /*质量管理 原材料进场*/ -.roll-img{ - padding-top: 15px; - width: 420px; - overflow: auto; +.roll-img { + padding-top: 15px; + width: 420px; + overflow: auto; } -.roll-img::-webkit-scrollbar{ - width: 0px; - height: 0px; +.roll-img::-webkit-scrollbar { + width: 0px; + height: 0px; } -.roll-img-list{ - display: flex; +.roll-img-list { + display: flex; } -.roll-img-info{ - width: 210px; - text-align: center; +.roll-img-info { + width: 210px; + text-align: center; } - /*标准化照片*/ -.bzh-flex{ - display: flex; - align-items: center; - justify-content: space-between; - padding:0 10px; +.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 { + width: 25px; + height: 200px; + align-items: center; + display: flex; } -.bzh-btn img{ - height: 70px; - width: 100%; - cursor: pointer; +.bzh-btn img { + height: 70px; + width: 100%; + cursor: pointer; } -.bzh-btn img:hover{ - background: #999999; +.bzh-btn img:hover { + background: #999999; } -.bzh-btn img:active{ - background: #666666; +.bzh-btn img:active { + background: #666666; } -.bzh-content{ - width: 800px; - display: flex; - align-items: center; - overflow: auto; +.bzh-content { + width: 800px; + display: flex; + align-items: center; + overflow: auto; } -.bzh-content::-webkit-scrollbar{ - width: 0px; - height: 0px; +.bzh-content::-webkit-scrollbar { + width: 0px; + height: 0px; } -.bzh-content-img{ - padding:20px 10px; +.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 { + padding: 40px 50px 0; + color: #cbdaff; + font-size: 18px; + border-top: 1px solid #2c6cac; } -.bzh-photo-title-top{ - border: 0; +.bzh-photo-title-top { + border: 0; } /*进度管理*/ - -.pcd-img-max{ - padding: 15px; +.pcd-img-max { + padding: 15px; } -.pcd-img-min{ - height: 585px; +.pcd-img-min { + height: 585px; } -.quality-button-height div{ - height: 30px; - padding: 0 20px; - line-height: 30px; +.quality-button-height div { + height: 30px; + padding: 0 20px; + line-height: 30px; } -.pcd-duration-survey-max{ - padding: 0 10px; +.pcd-duration-survey-max { + padding: 0 10px; } -.pcd-duration-survey{ - display: flex; - justify-content: space-between; - align-items: center; +.pcd-duration-survey { + display: flex; + justify-content: space-between; + align-items: center; } -.pcd-duration-survey-left{ - display: flex; - align-items: center; +.pcd-duration-survey-left { + display: flex; + align-items: center; } -.pcd-duration-survey-time{ - font-size: 13px; - color: #00aaff; +.pcd-duration-survey-time { + font-size: 13px; + color: #00aaff; } - -.pcd-problem-analysis{ - padding: 15px; +.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-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-list { + display: flex; + padding: 15px 0; + color: #b9cbe3; } -.pcd-problem-analysis-label{ - width: 90px; - color: #adb5c3; +.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-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 { + 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 { + display: flex; + align-items: center; + font-size: 12px; } -.pcd-output-value-key-info{ - padding: 0 8px; - display: flex; - align-items: center; +.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-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-key-2 { + width: 12px; + height: 12px; + background-image: linear-gradient(to right, #008d7e, #26c8bb); + margin-right: 5px; } -.pcd-output-value-title{ - padding: 0 ; +.pcd-output-value-title { + padding: 0 ; } -.pcd-chart{ - height: 540px; +.pcd-chart { + height: 540px; } -.pcd-chart-list{ - height: 90px; - border: 1px solid #00c240; - display: flex; - align-items: center; +.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-date { + width: 110px; + text-align: center; } -.pcd-chart-list-prop{ - width: 80px; +.pcd-chart-list-prop { + width: 80px; } - /*技术交底*/ -.science-title-number{ - position: absolute; - left: 100px; - top: 12px; - z-index: 99; +.science-title-number { + position: absolute; + left: 100px; + top: 12px; + z-index: 99; } -.science-list-max{ - padding: 15px; +.science-list-max { + padding: 15px; } -.science-list-min{ - height: 250px; - overflow: auto; +.science-list-min { + height: 250px; + overflow: auto; } -.science-list-min::-webkit-scrollbar{ - width: 0px; - height: 0px; +.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 { + display: flex; + align-items: center; + padding: 15px 0; + border-bottom: 1px dashed #00c240; } -.science-list-min .science-list:last-child{ - border:none +.science-list-min .science-list:last-child { + border: none; } -.science-list-info{ - width: calc(100% - 75px); - padding-left: 15px; +.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-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-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-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 { + 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; +.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 { + padding: 50px 15px; } -.system-img img{ - width: 100%; +.system-img img { + width: 100%; } -.process-video-3d{ - padding: 0 20px; +.process-video-3d { + padding: 0 20px; } -.process-video-bgd{ - background: #062247; - height: 205px; - border-radius: 5px; +.process-video-bgd { + background: #062247; + height: 205px; + border-radius: 5px; } -.process-not-video{ - padding-top: 50px; - text-align: center; - color: #47a5e3; +.process-not-video { + padding-top: 50px; + text-align: center; + color: #47a5e3; } -.process-not-video img{ - width: 65px; +.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-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; +.list-ledger-for { + padding: 15px 0 5px; } -.science-list-min .list-ledger-for:last-child{ - border:none +.science-list-min .list-ledger-for:last-child { + border: none; } -.list-ledger-list{ - display: flex; - align-items: center; +.list-ledger-list { + display: flex; + align-items: center; } -.list-ledger-teams{ - padding: 10px; - color: #999999; +.list-ledger-teams { + padding: 10px; + color: #999999; } -.list-ledger-teams span{ - color: #cbdaff; +.list-ledger-teams span { + color: #cbdaff; } -.list-ledger-title{ - color: #00aaff; - padding-bottom: 10px; +.list-ledger-title { + color: #00aaff; + padding-bottom: 10px; } -.list-ledger-info{ - display: flex; - color: #999999; +.list-ledger-info { + display: flex; + color: #999999; } -.list-ledger-info span{ - color: #cbdaff; +.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 { + 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.active { + background: url("../images/dangerous_active.png") no-repeat center / 100% 100%; + color: #ffffff; } -.more-btn:hover{ - color: #86b2e3; +.more-btn:hover { + color: #86b2e3; } -.more-btn.active:hover{ - color: #ffffff; +.more-btn.active:hover { + color: #ffffff; } -.warning-popup-project-introduction-info{ - height: 430px; - overflow: auto; +.warning-popup-project-introduction-info { + height: 430px; + overflow: auto; } .warning-popup-project-introduction-info::-webkit-scrollbar { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } .warning-popup-project-introduction-info::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .warning-popup-project-introduction-info::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.warning-popup-project-for{ - padding: 20px 10px; - border-bottom: 1px dashed #00c240; +.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-project-data { + display: flex; + align-items: center; + color: #aaaaaa; } -.warning-popup-color{ - color: #aaaaaa; - padding-top: 8px; - padding-right: 10px; +.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 { + display: flex; + align-items: center; + width: 50%; } -.warning-popup-project-data-left-value{ - padding-left: 15px; +.warning-popup-project-data-left-value { + padding-left: 15px; } -.warning-popup-project-data-left-value div{ - padding: 8px 0; +.warning-popup-project-data-left-value div { + padding: 8px 0; } -.warning-popup-project-data-right{ - width: 50%; +.warning-popup-project-data-right { + width: 50%; } -.warning-popup-project-data-right div{ - padding: 8px 0; +.warning-popup-project-data-right div { + padding: 8px 0; } -.warning-popup-color-blue{ - color: #00aaff; +.warning-popup-color-blue { + color: #00aaff; } -.warning-popup-color-red{ - color: #ff0900; +.warning-popup-color-red { + color: #ff0900; } -.warning-popup-color-silvery{ - color: #cbdaff; +.warning-popup-color-silvery { + color: #cbdaff; } - - - - /*材料销号制*/ -.xhz-glr-title{ - padding: 20px 25px; +.xhz-glr-title { + padding: 20px 25px; } -.xhz-czz-number{ - display: flex; - align-items: center; - padding: 20px 10px 20px 20px; +.xhz-czz-number { + display: flex; + align-items: center; + padding: 20px 10px 20px 20px; } -.xhz-quality-button{ - justify-content: right; - padding: 10px 20px; +.xhz-quality-button { + justify-content: right; + padding: 10px 20px; } -.xhz-survey_title{ - padding: 30px 15px 10px; +.xhz-survey_title { + padding: 30px 15px 10px; } -.xhz-device-data{ - padding:0 10px 20px; +.xhz-device-data { + padding: 0 10px 20px; } -.xhz-device-data-min{ - padding:10px; - display: flex; - align-items: center; +.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 { + width: 80px; + height: 80px; + background: url("../images/education_bgd.png") no-repeat bottom / 70px 50px; } -.xhz-education_bgd img{ - width: 35px; - height: 35px; +.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 { + color: #9fafc3; + font-size: 16px; + padding-top: 20px; + padding-left: 10px; } -.xhz-current-value-data p{ - padding: 10px 0; +.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 { + font-size: 20px; + font-weight: bold; + color: #ffffff; } -.xhz-current-value-data p span.open{ - color: #f78f08; +.xhz-current-value-data p span.open { + color: #f78f08; } -.xhz-current-value-data p span.close{ - color: #4ab121; +.xhz-current-value-data p span.close { + color: #4ab121; } - -.xhz-rank-chart{ - padding: 0; +.xhz-rank-chart { + padding: 0; } -.xhz-rank-chart-title span{ - color: #3da2ff; - font-size: 14px; - padding-left: 30px; +.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-analyse_title_blue { + background: url("../images/analyse_title_blue.png") no-repeat left / 450px 100%; } -.xhz-work-order-padding{ - padding: 10px; +.xhz-work-order-padding { + padding: 10px; } -.xhz-work-order-max{ - padding-top: 15px; +.xhz-work-order-max { + padding-top: 15px; } -.xhz-work-order{ - height: 645px; - overflow: auto; +.xhz-work-order { + height: 645px; + overflow: auto; } .xhz-work-order::-webkit-scrollbar { - width: 10px; - height: 1px; + width: 10px; + height: 1px; } .xhz-work-order::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .xhz-work-order::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.xhz-work-order-list{ - padding: 10px; +.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-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-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-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-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 { + width: calc(100% - 40px); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; } -.xhz-job-number:hover{ - color: #1ce7ff; +.xhz-job-number:hover { + color: #1ce7ff; } -.xhz-work-order-table{ - padding: 5px; - color: #9fafc3; +.xhz-work-order-table { + padding: 5px; + color: #9fafc3; } -.xhz-work-order-table table{ - width: 100%; +.xhz-work-order-table table { + width: 100%; } -.xhz-work-order-table td{ - padding: 5px; +.xhz-work-order-table td { + padding: 5px; } -.xhz-work-order-table td:first-child{ - width: 80px; - text-align: right; +.xhz-work-order-table td:first-child { + width: 80px; + text-align: right; } -.xhz-project-expect-state{ - padding: 0 15px; +.xhz-project-expect-state { + padding: 0 15px; } -.xhz-project-expect-state .project-expect-state{ - width: 90px; - height: 25px; - font-size: 14px; +.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-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; +.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 { + color: #429fff; + padding: 8px 5px; } -.popup-xhz-title td:nth-child(odd){ - color: #9fafc3; - width: 110px; +.popup-xhz-title td:nth-child(odd) { + color: #9fafc3; + width: 110px; } - - - -.xhz-quality-table{ - padding: 5px 0; +.xhz-quality-table { + padding: 5px 0; } .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar { - width: 10px; - height: 0px; + width: 10px; + height: 0px; } .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #1a3956; + border-radius: 10px; + background: #1a3956; } .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.xhz-quality-table .el-table .cell{ - padding: 0 5px; +.xhz-quality-table .el-table .cell { + padding: 0 5px; } -.xhz-quality-table .el-table{ - background: none; +.xhz-quality-table .el-table { + background: none; } -.xhz-quality-table .el-table th, .el-table tr{ - 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 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 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 .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--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.xhz-quality-table .el-table::before{ - background: none; +.xhz-quality-table .el-table::before { + background: none; } - - -.building-max{ - display: flex; - width: 100%; +.building-max { + display: flex; + width: 100%; } -.building-min{ - width: 20%; - padding: 20px 0; - cursor: pointer; +.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-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; +.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-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 { + width: 5%; + height: 230px; + align-items: center; + display: flex; } -.craft-video-btn img{ - height: 70px; - cursor: pointer; +.craft-video-btn img { + height: 70px; + cursor: pointer; } -.craft-video-btn img:hover{ - background: #999999; +.craft-video-btn img:hover { + background: #999999; } -.craft-video-btn img:active{ - background: #666666; +.craft-video-btn img:active { + background: #666666; } -.craft-video-content{ - display: flex; - align-items: center; - overflow: auto; - padding: 15px 0; +.craft-video-content { + display: flex; + align-items: center; + overflow: auto; + padding: 15px 0; } -.craft-video-content::-webkit-scrollbar{ - width: 0px; - height: 0px; +.craft-video-content::-webkit-scrollbar { + width: 0px; + height: 0px; } -.craft-video-process-video-3d{ - padding: 0 10px; +.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 { + overflow: auto; + padding: 0 25px; } -.technical-disclosure::-webkit-scrollbar{ - width: 0px; - height: 0px; +.technical-disclosure::-webkit-scrollbar { + width: 0px; + height: 0px; } -.technical-disclosure-for{ - height: 70px; +.technical-disclosure-for { + height: 70px; } -.technical-disclosure-title{ - padding:8px 5px; - display: flex; - align-items: center; - justify-content: space-between; - color: #c2d5f6; +.technical-disclosure-title { + padding: 8px 5px; + display: flex; + align-items: center; + justify-content: space-between; + color: #c2d5f6; } -.technical-disclosure-border{ - background: #1e537e +.technical-disclosure-border { + background: #1e537e; } -.technical-disclosure-bgd{ - height: 8px; - background: #6ab9fe; - cursor: pointer; +.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-text { + background: url("../images/up.png") no-repeat left / 15px 10px; + padding-left: 25px; } -.technical-disclosure-value span{ - padding: 0 5px; +.technical-disclosure-value span { + padding: 0 5px; } - /*安全管理*/ -.toSafety-fixed-left-max{ - position: absolute; +.toSafety-fixed-left-max { + position: absolute; } -.toSafety-fixed-bottom-max{ - position: absolute; - width: calc(100% - 1000px); - left: 500px; - bottom: 10px; - text-align: center; +.toSafety-fixed-bottom-max { + position: absolute; + width: calc(100% - 1000px); + left: 500px; + bottom: 10px; + text-align: center; } -.toSafety-fixed-left{ - padding: 10px 0 10px 15px; - width: 473px; +.toSafety-fixed-left { + padding: 10px 0 10px 15px; + width: 473px; } -.toSafety-fixed-left-img{ - position: absolute; - left: 490px; - top: 450px; - cursor: pointer; +.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-max { + position: absolute; + display: flex; + align-items: center; + right: 0; } -.toSafety-fixed-bottom-img{ - position: absolute; - margin-left:-50px; - top:-20px; +.toSafety-fixed-bottom-img { + position: absolute; + margin-left: -50px; + top: -20px; } -.toSafety-fixed-right{ - padding: 10px 15px 10px 0; - width: 473px; +.toSafety-fixed-right { + padding: 10px 15px 10px 0; + width: 473px; } - -.toSafety-fixed-right-img{ - position: absolute; - right: 490px; - top: 450px; - cursor: pointer; +.toSafety-fixed-right-img { + position: absolute; + right: 490px; + top: 450px; + cursor: pointer; } - .left-enter, .left-leave-to { - opacity: 0; - transform: translateX(-473px); + opacity: 0; + transform: translateX(-473px); } .left-enter-active, -.left-leave-active{ - transition: all 0.5s ease; +.left-leave-active { + transition: all 0.5s ease; } .right-enter, .right-leave-to { - opacity: 0; - transform: translateX(473px); + opacity: 0; + transform: translateX(473px); } .right-enter-active, -.right-leave-active{ - transition: all 0.5s ease; +.right-leave-active { + transition: all 0.5s ease; } - -.toSafety-info-btn{ - text-align: center; - padding: 5px 0; +.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 { + padding: 10px 25px; + background: #143f74; + color: #ffffff; + cursor: pointer; + border-radius: 5px; } -.toSafety-info-btn button:hover{ - background: #155c97; +.toSafety-info-btn button:hover { + background: #155c97; } - /*安全管理-安全检查*/ -.month-list-max{ - height: 660px; - overflow: auto; +.month-list-max { + height: 660px; + overflow: auto; } -.month-list-max::-webkit-scrollbar{ - width: 0px; - height: 0px; +.month-list-max::-webkit-scrollbar { + width: 0px; + height: 0px; } -.month-list-for{ - padding: 10px 0; +.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%; +.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 { + display: flex; + align-items: center; + padding: 10px 0; + color: #aaaaaa; } -.inspect-content-img{ - text-align: center; - padding: 4px 7px; +.inspect-content-img { + text-align: center; + padding: 4px 7px; } -.inspect-content-img p{ - padding-top: 4px; +.inspect-content-img p { + padding-top: 4px; } -.inspect-content-info{ - padding: 0 5px; +.inspect-content-info { + padding: 0 5px; } -.inspect-content-info div{ - padding: 6px 3px; +.inspect-content-info div { + padding: 6px 3px; } -.inspect-content-info div span{ - font-weight: bold; +.inspect-content-info div span { + font-weight: bold; } - /*教育培训*/ -.safety-education{ - display: flex; - align-items: center; - padding:20px 30px 10px; +.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 { + 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; +.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 { + padding: 10px 5px 10px 15px; } .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - height: 0px; + width: 5px; + height: 0px; } .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #1a3956; + border-radius: 10px; + background: #1a3956; } .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.element-table-ranking .el-table .cell{ - padding: 0 5px; +.element-table-ranking .el-table .cell { + padding: 0 5px; } -.element-table-ranking .el-table{ - background: none; +.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, +.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 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 { + 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 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 { + 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 .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--enable-row-hover .el-table__body tr:hover > td { + background: none !important; } -.element-table-ranking .el-table::before{ - background: none; +.element-table-ranking .el-table::before { + background: none; } -.drill-content{ - padding:15px 10px; +.drill-content { + padding: 15px 10px; } -.drill-list-max{ - height: 570px; - overflow: auto; +.drill-list-max { + height: 570px; + overflow: auto; } -.drill-list-max::-webkit-scrollbar{ - width: 0px; - height: 0px; +.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-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; +.drill-list-partnership { + color: #aaaaaa; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } - /*质量管理-过程管控组件*/ -.process-control-new{ - padding: 2px 20px; +.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; +.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; +.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: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-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; +.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; +.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%; +.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; +.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-content { + color: #728fb7; } -.process-control-new-title{ - padding: 5px 15px; +.process-control-new-title { + padding: 5px 15px; } -.active .process-control-new-title{ - color: #ffffff; +.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-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-1 { + width: 120px; + color: #00aaff; + font-size: 12px; } -.process-control-new-number-2{ - 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-1 span { + color: #728fb7; } -.process-control-new-number-2 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 { + padding: 10px; + font-size: 16px; + color: #cbdaff; + vertical-align: top; } -.popup-inspect-table td:nth-child(odd){ - width: 20%; - text-align: right; +.popup-inspect-table td:nth-child(odd) { + width: 20%; + text-align: right; } -.popup-color{ - color: #00aaff; +.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-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 { + width: 35%; + text-align: right; } -.popup-list-title-val{ - width: 65%; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.popup-list-title-val { + width: 65%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -.popup-list-title-job{ - width: 22%; +.popup-list-title-job { + width: 22%; } -.popup-list-title-val-job{ - width: 80%; - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.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 { + display: flex; + align-items: center; + padding: 0 15px; } -.safe-production-time{ - padding-left: 30px; +.safe-production-time { + padding-left: 30px; } -.weather-forecast{ - height: 180px; +.weather-forecast { + height: 180px; } -.weather-forecast-list{ - display: flex; - align-items: center; - padding: 15px 50px; +.weather-forecast-list { + display: flex; + align-items: center; + padding: 15px 50px; } -.weather-forecast-date{ - width: 30%; - color: #cbdaff; +.weather-forecast-date { + width: 30%; + color: #cbdaff; } -.weather-forecast-img{ - width: 30%; +.weather-forecast-img { + width: 30%; } -.weather-forecast-img img{ - width: 30px; +.weather-forecast-img img { + width: 30px; } -.weather-forecast-temp{ - width: 40%; +.weather-forecast-temp { + width: 40%; } - /*施工日志*/ -.daily-diary-max{ - padding: 10px; +.daily-diary-max { + padding: 10px; } -.daily-diary-min{ - color:#cbdaff; - padding:0 10px; +.daily-diary-min { + color: #cbdaff; + padding: 0 10px; } -.daily-diary-img{ - height: 180px; - padding: 15px; - position: relative; +.daily-diary-img { + height: 180px; + padding: 15px; + position: relative; } -.daily-diary-img img{ - height: 100%; - width: 100%; +.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-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-see { + color: #00aaff; + cursor: pointer; } -.daily-diary-time-line-max{ - padding: 10px 0; +.daily-diary-time-line-max { + padding: 10px 0; } -.daily-diary-time-line-min{ - padding: 5px; - height: 229px; - overflow: auto; +.daily-diary-time-line-min { + padding: 5px; + height: 229px; + overflow: auto; } .daily-diary-time-line-min::-webkit-scrollbar { - width: 7px; - height: 1px; + width: 7px; + height: 1px; } .daily-diary-time-line-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .daily-diary-time-line-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.daily-diary-time-line{ - display: flex; - align-items: center; - padding: 8px 0; +.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 { + 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-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-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 { + 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-title:hover { + color: #00aaff; } -.daily-diary-time-line-arrow{ - width: 20px; - 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-max { + padding: 10px 12px; } -.daily-diary-time-line-info{ - padding-left: 27px; - border-left: 1px dashed #00aaff; +.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 { + font-size: 14px; + color: #98a1aa; } -.daily-diary-time-line-subtitle p{ - padding: 2px 0; +.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-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-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-text { + padding-bottom: 5px; } -.daily-diary-info-right{ - cursor: pointer; - color: #00aaff; +.daily-diary-info-right { + cursor: pointer; + color: #00aaff; } -.daily-diary-info-right:hover{ - color: #0080d3; +.daily-diary-info-right:hover { + color: #0080d3; } -.popup-daily-img{ - position: relative; - height: 600px; +.popup-daily-img { + position: relative; + height: 600px; } -.popup-daily-img img{ - width: 100%; - height: 100%; +.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-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 { + color: #cbdaff; + position: relative; } -.popup-daily-title i{ - color: #00aaff; - margin-right: 5px; - font-size: 20px; - position: relative; - top: 3px; +.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 { + padding: 0 0 0 15px; } -.popup-daily-sift-table{ - padding: 10px 0; +.popup-daily-sift-table { + padding: 10px 0; } -.popup-daily-sift-table table td{ - padding:8px 5px; +.popup-daily-sift-table table td { + padding: 8px 5px; } -.popup-daily-sift-table table td:first-child{ - width: 80px; - color: #98a1aa; +.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 { + 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 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-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 { + 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:hover { + border: 1px solid #2c5877; + background: #0f1c38; } -.popup-daily-sift-btn:active{ - background: #192447; +.popup-daily-sift-btn:active { + background: #192447; } -.popup-daily-list-max{ - padding: 12px 0; +.popup-daily-list-max { + padding: 12px 0; } -.popup-daily-list-min{ - height: 310px; - overflow: auto; +.popup-daily-list-min { + height: 310px; + overflow: auto; } .popup-daily-list-min::-webkit-scrollbar { - width: 7px; - height: 1px; + width: 7px; + height: 1px; } .popup-daily-list-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .popup-daily-list-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.popup-daily-list-for{ - padding: 5px 0; +.popup-daily-list-for { + padding: 5px 0; } -.popup-daily-list{ - height: 160px; - padding-right: 10px; - position: relative; +.popup-daily-list { + height: 160px; + padding-right: 10px; + position: relative; } -.popup-daily-list img{ - height: 100%; - width: 100%; +.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-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; +.popup-daily-list-see { + color: #00aaff; + cursor: pointer; } - /*技术管理*/ -.new-technical-max{ - padding:30px 15px; - +.new-technical-max { + padding: 30px 15px; } -.new-technical{ - padding:25px 10px; - width: calc(100% - 20px); +.new-technical { + padding: 25px 10px; + width: calc(100% - 20px); } -.date-font-size span{ - font-size: 18px; +.date-font-size span { + font-size: 18px; } -.technical-overflow-max{ - overflow: hidden; +.technical-overflow-max { + overflow: hidden; } -.technical-overflow-min{ - display: flex; - align-items: center; +.technical-overflow-min { + display: flex; + align-items: center; } - -.technical-innovation-max{ - padding: 15px 0; - +.technical-innovation-max { + padding: 15px 0; } -.technical-innovation{ - display: flex; - padding: 5px; +.technical-innovation { + display: flex; + padding: 5px; } -.technical-innovation-text{ - width: 100px; - color: #9ba3b0; +.technical-innovation-text { + width: 100px; + color: #9ba3b0; } -.technical-innovation-info{ - width: calc(100% - 80px); - color: #00aaff; +.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-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-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-hr { + width: 50%; + border: 1px dashed #104384; } -.technical-index-state{ - width: 20%; - display: flex; - justify-content: right; +.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 { + 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-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 { + 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-text-btn:hover { + color: #ffffff; } -.technical-index-title{ - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 30px; +.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; +.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 { + position: relative; + height: 610px; + background: url("../images/technology_bgd.png") no-repeat top / 100% 100%; } -.technology-module{ - position: absolute; +.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 { + 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:hover { + color: #ffffff; } -.technology-btn img{ - width: 8px; - position: absolute; - right: 8px; - top: 7px; +.technology-btn img { + width: 8px; + position: absolute; + right: 8px; + top: 7px; } -.technology-photo{ - width: 65px; - height: 91px; - margin: 5px auto; +.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-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-name { + text-align: center; + color: #cbdaff; } -.technology-min{ - justify-content: center; +.technology-min { + justify-content: center; } - -.new-technology{ - position: relative; - height: 615px; - background: url("../images/technology_bgd_new.png") no-repeat top/100% 100%; +.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-max { + padding: 15px; } -.delay-list-min{ - height: 910px; - overflow: auto; +.delay-list-min { + height: 910px; + overflow: auto; } .delay-list-min::-webkit-scrollbar { - width: 7px; - height: 1px; + width: 7px; + height: 1px; } .delay-list-min::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .delay-list-min::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + 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-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 { + 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.active { + color: #ffffff; } -.delay-list-title:hover{ - color:#ffffff; +.delay-list-title:hover { + color: #ffffff; } -.delay-list-img-list{ - padding:5px; - height: 190px; - position: relative; +.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-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; +.delay-video { + padding: 20px 0; } - /*电子沙盘*/ - -.sand-table-quality{ - padding: 10px 0px 10px 20px; - display: flex; - align-items: center; +.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 { + background: url("../images/education_bgd.png") no-repeat bottom / 80px 55px; } -.sand-table-bgd img{ - width: 35px; - height: 35px; +.sand-table-bgd img { + width: 35px; + height: 35px; } -.sand-table-value-data{ - color: #c0dafb; - padding-left: 10px; +.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 { + padding-top: 15px; + font-size: 20px; + font-weight: bold; + color: #62cff8; } -.sand-table-value-data p span{ - color: #c0dafb; - font-size: 16px; +.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 { + 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; +.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 { + 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-icon { + display: flex; + align-items: center; } -.bottom-legend-list{ - display: flex; - align-items: center; +.bottom-legend-list { + display: flex; + align-items: center; } -.bottom-legend-list img{ - width: 25px; - height: 25px; +.bottom-legend-list img { + width: 25px; + height: 25px; } -.bottom-legend-list span{ - padding: 0 15px 0 10px; +.bottom-legend-list span { + padding: 0 15px 0 10px; } -.bottom-legend-state{ - display: flex; - align-items: center; +.bottom-legend-state { + display: flex; + align-items: center; } -.bottom-state-list{ - display: flex; - align-items: center; +.bottom-state-list { + display: flex; + align-items: center; } -.bottom-state-list span{ - padding:0 10px; +.bottom-state-list span { + padding: 0 10px; } -.bottom-state-list button{ - width: 15px; - height: 15px; - border: 0; +.bottom-state-list button { + width: 15px; + height: 15px; + border: 0; } -.bottom-state-zc{ - background: #008efe; +.bottom-state-zc { + background: #008efe; } -.bottom-state-bj{ - background: #d64349; +.bottom-state-bj { + background: #d64349; } -.bottom-state-lx{ - background: #9da4b6; +.bottom-state-lx { + background: #9da4b6; } -.sand-table-popup-max{ - width: 380px; - position: absolute; +.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-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-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 { + 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; + 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-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 { + 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; + background: #37536f; } -.sand-table-popup-content-date{ - padding:10px; - font-size: 14px; - color: #00aaff; +.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 { + 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 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 { + 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(2) { + color: #00aaff; } -.sand-ji-keng-info table td:nth-child(3){ - color: #ff9900; +.sand-ji-keng-info table td:nth-child(3) { + color: #ff9900; } -.sand-ji-keng-info table td:nth-child(4){ - color: #ff0000; +.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-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-content { + padding: 10px; } -.sand-table-ji-xie-top{ - padding-bottom: 15px; +.sand-table-ji-xie-top { + padding-bottom: 15px; } -.sand-table-ji-xie-title{ - display: flex; - align-items: center; +.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 { + 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-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-text { + width: calc(100% - 75px); + padding-left: 15px; } -.sand-table-ji-xie-title-name{ - padding: 6px 0; +.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 { + 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-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 { + 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 { + 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:first-child { + width: 45%; } -.sand-table-ji-xie-info-list div:last-child{ - width: 55%; +.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-list span { + color: #00aaff; } -.sand-table-ji-xie-info-details{ - padding: 7px 0; +.sand-table-ji-xie-info-details { + padding: 7px 0; } -.sand-table-ji-xie-info-details span{ - color: #00aaff; +.sand-table-ji-xie-info-details span { + color: #00aaff; } -.sand-table-ji-xie-driver{ - padding-bottom: 12px; +.sand-table-ji-xie-driver { + padding-bottom: 12px; } -.sand-table-ji-xie-project{ - padding: 15px 0; - color: #c0dafb; +.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-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 { + padding: 10px 5px; + color: #c0dafb; + font-size: 14px; } -.sand-bys-info table td{ - padding:8px 3px; - text-align: center; +.sand-bys-info table td { + padding: 8px 3px; + text-align: center; } -.sand-bys-info-val{ - padding-bottom: 10px; +.sand-bys-info-val { + padding-bottom: 10px; } -.sand-bys-info-val span{ - font-size: 20px; - color: #00aaff; +.sand-bys-info-val span { + font-size: 20px; + color: #00aaff; } - -.sand-table-battery{ - display: flex; - align-items: center; - color: #2ac807 +.sand-table-battery { + display: flex; + align-items: center; + color: #2ac807; } -.sand-table-battery.active{ - color: #ff0000; +.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-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.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-quantity { + height: 100%; + background: #1b8807; } -.sand-table-battery.active .sand-table-battery-quantity{ - background: #ff0000; +.sand-table-battery.active .sand-table-battery-quantity { + background: #ff0000; } - /*2023-5-6 标准换照片修改*/ -.img-see-details{ - cursor: pointer; - color: #00a8ff; +.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 { + 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 { + 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-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-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-left { + top: 50%; + left: 40px; } -.amplify-carousel-right{ - top: 50%; - right: 40px; - text-indent: 2px; +.amplify-carousel-right { + top: 50%; + right: 40px; + text-indent: 2px; } -.amplify-carousel-btn:active{ - background-color:#444444; +.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 { + 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:hover { + background-color: #606266; } -.amplify-carousel-close:active{ - background-color:#444444; +.amplify-carousel-close:active { + background-color: #444444; } - /*过程管控 planne-output 组件*/ -.output-content{ - overflow: auto; +.output-content { + overflow: auto; } .output-content::-webkit-scrollbar { - width: 0px; - height: 1px; + width: 0px; + height: 1px; } .output-content::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #192c64; + border-radius: 10px; + background: #192c64; } .output-content::-webkit-scrollbar-track { - border-radius: 10px; - background: #010b2d; + border-radius: 10px; + background: #010b2d; } -.output-content-for{ - height: 90px; +.output-content-for { + height: 90px; } -.output-title{ - display: flex; - justify-content: space-between; - align-items: center; - color: #c0dafb; - padding: 5px 0; +.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-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 { + 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-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-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-background-2 { + background-image: linear-gradient(to right, #008d7e, #26c8bb); + height: 8px; } -.output-bar-value{ - width: 15%; - color: #067dff; +.output-bar-value { + width: 15%; + color: #067dff; } /*质量管理*/ -.milestone-max{ - padding: 15px 0; +.milestone-max { + padding: 15px 0; } -.milestone-min{ - height: 900px; - overflow: auto; +.milestone-min { + height: 900px; + overflow: auto; } -.milestone-min::-webkit-scrollbar{ - width: 0px; - height: 0px; +.milestone-min::-webkit-scrollbar { + width: 0px; + height: 0px; } -.milestone-for{ - padding: 15px 10px; +.milestone-for { + padding: 15px 10px; } -.milestone-background{ - background: url("../images/milestone_bgd.png") no-repeat center/100% 100%; +.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 { + 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-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-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 { + color: #9ea6b1; + padding: 20px 15px 0; } -.milestone-table table td:first-child{ - width: 90px; +.milestone-table table td:first-child { + width: 90px; } -.milestone-table table{ - height: 200px; +.milestone-table table { + height: 200px; } -.milestone-table table td{ - vertical-align: top; +.milestone-table table td { + vertical-align: top; } - /*龙门吊样式*/ -.lmd-stat{ - display: flex; - align-items: center; - padding: 15px; +.lmd-stat { + display: flex; + align-items: center; + padding: 15px; } -.lmd-stat img{ - width: 50px; - height: 50px; +.lmd-stat img { + width: 50px; + height: 50px; } -.lmd-stat-con{ - padding: 10px; - color: #c0dafb; +.lmd-stat-con { + padding: 10px; + color: #c0dafb; } -.lmd-stat-con p{ - padding-bottom: 10px; +.lmd-stat-con p { + padding-bottom: 10px; } -.lmd-stat-con span{ - font-size: 20px; - color: #00a8ff; +.lmd-stat-con span { + font-size: 20px; + color: #00a8ff; } - -.xhz-concrete-nav{ - display: flex; - align-items: center; - justify-content: space-between +.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 .sjk-chart-line-title-tz button { + width: 100px; } -.xhz-concrete-nav .more-btn{ - width: auto !important; - padding: 5px 12px; +.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-max { + width: 1350px; + margin: auto; + overflow: hidden; + display: flex; + align-items: center; } -.many-chart-min{ - display:flex +.many-chart-min { + display: flex; } -.many-chart-text{ - padding-top: 15px; - font-size: 18px; - color: #00f1fc; +.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 { + 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-1 button { + width: 20px; + height: 15px; + margin-right: 5px; + background: #407cfe; } -.xhz-concrete-legend-2 button{ - width: 20px; - height: 15px; - margin-right: 5px; - background: rgba(25,210,204,1) +.xhz-concrete-legend-2 button { + width: 20px; + height: 15px; + margin-right: 5px; + background: #19d2cc; } - /*技术管理*/ -.plan-max{ - height: 420px; - overflow: auto; +.plan-max { + height: 420px; + overflow: auto; } -.plan-max::-webkit-scrollbar{ - width: 0px; - height: 0px; +.plan-max::-webkit-scrollbar { + width: 0px; + height: 0px; } -.plan-list-for{ - padding: 10px 0; +.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-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 { + height: 40px; + line-height: 40px; + padding-right: 20px; + display: flex; } -.plan-list-title-border{ - border-bottom: 1px solid #1c4489; +.plan-list-title-border { + border-bottom: 1px solid #1c4489; } -.plan-list-con{ - padding: 10px 0; - color: #aaaaaa; +.plan-list-con { + padding: 10px 0; + color: #aaaaaa; } -.plan-list-flex{ - padding: 10px 0; - color: #aaaaaa; - display: flex; +.plan-list-flex { + padding: 10px 0; + color: #aaaaaa; + display: flex; } -.plan-list-flex-title{ - width: 80px; +.plan-list-flex-title { + width: 80px; } -.plan-list-flex-con{ - width: calc(100% - 80px); - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.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-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-name { + width: 280px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -.plan-list-flex-node-title{ - width: 115px; +.plan-list-flex-node-title { + width: 115px; } -.plan-list-flex-node-con{ - width: calc(100% - 120px); - overflow: hidden; - white-space:nowrap; - text-overflow:ellipsis; +.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-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-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-con { + padding: 7px; } -.log-list{ - padding: 10px; +.log-list { + padding: 10px; } -.log-list span{ - color: #00aaff; - font-size: 18px; +.log-list span { + color: #00aaff; + font-size: 18px; } /*进度管理-新*/ -.topBox{ - position: absolute; - top: 0px; - left: 0px; - width: 100%; - display: none; +.topBox { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + display: none; } -.bottomBox{ - position: absolute; - top: 0px; - left: 0px; - width: 100%; - display: none; +.bottomBox { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + display: none; } -.showchart{ - display: block; +.showchart { + display: block; } -.videoBox{ - position: relative; +.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-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; +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; + 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; +.date-shigong { + display: flex; + align-items: center; + margin: 10px; } - - /*修改时间位置*/ -.el-input__prefix{ - position: relative; +.el-input__prefix { + position: relative; } - - -.el-input__icon{ - position: absolute; - right: 5px; +.el-input__icon { + position: absolute; + right: 5px; } /*修改input*/ -.el-input__inner{ - padding-left: 6px !important; - border-radius: 0px !important; +.el-input__inner { + padding-left: 6px !important; + border-radius: 0px !important; } - -.el-select .el-input__inner{ - background: transparent; - color: #fff; - border:solid 1px #409eff66; - line-height: 30px; - height: 30px; - border-radius: 4px !important; +.el-select .el-input__inner { + background: transparent; + color: #fff; + border: solid 1px #409eff66; + line-height: 30px; + height: 30px; + border-radius: 4px !important; } -.el-select .el-input__icon{ - line-height: 30px; +.el-select .el-input__icon { + line-height: 30px; +} +.el-select:hover .el-input__inner, +.el-select .el-input__inner:focus { + border: solid 1px #409effaa; } - -.el-select:hover .el-input__inner, .el-select .el-input__inner:focus{ - border:solid 1px #409effaa; -} \ No newline at end of file diff --git a/yanzhu-bigscreen/public/css/largeScreenStyle.less b/yanzhu-bigscreen/public/css/largeScreenStyle.less new file mode 100644 index 00000000..31ae2229 --- /dev/null +++ b/yanzhu-bigscreen/public/css/largeScreenStyle.less @@ -0,0 +1,6509 @@ +*{ + margin: 0; + padding: 0; +} +@font-face { + font-family: "title-font"; + src:url(../fonts/HYLXTJ.eot),url(../fonts/HYLXTJ.svg),url(../fonts/HYLXTJ.ttf),url(../fonts/HYLXTJ.woff),url(../fonts/HYLXTJ.woff2) +} +@font-face { + font-family: "number-font"; + src:url(../fonts/PUTHIAfont.eot),url(../fonts/PUTHIAfont.svg),url(../fonts/PUTHIAfont.ttf),url(../fonts/PUTHIAfont.woff),url(../fonts/PUTHIAfont.woff2) +} + +@font-face { + font-family: DingTalkSans; + src: url('../fonts/DingTalkJinBuTi.woff2'); + } + + @font-face { + font-family: NumFont; + src: url('../fonts/DS-DIGIT.TTF'); + } + + * { + + font-family: DingTalkSans; + } + +.led-number{ + font-family: "NumFont"; +} +body{ + background:#010117; + color: #ffffff; + font-size: 16px; + overflow: auto; +} + + +@media (max-width: 1920px) { + #app{ + width:1912px; + height: 1080px; + } + .screen-content-max{ + width:1912px; + height: 1080px; + } + .background_video video{ + width:1912px; + height: 1080px; + } + .img-openwin{ + width: 26px; + height:26px; + } + .div-header{ + background-image: url("../images/banner-top-1k.png"); + } + .popup-project-introduction-title{ + height: 40px; + font-size: 18px; + } + .popup-project-introduction-close{ + font-size: 25px; + width: 30px; + height: 30px; + line-height: 28px; + } +} + +@media (min-width: 1921px) and (max-width: 2560px) { + #app{ + width:2552px; + height:1440px; + } + .screen-content-max{ + width:2552px; + height:1440px; + } + .background_video video{ + width:2552px; + height:1440px; + } + .div-header{ + background-image: url("../images/banner-top-2k.png"); + } + .img-openwin{ + width: 30px; + height:30px; + } + .screen-module::after + { + background-size: auto 30px; + height: 30px !important; + } + .module-title{ + height: 30px !important; + line-height: 30px !important; + font-size: 20px; + } + .popup-project-introduction-title{ + height: 60px; + font-size: 24px; + } + .popup-project-introduction-close{ + font-size: 28px; + width: 54px; + height: 54px; + line-height: 54px; + } +} + + +@media (min-width: 2561px) { + #app{ + width:3832px; + height:2160px; + } + .screen-content-max{ + width:3832px; + height:2160px; + } + .background_video video{ + width:3832px; + height:2160px; + } + .div-header{ + background-image: url("../images/banner-top-4k.png"); + } + .img-openwin{ + width: 40px; + height: 40px; + } + .screen-module::after + { + background-size: auto 40px; + height: 40px !important; + } + .module-title{ + height: 40px !important; + line-height: 40px !important; + font-size: 26px; + } + .popup-project-introduction-title{ + height: 72px; + font-size: 32px; + } + .popup-project-introduction-close{ + font-size: 48px; + width: 60px; + height: 60px; + line-height: 60px; + } +} +.img-openwin{ + position: absolute; + top:0px; + right: 0px; + z-index: 99; +} +.main-app { + height:calc(100% - 130px); +} +.main-page{ + height: 100%; +} +.h100{ + height: 100%; +} +.screen-module{ + &::after{ + background-image: url("../images/one/banner.png"); + } + &.no-title{ + &::after{ + background-image: none; + } + .module-title{ + display: none; + } + .module-ctx{ + padding: 0px; + } + } + &.no-border{ + background-image: none; + } +} + +.module-ctx{ + padding:12px; + height: calc(100% - 48px); +} +.scroll::-webkit-scrollbar { + width: 8px; + height: 8px; +} +.scroll::-webkit-scrollbar-thumb { + background-color: rgb(1, 169, 255); + border-radius: 4px; +} +body::-webkit-scrollbar{ + width: 8px; + height: 8px; + display: block !important; +} +.body::-webkit-scrollbar-thumb { + background-color: rgb(1, 169, 255) !important; + border-radius: 4px !important; + } +p,label,ul{ + margin: 0; + font-weight: 400; +} +table{ + width: 100%; +} +.anchorBL { + display:none; +} +[v-cloak] { + display: none; +} +/*背景视频*/ +.background_video video{ + position: absolute; +} +.screen-content-max{ + position: absolute; + top: 0; + left: 0; + background: rgba(0,0,0,0.5); +} +.screen-content{ + padding: 10px 15px; + position: relative; +} +.fblue{ + color: rgb(1, 169, 255); +} +/*head*/ +.head-title{ + position: relative; + height: 70px; + background: url("../images/head_title.png") no-repeat center/100% 65px; + display: flex; +} +.head-title-label{ + width: 22%; + font-size: 26px; + position: relative; + padding-left: 15px; + padding-top: 23px; + font-family: "title-font"; + background-image:-webkit-linear-gradient(bottom,#3da2ff,#3ea4ff,#96f3ff); + -webkit-background-clip:text; + -webkit-text-fill-color:transparent; +} +.head-title-tab{ + padding-top: 32px; + display: flex; +} + +.head-title-select{ + padding-top: 23px; + width: 12% ; + position: relative; +} +.head-title-date{ + padding-top: 15px; + width: 15% ; + display: flex; + align-items: center; +} +.head-nav{ + width: 105px; + height: 35px; + padding:0px 8px; + line-height: 35px; + text-align: center; + color: #6383aa; + cursor: pointer; + background: url("../images/title_tab.png") no-repeat center/100% 100%; +} +.head-nav.active{ + background: url("../images/title_tab_active.png") no-repeat center/100% 100%; + color: #ffffff; +} +.head-nav:hover{ + color: #86b2e3; +} +.head-nav.active:hover{ + color: #ffffff; +} +.head-select{ + height: 35px; + padding-left: 25px; + padding-right: 30px; + background: url("../images/head_select.png") no-repeat center/100% 100%; +} +.head-select.head-select-150{ + background: url("../images/head_select-150.png") no-repeat center/100% 100%; +} +.head-select input{ + height: 100%; + width: 100%; + border: 0; + outline: 0; + background:0; + color: #1ce7ff; + cursor: pointer; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.head-select input::-webkit-input-placeholder{ + color: #6ca5b1; +} +.header-screen-ul{ + list-style: none; + width: 90%; + position: absolute; + max-height: 600px; + border: 1px solid #05556b; + left: 5%; + background: #00092a; + overflow: auto; + color: #02a6ff; + border-radius: 3px; + z-index: 99999; +} +.header-screen-ul::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.header-screen-ul::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.header-screen-ul::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.header-screen-ul li{ + padding: 10px; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.header-screen-ul li:hover{ + background: #031348; + color: #1ce7ff; +} +.head-title-time{ + width: 45%; + text-align: center; +} +.head-title-weather{ + display: flex; + align-items: center; +} +.head-title-weather img{ + width: 30px; + height: 30px; +} +.head-title-weather span{ + padding: 0 5px; +} +.head-title-date-con{ + font-size: 12px; + color: #63baff; +} +.head-title-time-con{ + font-size: 20px; + font-weight: bold; + color: #63baff; +} +/*红色head*/ +.head-title.red-head{ + background: url("../images/head_title_red.png") no-repeat center/100% 65px; +} +.red-head .head-title-label{ + background-image:-webkit-linear-gradient(bottom,#bc3833,#fb9e97,#ffffff); +} +.red-head .head-nav{ + color: #ff9b96; + background: url("../images/title_tab_red.png") no-repeat center/100% 100%; +} +.red-head .head-nav.active{ + background: url("../images/title_tab_active_red.png") no-repeat center/100% 100%; + color: #ffffff; +} +.red-head .head-nav:hover{ + color: #fcc0bd; +} +.red-head .head-nav.active:hover{ + color: #ffffff; +} +.red-head .head-select{ + background: url("../images/head_select_red.png") no-repeat center/100% 100%; +} +.red-head .head-select input{ + color: #ffffff; +} +.red-head .head-select input::-webkit-input-placeholder{ + color: #fd7569; +} +.red-head .header-screen-ul{ + border: 1px solid #da8f89; + background: #901c14; + color: #fbcbc9; +} +.red-head .header-screen-ul::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.red-head .header-screen-ul::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #c34a3f; +} +.red-head .header-screen-ul::-webkit-scrollbar-track { + border-radius: 10px; + background: #901c14; +} +.red-head .header-screen-ul li{ + padding: 10px; + cursor: pointer; +} +.red-head .header-screen-ul li:hover{ + background: #9a3b33; + color: #ffffff; +} +.red-head .head-title-date-con{ + color: #ffffff; +} +.red-head .head-title-time-con{ + color: #ffffff; +} + +/*设备概况*/ +.survey_title{ + display: flex; + justify-content: space-evenly; + align-items: center; + padding: 30px 15px; +} +.survey_title_btn{ + position: relative; + width: 33.33%; + color: #7f9ebd; +} +.survey_title_btn_min{ + width: 100px; + height: 30px; + text-align: center; + line-height: 30px; + margin: auto; + cursor: pointer; + background: url("../images/survey_btn.png") no-repeat center/100% 100%; +} +.survey_title_btn_min:hover{ + color: #ffffff; +} +.survey_title_btn_min.active{ + width: 120px; + height: 40px; + line-height: 40px; + color: #ffffff; + background: url("../images/survey_btn_active.png") no-repeat center/100% 100%; +} +.survey_content{ + display: flex; + align-items: center; + justify-content: center; +} +.survey_content_img{ + width: 90px; + height: 90px; + text-align: center; + line-height: 90px; + position: relative; + background: url("../images/survey_total_icon.png") no-repeat bottom/90px 60px; +} +@keyframes icon { + 0% { + transform: translate(0px, 0px); + } + 50% { + transform: translate(0px, 15px); /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, 0px); + } +} +.survey_content_img img,.survey_content_img svg{ + width: 40px; + height: 40px; + animation: icon 3s infinite; + -webkit-animation: icon 3s infinite; +} +.survey_content_number{ + padding-left: 15px; + color: #cbdaff; + font-size: 16px; +} +.survey_content_number p{ + padding-bottom: 15px; +} +.survey_content_value span{ + font-size: 25px; + font-style: italic; + font-weight: bold; + color: #87e3fa; + padding-right: 5px; +} +.survey_text{ + width: 120px; + height: 28px; + margin: auto; + animation:myfirst 2s; + -webkit-animation:myfirst 2s infinite; /* Safari and Chrome */ +} +@keyframes myfirst { + 0% {opacity:0.4;} + 25% {opacity:0.7;} + 50% {opacity:1;} + 75% {opacity:0.7;} + 100% {opacity:0.4;} +} +.survey_text_zy{ + background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; +} +.survey_text_zl{ + background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; +} +.survey_text_fb{ + background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%; +} +.survey_text_value{ + position: absolute; + top: 0; + height: 28px; + color: #cbdaff; + line-height: 28px; + padding-left: 45px; + display: flex; + align-items: center; +} +.survey_text_value span{ + color: #00aaff; + font-size: 16px; + padding-left: 10px; + font-weight: bold; +} +/*当日预警信息*/ +.warning-info{ + padding: 0 15px; +} +.warning-info-title{ + padding: 15px 0; + display: flex; +} +.warning-info-title div{ + color: #69839e; + padding: 0 20px 0 12px; + cursor: pointer; +} +.warning-info-title .active{ + color: #51b5ff; + background: url("../images/check_icon.png") no-repeat left/8px 15px; +} +.warning-info-title div:hover{ + color: #51b5ff; +} + +/*操作证情况*/ +.czz-number{ + display: flex; + align-items: center; + justify-content: space-around; + padding: 30px 10px; +} +.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; + height: 60px; + 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%; +} +.czz-number-img-green{ + background: url("../images/circle_green.gif") no-repeat center/100% 100%; +} +.survey_content_value_color_green span{ + color: #5bf8b5; +} + +/*管理人员情况*/ +.glr-max{ + padding:30px 10px; +} +.glr-min{ + padding:0 10px; +} +.glr-title{ + background: url("../images/check_icon.png") no-repeat left/10px 20px; + padding-left: 15px; +} +.people-number-con{ + padding: 35px 0; + 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; + background: url("../images/number_bgd.png") no-repeat center/100% 100%; + margin-right: 10px; + text-align: center; + line-height: 45px; + font-size: 30px; + font-family: 'number-font'; +} +.glr-login-rate{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 10px 8px 15px; + background: url("../images/title_icon.png") no-repeat left/10px 15px; + color: #cbdaff; +} +.glr-rate-value span{ + font-size: 18px; + color: #ffffff; + font-weight: bold; +} +.glr-rate-red-value span{ + color: #f23644; +} +.glr-login-number-max{ + position: relative; + padding: 22px 0; +} +.glr-login-number-bgd{ + height: 30px; + background: url("../images/text_bgd.png") no-repeat center/100% 30px; + animation:myfirst 2s; + -webkit-animation:myfirstbgd 2s infinite; +} +.glr-login-number-red-bgd{ + background: url("../images/text_red_bgd.png") no-repeat center/100% 30px; +} +@keyframes myfirstbgd { + 0% {opacity:0.4;} + 25% {opacity:0.7;} + 50% {opacity:1;} + 75% {opacity:0.7;} + 100% {opacity:0.4;} +} +.glr-login-number{ + position: absolute; + width: 95%; + top: 25px; + padding:0 5px; + display: flex; + align-items: center; + justify-content: space-between; +} +.glr-login-number img{ + margin-right: 5px; +} +.glr-login-number-sz:hover{ + color: #00f1fc; +} +/*打卡管控提示*/ +.table-head{ + text-align: center; + color: #45e9ff; + height: 40px; + line-height: 40px; +} + +.table-body{ + height: 180px; + overflow: auto; +} +.table-body::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.table-tr{ + height: 60px; + line-height: 60px; + background: url("../images/table_tr.png") no-repeat center/100% 50px; +} +.table-td{ + padding: 0 5px; + text-align: center; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + color: #cbdaff; +} + +/*中国地图*/ + +.indicators-chart{ + padding: 10px; +} +.indicators-chart-max{ + position: relative; +} +.indicators-chart-bgd{ + background: url("../images/text_bgd.png") no-repeat left/100% 100%; + height: 40px; + animation:myfirst 2s; + -webkit-animation:textbgd 2s infinite; +} +@keyframes textbgd { + 0% {opacity:0.4;} + 25% {opacity:0.7;} + 50% {opacity:1;} + 75% {opacity:0.7;} + 100% {opacity:0.4;} +} +.indicators-chart-title{ + display: flex; + align-items: center; + padding: 0 15px; + width: 100%; + position: absolute; + top: 9px; +} +.indicators-chart-title img{ + width: 10px; + height: 20px; +} +.indicators-chart-text{ + padding: 0 10px; + color: #cbdaff; +} +.indicators-chart-text span{ + font-size: 16px; + color: #ffffff; +} +.indicators-chart-content{ + display: flex; + align-items: center; +} +.indicators-chart-min{ + width: 20%; +} +/*设备运行动态*/ +.chart-gif{ + width: 110px; + height: 110px; + position: absolute; + top: 57px; + left: 172px; + background: url("../images/run_circle.png") no-repeat center/100% 100%; +} +.chart-gif{ + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: 1s; + -moz-transition-property: -moz-transform; + -moz-transition-duration: 1s; + -webkit-animation: rotate 3s linear infinite; + -moz-animation: rotate 3s linear infinite; + -o-animation: rotate 3s linear infinite; + animation: rotate 3s linear infinite; +} +@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)} + to{-webkit-transform: rotate(0deg)} +} +@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)} + to{-moz-transform: rotate(0deg)} +} +@-o-keyframes rotate{from{-o-transform: rotate(359deg)} + to{-o-transform: rotate(0deg)} +} +@keyframes rotate{from{transform: rotate(359deg)} + to{transform: rotate(0deg)} +} + + +/*打卡管控提示*/ +.warning-info-table .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.warning-info-table .el-table .cell{ + padding: 0 5px; +} +.warning-info-table .el-table{ + background: none; +} +.warning-info-table .el-table th, .el-table tr{ + background: none; +} +.warning-info-table .el-table th{ + height: 50px; + text-align: center; + color: #1ce7ff; +} +.warning-info-table .el-table td{ + height: 60px; + text-align: center; + padding: 0; +} +.warning-info-table .el-table td, .el-table th.is-leaf{ + border: 0; +} +.warning-info-table .el-table .el-table__row{ + background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px; +} +.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.warning-info-table .el-table::before{ + background: none; +} + +/*分类及工时情况*/ +.classify-situation{ + height: 57px; +} +.classify-title{ + padding-top: 8px; + display: flex; + justify-content: space-between; + align-items: center; +} +.classify-title-text{ + color: #a2c8f9; +} +.classify-title-text span{ + background: url("../images/up.png") no-repeat left/10px 8px; + padding: 0 12px 0 15px; + color: #fcbc02; + font-style: italic; +} +.classify-value{ + display: flex; + align-items: center; +} +.classify-total{ + padding-right: 10px; + color: #a2c8f9; +} +.classify-total span{ + padding-right: 5px; + font-weight: bold; + font-size: 16px; +} +.classify-value-data{ + color: #a2c8f9; +} +.classify-value-data span{ + font-size: 16px; + font-weight: bold; + padding: 0 5px; +} +.classify-data-1{ + color: #1ce7ff; +} +.classify-data-2{ + color: #4670fa; +} +.classify-chart-max{ + padding-top: 10px; +} +.classify-chart{ + height: 6px; + background: #031f47; + display: flex; +} +.classify-chart-left{ + height: 6px; + background: #1ce7ff; +} +.classify-chart-right{ + height: 6px; + background: #3367df; +} + +/*机械项目级*/ +/*地图滚动条*/ +.china-map::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.china-map::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.china-map::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} + +/*设备概况*/ +.survey-oil-max{ + padding:0 20px; +} +.survey-oil-min{ + padding: 8px 0; +} +.survey-oil-title{ + position: relative; + padding: 20px 0; +} +.survey-oil-hr{ + border-bottom: 1px dashed #1d3d56; +} +.survey-oil-text{ + position: absolute; + top: 10px; + font-size: 14px; + padding: 0 15px; + color: #c0dafb; + background: #000b25 url("../images/check_icon.png") no-repeat left/8px 15px; +} +.survey-oil-data{ + padding: 10px; + color: #a2c8f9; +} +.survey-oil-hour{ + height: 30px; + line-height: 30px; +} +.survey-oil-hour span{ + font-size: 20px; + color: #52afff; + font-weight: bold; + padding-right: 5px; +} +.survey-oil-label{ + height: 30px; + line-height: 30px; + background: url("../images/right.png") no-repeat left/8px 15px; + padding-left: 15px; +} +.survey-oil-prop{ + height: 30px; + line-height: 30px; + text-align: right; +} +.survey-oil-prop span{ + font-weight: bold; + font-size: 20px; + padding-right: 5px; +} +.color-white{ + color: #ffffff; +} +.color-yellow{ + color: #fde463; +} +.color-green{ + color: #25bb4d; +} +/*利用率*/ +.rank-max{ + padding: 0 20px; +} +.rank-min{ + padding-bottom: 15px; +} +.rank-con{ + background: #01244c; + height: 40px; + display: flex; + justify-content: space-between; + align-items: center; + padding-left: 5px; +} +.rank-con-title{ + display: flex; + align-items: center; +} +.rank-con-title img{ + width: 40px; + height: 40px; + margin-right: 8px; +} +.rank-con-try{ + color: #00f1fc; +} +.rank-con-data{ + width: 100px; + height: 40px; + background: url("../images/ratio_bgd.png") no-repeat center/100% 100%; + text-align: right; + line-height: 40px; + padding-right: 10px; + color: #a2c8f9; +} +.rank-con-data span{ + color: #ffffff; + font-size: 18px; + font-weight: bold; +} +.rank-chart{ + padding: 0 15px; + color: #c0dafb; +} +.rank-chart-title{ + height: 40px; + line-height: 40px; + padding-left: 35px; + background: url("../images/utilization.png") no-repeat left/30px 40px; + font-size: 16px; + border-bottom: 1px solid #2c4e74; +} +/*平均工时*/ +.time-study-max{ + padding:0 20px; +} +.time-study-title{ + padding: 15px 0; +} +.time-study-value{ + padding:5px 10px; + text-align: center; +} +.time-study-value p{ + padding: 15px 0; + font-size: 16px; +} +.time-study-value-num{ + color: #a2c8f9; +} +.time-study-value-num span{ + font-size: 22px; + color: #59affa; + font-weight: bold; +} +/*油耗分析*/ +.average-oil label{ + color: #ffffff; +} +.average-oil span{ + font-size: 16px; + color: #59affa; + padding: 0 5px; + font-weight: bold; +} +/*闲置列表*/ +.idle-list{ + padding:20px 15px; +} +.idle-list .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.idle-list .el-table .cell{ + padding: 0 5px; +} +.idle-list .el-table{ + background: none; +} +.idle-list .el-table th, .el-table tr{ + background: none; +} +.idle-list .el-table th{ + height: 40px; + color: #ffffff; + background: #193854; + padding: 0; +} +.idle-list .el-table td{ + height: 40px; + padding: 0; + color: #a2c8f9; +} +.idle-list .el-table td, .el-table th.is-leaf{ + border: 0; +} +.idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.idle-list .el-table::before{ + background: none; +} + +.idle-list-color{ + color: #f05e35; +} + +/*预警分析*/ +.analyse-max{ + padding: 10px; +} +.analyse-min{ + height: 260px; +} +.not-data{ + height: 200px; + line-height: 200px; + text-align: center; + color: #aaaaaa; +} +.analyse-title{ + height: 40px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + background: url("../images/analyse_title.png") no-repeat left/100% 100%; +} +.analyse_title_blue{ + background: url("../images/analyse_title_blue.png") no-repeat left/100% 100%; +} +.analyse-text{ + line-height: 40px; + font-size: 16px; +} +.analyse-equipment{ + background: url("../images/analyse_icon.png") no-repeat right/15px 20px; + padding-right: 20px; + font-size: 20px; + letter-spacing: 2px; + -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, + 0 0 20px #097fca, + 0 0 30px #097fca, + 0 0 40px #097fca, + 0 0 70px #097fca, + 0 0 80px #097fca, + 0 0 100px #097fca, + 0 0 150px #097fca; + } + to { + text-shadow: 0 0 5px #097fca, + 0 0 10px #097fca, + 0 0 15px #097fca, + 0 0 20px #097fca, + 0 0 35px #097fca, + 0 0 40px #097fca, + 0 0 50px #097fca, + 0 0 75px #097fca; + } +} +.analyse-num{ + color: #a2c8f9; +} +.analyse-num span{ + font-size: 25px; + color: #f73647; + font-weight: bold; +} +.analyse-number-max{ + padding-right: 20px; + height: 164px; + overflow: auto; +} +.analyse-number-max::-webkit-scrollbar { + width: 0px; + height: 1px; +} +.analyse-number-max::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.analyse-number-max::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} + + +.analyse-num-max{ + padding: 12px 0; +} +.analyse-login-numbe{ + top: 15px; +} +.afoot-content{ + padding: 15px 15px 0; +} +.afoot-overflow{ + height: 653px; + overflow: auto; +} +.afoot-overflow::-webkit-scrollbar { + width: 0px; + height: 1px; +} +.afoot-overflow::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.afoot-overflow::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.afoot-con-for{ + padding-bottom: 20px; +} +.afoot-con-for.active{ + background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%; +} +.afoot-machinery-nam{ + font-size: 16px; + font-weight: bold; + padding:10px 0 15px; +} +.afoot-machinery-info{ + display: flex; + margin-bottom: 10px; +} +.afoot-machinery-img{ + width: 70px; + height: 70px; + background: url("../images/logo_bgd.png") no-repeat center/100% 100%; +} +.afoot-machinery-img img{ + width: 100%; + height: 100%; +} +.afoot-machinery-data{ + padding-left: 15px; + width: calc(100% - 90px); +} +.afoot-machinery-state{ + color: #f73647; + font-size: 18px; + height: 50px; + overflow: hidden; +} +.afoot-machinery-time{ + color: #7f99ba; +} +.afoot-machinery-project{ + color: #7f99ba; + padding-top: 10px; +} +.afoot-machinery-map{ + margin-top: 15px; + height: 200px; + border: 1px solid #054e85; +} + + +/*foot*/ +.foot-max{ + position: fixed; + left: 0; + bottom: -90px; + width: 100%; + height: 115px; + z-index: 5; + background: url("../images/foot_open.png") no-repeat bottom/100% 100%; + transition: bottom 0.2s; +} +.foot-min{ + +} +.foot-content{ + width: 75%; + margin: auto; +} +.foot-mouse{ + width: 200px; + height: 40px; + margin: auto; +} +.foot-content-left{ + width: 30px; + height: 50px; + margin: auto; + cursor: pointer; + background: url("../images/foot_left.png") no-repeat center/20px 40px; +} +.foot-content-right{ + width: 30px; + height: 50px; + margin: auto; + cursor: pointer; + background: url("../images/foot_right.png") no-repeat center/20px 40px; +} +.foot-content-tabs{ + width: 1250px; + height: 50px; + overflow: auto; + margin: auto; + position: relative; +} +.foot-content-tabs::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.foot-content-tabs-min{ + display: flex; + align-items: center; + padding-top: 3px; + position: absolute; + transition: left 1s; +} +.foot-tabs{ + width: 250px; + text-align: center; +} +.foot-tabs-bgd{ + margin: auto; + width: 160px; + height: 40px; + line-height: 40px; + color:#a2c8f9; + cursor: pointer; + background:url("../images/foot_btn.png") no-repeat center/100% 100%; +} +.foot-tabs-bgd.active{ + width: 200px; + height: 45px; + line-height: 45px; + font-size: 16px; + color: #ffffff; + background:url("../images/foot_btn_active.png") no-repeat center/100% 100%; +} + +/*劳务用工 公司级*/ + +/*劳务人员概况*/ +.labour-survey_content_number{ + color: #cbdaff; + font-size: 16px; + text-align: center; + padding-top: 25px; + padding-left: 0; +} +.labour-survey_content_number p{ + padding: 15px; +} +/*工种占比*/ +.chart-work-gif{ + width: 110px; + height: 110px; + position: absolute; + top: 85px; + left: 48px; + background: url("../images/run_circle.png") no-repeat center/100% 100%; +} +.labour-education{ + display: flex; + justify-content: space-between; +} +.labour-education_bgd{ + background: url("../images/education_bgd.png") no-repeat bottom/90px 60px; +} +/*预警分析*/ +.labour-warning-title{ + padding: 15px; + display: flex; + justify-content: space-around; + align-items: center; +} +.labour-warning-img{ + height: 60px; + width: 80px; + text-align: center; + background: url("../images/labour_warning_bgd.png") no-repeat center/100% 100%; +} +.labour-warning-bgd{ + padding-top: 15px; +} +.labour-warning-bgd img{ + animation: scale 1.5s infinite cubic-bezier(0, 0, .2, .2); +} +@keyframes scale { + 0% { transform: scale(1); opacity: 0.4 } + 25%{ transform: scale(1.25);opacity: 0.7 } + 50%{transform: scale(1.5); opacity: 1 } + 75%{ transform: scale(1.25);opacity: 0.7 } + 100% {transform: scale(1);opacity: 0.4} +} +.labour-warning-data{ + text-align: center; + color: #cbdaff; + font-size: 16px; +} +.labour-warning-number{ + padding-top: 10px; +} +.labour-warning-number span{ + color: #f73647; + font-weight: bold; + font-size:25px; + font-style:italic +} + +/*劳务 预警分析*/ +.labour-warning-table{ + padding: 0 10px; +} +.labour-warning-table-color{ + color: #f73647; + font-size: 16px; + font-weight: bold; +} +.labour-warning-table .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.labour-warning-table .el-table .cell{ + padding: 0 5px; +} +.labour-warning-table .el-table{ + background: none; +} +.labour-warning-table .el-table th, .el-table tr{ + background: none; +} +.labour-warning-table .el-table th{ + height: 35px; + text-align: center; + color: #cbdaff; + padding: 0; +} +.labour-warning-table .el-table td{ + height: 50px; + text-align: center; + padding: 0; + color: #ffffff; +} +.labour-warning-table .el-table td, .el-table th.is-leaf{ + border: 0; +} +.labour-warning-table .el-table .el-table__row{ + background: url("../images/text_red_bgd.png") no-repeat center/100% 35px; +} +.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.labour-warning-table .el-table::before{ + background: none; +} +.return-company-btn{ + position: absolute; + top: 30px; + left: 30px; + background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%; + width: 120px; + height: 35px; + text-align: center; + line-height: 35px; + color: #5677a2; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 99; +} +.return-company-btn:hover{ + color: #cbdaff; + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +} +.return-company-btn:active{ + color: #5677a2; +} +.return-company-btn span{ + padding-left: 5px; +} + +/*项目概况*/ +.project-number{ + padding:25px 15px 0; + display: flex; + align-items: center; + 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; + height: 105px; + position: absolute; + top: 63px; + left:61px; + background: url("../images/run_circle.png") no-repeat center/100% 100%; +} + +.project-map-bottom{ + height: 210px; + padding: 0 15px; +} +.project-analyse-title{ + width: 50%; +} +.project-expect-max{ + position: relative; + padding-top: 20px; +} +.project-expect-left{ + position: absolute; + width: 30px; + left: 0; + height: 60px; + top: 75px; + background: url("../images/foot_left.png") no-repeat center/20px 40px; +} +.project-expect-right{ + position: absolute; + width: 30px; + right: 0; + height: 60px; + top: 75px; + background: url("../images/foot_right.png") no-repeat center/20px 40px; +} +.project-expect-middle{ + width: 810px; + margin:auto; + overflow: auto; + position: relative; + height: 150px; +} +.project-expect-big{ + position: absolute; + top: 0; + transition: left 0.5s; +} +.project-expect-middle::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.project-expect-min{ + padding: 0 10px; + float: left; +} +.project-expect-list{ + width: 250px; + height: 150px; + background: url("../images/expect_list.png") no-repeat center/100% 100%; +} +.project-expect-list.active{ + background: url("../images/expect_list_active.png") no-repeat center/100% 100%; +} + +.project-expect-con{ + padding: 5px 15px; +} +.project-expect-title{ + display: flex; + align-items: center; + border-bottom: 1px solid #1c4489; + height: 30px; +} +.project-expect-title-No{ + border-bottom: 1px solid #69b9fe; + text-align: center; + line-height: 30px; +} +.project-expect-title-text{ + color: #68afef; + line-height: 30px; + height: 30px; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +.project-expect-info{ + padding: 8px 0; + font-size: 12px; + color: #c2d5f6; + line-height: 20px; +} +.project-expect-details{ + max-height: 40px; + overflow: hidden; +} +.project-expect-time{ + color: #6bb8ff; +} +.project-expect-state{ + width: 85px; + height: 23px; + background: url("../images/expect_list_zc.png") no-repeat center/100% 100%; + color: #76fefe; + text-align: center; + line-height: 23px; + font-size: 12px; +} + +.project-expect-state.state-2{ + color: #05fb05; +} + +.project-expect-list.active .project-expect-title{ + border-bottom: 1px solid #351e2e; +} +.project-expect-list.active .project-expect-title-No{ + border-bottom: 1px solid #cd4456; +} +.project-expect-list.active .project-expect-title-text{ + color: #ffffff; +} +.project-expect-list.active .project-expect-time{ + color: #cd4456 +} +.project-expect-list.active .project-expect-state{ + background: url("../images/expect_list_yc.png") no-repeat center/100% 100%; + color: #ffffff; +} + +/*项目概况 项目级*/ + +/*项目概况*/ +.company-name-max{ + padding:5px 10px; + position: relative; +} +.company-project-introduction{ + position: absolute; + display: flex; + align-items: center; + right: 10px; + top: -22px; + cursor: pointer; + font-size: 14px; + color: #c2d5f6; +} +.company-project-introduction img{ + width: 8px; + margin-left: 10px; +} +.company-name{ + display: flex; + padding:12px 5px; +} +.company-img{ + padding-top: 5px; +} +.company-img img{ + height: 35px; + width: 35px; +} +.company-info{ + width: calc(100% - 45px); + padding-left: 10px; +} +.company-title{ + color: #c2d5f6; + font-size: 14px; +} +.company-text{ + color: #50a2eb; + padding: 5px 0; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + font-size: 14px; + cursor: pointer; +} +.company-person-info{ + font-size: 14px; + color: #f79d1a; +} + +.popup-project-introduction-max{ + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0,0,0,0.5); + z-index: 2000; +} +.popup-project-introduction-min{ + width: 1000px; + height: 600px; + margin: auto; + transform: translateY(30%); + background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px; + background-repeat: no-repeat; + background-color: #002233d4; + background-size: 3px 100%, 100% 3px; + border: 1px solid transparent; + backdrop-filter: blur(1px); +} +.popup-project-introduction-con{ + padding: 0px; +} +.popup-project-introduction-title{ + + background: url("../images/map_popup_title.png") no-repeat left/100% 100%; + + display: flex; + align-items: center; + padding: 0 15px; + justify-content: space-between; +} +.popup-project-introduction-close{ + + text-align: center; + + border-radius: 50%; + cursor: pointer; +} +.popup-project-introduction-close:hover{ + background: #37536f; +} +.popup-project-introduction-details{ + padding: 18px; +} +.popup-project-introduction-info{ + height: 500px; + overflow: auto; +} +.popup-project-introduction-info::-webkit-scrollbar { + width: 10px; + height: 10px; +} +.popup-project-introduction-info::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.popup-project-introduction-info::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.popup-project-introduction-info p{ + padding: 8px 5px; + line-height: 30px; + text-indent: 2em; +} + +.modify-project-amount{ + display: flex; + justify-content: space-between; +} +.modify-btn{ + width: 50px; + text-align: center; + padding-top: 45px; +} +.modify-btn img{ + cursor: pointer; +} +.modify-content{ + width: 840px; + overflow: hidden; +} +.modify-content-overflow{ + display: flex; + align-items: center; +} + + + + +.project-introduce{ + padding: 0 15px; +} +.project-introduce-text{ + padding-left: 20px; + color: #c2d5f6; + background: url(../images/check_icon.png) no-repeat left/8px 15px; +} +.project-introduce-con{ + height:80px; + overflow: hidden; + margin-top: 10px; + color: #c2d5f6; + position: relative; +} +.project-introduce-con p{ + text-indent: 2em; + padding: 5px 0; + line-height: 25px; +} +.project-introduce-con::-webkit-scrollbar{ + width: 0px; + height: 0px; +} +.project-introduce-absolute{ + position: absolute; + width: 100%; + top: 0; + left: 0; + transition: top 0.1s; +} +.project-amount{ + padding: 10px; +} +.project-amount-bgd{ + height: 110px; + width: 260px; + background: url("../images/project_amount_bgd.png") no-repeat center/100% 100%; +} +.project-amount-con{ + padding: 20px 30px; + color: #c2d5f6; +} +.project-amount-con p{ + padding-bottom: 15px; + font-size: 16px; +} +.project-amount-con span{ + font-size: 25px; + color: #64ccff; + font-weight: bold; + font-style: italic; +} +.aerial-view-max{ + padding: 10px; +} +.aerial-view-min{ + height: 510px; +} +.aerial-view-min img{ + width: 100%; + height: 100%; +} + +/*重大节点预期预警*/ +.dangerous-max{ + padding:10px 30px; +} +.dangerous-tab{ + display: flex; + justify-content: right; + align-items: center; +} +.dangerous-tab div{ + padding: 8px 20px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + margin-left: 15px; + cursor: pointer; + color: #5388b0; +} +.dangerous-tab .active{ + color: #ffffff; + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +} +.dangerous-timeline-max{ + width: 850px; + height: 230px; + overflow-y: hidden; + overflow-x: auto; + position: relative; +} +.dangerous-timeline-max::-webkit-scrollbar { + width: 10px; + height: 10px; +} +.dangerous-timeline-max::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.dangerous-timeline-max::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.dangerous-timeline-min{ + z-index: 2; + position: absolute; +} +.dangerous-timeline-con{ + width: 200px; + padding-top: 20px; + float: left; +} +.strip-max{ + height: 6px; + background: #808992; + position: absolute; + top: 88px; + z-index: 1; +} +.strip-min{ + height: 6px; + background: #54acf4; +} +.dangerous-text{ + height: 50px; + padding: 0 20px; + text-align: center; + font-size: 16px; + line-height: 25px; + overflow: hidden; +} +.dangerous-dot{ + height: 35px; + position: relative; +} +.dangerous-dot-item{ + width: 8px; + height: 8px; + border: 3px solid #ffffff; + border-radius: 50%; + margin: auto; + position: relative; + top: 14px; +} +.dangerous-time-max{ + height: 100px; + padding: 5px 30px; + color: #b9cbe3; + position: relative; +} +.dangerous-time-min{ + padding: 5px 0; +} +.dangerous-time-nav{ + margin-top: 8px; +} +.dangerous-time-nav.active{ + color: #eeeeee; + background: url("../images/expect_list_yc.png") no-repeat center/100% 100%; +} + +/*智慧党建*/ +.carousel-padding{ + padding: 10px; +} +.carousel-max{ + position: relative; + overflow-x: hidden; + overflow-y: hidden; + margin: auto; +} +.carousel-min{ + height: 100%; + position: absolute; + transition: left 0.5s +} +.carousel-for{ + float: left; + width: 100%; + height: 100%; +} +.carousel-for > img{ + width: 100%; + height: 100%; +} +.carousel-text{ + height: 35px; + line-height: 35px; + text-align: center; + width: 100%; + position: absolute; + bottom: 0; + color: #fff; + background-color: rgba(0, 0, 0, 0.5); +} + +.carousel-left { + position: absolute; + top: 50%; + transform: translateY(-50%); + user-select: none; + cursor: pointer; + transition: left 0.1s linear; +} +.carousel-right { + position: absolute; + top: 50%; + transform: translateY(-50%); + user-select: none; + cursor: pointer; + transition: right 0.1s linear; +} + +/*党建视频*/ +.carousel-padding video{ + width: 100%; + height: 520px; +} +.video-img{ + width: 100%; + height: 520px; +} +.video-nav{ + display: flex; + padding:15px 10px; +} +.video-nav-btn{ + background: #420200; + padding: 10px 15px; + color: #e67b71; + margin-right: 15px; + cursor: pointer; + border-radius: 5px; +} +.video-nav-btn.active{ + background: #b34039; + color: #ffffff; +} +.video-nav-btn:hover{ + background: #972321; + color: #f1bdb9; +} +.video-nav-btn.active:hover{ + background: #b34039; + color: #ffffff; +} + +/*媒体聚焦*/ +.party-list{ + padding:20px 15px; +} +.party-list .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.party-list .el-table .cell{ + padding: 0 5px; +} +.party-list .el-table{ + background: none; +} +.party-list .el-table th, .el-table tr{ + background: none; +} +.party-list .el-table th{ + height: 50px; + color: #ffffff; + padding: 0 10px; +} +.party-list .el-table td{ + height: 50px; + color: #ffffff; + padding: 0; +} +.party-list .el-table td .cell{ + height: 35px; + line-height:35px; + padding:0 10px; + background: rgba(66,0 ,0 ,0.7); + letter-spacing: 1px; + +} +.party-list .el-table td, .el-table th.is-leaf{ + border: 0; +} +.party-list .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.party-list .el-table::before{ + background: none; +} +.party-list-color{ + color:#edaa46; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; +} + +/*安全管理*/ +/*当日预警信息*/ +.safe-day-table .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.safe-day-table .el-table .cell{ + padding: 0 5px; +} +.safe-day-table .el-table{ + background: none; +} +.safe-day-table .el-table th, .el-table tr{ + background: none; +} +.safe-day-table .el-table th{ + height: 50px; + text-align: center; + color: #1ce7ff; +} +.safe-day-table .el-table td{ + height: 55px; + text-align: center; + padding: 0; +} +.safe-day-table .el-table td, .el-table th.is-leaf{ + border: 0; +} +.safe-day-table .el-table .el-table__row{ + background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px; +} +.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; + color: #ffffff; +} +.safe-day-table .el-table::before{ + background: none; +} + +.map-foot-max{ + height: 150px; + display: flex; + align-items: center; + justify-content: space-evenly; +} +.map-foot-min{ + display: flex; + align-items: center; + justify-content: center; +} +.map-foot-con{ + padding-left: 10px; + color:#b9cbe3; +} +.map-foot-con p{ + padding-bottom: 10px; +} +.map-foot-num span{ + font-size: 25px; + font-weight: bold; + font-style: italic; +} +.map-icon-color-1{ + color: #71b3f0; +} +.map-icon-color-2{ + color: #c1b762 ; +} +.map-icon-color-3{ + color: #7874e3; +} +.map-foot-min img{ + width: 84px; + height: 66px; + animation: safe 3s infinite; + -webkit-animation: safe 3s infinite; +} +@keyframes safe { + 0% { + transform: translate(0px, -10px); + } + 50% { + transform: translate(0px, 10px); /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, -10px); + } +} + +/*安全管理 项目级 塔机*/ + +/*监控列表*/ +.list-max{ + padding: 10px 0; +} +.list-min{ + height: 630px; + overflow: auto; + position: relative; +} + +.list-min::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.list-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.list-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.list-for{ + padding: 15px 0; + border-bottom: 1px dashed #3da2ff; +} +.list-con{ + padding: 15px; + cursor: pointer; +} +.list-con.active{ + background: url("../images/list_bgd.png") no-repeat center/100% 100%; +} +.list-top{ + display: flex; + align-items: center; +} +.list-img{ + height: 70px; + width: 70px; + text-align: center; + line-height: 70px; + background: url("../images/list_img_icon.png") no-repeat bottom/100% 45px; +} +.list-img img{ + animation: listImg 3s infinite; + -webkit-animation: listImg 3s infinite; +} +@keyframes listImg { + 0% { + transform: translate(0px, 0px); + } + 50% { + transform: translate(0px, 15px); /* 可配置跳动方向 */ + } + 100% { + transform: translate(0px, 0px); + } +} +.list-info{ + padding-left: 15px; +} +.list-info-name{ + padding: 7px 0 ; + font-size: 16px; +} +.list-info-name span{ + color: #8accff; +} +.list-info-name .list-info-state{ + color: #f3ba4f; +} +.list-info-name .list-info-state.active{ + color: #61f1be; +} +.list-bottom{ + padding: 10px 0; + color: #a5d3eb; +} +.list-details{ + padding: 8px 0; +} +.list-time{ + color: #429fff; +} + +.sf-big-title{ + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.monitor-max{ + height: 240px; + position: relative; +} +.sf-speed-data-chart{ + width: 50px; + height: 250px; + margin: auto; +} +.sf-speed-data-chart div{ + width: 100%; + height: 10px; + margin-top: 14px; + background: #0b204f; + border-radius: 2px; +} +.sf-speed-data-chart .activation{ + background: #2e8cfe; +} +.sf-speed-data-chart .warning{ + background: #fead38; +} +.sf-speed-data-chart .police{ + background: #ff4e4e; +} +.monitor-left{ + position: absolute; + height: 240px; + width:70px; + top: -5px; + left: 5px; + color: #a1d4e7; +} +.monitor-right{ + position: absolute; + height: 250px; + top: -10px; + left: 140px; + +} +.monitor-police{ + position: absolute; + 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; + bottom: 0; + width: 70px; + text-align: right; +} +.monitor-data{ + color: #88c9ff; + width: 70px; + position: absolute; + top: 100px; + text-align: center; +} +.warning-data{ + color: #fead38; +} +.police-data{ + color: #ff4e4e !important; +} + +.monitor-data span{ + font-weight: bold; + font-size: 18px; +} + +.safe-height{ + height:660px; +} +.safe-small{ + height: 120px; +} +.safe-small-title{ + background: url("../images/small_title.png") no-repeat center/100% 100%; + padding: 5px 0 5px 20px; +} +.safe-small-content{ + display: flex; + align-items: center; + justify-content:space-around; +} +.safe-small-details{ + padding: 10px; + font-size: 16px; +} +.safe-small-details p{ + color: #429fff; + padding: 10px 0 15px; +} +.safe-small-details span{ + color: #8bcdff; + font-size: 20px; + font-weight: bold; +} +.safe-afoot-content{ + padding:30px 20px; +} +.safe-afoot-overflow{ + height: 200px; +} +.safe-afoot-machinery-nam{ + padding:15px 0 20px; +} +/*力矩曲线*/ +.safe-moment{ + padding: 15px 0; +} + + +.safe-tower-crane-max{ + padding: 10px; +} +.safe-tower-crane-min{ + +} +.safe-tower-left{ + height: 500px; + cursor: pointer; + background:url("../images/safe_tower_left.png") no-repeat center/100% 70%; +} +.safe-tower-left:hover{ + background:url("../images/safe_tower_left_a.png") no-repeat center/100% 80%; +} +.safe-tower-left:active{ + background:url("../images/safe_tower_left_a.png") no-repeat center/100% 75%; +} +.safe-tower-right{ + height: 500px; + cursor: pointer; + background:url("../images/safe_tower_right.png") no-repeat center/100% 70%; +} +.safe-tower-right:hover{ + background:url("../images/safe_tower_right_a.png") no-repeat center/100% 80%; +} +.safe-tower-right:active{ + background:url("../images/safe_tower_right_a.png") no-repeat center/100% 75%; +} +.safe-tower-content-max{ + position: relative; + width: 770px; + height: 500px; + margin: auto; + overflow: hidden; +} +.safe-tower-content{ + position: absolute; + width: 100%; + transition: left 0.5s +} +.safe-tower-content-title{ + text-align: center; + padding-top: 20px; +} +.safe-tower-content-title span{ + padding: 10px 35px; + font-size: 16px; + background: url("../images/safe_tower_name_bgd.png") no-repeat center/100% 100%; +} +.safe-tower-content-data{ + padding: 60px 0; +} +.safe-tower-content-data-list{ + color: #b9cbe3; + font-size: 16px; + padding: 17px 5px; +} +.safe-tower-content-data-list p{ + padding-bottom: 15px; +} +.safe-tower-content-data-list span{ + color: #429fff; + font-weight: bold; + font-size: 20px; +} +.safe-tower-content-data-list-time span{ + font-size: 14px; +} +.safe-tower-icon{ + width: 577px; + position: relative; +} + +.sf-equipment-overview-bgd{ + height: 320px; + width: 500px; + background: url("../images/tower_crane.png") no-repeat center/100% 100%; + position: relative; + margin: auto; +} +.sf-legend{ + position: absolute; + padding: 10px; + top: -5px; + right: 0; + display: flex; +} +.sf-legend div{ + padding:5px 10px; +} +.sf-slider-track{ + position: absolute; + z-index: 9; +} +.sf-slider-track-min{ + position: absolute; + width: 16px; +} +.sf-slider{ + width: 16px; + height: 8px; + background:#f0b334; + position: absolute; +} +.sf-towrope{ + width: 10px; + height:200px; + border-left: 2px solid #f0b334; + border-right: 2px solid #f0b334; + margin: auto; +} +.sf-hook{ + width: 16px; + height: 30px; + background: url("../images/drag_hook.png") no-repeat center/100% 100%; +} +.circular{ + position: absolute; + width: 120px; + height: 120px; + bottom: 15px; + right: 15px; + background: url("../images/circular.png") no-repeat center/100% 100%; +} +.needle{ + width: 100%; + height: 100%; + background: url("../images/needle.png") no-repeat center/100% 100%; + transform:rotate(0deg); +} +.dot-track{ + width: 35px; + height: 12px; + right: 12px; + position: absolute; + top: 54px; +} +.dot{ + width: 12px; + height: 12px; + border-radius: 50%; + background: #f0b334; + position: absolute; +} + + + +/*深基坑*/ +.sjk-info{ + padding:20px 10px; + font-size: 14px; +} +.company-sjk-name{ + padding: 20px 0; +} +.company-sjk-name img{ + width: 40px; + height: 40px; +} +.company-sjk-text{ + color: #50a2eb; +} +.sjk-icon-max{ + padding: 5px 0 5px; + position: relative; +} +.sjk-img-min{ + text-align: center; + height: 600px; + position: relative; +} +.sjk-img img{ + +} +.sjk-icon-legend{ + position: absolute; + height: 50px; + background: rgba(0,0,0,0.7); + width: 99%; + bottom: 0; + left: 0.5%; + display: flex; + justify-content: space-between; + align-items: center; +} +.sjk-icon-legend-color{ + display: flex; + align-items: center; +} +.sjk-icon-legend-color-list{ + display: flex; + align-items: center; + padding: 0 15px; + cursor: pointer; +} +.sjk-icon-legend-color-list-box{ + width: 15px; + height: 15px; + margin-right: 10px; +} +.sjk-icon-legend-color-list-text{ + font-size: 16px; +} +.box-green{ + background: #7dc57b; +} +.box-red{ + background: #d44645; +} +.box-orange{ + background: #eeb532; +} +.box-blue{ + background: #1890ff; +} +.box-grey{ + background: #9da4b4; +} +.sjk-icon-legend-right{ + display: flex; + align-items: center; + justify-content: right; + font-size: 16px; +} +.sjk-icon-legend-right img{ + width: 25px; + height: 25px; + margin-right: 5px; +} +.sjk-icon-legend-right-icon{ + display: flex; + align-items: center; + padding:0 15px; + cursor: pointer; + color: #63c8ff; +} +.sjk-legend-filter{ + filter: grayscale(100%); +} +.sjk-icon-spot img{ + position: absolute; + width: 30px; + height: 36px; +} +.sjk-icon-spot img:hover{ + width: 40px; + height: 48px; + z-index: 1; +} + +/*点位图弹窗*/ +.sjk-popup{ + width: 400px; + background: url('../images/map_sjk_popup_bgd.png') no-repeat center/100% 100%;font-size: 14px; + position: fixed; + z-index: 100; +} +.sjk-popup-content{ + padding: 8px 3px +} +.sjk-popup-title{ + padding: 8px; + color: #ffffff; + font-size: 16px; + background: url('../images/map_popup_title.png') no-repeat left/100% 100%; +} +.sjk-popup-time{ + padding: 10px; + color: #3da2ff; +} +.sjk-popup-table{ + text-align: center; + padding: 0 8px; +} +.sjk-popup-table table{ + width: 100%; +} +.sjk-popup-table table th{ + background: #193d7d; + padding: 5px 0; +} +.sjk-popup-table table td{ + padding: 10px 0; + color: #c8dbfc; + font-size: 16px; +} +.sjk-popup-table table td:nth-child(2){ + color: #4fb5fd; +} +.sjk-popup-table table td:nth-child(3){ + color: #ff7a00 ; +} +.sjk-popup-table table td:nth-child(4){ + color: #fb3b48; +} +.sjk-off-line{ + height: 150px; + line-height: 150px; + text-align: center; + color: #999999; +} + + + + + + + + +/*近15天变化趋势*/ +.sjk-chart-line{ + position: relative; +} +.sjk-chart-line-title{ + display: flex; + padding: 15px 20px; +} +.sjk-chart-line-title div{ + padding: 5px 20px; + 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{ + 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%; +} +.sjk-afoot-overflow{ + height: 325px; +} +.sjk-chart-line-legend{ + width: 80%; + position: absolute; + top: 5px; + right: 0; + text-align: right; + z-index: 9999; +} +.sjk-chart-line-legend button{ + padding: 5px 15px; + background: none; + cursor: pointer; + border: 0; + color: #50a1db; + margin: 5px; +} +.sjk-chart-line-legend button.active{ + color: #ffffff; +} +.sjk-chart-line-legend label{ + padding:1px 8px; + border-radius: 50%; + margin-right: 10px; +} +.trend-chart-max{ + padding: 0 10px; +} + +/*环境管理*/ +.hj-afoot-overflow{ + height: 590px; +} +.equipment-list-max{ + padding: 20px; +} +.equipment-list-min{ + padding: 25px 0 25px 20px; + display: flex; + align-items: center; +} +.equipment-list-gif{ + width: 70px; + height: 70px; + background: url(../images/hj_gif.gif) no-repeat center/100% 100%; + text-align: center; +} +.equipment-list-gif img{ + width: 40px; + height: 40px; + transform: translateY(35%); + +} +.equipment-list-data{ + padding-left: 15px; + color: #c0dafb; + font-size: 16px; +} +.equipment-list-data div{ + padding-top: 10px; +} +.equipment-list-data span{ + font-size: 28px; + font-weight: bold; + padding-right: 5px; + color: #82c9ff; +} + +/*环境管理 项目页面*/ +.current-value-max{ + padding: 20px; +} +.current-value-min{ + padding: 20px; +} +.current-value-con{ + padding: 30px 40px; + background: url("../images/current_value_bgd.png") no-repeat center/100% 100%; + display: flex; + align-items: center; +} +.current-value-img{ + height: 90px; + width: 90px; + background: url("../images/education_bgd.png") no-repeat center/100% 100%; + text-align: center; +} +.current-value-img img{ + width: 50px; + height: 50px; + -webkit-animation: icon 3s infinite; +} +.current-value-img-small img{ + width: 35px; + height: 35px; +} +.current-value-data{ + color: #c0dafb; + font-size: 18px; + padding-left: 40px; +} +.current-value-data p{ + padding-top: 15px; + font-size: 28px; + font-weight: bold; + color: #ffffff; +} +.hj-moment-max{ + padding: 15px; +} +.hj-moment-max table{ + height: 310px; +} +.hj-moment-max td{ + padding: 0 5px; + font-size: 16px; + color: #aaaaaa; +} +.hj-moment-max td:first-child{ + width: 24%; + text-align: right; + color: #c0dafb; +} +.hj-moment-choice{ + display: flex; + align-items: center; +} +.hj-moment-select{ + width: 70%; +} +.hj-moment-state{ + padding: 0 10px; +} +.state-tag{ + height: 33px; + width: 60px; + line-height: 33px; + text-align: center; +} +.state-zx{ + color: #3eb11e; + background: url("../images/state_bgd.png") no-repeat center/100% 100%; +} +.state-lx{ + color: #eeb532; + background: url("../images/state_lx_bgd.png") no-repeat center/100% 100%; +} + +.hj-moment-blue{ + color: #559adf; +} +.hj-moment-green{ + color: #41b026; +} +.hj-moment-orange{ + color: #eeb532; +} + + + + +.select-max{ + position: relative; +} +.select-input{ + height: 35px; + padding-left: 10px; + 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; + background: 0; + border: 0; + outline: 0; + color: #1ce7ff; + cursor: pointer; + overflow: hidden; + white-space:nowrap; + 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; +} +.select-option{ + list-style: none; + width: 100%; + position: absolute; + max-height: 250px; + border: 1px solid #05556b; + background: #00092a; + overflow: auto; + color: #02a6ff; + border-radius: 3px; + z-index: 9999; +} +.select-option::-webkit-scrollbar { + width: 10px; + height: 1px; +} +.select-option::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.select-option::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.select-option li{ + padding:12px 10px; + cursor: pointer; +} +.select-option li:hover{ + background: #031348; + color: #1ce7ff; +} + +.el-carousel__indicators--horizontal{ + top: 0; +} +.el-carousel__button{ + width: 15px; +} + +/*视频管理*/ +.video-list-max{ + padding: 10px; +} +.video-list-min{ + height: 920px; + overflow: auto; + padding-right: 5px; +} +.video-list-min::-webkit-scrollbar { + width: 5px; + height: 1px; +} +.video-list-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.video-list-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.video-list-for{ + padding: 5px 0; +} +.video-list-title{ + height: 40px; + background: url("../images/video_list_title.png") no-repeat center/100% 100%; + line-height: 40px; + padding:0 10px; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + cursor: pointer; +} +.video-list-ul{ + list-style: none; + padding: 5px 0; +} +.video-list-ul li{ + padding: 10px 0; + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + position: relative; + cursor: pointer; + color: #c0dafb; +} +.video-list-ul .active{ + color: #3da2ff; +} +.video-list-ul li:hover{ + color: #67afee ; +} +.video-list-ul .active:hover{ + color: #3da2ff; +} +.video-list-ul li button{ + padding: 3px; + position: relative; + top: -5px; +} +.video-state-zx{ + background: #119f1b; +} +.video-state-lx{ + background: #e70b0b; +} +.video-enlarge-max{ + padding: 15px; +} +.video-enlarge-title{ + display: flex; + align-items: center; + justify-content: space-between; + height: 30px; + padding:0 10px 0 20px; + line-height: 30px; + background: url("../images/video_title.png") no-repeat left/180px 22px; +} +.video-enlarge-content{ + margin-top: 15px; + background: rgba(0,0,0,0.5); + height: 905; + z-index: 999999; +} +.video-enlarge-content video{ + width: 100%; + height: 890px; +} +.video-enlarge-content img{ + width: 100%; + height: 890px; +} +.video-enlarge-title-right{ + display: flex; + align-items: center; +} +.video-enlarge-title-right{ + display: flex; + justify-content: right; + align-items: center; +} +.video-enlarge-title-right div{ + padding: 2px 15px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + margin-left: 15px; + cursor: pointer; + color: #5388b0; +} +.video-enlarge-title-right .active{ + color: #ffffff; + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +} +.video-vehicle-table{ + padding: 15px 0; +} +.video-vehicle-table .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.video-vehicle-table .el-table .cell{ + padding: 0 5px; +} +.video-vehicle-table .el-table{ + background: none; +} +.video-vehicle-table .el-table th, .el-table tr{ + background: none; +} +.video-vehicle-table .el-table th{ + color: #67baff; + padding:10px 25px ; +} +.video-vehicle-table .el-table td{ + padding:10px 15px; + color: #a2c8f9; +} +.video-vehicle-table .el-table td, .el-table th.is-leaf{ + border: 0; +} +.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.video-vehicle-table .el-table::before{ + background: none; +} + +.vehicle-number{ + padding: 8px 15px; + background: url("../images/dangerous.png") no-repeat center/100% 100%; + width: 90%; + margin: auto; +} +.vehicle-jin-img-max{ + padding: 10px; +} +.vehicle-jin-img-bgd{ + width: 180px; + height: 180px; + background: #062247 url("../images/no_picture.png") no-repeat center/80px 80px; + border-radius: 5px; +} +.vehicle-jin-img-bgd img{ + width: 100%; + height: 100%; +} +.vehicle-time{ + height: 40px; + text-align: center; + line-height: 40px; +} +.video-vehicle-census{ + height: 60px; + display: flex; + align-items: center; + justify-content: center; +} +.video-vehicle-census div{ + padding: 0 20px; + color: #c0dafb; +} +.video-vehicle-census div span{ + font-size: 25px; + color: #67baff; + padding: 0 10px; +} + +/*劳务用工人员定位*/ +.baidu-map{ + width: 1920px; + height: 1080px; + background: #3da2ff; + position: fixed; +} +.people-head{ + position: absolute; + top: 0; + left: 0; + width: 1920px; + z-index: 111; +} +.people-left{ + position: absolute; + top: 90px; + left: 20px; + width: 400px; + background: rgba(0,0,0,0.5); + z-index: 10; + padding: 10px; + +} +.people-right{ + position: absolute; + top: 90px; + right: 20px; + width: 400px; + background: rgba(0,0,0,0.5); + z-index: 10; + padding: 10px; +} +.people-search{ + padding: 0 15px; + height: 45px; + background: url("../images/input_search.png") no-repeat center/100% 100%; +} +.people-search input{ + border: 0; + outline: 0; + background: url("../images/search.png") no-repeat right/20px 20px; + width: 100%; + height: 100%; + color: #3da2ff; + font-size: 16px; +} +.people-search input::-webkit-input-placeholder{ + color: #446079; +} +.people-list-min{ + height: 660px; +} +.people-list-con{ + cursor: pointer; + padding: 15px 5px; +} +.people-list-con.active{ + background: url("../images/list_bgd.png") no-repeat center/100% 100%; +} +.people-list-img{ + height: 70px; + width: 70px; + text-align: center; + background: url("../images/warning_renyuan.png") no-repeat bottom/100% 100%; +} + +.people-list-img img{ + width: 100% ; + height: 100%; +} +.people-list-top{ + display: flex; + align-items: center; + padding-bottom: 15px; + position: relative; + background: url("../images/Line.png") no-repeat bottom/100% 2px; +} +.people-list-state{ + padding: 0 5px; + border-radius: 10px 0 10px 0; + background: #3eb11e; + font-size: 14px; + color: #ffffff; + position: absolute; + right: 15px; +} +.baidu-people-list-state{ + right: 5px; + font-size: 12px; +} +.people-list-state.active{ + background: #888888; +} +.people-info-name{ + padding: 7px 0 ; + font-size: 16px; + display: flex; + align-items: center; +} +.list-info .people-info-work{ + color: #3da2ff; + font-size: 14px; +} +.people-info-name{ + padding: 7px 0 ; + font-size: 16px; +} +.people-info-action{ + color: #3eb11e; +} +.people-info-action.active{ + color: #d7220b; +} +.people-battery-max{ + display: flex; + align-items: center; +} +.people-battery-bgd{ + width: 30px; + height: 15px; + background: url("../images/battery.png") no-repeat center/100% 100%; +} +.people-battery-bgd.active{ + background: url("../images/battery_red.png") no-repeat center/100% 100%; +} +.people-battery-padding{ + width: 24px; + height: 11px; + padding: 2px 4px 2px 2px; +} +.people-battery{ + background: #3eb11e; + height: 100%; +} +.people-battery.active{ + background: #d7220b; +} +.people-battery-value{ + padding:0 10px; + color: #3eb11e; +} +.people-battery-value.active{ + color:#d7220b; +} +.people-info-address{ + color: #429fff; + background: url("../images/address_dw.png") no-repeat left/14px 16px; + padding-left: 18px; +} + +.people-company-btn{ + position: absolute; + top: 100px; + left: 470px; + background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%; + width: 120px; + height: 35px; + text-align: center; + line-height: 35px; + color: #5677a2; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 99; +} +.people-company-btn:hover{ + color: #cbdaff; + background: url("../images/dangerous_active.png") no-repeat center/100% 100%; +} +.people-company-btn:active{ + color: #5677a2; +} +.people-company-btn span{ + padding-left: 5px; +} + + +/*人员定位弹窗*/ +.popup-people-max{ + width: 280px; + height: 300px; + background: url('../images/map_popup_bgd.png') no-repeat center/100% 100%; + font-size: 14px; +} +.popup-people-max.active{ + background: url('../images/map_popup_red_bgd.png') no-repeat center/100% 100%; +} +.popup-people-min{ + padding:20px 15px; +} +.popup-list-details span{ + color: #027ae7; +} +.popup-list-details{ + padding: 5px 0; + font-size: 14px; +} +.popup-people-info-address{ + background: rgba(2,122,231,0.2); + padding: 10px; + font-size: 14px; +} +.popup-people-info-address.active{ + background: rgba(243, 3, 3, 0.4); +} +.popup-people-info-address.active .people-info-address{ + color: #ffffff; + background: url("../images/address_dw_red.png") no-repeat left/14px 16px; +} +.popup-people-info-name{ + color: #ffffff; +} + + +/*质量管理公司级*/ +.quality-target-max{ + padding:15px 10px; +} +.quality-target-min{ + padding:15px 10px; + display: flex; + align-items: flex-start; +} +.quality-target-img{ + width: 50px; + height: 50px; + padding-top: 10px; +} +.quality-target-img img{ + width: 100%; + height: 100%; +} +.quality-target-con{ + width: calc(100% - 65px); + padding-left: 15px; +} +.quality-target-title{ + padding: 3px 0; + color: #c0dafb; +} +.quality-target-info{ + padding: 3px 0; + overflow: hidden; + 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; +} +.quality-target-index-min{ + padding: 15px 0 15px 20px; +} + +.quality-dynamic-max{ + padding: 10px 10px 0; +} +.quality-dynamic-min{ + padding: 0 5px; + height: 655px; + overflow: auto; +} +.quality-dynamic-min::-webkit-scrollbar { + width: 0px; + height: 1px; +} +.quality-dynamic-min::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #192c64; +} +.quality-dynamic-min::-webkit-scrollbar-track { + border-radius: 10px; + background: #010b2d; +} +.quality-dynamic-for{ + padding: 10px; +} +.quality-dynamic-for.active{ + background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%; +} +.quality-dynamic-content{ + display: flex; + align-items: center; +} +.quality-dynamic-img{ + width: 90px; + height: 90px; + background: url("../images/logo_bgd.png") no-repeat center/100% 100%; +} +.quality-dynamic-img img{ + width: 100%; + height: 100%; + border-radius: 3px; +} +.quality-dynamic-info{ + padding-left: 20px; + width: calc(100% - 110px); +} +.quality-dynamic-top{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 7px 0; +} +.quality-dynamic-item{ + overflow: hidden; + white-space:nowrap; + text-overflow:ellipsis; + 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; + line-height: 25px; + overflow: hidden; + color: #c0dafb; +} +.quality-dynamic-time{ + color: #999999; +} +.quality-dynamic-state{ + border: 1px solid #44ad1f; + padding: 1px 10px; + background: rgba(68,173,31,0.3); + border-radius: 3px; + color: #44ad1f; +} +.quality-dynamic-state.active{ + border: 1px solid #ff9000; + padding: 1px 10px; + background: rgba(255,144,0,0.3); + border-radius: 3px; + color: #ff9000; +} +.quality-button{ + justify-content: right; +} +.quality-table{ + padding: 0 15px; +} +.quality-table .el-table__body-wrapper::-webkit-scrollbar { + width: 0px; + height: 0px; +} +.quality-table .el-table .cell{ + padding: 0 5px; +} +.quality-table .el-table{ + background: none; +} +.quality-table .el-table th, .el-table tr{ + background: none; +} +.quality-table .el-table th{ + height: 35px; + text-align: center; + color: #cbdaff; + padding: 0; +} +.quality-table .el-table td{ + height: 60px; + text-align: center; + padding: 0; + color: #ffffff; +} +.quality-table .el-table td, .el-table th.is-leaf{ + border: 0; +} +.quality-table .el-table .el-table__body-wrapper tr:hover{ + background-color: #409eff52; +} +.quality-table .el-table .el-table__row:nth-child(odd){ + background: url("../images/long_tr_bgd.png") no-repeat center/100% 55px; +} +.quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{ + background: none !important; +} +.quality-table .el-table::before{ + background: none; +} +.quality-table .el-table__footer-wrapper tbody td.el-table__cell{ + background: none ; + color: #fff ; + font-weight: bold; + font-size:16px; + border-bottom: solid 1px rgba(60, 170, 255, 0.3); +} + + + +.ai-video-entrance-max{ + padding: 10px; +} +.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; +} +.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; + top: 30px; + left: 0; + z-index: 9999; +} +.header-btn-list-arrow{ + height: 20px; + width: 105px; + text-align: center; + position: relative; + background: url("../images/arrow.png") no-repeat center/30px 18px; + z-index: 99; +} +.header-btn-list-arrow-active{ + height: 20px; + width: 105px; + text-align: center; + position: relative; + background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px; + z-index: 99; +} +.header-btn-list-item{ + top: -3px; + position: relative; + border: 2px solid #2258a2; + background: rgba(2, 18, 56, 0.9); + border-radius: 5px; +} +.header-btn-list-item-active{ + top: -3px; + position: relative; + border: 2px solid #df5567; + background: rgba(100, 20, 23); + border-radius: 5px; +} +.header-btn-list-padding{ + padding: 8px; +} +.header-btn-list-padding button{ + margin: 10px; + height: 35px; + background: #142c6a; + color: #738fb4; + width: 110px; + border: 0; + outline: 0; + cursor: pointer; + font-size: 15px; +} + +.header-btn-list-padding-red button{ + margin: 10px; + height: 35px; + background: #910000; + color: #c16363; + width: 110px; + border: 0; + outline: 0; + cursor: pointer; + font-size: 15px; +} +.header-btn-list-padding button:hover{ + color: #63baff; + background: #15388f; +} +.header-btn-list-padding button.active{ + background:url("../images/btn_nav.png") no-repeat center/100% 100%; + color: #ffffff; +} +.header-btn-list-padding-red button.actives{ + background:url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%; + color: #ffffff; +} + +.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-bottom-max{ + position: absolute; + width: calc(100% - 1000px); + left: 500px; + bottom: 10px; + text-align: center; +} +.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-bottom-img{ + position: absolute; + margin-left:-50px; + top:-20px; +} +.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; +} + +.el-select .el-input__inner{ + background: transparent; + color: #fff; + border:solid 1px #409eff66; + line-height: 30px; + height: 30px; + border-radius: 4px !important; +} +.el-select .el-input__icon{ + line-height: 30px; +} + +.el-select:hover .el-input__inner, .el-select .el-input__inner:focus{ + border:solid 1px #409effaa; +} \ No newline at end of file diff --git a/yanzhu-bigscreen/src/api-old/costOut/index.js b/yanzhu-bigscreen/src/api-old/costOut/index.js index 02309b01..81ed38a3 100644 --- a/yanzhu-bigscreen/src/api-old/costOut/index.js +++ b/yanzhu-bigscreen/src/api-old/costOut/index.js @@ -133,7 +133,6 @@ const selectForBigEnginList=data=>{ method: 'post', data:data }).then(d=>{ - debugger let data=d.data; let names=[]; for(let k in data){ diff --git a/yanzhu-bigscreen/src/assets/icons/index.js b/yanzhu-bigscreen/src/assets/icons/index.js new file mode 100644 index 00000000..275c6f62 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/index.js @@ -0,0 +1,13 @@ + +import Vue from "vue"; +import SvgIcon from "@/components/SvgIcon"; // 对应上一步骤中的组件位置，注意@components需要在vue.config.js中配置别名 + +// 全局注册svg组件 +Vue.component("svg-icon", SvgIcon); +// 工程化导入svg图片 +const req = require.context("./svg", false, /\.svg$/); +// 定义一个加载目录的函数 +const requireAll = (requireContext) => + requireContext.keys().map(requireContext); +// 加载目录下的所有svg文件 +requireAll(req); diff --git a/yanzhu-bigscreen/src/assets/icons/svg/404.svg b/yanzhu-bigscreen/src/assets/icons/svg/404.svg new file mode 100644 index 00000000..6df50190 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/area.svg b/yanzhu-bigscreen/src/assets/icons/svg/area.svg new file mode 100644 index 00000000..99c0c213 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/area.svg @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/bug.svg b/yanzhu-bigscreen/src/assets/icons/svg/bug.svg new file mode 100644 index 00000000..05a150dc --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/bug.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/build.svg b/yanzhu-bigscreen/src/assets/icons/svg/build.svg new file mode 100644 index 00000000..97c46886 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/build.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/button.svg b/yanzhu-bigscreen/src/assets/icons/svg/button.svg new file mode 100644 index 00000000..904fddc8 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/button.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/cascader.svg b/yanzhu-bigscreen/src/assets/icons/svg/cascader.svg new file mode 100644 index 00000000..e256024f --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/cascader.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/chart.svg b/yanzhu-bigscreen/src/assets/icons/svg/chart.svg new file mode 100644 index 00000000..27728fb0 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/chart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/checkbox.svg b/yanzhu-bigscreen/src/assets/icons/svg/checkbox.svg new file mode 100644 index 00000000..013fd3a2 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/checkbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/clipboard.svg b/yanzhu-bigscreen/src/assets/icons/svg/clipboard.svg new file mode 100644 index 00000000..90923ff6 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/clipboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/color.svg b/yanzhu-bigscreen/src/assets/icons/svg/color.svg new file mode 100644 index 00000000..44a81aab --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/component.svg b/yanzhu-bigscreen/src/assets/icons/svg/component.svg new file mode 100644 index 00000000..29c34580 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/component.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/dashboard.svg b/yanzhu-bigscreen/src/assets/icons/svg/dashboard.svg new file mode 100644 index 00000000..5317d370 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/dashboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/date-range.svg b/yanzhu-bigscreen/src/assets/icons/svg/date-range.svg new file mode 100644 index 00000000..fda571e7 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/date-range.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/date.svg b/yanzhu-bigscreen/src/assets/icons/svg/date.svg new file mode 100644 index 00000000..52dc73ee --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/date.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/dict.svg b/yanzhu-bigscreen/src/assets/icons/svg/dict.svg new file mode 100644 index 00000000..48493773 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/dict.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/documentation.svg b/yanzhu-bigscreen/src/assets/icons/svg/documentation.svg new file mode 100644 index 00000000..70431228 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/documentation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/drag.svg b/yanzhu-bigscreen/src/assets/icons/svg/drag.svg new file mode 100644 index 00000000..4185d3ce --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/drag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/druid.svg b/yanzhu-bigscreen/src/assets/icons/svg/druid.svg new file mode 100644 index 00000000..a2b4b4ed --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/druid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/edit.svg b/yanzhu-bigscreen/src/assets/icons/svg/edit.svg new file mode 100644 index 00000000..d26101f2 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/edit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/education.svg b/yanzhu-bigscreen/src/assets/icons/svg/education.svg new file mode 100644 index 00000000..7bfb01d1 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/education.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/email.svg b/yanzhu-bigscreen/src/assets/icons/svg/email.svg new file mode 100644 index 00000000..74d25e21 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/example.svg b/yanzhu-bigscreen/src/assets/icons/svg/example.svg new file mode 100644 index 00000000..46f42b53 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/example.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/excel.svg b/yanzhu-bigscreen/src/assets/icons/svg/excel.svg new file mode 100644 index 00000000..74d97b80 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/excel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/exit-fullscreen.svg b/yanzhu-bigscreen/src/assets/icons/svg/exit-fullscreen.svg new file mode 100644 index 00000000..485c128b --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/exit-fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/eye-open.svg b/yanzhu-bigscreen/src/assets/icons/svg/eye-open.svg new file mode 100644 index 00000000..88dcc98e --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/eye-open.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/eye.svg b/yanzhu-bigscreen/src/assets/icons/svg/eye.svg new file mode 100644 index 00000000..16ed2d87 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/form.svg b/yanzhu-bigscreen/src/assets/icons/svg/form.svg new file mode 100644 index 00000000..dcbaa185 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/form.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/fullscreen.svg b/yanzhu-bigscreen/src/assets/icons/svg/fullscreen.svg new file mode 100644 index 00000000..0e86b6fa --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/github.svg b/yanzhu-bigscreen/src/assets/icons/svg/github.svg new file mode 100644 index 00000000..db0a0d43 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/guide.svg b/yanzhu-bigscreen/src/assets/icons/svg/guide.svg new file mode 100644 index 00000000..b2710017 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/guide.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/icon.svg b/yanzhu-bigscreen/src/assets/icons/svg/icon.svg new file mode 100644 index 00000000..82be8eee --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/input.svg b/yanzhu-bigscreen/src/assets/icons/svg/input.svg new file mode 100644 index 00000000..ab91381e --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/input.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/international.svg b/yanzhu-bigscreen/src/assets/icons/svg/international.svg new file mode 100644 index 00000000..e9b56eee --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/international.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/job.svg b/yanzhu-bigscreen/src/assets/icons/svg/job.svg new file mode 100644 index 00000000..2a93a251 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/job.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/language.svg b/yanzhu-bigscreen/src/assets/icons/svg/language.svg new file mode 100644 index 00000000..0082b577 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/language.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/link.svg b/yanzhu-bigscreen/src/assets/icons/svg/link.svg new file mode 100644 index 00000000..48197ba4 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/list.svg b/yanzhu-bigscreen/src/assets/icons/svg/list.svg new file mode 100644 index 00000000..20259edd --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/lock.svg b/yanzhu-bigscreen/src/assets/icons/svg/lock.svg new file mode 100644 index 00000000..74fee543 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/log.svg b/yanzhu-bigscreen/src/assets/icons/svg/log.svg new file mode 100644 index 00000000..d879d33b --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/log.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/logininfor.svg b/yanzhu-bigscreen/src/assets/icons/svg/logininfor.svg new file mode 100644 index 00000000..267f8447 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/logininfor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/loudou.svg b/yanzhu-bigscreen/src/assets/icons/svg/loudou.svg new file mode 100644 index 00000000..1547ecba --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/loudou.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/message.svg b/yanzhu-bigscreen/src/assets/icons/svg/message.svg new file mode 100644 index 00000000..14ca8172 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/message.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/money.svg b/yanzhu-bigscreen/src/assets/icons/svg/money.svg new file mode 100644 index 00000000..8a548929 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/money.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/monitor.svg b/yanzhu-bigscreen/src/assets/icons/svg/monitor.svg new file mode 100644 index 00000000..bc308cb0 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/monitor.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/nested.svg b/yanzhu-bigscreen/src/assets/icons/svg/nested.svg new file mode 100644 index 00000000..06713a86 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/nested.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/number.svg b/yanzhu-bigscreen/src/assets/icons/svg/number.svg new file mode 100644 index 00000000..ad5ce9af --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/number.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/online.svg b/yanzhu-bigscreen/src/assets/icons/svg/online.svg new file mode 100644 index 00000000..330a2029 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/online.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/password.svg b/yanzhu-bigscreen/src/assets/icons/svg/password.svg new file mode 100644 index 00000000..6c64defe --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/password.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/pdf.svg b/yanzhu-bigscreen/src/assets/icons/svg/pdf.svg new file mode 100644 index 00000000..957aa0cc --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/pdf.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/people.svg b/yanzhu-bigscreen/src/assets/icons/svg/people.svg new file mode 100644 index 00000000..2bd54aeb --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/peoples.svg b/yanzhu-bigscreen/src/assets/icons/svg/peoples.svg new file mode 100644 index 00000000..aab852e5 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/peoples.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/phone.svg b/yanzhu-bigscreen/src/assets/icons/svg/phone.svg new file mode 100644 index 00000000..ab8e8c4e --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/phone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/post.svg b/yanzhu-bigscreen/src/assets/icons/svg/post.svg new file mode 100644 index 00000000..2922c613 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/post.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/qq.svg b/yanzhu-bigscreen/src/assets/icons/svg/qq.svg new file mode 100644 index 00000000..ee13d4ec --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/qq.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/question.svg b/yanzhu-bigscreen/src/assets/icons/svg/question.svg new file mode 100644 index 00000000..cf75bd4b --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/question.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/radio.svg b/yanzhu-bigscreen/src/assets/icons/svg/radio.svg new file mode 100644 index 00000000..0cde3452 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/radio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/rate.svg b/yanzhu-bigscreen/src/assets/icons/svg/rate.svg new file mode 100644 index 00000000..aa3b14d7 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/rate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/redis.svg b/yanzhu-bigscreen/src/assets/icons/svg/redis.svg new file mode 100644 index 00000000..2f1d62df --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/redis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/row.svg b/yanzhu-bigscreen/src/assets/icons/svg/row.svg new file mode 100644 index 00000000..07809922 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/row.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/search.svg b/yanzhu-bigscreen/src/assets/icons/svg/search.svg new file mode 100644 index 00000000..84233dda --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/select.svg b/yanzhu-bigscreen/src/assets/icons/svg/select.svg new file mode 100644 index 00000000..d6283828 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/select.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/shopping.svg b/yanzhu-bigscreen/src/assets/icons/svg/shopping.svg new file mode 100644 index 00000000..87513e7c --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/shopping.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/size.svg b/yanzhu-bigscreen/src/assets/icons/svg/size.svg new file mode 100644 index 00000000..ddb25b8d --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/size.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/skill.svg b/yanzhu-bigscreen/src/assets/icons/svg/skill.svg new file mode 100644 index 00000000..a3b73121 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/skill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/slider.svg b/yanzhu-bigscreen/src/assets/icons/svg/slider.svg new file mode 100644 index 00000000..fbe4f39f --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/slider.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/star.svg b/yanzhu-bigscreen/src/assets/icons/svg/star.svg new file mode 100644 index 00000000..6cf86e66 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/swagger.svg b/yanzhu-bigscreen/src/assets/icons/svg/swagger.svg new file mode 100644 index 00000000..05d4e7bc --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/swagger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/switch.svg b/yanzhu-bigscreen/src/assets/icons/svg/switch.svg new file mode 100644 index 00000000..0ba61e38 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/switch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/tab.svg b/yanzhu-bigscreen/src/assets/icons/svg/tab.svg new file mode 100644 index 00000000..b4b48e48 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/tab.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/table.svg b/yanzhu-bigscreen/src/assets/icons/svg/table.svg new file mode 100644 index 00000000..0e3dc9de --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/textarea.svg b/yanzhu-bigscreen/src/assets/icons/svg/textarea.svg new file mode 100644 index 00000000..2709f292 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/textarea.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/theme.svg b/yanzhu-bigscreen/src/assets/icons/svg/theme.svg new file mode 100644 index 00000000..5982a2f7 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/theme.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/time-range.svg b/yanzhu-bigscreen/src/assets/icons/svg/time-range.svg new file mode 100644 index 00000000..13c1202b --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/time-range.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/time.svg b/yanzhu-bigscreen/src/assets/icons/svg/time.svg new file mode 100644 index 00000000..b376e32a --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/time.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/tree-table.svg b/yanzhu-bigscreen/src/assets/icons/svg/tree-table.svg new file mode 100644 index 00000000..8aafdb82 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/tree-table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/tree.svg b/yanzhu-bigscreen/src/assets/icons/svg/tree.svg new file mode 100644 index 00000000..dd4b7dd2 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/tree.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/upload.svg b/yanzhu-bigscreen/src/assets/icons/svg/upload.svg new file mode 100644 index 00000000..bae49c0a --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/upload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/user.svg b/yanzhu-bigscreen/src/assets/icons/svg/user.svg new file mode 100644 index 00000000..0ba0716a --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/user.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/wechat.svg b/yanzhu-bigscreen/src/assets/icons/svg/wechat.svg new file mode 100644 index 00000000..c586e551 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/wechat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/assets/icons/svg/zip.svg b/yanzhu-bigscreen/src/assets/icons/svg/zip.svg new file mode 100644 index 00000000..f806fc48 --- /dev/null +++ b/yanzhu-bigscreen/src/assets/icons/svg/zip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/components/SvgIcon.vue b/yanzhu-bigscreen/src/components/SvgIcon.vue new file mode 100644 index 00000000..b50418af --- /dev/null +++ b/yanzhu-bigscreen/src/components/SvgIcon.vue @@ -0,0 +1,44 @@ + + + + + + \ No newline at end of file diff --git a/yanzhu-bigscreen/src/components/module/module-one-1-1.vue b/yanzhu-bigscreen/src/components/module/module-one-1-1.vue index 9c54adbc..14341785 100644 --- a/yanzhu-bigscreen/src/components/module/module-one-1-1.vue +++ b/yanzhu-bigscreen/src/components/module/module-one-1-1.vue @@ -1,5 +1,5 @@