| | |
| | | left: countSizeVw(692, 1920); |
| | | bottom: countSizeVh(40); |
| | | border-radius: countSizeVh(8); |
| | | width: countSizeVw(546, 1920); |
| | | width: auto; |
| | | z-index: 99; |
| | | |
| | | .left { |
| | |
| | | height: countSizeVh(30); |
| | | border-radius: countSizeVh(4); |
| | | margin-top: countSizeVh(10); |
| | | } |
| | | } |
| | | |
| | | .choose-police-box { |
| | | .el-dialog__header span { |
| | | font-size: countSizeVh(18); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body { |
| | | font-size: countSizeVh(16); |
| | | |
| | | &>div { |
| | | padding: countSizeVh(14); |
| | | padding-top: 0; |
| | | |
| | | &>.input-box { |
| | | height: 36px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__header button { |
| | | font-size: countSizeVh(18); |
| | | right: countSizeVw(10, 1920); |
| | | } |
| | | |
| | | .el-dialog { |
| | | width: countSizeVw(360, 1920); |
| | | height: countSizeVh(240); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(16); |
| | | border: countSizeVh(1) solid rgba(8, 56, 185, 0.9); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-button:hover { |
| | | background-color: #409EFF; |
| | | } |
| | | |
| | | .el-tree { |
| | | height: countSizeVh(240); |
| | | top: countSizeVh(36); |
| | | width: calc(100% - countSizeVw(16, 1920)); |
| | | } |
| | | |
| | | .el-input { |
| | | width: calc(100% - countSizeVw(20, 1920)); |
| | | } |
| | | |
| | | .police-btn-box { |
| | | bottom: countSizeVh(16); |
| | | } |
| | | |
| | | .value-name-box { |
| | | height: countSizeVh(32); |
| | | line-height: countSizeVh(32); |
| | | width: countSizeVw(100, 1920); |
| | | } |
| | | |
| | | .area { |
| | | top: countSizeVh(92); |
| | | } |
| | | |
| | | .input-width-box { |
| | | input { |
| | | width: countSizeVw(80, 1920); |
| | | height: countSizeVh(28); |
| | | border-radius: countSizeVh(4); |
| | | padding-left: countSizeVw(15, 1920); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .choose-policeCar-box { |
| | | .el-dialog__header span { |
| | | font-size: countSizeVh(18); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body { |
| | | font-size: countSizeVh(16); |
| | | |
| | | &>div { |
| | | padding: countSizeVh(14); |
| | | padding-top: 0; |
| | | |
| | | &>div { |
| | | line-height: countSizeVh(36); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .police-btn-box { |
| | | bottom: countSizeVh(16); |
| | | } |
| | | |
| | | .el-dialog__header button { |
| | | font-size: countSizeVh(18); |
| | | right: countSizeVw(10, 1920); |
| | | } |
| | | |
| | | .el-dialog { |
| | | width: countSizeVw(360, 1920); |
| | | height: countSizeVh(240); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(20); |
| | | border: countSizeVh(1) solid rgba(8, 56, 185, 0.9); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-button:hover { |
| | | background-color: #409EFF; |
| | | } |
| | | |
| | | .value-name-box { |
| | | height: countSizeVh(32); |
| | | line-height: countSizeVh(32); |
| | | width: countSizeVw(130, 1920); |
| | | } |
| | | |
| | | .input-width-box { |
| | | input { |
| | | width: countSizeVw(80, 1920); |
| | | height: countSizeVh(28); |
| | | border-radius: countSizeVh(4); |
| | | padding-left: countSizeVw(15, 1920); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .edit-line-box { |
| | | .el-dialog { |
| | | width: countSizeVw(360, 1920); |
| | | height: countSizeVh(240); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(10); |
| | | } |
| | | |
| | | |
| | | &>div { |
| | | margin-bottom: countSizeVh(10); |
| | | } |
| | | |
| | | .input-width-box { |
| | | input { |
| | | width: countSizeVw(80, 1920); |
| | | height: countSizeVh(28); |
| | | border-radius: countSizeVh(4); |
| | | padding-left: countSizeVw(15, 1920); |
| | | } |
| | | |
| | | } |
| | | |
| | | .value-name-box { |
| | | height: countSizeVh(32); |
| | | line-height: countSizeVh(32); |
| | | } |
| | | |
| | | |
| | | .units { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(26); |
| | | padding-left: countSizeVw(10, 1920) |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .add-polygon-box { |
| | | .el-dialog { |
| | | width: countSizeVw(360, 1920); |
| | | height: countSizeVh(240); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | } |
| | | |
| | | .line { |
| | | margin-bottom: countSizeVh(10); |
| | | } |
| | | |
| | | .value-name-box { |
| | | width: countSizeVh(120); |
| | | } |
| | | |
| | | input { |
| | | height: countSizeVh(30); |
| | | font-size: countSizeVh(16); |
| | | border: countSizeVh(1) solid rgb(0, 92, 169); |
| | | } |
| | | |
| | | .alpha { |
| | | width: calc(100% - countSizeVh(140)); |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .edit-plot-box { |
| | | .el-dialog { |
| | | width: countSizeVw(360, 1920); |
| | | height: countSizeVh(240); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(10); |
| | | } |
| | | |
| | | &>div { |
| | | margin-bottom: countSizeVh(10); |
| | | } |
| | | |
| | | .value-name-box { |
| | | height: countSizeVh(32); |
| | | line-height: countSizeVh(32); |
| | | width: countSizeVw(120, 1920); |
| | | } |
| | | |
| | | input { |
| | | height: countSizeVh(30); |
| | | font-size: countSizeVh(16); |
| | | border: countSizeVh(1) solid rgb(0, 92, 169); |
| | | } |
| | | |
| | | .placeholder { |
| | | height: countSizeVh(15); |
| | | margin-bottom: countSizeVh(0); |
| | | } |
| | | |
| | | .alpha { |
| | | width: calc(100% - countSizeVh(160)); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |