.bajgxt-home {
|
height: 100%;
|
width: 100%;
|
background: url("../../../public/img/bajgxt/backimg.png") no-repeat;
|
background-size: 100% 100%;
|
|
.head-title {
|
background: url("../../../public/img/bajgxt/title2.png") no-repeat;
|
background-size: 100% 100%;
|
width: 100%;
|
height: 77px;
|
text-align: center;
|
// position: relative;
|
span {
|
font-family: "Arial Normal", "Arial", sans-serif;
|
font-size: 36px;
|
color: #ffffff;
|
text-align: center;
|
line-height: 77px;
|
}
|
img {
|
position: absolute;
|
margin-top: 22px;
|
margin-left: 29%;
|
}
|
}
|
.sub-title {
|
float: right;
|
color: #fff;
|
margin-right: 52px;
|
font-size: 18px;
|
margin-top: -35px;
|
cursor: pointer;
|
&:hover {
|
color: #90cef0;
|
}
|
}
|
.content {
|
margin: 5px 20px 20px 20px;
|
height: calc(100% - 102px);
|
width: calc(100% - 40px);
|
display: flex;
|
.left,
|
.right {
|
width: 27%;
|
height: 100%;
|
}
|
.middle {
|
width: calc(46% - 50px);
|
height: 100%;
|
margin: 0px 25px;
|
position: relative;
|
}
|
}
|
.leftimg {
|
background: url("../../../public/img/bajgxt/left1.png") no-repeat;
|
background-size: contain;
|
width: 100%;
|
height: 260px;
|
}
|
.echartClass_1920 {
|
// height: 100%;
|
width: 100%;
|
height: calc(100% - 70px);
|
}
|
.left {
|
.left1 {
|
background: url("../../../public/img/bajgxt/left1.png") no-repeat;
|
height: 60%;
|
width: 100%;
|
background-size: 100% 100%;
|
position: relative;
|
#left1Echart {
|
@extend .echartClass_1920;
|
height: calc(100% - 140px) !important;
|
margin-top: 68px;
|
}
|
}
|
.left2 {
|
background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
|
height: calc(40% - 25px);
|
width: 100%;
|
background-size: 100% 100%;
|
margin-top: 25px;
|
position: relative;
|
#left2Echart {
|
@extend .echartClass_1920;
|
}
|
}
|
}
|
.right {
|
.right1 {
|
background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
|
background-size: 100% 100%;
|
width: 100%;
|
height: 28%;
|
position: relative;
|
#right1Echart {
|
@extend .echartClass_1920;
|
}
|
}
|
.right2 {
|
background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
|
background-size: 100% 100%;
|
width: 100%;
|
height: 28%;
|
margin-top: 30px;
|
position: relative;
|
#right2Echart {
|
@extend .echartClass_1920;
|
}
|
}
|
.right3 {
|
background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
|
height: calc(40% - 25px);
|
width: 100%;
|
background-size: 100% 100%;
|
margin-top: 25px;
|
#right3Echart {
|
@extend .echartClass_1920;
|
}
|
}
|
}
|
.title-pane {
|
display: inline-flex;
|
height: 55px;
|
img {
|
width: 30px;
|
height: 30px;
|
margin: 15px 10px 0px 10px;
|
}
|
span {
|
line-height: 68px;
|
color: #fff;
|
font-size: 20px;
|
}
|
}
|
.title-pane1 {
|
display: inline-flex;
|
height: 41px;
|
img {
|
width: 30px;
|
height: 30px;
|
margin: 5.5px 10px 0px 10px;
|
}
|
span {
|
line-height: 46px;
|
color: #fff;
|
font-size: 20px;
|
}
|
}
|
.title-pane2 {
|
display: inline-flex;
|
height: 53px;
|
img {
|
width: 30px;
|
height: 30px;
|
margin: 11.5px 10px 0px 10px;
|
}
|
span {
|
line-height: 53px;
|
color: #fff;
|
font-size: 20px;
|
}
|
}
|
|
.middle {
|
.mapimg {
|
background: url("../../../public/img/bajgxt/u3.png") no-repeat;
|
background-size: 100% 100%;
|
height: 60%;
|
width: 100%;
|
#map {
|
width: calc(100% - 40px);
|
height: calc(100% - 40px);
|
margin: 0px 20px;
|
top: 20px;
|
position: relative;
|
}
|
}
|
|
.table {
|
margin-top: 25px;
|
height: calc(40% - 25px);
|
width: 100%;
|
background: url("../../../public/img/bajgxt/table.png") no-repeat;
|
background-size: 100% 100%;
|
position: relative;
|
.table-title {
|
background: url("../../../public/img/bajgxt/tabletitle.png") no-repeat;
|
background-size: 100% 100%;
|
position: absolute;
|
width: 267px;
|
margin-top: -13px;
|
height: 50px;
|
margin-left: calc(50% - 135.5px);
|
color: #fff;
|
font-size: 20px;
|
text-align: center;
|
line-height: 54px;
|
}
|
.lefttop {
|
background: url("../../../public/img/bajgxt/lefttop.png") no-repeat;
|
background-size: 100% 100%;
|
width: 44px;
|
height: 56px;
|
position: absolute;
|
left: -7px;
|
top: -9px;
|
}
|
.leftbottom {
|
background: url("../../../public/img/bajgxt/leftbottom.png") no-repeat;
|
background-size: 100% 100%;
|
width: 44px;
|
height: 56px;
|
position: absolute;
|
left: -7px;
|
bottom: -7px;
|
}
|
.righttop {
|
background: url("../../../public/img/bajgxt/righttop.png") no-repeat;
|
background-size: 100% 100%;
|
width: 44px;
|
height: 56px;
|
position: absolute;
|
left: calc(100% - 37px);
|
top: -9px;
|
}
|
.rightbottom {
|
background: url("../../../public/img/bajgxt/rightbottom.png") no-repeat;
|
background-size: 100% 100%;
|
width: 44px;
|
height: 56px;
|
position: absolute;
|
left: calc(100% - 37px);
|
bottom: -7px;
|
}
|
}
|
}
|
.middle {
|
// .el-table {
|
// width: calc(100% - 40px);
|
// height: calc(100% - 65px);
|
// margin: 0px 20px 15px;
|
// top: 50px;
|
// }
|
/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
|
background: #031d4b !important;
|
}
|
/deep/ .el-table--enable-row-transition .el-table__body td,
|
/deep/ .el-table th,
|
.el-table tr {
|
background: #03225b !important;
|
}
|
/deep/ .el-table .cell {
|
color: #fff;
|
text-align: center;
|
}
|
/deep/ .el-table td,
|
.el-table th.is-leaf {
|
border-bottom-color: transparent;
|
background: rgb(3, 34, 91) !important;
|
}
|
/deep/ .el-table__header th {
|
border-bottom: 1px solid #031a38 !important;
|
}
|
/deep/.el-table--enable-row-hover .el-table__body tr:hover > td {
|
background-color: #b0caf3;
|
}
|
}
|
|
/deep/ .el-input__inner {
|
height: 27px;
|
color: #fff !important;
|
font-size: 14px;
|
background-color: transparent !important;
|
border-color: transparent !important;
|
border-radius: 2px;
|
}
|
/deep/ .el-input {
|
width: 138px;
|
}
|
/deep/ .el-select {
|
line-height: 55px;
|
position: absolute;
|
right: 14px;
|
}
|
/deep/ .el-input__icon {
|
line-height: 56px;
|
}
|
/deep/ .el-select:hover .el-input__inner,
|
/deep/ .el-select .el-input.is-focus .el-input__inner {
|
border: none;
|
}
|
/deep/ .el-table,
|
/deep/ .el-table__expanded-cell,
|
/deep/ .el-table--border::after,
|
/deep/ .el-table--group::after,
|
/deep/ .el-table::before {
|
background-color: transparent !important;
|
}
|
.card-text {
|
height: 30px;
|
padding: 8px 10px;
|
color: #fff;
|
font-size: 14px;
|
text-align: center;
|
span:nth-child(2) {
|
color: red;
|
font-size: 21px;
|
margin: 0px 10px;
|
font-weight: bold;
|
}
|
span:nth-child(4) {
|
margin-left: 15px;
|
}
|
span:nth-child(5) {
|
margin: 0px 10px;
|
color: red;
|
font-size: 20px;
|
}
|
}
|
.right-content {
|
height: calc(100% - 71px);
|
width: calc(100% - 30px);
|
padding: 15px;
|
}
|
.card-list {
|
margin: 15px 60px 10px 50px;
|
display: flex;
|
height: 55px;
|
line-height: 55px;
|
img:first-child {
|
height: 55px;
|
z-index: 22;
|
}
|
img:nth-child(2) {
|
position: absolute;
|
margin-left: 13px;
|
width: 35px;
|
height: 35px;
|
margin-top: 9px;
|
z-index: 22;
|
}
|
img:nth-child(3) {
|
margin-left: -20px;
|
}
|
span:nth-child(4) {
|
color: red;
|
font-size: 30px;
|
display: block;
|
width: 71px;
|
margin-left: -74px;
|
}
|
span:nth-child(5) {
|
color: #7ff3f4;
|
font-size: 18px;
|
display: block;
|
width: 129px;
|
margin-left: 30px;
|
}
|
}
|
.mapBtn,
|
.mapBtn:nth-child(2),
|
.mapBtn:nth-child(3) {
|
position: absolute;
|
z-index: 99;
|
color: #fff;
|
background: #014e84;
|
margin-top: 38px;
|
margin-left: calc(100% - 140px);
|
border-radius: 11px;
|
height: 43px;
|
display: inline-flex;
|
width: 107px;
|
cursor: pointer;
|
img {
|
margin: 8px 3px 8px 5px;
|
height: 28px;
|
width: 30px;
|
}
|
.text {
|
width: 100px;
|
text-align: center;
|
margin: 3px;
|
span:nth-child(1) {
|
width: 100%;
|
display: block;
|
font-size: 10px;
|
}
|
span:nth-child(2) {
|
width: 100%;
|
display: block;
|
color: red;
|
font-size: 17px;
|
font-weight: bold;
|
}
|
}
|
&:hover {
|
box-shadow: 0px 0px 10px #7ff3f4;
|
}
|
}
|
.mapBtn:nth-child(2) {
|
margin-top: 100px;
|
}
|
.mapBtn:nth-child(3) {
|
margin-top: 160px;
|
}
|
// /deep/ .el-table__body-wrapper {
|
// overflow: auto;
|
// height: calc(100% - 50px);
|
// }
|
}
|
.left2-btn {
|
height: 21px;
|
width: 69px;
|
background-color: #4478d0;
|
color: #fff;
|
font-size: 13px !important;
|
font-weight: 700;
|
|
line-height: 21px !important;
|
text-align: center;
|
position: absolute;
|
cursor: pointer;
|
}
|
.left2-btn.btn1 {
|
right: 106px;
|
margin-top: 25px;
|
}
|
.left2-btn.btn2 {
|
right: 25px;
|
margin-top: 25px;
|
}
|
.left2-btn.date {
|
right: 47px;
|
margin-top: 27px;
|
}
|
.left2-btn.mounce {
|
right: 47px;
|
margin-top: 71px;
|
}
|
.left2-btn.all {
|
right: 47px;
|
margin-top: 114px;
|
}
|
|
.rightData {
|
position: relative;
|
color: #fff;
|
background: #010945;
|
border-radius: 11px;
|
height: 52px;
|
display: inline-flex;
|
width: 174px;
|
cursor: pointer;
|
font-weight: 700;
|
img {
|
margin: 12px;
|
height: 28px;
|
width: 30px;
|
}
|
.text {
|
width: 100px;
|
text-align: center;
|
// margin: 3px;
|
line-height: 25px;
|
span:nth-child(1) {
|
width: 100%;
|
display: block;
|
font-size: 14px;
|
}
|
span:nth-child(2) {
|
width: 100%;
|
display: block;
|
color: #00ccff;
|
font-size: 15px;
|
}
|
}
|
}
|
.rightData1 {
|
margin-left: 42px;
|
margin-top: 23px;
|
}
|
.rightData2 {
|
margin-left: 58px;
|
margin-top: 23px;
|
}
|
.rightData3 {
|
margin-top: 21px;
|
margin-left: 42px;
|
}
|
.rightData4 {
|
margin-top: 21px;
|
margin-left: 58px;
|
}
|
.rightData5 {
|
margin-top: 8px;
|
margin-left: 42px;
|
}
|
|
.textBox {
|
width: 70%;
|
height: 58px;
|
// margin: 0 auto;
|
overflow: hidden;
|
position: absolute;
|
text-align: left;
|
color: #09b560;
|
left: 20px;
|
top: 20px;
|
font-size: 15px;
|
.text {
|
width: 100%;
|
position: absolute;
|
bottom: 0;
|
}
|
.slide-enter-active,
|
.slide-leave-active {
|
transition: all 0.5s linear;
|
}
|
.slide-enter {
|
transform: translateY(20px) scale(1);
|
opacity: 1;
|
}
|
.slide-leave-to {
|
transform: translateY(-20px) scale(0.8);
|
opacity: 0;
|
}
|
}
|
.leftEchartTitle {
|
height: 30px;
|
display: flex;
|
line-height: 30px;
|
margin-top: 10px;
|
margin-left: 28px;
|
position: absolute;
|
.block1 {
|
width: 23px;
|
height: 13px;
|
background: #2ec7c9;
|
border-radius: 3px;
|
margin-top: 9px;
|
}
|
span:nth-child(2) {
|
color: #fff;
|
font-size: 13px;
|
margin: 0px 10px 0px 3px;
|
}
|
span:nth-child(3) {
|
color: #2ec7c9;
|
font-size: 17px;
|
font-weight: 700;
|
display: block;
|
width: 65px;
|
text-align: center;
|
}
|
span:nth-child(4) {
|
font-size: 13px;
|
color: #2ec7c9;
|
}
|
}
|
.leftEchartTitle2 {
|
right: 35px;
|
.block1 {
|
background: #b6a2de;
|
}
|
span:nth-child(3) {
|
color: #b6a2de;
|
font-size: 15px;
|
}
|
}
|
.leftEchartTitle3 {
|
margin-top: 37px;
|
.block1 {
|
background: #5ab1ef;
|
}
|
span:nth-child(3) {
|
color: #5ab1ef;
|
font-size: 15px;
|
}
|
}
|
.leftEchartTitle4 {
|
margin-top: 37px;
|
right: 36px;
|
.block1 {
|
background: #ffb980;
|
}
|
span:nth-child(2) {
|
width: 77px;
|
}
|
span:nth-child(3) {
|
color: #ffb980;
|
font-size: 15px;
|
}
|
}
|
.leftEchartTitle5 {
|
margin-top: 64px;
|
.block1 {
|
background: #fc8452;
|
}
|
span:nth-child(3) {
|
color: #fc8452;
|
font-size: 15px;
|
}
|
}
|
.bayHover {
|
background-color: #0445b5;
|
color: #fff !important;
|
}
|
.leftEchartTitle.xbNan {
|
right: 47px;
|
margin-top: 76px;
|
.block1 {
|
width: 10px;
|
height: 10px;
|
background: #008dec;
|
margin-top: 10px;
|
border-radius: 100%;
|
}
|
span:nth-child(2) {
|
color: #fff;
|
font-size: 13px;
|
}
|
span:nth-child(3) {
|
color: #008dec;
|
font-size: 17px;
|
}
|
span:nth-child(4) {
|
font-size: 13px;
|
color: #008dec;
|
}
|
}
|
.leftEchartTitle.xbNv {
|
right: 47px;
|
margin-top: 135px;
|
.block1 {
|
width: 10px;
|
height: 10px;
|
background: #886eff;
|
margin-top: 10px;
|
border-radius: 100%;
|
}
|
span:nth-child(2) {
|
color: #fff;
|
font-size: 13px;
|
}
|
span:nth-child(3) {
|
color: #886eff;
|
font-size: 17px;
|
}
|
span:nth-child(4) {
|
font-size: 13px;
|
color: #886eff;
|
}
|
}
|
.showDialog:hover {
|
cursor: pointer;
|
}
|
.bajgxt-home {
|
/deep/.dialog {
|
z-index: 10000000 !important;
|
.el-table {
|
top: 0px !important;
|
margin: 0px !important;
|
width: 100% !important;
|
height: calc(100% - 50px) !important;
|
.el-table__header {
|
background-color: #2d5cc8 !important;
|
}
|
.el-table__body-wrapper {
|
height: calc(100% - 50px);
|
overflow-x: hidden;
|
overflow-y: auto;
|
}
|
}
|
.el-pagination {
|
color: #a2a5a5;
|
}
|
.btn-prev,
|
.btn-next {
|
background: transparent !important;
|
}
|
.el-dialog__body {
|
padding: 10px 20px;
|
height: calc(100% - 60px);
|
.el-input {
|
width: 50px !important;
|
border-bottom: 1px solid #8a7b7b !important;
|
}
|
}
|
}
|
/deep/ .el-dialog {
|
width: 80% !important;
|
height: 77%;
|
}
|
}
|
.bottom-table {
|
width: calc(100% - 40px);
|
height: 100%;
|
margin: 0px 20px 15px;
|
top: 50px;
|
.el-table {
|
width: 100%;
|
height: calc(100% - 65px);
|
top: 50px;
|
overflow-y: auto;
|
}
|
}
|
::-webkit-scrollbar {
|
display: none;
|
}
|
.dialog-table {
|
top: 0px !important;
|
margin: 0px !important;
|
width: 100% !important;
|
height: calc(100% - 50px) !important;
|
overflow: auto;
|
.el-table {
|
width: 100%;
|
height: 100%;
|
overflow: auto;
|
}
|
}
|
