2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.center[data-v-d061be2f]{width:100%;height:100%}.center .treeDiv[data-v-d061be2f]{position:absolute;left:0;top:0}.center .treeDiv[data-v-d061be2f] .el-tree .el-tree-node .is-leaf+.el-checkbox .el-checkbox__inner{display:inline-block}.center .treeDiv[data-v-d061be2f] .el-tree .el-tree-node .el-checkbox .el-checkbox__inner{display:none}.center .title[data-v-d061be2f]{width:100%;height:45px;background:url(/assets/title.d59867f0.png);background-repeat:no-repeat;background-size:110% 100%;color:#fff;font-size:18px;font-weight:700;line-height:45px;padding-left:46px;display:flex;cursor:pointer;align-items:center;justify-content:space-between}.center .title span[data-v-d061be2f]{width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:linear-gradient(180deg,rgb(255,255,255) 33.33%,rgb(41,255,219) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.center .title p[data-v-d061be2f]{width:79px;height:25px;border-radius:20px;font-size:14px;background:linear-gradient(180deg,rgb(16,111,111) 0%,rgb(47,214,214) 100%);border:1.5px solid rgb(23,194,180);display:flex;justify-content:center;align-items:center}.leftWra[data-v-d061be2f]{position:absolute;top:10px;left:20px;height:calc(100vh - 100px);width:23%;background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80;transition:transform 1s}.leftWra .leftFoldDiv[data-v-d061be2f]{width:30px;height:30px;position:absolute;right:-12%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#ccc}.leftWra .leftTop[data-v-d061be2f]{width:100%;display:flex;flex-direction:column}.leftWra .leftTop .production[data-v-d061be2f]{width:100%;height:125px;padding:0 37px;display:flex;font-size:18px;font-weight:400;letter-spacing:0px;color:#fff;text-align:center;vertical-align:top}.leftWra .leftTop .production span[data-v-d061be2f]{font-size:48px;font-weight:700;letter-spacing:0px;line-height:48px;color:#fff}.leftWra .leftTop .production .leftProduction[data-v-d061be2f]{flex:1;height:100%;margin-right:20px;background:url(/assets/production.7b134409.png);background-repeat:no-repeat;background-size:100% 100%;background-position-y:20px}.leftWra .leftTop .production .rightProduction[data-v-d061be2f]{flex:1;height:100%;background:url(/assets/production.7b134409.png);background-repeat:no-repeat;background-size:100% 100%;background-position-y:20px}.leftWra .leftTop .areaDiv[data-v-d061be2f]{width:100%;height:327px;opacity:1;display:flex;padding:1px;justify-content:center}.leftWra .leftTop .ProgressBar[data-v-d061be2f]{width:100%;height:9px;opacity:1}.leftWra .leftbottom[data-v-d061be2f]{width:100%;height:455px;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:13px}.leftWra .leftbottom .tableDiv[data-v-d061be2f]{display:flex;justify-content:center;width:85%;flex-direction:column;padding:5px 10px;color:#fff}.leftWra .leftbottom .tableDiv .Crops[data-v-d061be2f]{display:flex;width:100%;margin-bottom:10px;font-size:14px;font-weight:400;height:31px;flex-direction:row;align-items:center;justify-content:space-around;opacity:1;background:linear-gradient(90deg,rgba(21,173,148,.1) 0%,rgba(21,173,148,0) 100%)}.leftWra .leftbottom .tableDiv .Crops div[data-v-d061be2f]{display:flex;align-items:center}.leftWra .leftbottom .tableDiv .el-checkbox-group[data-v-d061be2f]{display:flex;flex-direction:column}.leftWra .leftbottom .tableDiv[data-v-d061be2f] .ones{width:100%;height:171;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;--el-table-tr-bg-color: null;--el-table-border-color: null;font-size:14px;font-weight:400;letter-spacing:0px;line-height:0px;color:#fff}.rightWra[data-v-d061be2f]{position:absolute;top:10px;right:20px;width:23%;height:calc(100vh - 100px);opacity:1;display:flex;flex-direction:column;align-items:center;background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80;transition:transform 1s}.rightWra .rightFoldDiv[data-v-d061be2f]{width:30px;height:30px;position:absolute;left:-8%;top:50%;transform:translateY(-50%);font-size:30px;color:#ccc}.rightWra .rightTop[data-v-d061be2f]{width:100%;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rightWra .rightTop .depth[data-v-d061be2f]{width:90%;height:26px;opacity:1;border-radius:4px;font-size:12px;color:#fff;margin-top:20px;background:linear-gradient(180deg,rgba(16,111,111,.1) 0%,rgba(47,214,214,.1) 100%);border:1px solid rgba(23,194,180,.3);display:flex;align-items:center}.rightWra .rightTop .depth p[data-v-d061be2f]{flex:1;text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.rightWra .rightTop .depth .SelectedDiv[data-v-d061be2f]{opacity:1;border-radius:4px;background:linear-gradient(180deg,rgb(16,111,111) 0%,rgb(47,214,214) 100%)}.rightWra .rightTop .seach_input[data-v-d061be2f]{width:90%;margin:18px 0;border-radius:4px;background:rgb(22,94,102);border:1px solid rgb(4,153,153);box-shadow:0 3px 9px #00000040}.rightWra .rightTop .seach_input[data-v-d061be2f] .el-input__wrapper{box-shadow:none;background-color:transparent!important}.rightWra .rightTop .seach_button .seach[data-v-d061be2f]{width:86px;height:37px;opacity:1;border-radius:4px;background:linear-gradient(180deg,rgb(16,111,111) 0%,rgb(47,214,214) 100%);color:#fff;border:1.5px solid rgb(23,194,180)}.rightWra .rightTop .seach_button .resetting[data-v-d061be2f]{width:86px;height:37px;opacity:1;border-radius:4px;background:rgb(22,94,102);border:1px solid rgb(4,153,153);box-shadow:0 3px 9px #00000040;color:#fff}.rightWra .rightTop .farmlandDiv[data-v-d061be2f]{width:100%;height:340px;opacity:1;display:flex;justify-content:center}.rightWra .rightTop .ProgressBar[data-v-d061be2f]{width:100%;height:9px;opacity:1}.rightWra .rightbottom[data-v-d061be2f]{width:100%;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:13px}.rightWra .rightbottom .overview[data-v-d061be2f]{width:90%;height:93px;opacity:1;background:rgba(255,255,255,.05);border:1px solid rgba(217,255,249,.05);margin-top:28px;padding:10px 20px}.rightWra .rightbottom .overview .overview_title[data-v-d061be2f]{font-size:14px;font-weight:700;letter-spacing:0px;line-height:20.27px;color:#fff;text-align:left;vertical-align:top}.rightWra .rightbottom .overview .overview_content[data-v-d061be2f]{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;color:#ffffffb3;line-height:30px}.rightWra .rightbottom .overview .overview_content span[data-v-d061be2f]{color:#fff}.rightWra .rightbottom .chart_div[data-v-d061be2f]{width:90%;margin-top:17px}.rightWra .rightbottom .chart_div .Farmland_area[data-v-d061be2f],.rightWra .rightbottom .chart_div .Delineation[data-v-d061be2f]{width:100%;height:188px}.rightWra .rightbottom .chart_div .chart_div_title[data-v-d061be2f]{width:100%;height:29px;background:url(/assets/title.d59867f0.png);background-repeat:no-repeat;background-size:110% 100%;color:#fff;font-size:18px;font-weight:700;line-height:45px;padding-left:46px;display:flex;cursor:pointer;align-items:center;justify-content:space-between}.rightWra .rightbottom .chart_div .chart_div_title span[data-v-d061be2f]{width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rightWra .rightbottom .chart_div .chart_div_title p[data-v-d061be2f]{width:79px;height:25px;border-radius:20px;font-size:14px;background:linear-gradient(180deg,rgb(16,111,111) 0%,rgb(47,214,214) 100%);border:1.5px solid rgb(23,194,180);display:flex;justify-content:center;align-items:center}.legend[data-v-d061be2f]{position:absolute;right:25%;bottom:7%;width:129px;border:1px solid rgb(4,153,153);--el-collapse-border-color: none;--el-collapse-content-bg-color: none}.legend[data-v-d061be2f] .el-collapse-item__header{background:rgba(2,31,26,.6);color:#fff;text-align:center;padding:0 30px;font-size:14px}.legend --el-collapse-content-bg-color[data-v-d061be2f]{background:rgba(2,31,26,.6)}.legend[data-v-d061be2f] .el-collapse-item__content{background:rgba(2,31,26,.6);padding:0 10px 10px}.legend p[data-v-d061be2f]{margin:10px;font-size:14px;font-weight:400;letter-spacing:0px;line-height:0px;color:#fff;text-align:center}.legend .mt-4 .el-checkbox[data-v-d061be2f]{height:30px;width:100%;margin-bottom:2px;padding-left:10px;font-size:14px;font-weight:400;letter-spacing:0px;line-height:0px;color:#fff;text-align:left}.legend[data-v-d061be2f] .el-checkbox__label{color:#fff}.bottom_center[data-v-d061be2f]{position:absolute;left:-2%;right:0;margin:auto;width:calc(100% - 800px - 20vw);min-width:380px;bottom:5%;height:75px;opacity:1;border-radius:5px;background:rgba(2,31,26,.6);border:1px solid rgb(4,153,153)}.tool[data-v-d061be2f]{position:absolute;right:30%;top:8%;width:30px;height:280px;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:none}#popup[data-v-d061be2f]{border-radius:5px;background:rgba(2,31,26,.6);display:none;padding:30px 8px 20px}#popup>div[data-v-d061be2f]:nth-child(1){font-weight:400;letter-spacing:0px;color:#fff;line-height:24px}#popup>div[data-v-d061be2f]:nth-child(2){color:#fff;width:129px;height:24px;opacity:1;border-radius:2px;background:rgba(217,231,255,.2);display:flex;justify-content:center;align-items:center;padding:2px 10px}#popup .cancel[data-v-d061be2f]{position:absolute;right:10px;top:5px;color:#fff;cursor:pointer}#pop[data-v-d061be2f]{border-radius:5px;background:rgb(2,31,26);display:none;padding:30px 8px 20px}#pop .cancel[data-v-d061be2f]{position:absolute;right:10px;top:5px;color:#fff;cursor:pointer}#pop>div[data-v-d061be2f]{display:flex;margin-bottom:10px}#pop>div>div[data-v-d061be2f]:nth-child(1){font-weight:400;letter-spacing:0px;color:#fff;line-height:24px;margin-right:10px}#pop>div>div[data-v-d061be2f]:nth-child(2){color:#fff;width:129px;height:24px;opacity:1;border-radius:2px;background:rgba(217,231,255,.2);display:flex;justify-content:center;align-items:center;padding:2px 10px}.back_button[data-v-d061be2f]{position:absolute;right:30%;top:20px}.select_city{background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80}.select_city .el-select-dropdown__item.hover{background:rgba(2,31,26,.95);box-shadow:inset 0 0 15px 6px #29ffffb3}.select_city .el-select-dropdown__item{color:#fff}.el-select__popper,.el-popper{border:none!important;background:transparent!important}.el-popper__arrow:before{background:rgba(41,255,255,.7)!important}
|