{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\waterSurvey.vue?vue&type=style&index=0&id=11aad1a0&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\waterSurvey.vue","mtime":1688458391959},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.waterSurvey-container {\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tpadding: 0 20px;\r\n\tbackground: #060f18; //#ebeef5;\r\n\tbox-sizing: border-box;\r\n\t// background-image: url('./../assets/img/waterbg5.jpg'); \r\n\tbackground-image: url('../../assets/img/app-bg.jpg');\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 100% 100%;\r\n\tcolor: #fff;\r\n\tposition: relative;\r\n\r\n}\r\n\r\n.survey-top {\r\n\twidth: 35%;\r\n\theight: 100%;\r\n\r\n\t.survey-top-left {\r\n\t\twidth: 100%;\r\n\t\theight: 56%;\r\n\t\tpadding-right: 1%;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.survey-bottom-right {\r\n\t\twidth: 100%;\r\n\t\theight: 44%;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\r\n}\r\n\r\n// .survey-map {\r\n// \twidth: 33%;\r\n\r\n// \timg {\r\n// \t\tmax-width: 100%;\r\n// \t}\r\n// }\r\n\r\n.el-carousel__item h3 {\r\n\tcolor: #475669;\r\n\tfont-size: 18px;\r\n\topacity: 0.75;\r\n\tmargin: 0;\r\n}\r\n\r\n.scroll-table {\r\n\t.scroll-table-header {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-around;\r\n\t\tbackground: rgba(#0574d4, 0.8);\r\n\t\tbackground: rgba(92, 88, 79, 0.6);\r\n\t\theight: 36px;\r\n\t\tline-height: 36px;\r\n\t\tpadding: 0 10px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.scroll-table-body {\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.scroll-table-body.solid {\r\n\t\theight: 100%;\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t.header-item,\r\n\t.column-item {\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t.scroll-table-column {\r\n\t\tcursor: pointer;\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-around;\r\n\t}\r\n\r\n\t.header-item {\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: #d8dddd;\r\n\t}\r\n\r\n\t.scroll-table-column {\r\n\t\tpadding: 13px 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-bottom: 1px solid rgba(0, 132, 251, 0.2);\r\n\t}\r\n\r\n\t.scroll-table-column:nth-of-type(2n) {\r\n\t\tbackground-color: rgba(0, 132, 251, 0.1);\r\n\t}\r\n\r\n\t.column-item {\r\n\t\tfont-size: 12px;\r\n\t\tcolor: #dbdbdb;\r\n\t\tpadding-right: 4px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.column-item-icon {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tline-height: 12px;\r\n\t\tbackground-color: #ff9a00;\r\n\t\tborder-radius: 100%;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n}\r\n\r\n.section-title {\r\n\tdisplay: inline-block;\r\n\tbackground: linear-gradient(to right, #c2a071, transparent, transparent);\r\n\theight: 20px;\r\n\twidth: calc(100% - 35PX);\r\n\tpadding: 2px 0;\r\n\tline-height: 18px;\r\n\tfont-style: oblique;\r\n\tfont-weight: 700;\r\n\ttext-shadow: 1px 1px 2px #000;\r\n\tfont-size: 21px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n.section-title-img {\r\n\tmargin-top: 10px;\r\n\tmargin-left: 4px;\r\n\tmargin-right: 4px;\r\n\twidth: 14px;\r\n\theight: 14px;\r\n}\r\n\r\n.survey-bottom {\r\n\twidth: 64%;\r\n\tmargin-left: 1%;\r\n\theight: 100%;\r\n\r\n\t.survey-top-right {\r\n\t\twidth: 100%;\r\n\t\theight: 50%;\r\n\r\n\t\t.top-right-content {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: calc(100% - 40px);\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\t.top-right-content-item {\r\n\t\t\t\twidth: 40%;\r\n\t\t\t\theight: 98%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tpadding-top: 10px;\r\n\t\t\t\tpadding-left: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.top-right-content-item-one {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 60%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tpadding-top: 5px;\r\n\t\t\t\tpadding-left: 20px;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.survey-top-box {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackground: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));\r\n\t\twidth: 100%;\r\n\t\theight: 16%;\r\n\t\ttext-align: center\r\n\t}\r\n\r\n\t.survey-bottom-left {\r\n\t\twidth: 100%;\r\n\t\theight: 50%;\r\n\t\tmargin-top: 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\r\n\t\t.bottom-left {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t.bottom-left-content {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: calc(100% - 50px);\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\r\n\t\t\t\t.content-item {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\theight: 50%;\r\n\r\n\t\t\t\t\tdiv {\r\n\t\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: 90%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bottom-right {\r\n\t\t\tmargin-left: 5px;\r\n\t\t\twidth: 50%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t.bottom-left-box {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: calc(100% - 50PX);\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tjustify-content: space-evenly;\r\n\r\n\t\t\t\t.bottom-left-box-item {\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\twidth: 19%;\r\n\t\t\t\t\theight: 33%;\r\n\t\t\t\t\tpadding-top: 10px;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t\t.item-top {\r\n\t\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\t\tmargin-top: 10px;\r\n\t\t\t\t\t\twidth: 50px;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t\tborder-radius: 50%;\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tmargin: 20%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.survey-top-item-content {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 90%;\r\n\t\t\tmargin-top: 5px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t// border: 1px solid blueviolet;\r\n\r\n\t\t\t// flex-direction: column;\r\n\t\t\t.content-item {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\theight: 50%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\t// border: 1px solid red;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.item-left {\r\n\t\t\t\t\twidth: 25%;\r\n\t\t\t\t\tpadding: 0 20px;\r\n\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t// border: 1px solid goldenrod;\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 70%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.item-right {\r\n\t\t\t\t\twidth: 75%;\r\n\r\n\r\n\t\t\t\t\t.item-right-box {\r\n\t\t\t\t\t\t.title {\r\n\t\t\t\t\t\t\tmargin: 5px 0;\r\n\t\t\t\t\t\t\tpadding-left: 10px;\r\n\t\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\t\tcolor: #0574d4;\r\n\t\t\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\t\t\tborder-left: 3px solid #0574d4;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.content {\r\n\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\t\t\t\t-webkit-line-clamp: 3;\r\n\t\t\t\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.survey-bottom-item {\r\n\t\twidth: 100%;\r\n\t\theight: 50%;\r\n\t}\r\n}\r\n\r\n.section-con {\r\n\tbackground: rgba(#314351, 0.2);\r\n\tbox-shadow: inset 0 0 100px rgba(#000, 0.3);\r\n\tposition: relative;\r\n}\r\n\r\n.section-con:hover {\r\n\tbox-shadow: inset -10px 10px 100px rgba(#000, 0.3), 0 0 4px rgba(#fff, 0.2);\r\n}\r\n",null]}