styles change

shuishen

2022-12-28 39730791e9e2ff78e60af1bf64d6742a5f3617cd

styles change

 src/styles/media/index.scss

@@ -209,15 +209,6 @@
                                }

                            }

                            .house-box,
                            .alert-box {

                                .title {
                                    height: countSizeVh(62);
                                    line-height: countSizeVh(62);
                                }
                            }
                        }

                        .bottom-container {
@@ -248,7 +239,7 @@
                                    }
                                }

                                .timeSeclect{
                                .timeSeclect {
                                    top: countSizeVh(15);
                                    right: countSizeVw(128, 1920);
                                }
@@ -294,12 +285,14 @@
                            .selects-container .selects-box .text {
                                font-size: countSizeVh(15);
                            }

                            .selects-container .select-options div {
                                height: countSizeVh(36);
                                line-height: countSizeVh(36);
                            }
                            .selects-container .issel{
                                height:countSizeVh(170)!important;

                            .selects-container .issel {
                                height: countSizeVh(170) !important;
                            }
                        }

@@ -725,42 +718,48 @@
                                        }

                                    }
                                    &>.come-out-content,&>.park-content,&>.business-content{

                                    &>.come-out-content,
                                    &>.park-content,
                                    &>.business-content {
                                        .el-table__header-wrapper {
                                            height: countSizeVh(48);
        

                                            .el-table__header {
                                                height: 100%;
                                                width: countSizeVw(400,1920)!important;
                                                width: countSizeVw(400, 1920) !important;
                                            }
                                        }
                                        .el-table__body{
                                            width: countSizeVw(400,1920)!important;

                                        .el-table__body {
                                            width: countSizeVw(400, 1920) !important;
                                        }

                                        .el-table .el-table__cell {
                                            padding: 0;
                                        }
        

                                        .el-table th.el-table__cell {
                                            height: 100%;
                                        }
        

                                        .el-table .cell {
                                            line-height: countSizeVh(48);
                                            font-size: countSizeVh(16);
                                        }
        

                                        .el-table th.el-table__cell>.cell {
                                            height: 100%;
                                        }
        

                                        .el-table__empty-text {
                                            font-size: countSizeVh(16);
                                        }
                                    }
                                }

                                .police-info ,.warning-info{
                                .police-info,
                                .warning-info {
                                    .tableClass {
                                        width: countSizeVw(600, 1920);
                                        height: countSizeVh(400);
@@ -770,38 +769,41 @@
                                    .tableClass td {
                                        width: countSizeVw(200, 1920);
                                    }

                                    .el-table__header-wrapper {
                                        height: countSizeVh(48);
    

                                        .el-table__header {
                                            height: 100%;
                                            width: countSizeVw(400,1920)!important;
                                            width: countSizeVw(400, 1920) !important;
                                        }
                                    }
                                    .el-table__body{
                                        width: countSizeVw(400,1920)!important;

                                    .el-table__body {
                                        width: countSizeVw(400, 1920) !important;
                                    }

                                    .el-table .el-table__cell {
                                        padding: 0;
                                    }
    

                                    .el-table th.el-table__cell {
                                        height: 100%;
                                    }
    

                                    .el-table .cell {
                                        line-height: countSizeVh(48);
                                        font-size: countSizeVh(16);
                                    }
    

                                    .el-table th.el-table__cell>.cell {
                                        height: 100%;
                                    }
    

                                    .el-table__empty-text {
                                        font-size: countSizeVh(16);
                                    }
    

                                }
                            }
                        }
@@ -1238,7 +1240,7 @@
                                        font-size: countSizeVh(16);
                                    }

                                    .el-button--text{
                                    .el-button--text {
                                        font-size: countSizeVh(16);
                                    }

@@ -1454,7 +1456,7 @@
                                        margin: 0 countSizeVw(5, 1920);
                                        border: countSizeVh(1) solid #cecece;
                                        border-radius: countSizeVh(4) countSizeVw(4, 1920);
                                        font-size:countSizeVh(16);
                                        font-size: countSizeVh(16);
                                    }
                                }
                            }
@@ -1517,25 +1519,29 @@
                                .category {
                                    width: countSizeVw(96, 1920);
                                }
                                .el-switch{

                                .el-switch {
                                    font-size: countSizeVh(14);
                                    height: countSizeVh(12);
                                    line-height: countSizeVh(12);
                                }
                                .el-switch__core{

                                .el-switch__core {
                                    height: countSizeVw(14, 1920);
                                    width: countSizeVw(30, 1920)!important;
                                    width: countSizeVw(30, 1920) !important;
                                    border-radius: countSizeVw(10, 1920);
                                    border: countSizeVh(1) solid #DCDFE6;
                                }
                                .el-switch__core:after{
                                    top: countSizeVh(1) ;
                                    left: countSizeVh(1) ;

                                .el-switch__core:after {
                                    top: countSizeVh(1);
                                    left: countSizeVh(1);
                                    width: countSizeVw(12, 1920);
                                    height: countSizeVw(12, 1920);
                                }
                                .el-switch.is-checked .el-switch__core::after{
                                    margin-left:countSizeVw(18, 1920)!important;

                                .el-switch.is-checked .el-switch__core::after {
                                    margin-left: countSizeVw(18, 1920) !important;
                                }
                            }
                        }
@@ -1555,7 +1561,7 @@
                                        margin: 0 countSizeVw(5, 1920);
                                        border: countSizeVh(1) solid #cecece;
                                        border-radius: countSizeVw(4, 1920);
                                        font-size:countSizeVh(16);
                                        font-size: countSizeVh(16);
                                    }
                                }
                            }
@@ -1564,20 +1570,20 @@
                }

                .main-content {
                     .police-affairs-details-box{
                    .police-affairs-details-box {
                        .el-dialog {
                            width: countSizeVw(540, 1920);
                            height: countSizeVh(320);
                            font-size: countSizeVh(16);
                        }
                          
                        .el-dialog__header span{

                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }

                        .el-dialog__header button{
                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog .el-dialog__header {
@@ -1585,7 +1591,7 @@
                            line-height: countSizeVh(56);
                            font-size: countSizeVh(16);
                        }
                          

                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
@@ -1593,356 +1599,420 @@
                            margin: 0 countSizeVw(10, 1920);
                            font-size: countSizeVh(16);
                        }
                          
                        .el-dialog .el-dialog__body .item > div:first-child {

                        .el-dialog .el-dialog__body .item>div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                            font-size: countSizeVh(16);
                        }
                          
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {

                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                            font-size: countSizeVh(16);
                        }
                     }
                     .resident-details-box {
                    }

                    .resident-details-box {
                        .el-dialog {
                         width: countSizeVw(320, 1920);
                            width: countSizeVw(320, 1920);
                        }
                        .el-dialog__header span{

                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }

                        .el-dialog__header button{
                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }
                     }
                      .panorama-details-box{
                    }

                    .panorama-details-box {
                        .el-dialog {
                           width: countSizeVw(960, 1920);
                           height: countSizeVh(600);
                            width: countSizeVw(960, 1920);
                            height: countSizeVh(600);
                        }
                        .el-dialog__header span{

                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }
                      } 
                      .phone-details-box{
                    }

                    .phone-details-box {
                        .el-dialog {
                            width: countSizeVw(720, 1920);
                            height: countSizeVh(400);
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header span{

                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }

                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {

                        .el-dialog .el-dialog__body .item>div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {

                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .area-details-box{
                        .el-dialog__header span{
                    }

                    .area-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                            width: countSizeVw(700, 1920);
                            height: countSizeVh(400);
                        }

                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }    
                        }

                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {

                        .el-dialog .el-dialog__body .item>div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {

                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      } 
                      .equiment-details-box {
                        .el-dialog__header span{
                    }

                    .equiment-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                           width: countSizeVw(1000, 1920);
                           height: countSizeVh(600);
                      }
                      }
                      .land-details-box {
                        .el-dialog__header span{
                            width: countSizeVw(1000, 1920);
                            height: countSizeVh(600);
                        }
                    }

                    .land-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                           width: countSizeVw(630, 1920);
                           height: countSizeVh(300);
                      }
                      }
                      .keyPerson-details-box {
                        .el-dialog__header span{
                            width: countSizeVw(630, 1920);
                            height: countSizeVh(300);
                        }
                    }

                    .keyPerson-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                           width: countSizeVw(1000, 1920);
                           height: countSizeVh(700);
                      }
                      }
                      .policeSituation-details-box {
                        .el-dialog__header span{
                            width: countSizeVw(1000, 1920);
                            height: countSizeVh(700);
                        }
                    }

                    .policeSituation-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                           width: countSizeVw(800, 1920);
                           height: countSizeVh(500);
                            width: countSizeVw(800, 1920);
                            height: countSizeVh(500);
                        }

                        .el-dialog .el-dialog__header {
                           height: countSizeVh(56);
                           line-height: countSizeVh(56);
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }

                        .el-dialog .el-dialog__body .item {
                           width: calc(50% - countSizeVw(20, 1920));
                           height: countSizeVh(36);
                           line-height: countSizeVh(36);
                           margin: 0 countSizeVw(10, 1920);
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {
                           width: countSizeVw(100, 1920);
                           margin-right: countSizeVw(20, 1920);

                        .el-dialog .el-dialog__body .item>div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
                           width: calc(100% - countSizeVw(120, 1920));

                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }

                        .el-dialog .el-dialog__body .dialog-content {
                           height: countSizeVh(36);
                           line-height: countSizeVh(36);
                           margin-left: countSizeVw(10, 1920);
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin-left: countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .dialog-content > div:first-child {
                           width: countSizeVw(100, 1920);
                           margin-right: countSizeVw(20, 1920);

                        .el-dialog .el-dialog__body .dialog-content>div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .dialog-content > div:nth-of-type(2) {
                           width: calc(100% - countSizeVw(120, 1920));

                        .el-dialog .el-dialog__body .dialog-content>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .activity-details-box {
                        .el-dialog__header span{
                    }

                    .activity-details-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                            width: countSizeVw(640, 1920);
                            height: countSizeVh(400);
                        }

                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }

                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {

                        .el-dialog .el-dialog__body .item>div:first-child {
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {

                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .video-draw-box {
                        .el-dialog__header span{
                    }

                    .video-draw-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }

                        .el-dialog {
                            width: countSizeVw(320, 1920);
                            height: countSizeVh(180);
                        }

                        .el-dialog .el-dialog__body input {
                            height: countSizeVh(30);
                            font-size: countSizeVh(16);
                            border: countSizeVh(1) solid #005ca9;
                        }

                        .el-dialog .el-dialog__body button {
                            width: countSizeVw(60, 1920);
                            height: countSizeVh(30);
                            border-radius: countSizeVh(4);
                            margin-top: countSizeVh(10);
                        }
                      }
                      .choose-police-box {
                        .el-dialog__header span{
                    }

                    .choose-police-box {
                        .el-dialog__header span {
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{

                        .el-dialog .el-dialog__body {
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{

                        .el-dialog__header button {
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                            right: countSizeVw(10, 1920);
                        }
                          .el-dialog {
                             width: countSizeVw(320, 1920);
                             height: countSizeVh(200);
                           }
                          .el-dialog .el-dialog__body .el-button {
                             width: countSizeVw(60, 1920);
                             height: countSizeVh(30);
                             margin-top: countSizeVh(40);
                          }
                      }
                      #divFormsDomBox {

                        .el-dialog {
                            width: countSizeVw(320, 1920);
                            height: countSizeVh(200);
                        }

                        .el-dialog .el-dialog__body .el-button {
                            width: countSizeVw(60, 1920);
                            height: countSizeVh(30);
                            margin-top: countSizeVh(40);
                        }
                    }

                    #divFormsDomBox {
                        width: 280px;
                        height: countSizeVh(360);

                        .title {
                            height: countSizeVh(40);
                            line-height: countSizeVh(42);
                            background-image: linear-gradient(
                                135deg,
                                transparent countSizeVh(25),
                                #29baf1 countSizeVh(25)
                            );
                            background-image: linear-gradient(135deg,
                                    transparent countSizeVh(25),
                                    #29baf1 countSizeVh(25));

                            .close {
                                right: countSizeVh(5);
                                top: countSizeVh(-2);
                            }

                            .close::before {
                                font-size: countSizeVh(16);
                            }
                        }

                        .item {
                            width: calc(100% - 20px);
                            height: countSizeVh(30);
                            line-height: countSizeVh(30);
                            margin: 0 10px;
                    
                            & > div:first-child {

                            &>div:first-child {
                                width: 100px;
                                margin-right: 20px;
                            }
                    
                            & > div:nth-of-type(2) {

                            &>div:nth-of-type(2) {
                                width: calc(100% - 120px);
                            }
                        }
             

                        .divForms .arrow {
                            width: 45px;
                            height: countSizeVh(2);
                            transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15));
                        }
                    

                        .divForms-theme .area {
                            background-image: linear-gradient(
                                    135deg,
                            background-image: linear-gradient(135deg,
                                    transparent 30px,
                                    #1831a79a 30px,
                                    #3f487ba6 50%,
                                    transparent 50%
                                ),
                                linear-gradient(
                                    -45deg,
                                    transparent 50%),
                                linear-gradient(-45deg,
                                    transparent 30px,
                                    #1831a79a 30px,
                                    #3f487ba6 50.1%,
                                    transparent 50%
                                );
                                    transparent 50%);
                        }
                    

                        .divForms .area {
                            min-width: 320px;
                        }
                    

                        .divForms-wrap {
                            padding: countSizeVh(30);
                        }
                    

                        .divForms-theme .b-b,
                        .divForms-theme .b-b-r,
                        .divForms-theme .b-l,
@@ -1951,63 +2021,61 @@
                        .divForms-theme .b-t-l {
                            box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7;
                        }
                    

                        .divForms .b-t {
                            left: countSizeVh(44);
                            height: countSizeVh(1);
                        }
                    

                        .divForms .b-r {
                            bottom: countSizeVh(44);
                            width: countSizeVh(1);
                        }
                    

                        .divForms .b-l {
                            top: countSizeVh(44);
                            width: countSizeVh(1);
                        }
                    

                        .divForms .b-b {
                            right: countSizeVh(44);
                            height: countSizeVh(1);
                        }
                    

                        .divForms .b-b-r {
                            width: countSizeVw(1,1920);
                            width: countSizeVw(1, 1920);
                            height: countSizeVh(62);
                            transform: rotate(45deg) translate(-52px, 22px);
                        }
                    

                        .divForms .b-t-l {
                            width: countSizeVw(1,1920);
                            width: countSizeVw(1, 1920);
                            height: countSizeVh(62);
                            transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920));
                            transform: rotate(45deg) translate(countSizeVw(52, 1920), countSizeVw(-22, 1920));
                        }
                    

                        .divForms .label-wrap {
                            padding: 0 countSizeVw(12,1920);
                            padding: 0 countSizeVw(12, 1920);
                            font-size: countSizeVh(16);
                        }
                    

                        .divForms-theme .title {
                            background-image: linear-gradient(
                                135deg,
                                transparent countSizeVw(25,1920),
                                #1c309e9a countSizeVw(25,1920)
                            );
                            background-image: linear-gradient(135deg,
                                    transparent countSizeVw(25, 1920),
                                    #1c309e9a countSizeVw(25, 1920));
                        }
                    

                        .divForms .title {
                            margin-top: countSizeVh(20);
                            padding: 0 countSizeVh(12) 0 countSizeVw(30,1920);
                            padding: 0 countSizeVh(12) 0 countSizeVw(30, 1920);
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                        }
                    

                        .divForms .label-content {
                            padding: countSizeVh(4) 0;
                        }
                    

                        .divForms .title::before {
                            bottom: -4px;
                            height: countSizeVh(2);
@@ -2019,7 +2087,7 @@
                    font-size: countSizeVh(24);
                }

                .dc-location-bar{
                .dc-location-bar {
                    font-size: countSizeVh(16);
                }

@@ -2362,14 +2430,6 @@
                                        line-height: maxCountSizeVh(22);
                                    }
                                }
                            }
                        }

                        .house-box {

                            .title {
                                height: countSizeVh(54);
                                line-height: countSizeVh(54);
                            }
                        }
                    }

 src/views/home/components/rightContainer.vue

@@ -5,15 +5,10 @@
                <div>值班信息(当日)</div>
            </div>
            <div class="table-box">
                <el-table
                    size="small"
                    :height="tableHeight"
                    :data="schedulingList"
                    style="width: 100%"
                <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
                    :row-class-name="tableRowClassName"
                >
                    :row-class-name="tableRowClassName">
                    <el-table-column prop="station" label="岗位"></el-table-column>
                    <el-table-column prop="name" label="姓名"></el-table-column>
                    <el-table-column prop="contact" label="联系方式"></el-table-column>
@@ -25,16 +20,9 @@
            <div class="title">
                案件统计
                <div class="timer">
                    <el-date-picker
                        v-model="eventTime"
                        type="daterange"
                        align="right"
                        unlink-panels
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        :picker-options="pickerOptions"
                    ></el-date-picker>
                    <el-date-picker v-model="eventTime" type="daterange" align="right" unlink-panels range-separator="至"
                        start-placeholder="开始日期" end-placeholder="结束日期"
                        :picker-options="pickerOptions"></el-date-picker>
                </div>
            </div>
            <div id="EventChangeEcharts" class="echarts-box"></div>
@@ -195,22 +183,21 @@
                    trigger: 'item',
                    confine: true,
                    formatter: function (params) {
                        console.log(params, 555)
                        let tipHtml = ``
                        if ('carCount' in params.data) {
                            tipHtml = `<span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> ${params.data.name}<strong style="margin-left:10px">${params.data.value}台</strong><br /><strong style="margin-left:10px;color:#5c7bd9">占比：${params.percent}%</strong><br /><span style="color:#5470c6">警车：${params.data.carCount}台</span><br /><span style="margin-left:10px;color:#91cc75">监控：${params.data.monitorCount}台</span><br /><span style="color:#fac858">手台：${params.data.phoneCount}台</span><br /><span style="margin-left:10px;color:#ee6666">手持记录仪：${params.data.recorderCount}台</span>`
                            tipHtml = `${params.marker} <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong><br /><strong style="margin-left:10px;color:#5c7bd9">占比：${params.percent}%</strong><br /><span style="color:#5470c6">警车：${params.data.carCount}台</span><br /><span style="margin-left:10px;color:#91cc75">监控：${params.data.monitorCount}台</span><br /><span style="color:#fac858">手台：${params.data.phoneCount}台</span><br /><span style="margin-left:10px;color:#ee6666">手持记录仪：${params.data.recorderCount}台</span>`
                        } else {
                            tipHtml = `<span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> ${params.data.name}<strong style="margin-left:10px">${params.data.value}台</strong><br /><span style="color:#4caf50">正常：${params.data.working}台</span><br /><span style="color:#2979ff">故障：${params.data.fault}台</span><br /><span style="margin-left:10px;color:#5c7bd9">设备故障率：${Math.floor(params.data.fault / (params.data.working + params.data.fault) * 100)}%</span><br />`
                            tipHtml = `${params.marker} <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong><br /><span style="color:#4caf50">正常：${params.data.working}台</span><br /><span style="color:#2979ff">故障：${params.data.fault}台</span><br /><span style="margin-left:10px;color:#5c7bd9">设备故障率：${Math.floor(params.data.fault / (params.data.working + params.data.fault) * 100)}%</span><br />`
                        }
                        return tipHtml
                    },
                    backgroundColor: 'rgba(9, 40, 199, 0.9)',
                    borderColor: 'rgba(9, 40, 199, 0.9)',
                    }
                },
                graphic: {
                    type: "text",
                    // left: "36.5%",
                    left: "40%",
                    top: "48%",
                    top: "40%",
                    left: "center",
                    style: {
                        text: "设备总数",
                        textAlign: "center",
@@ -221,8 +208,8 @@
                },
                title: {
                    text: `${this.regionTotal}`,
                    left: "42%",
                    top: "56%",
                    top: "52%",
                    left: "center",
                    textStyle: {
                        color: "#27D9C8",
                        fontSize: fontSize(20),
@@ -234,8 +221,9 @@
                    {
                        name: '',
                        type: 'pie',
                        radius: ['40%', '70%'],
                        center: ['47%', '57%'],
                        radius: ['90%', '136%'],
                        top: 'middle',
                        left: 'center',
                        data: dataArr,
                        avoidLabelOverlap: false,
                        labelLine: {
@@ -279,13 +267,7 @@
                            }
                        }
                    }
                ],
                grid: {
                    x: 10,
                    y: 10,
                    x2: 10,
                    y2: 20
                },
                ]
            }
        },

@@ -741,7 +723,7 @@
                background: $sub-tab-bg-color;
                cursor: pointer;

                & > div {
                &>div {
                    height: 26px;
                    line-height: 26px;
                }