@media screen and (max-height: 9000px) {
html,
body {
font-size: countSizeVh(16) !important;
#app {
.wrapper {
width: 100vw;
height: 100%;
.main-header {
width: 100vw;
height: countSizeVh(60);
line-height: countSizeVh(60);
.title {
font-size: countSizeVh(24);
width: countSizeVw(520, 1920);
letter-spacing: countSizeVw(6, 1920);
}
.menu-list.left {
margin-left: countSizeVh(58);
}
.menu-list.right {
margin-right: countSizeVh(58);
}
.menu-list {
.nav-list {
width: countSizeVw(110, 1920);
height: countSizeVh(36);
font-size: countSizeVh(18);
}
.sub-nav-list {
top: countSizeVh(28);
border-top: countSizeVh(14) solid transparent;
div {
height: countSizeVh(36);
line-height: countSizeVh(36);
font-size: countSizeVh(16);
}
div:first-child {
padding-top: countSizeVh(10);
}
div:last-child {
padding-bottom: countSizeVh(10);
}
}
&.left {
.sub-nav-list {
left: countSizeVw(12, 1920);
}
}
&.right {
.sub-nav-list {
left: countSizeVw(-12, 1920);
}
}
}
}
.main-content {
.home-page {
.left-container,
.right-container {
top: countSizeVh(60);
width: countSizeVw(400, 1920);
height: calc(100% - countSizeVh(60));
.person-box,
.land-box,
.case-box,
.crowd-box {
height: countSizeVh(320);
}
.case-box {
.duty-information-box {
margin: countSizeVh(16);
flex: 1;
overflow: hidden;
overflow-y: auto;
&>div {
padding: countSizeVh(10);
}
span {
line-height: countSizeVh(36);
}
}
}
.person-box,
.house-box,
.land-box,
.case-box,
.alert-box,
.crowd-box {
.title {
padding: 0 countSizeVw(18, 1920) 0 countSizeVw(18, 1920);
height: 17.6%;
font-size: countSizeVh(16);
.title-num {
font-size: countSizeVh(16);
}
.timer {
width: countSizeVw(250, 1920);
.el-range-editor.el-input__inner {
width: 100% !important;
height: countSizeVh(32);
}
.el-range-editor .el-range-input {
font-size: countSizeVh(14);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.el-icon-date:before {
font-size: countSizeVh(14);
}
.el-date-editor .el-range__icon {
line-height: countSizeVh(32);
height: countSizeVh(32);
margin-left: countSizeVw(4, 1920);
}
.el-date-editor .el-range-separator {
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(14);
}
.el-select {
height: countSizeVh(32);
}
.el-input--suffix .el-input__inner {
height: countSizeVh(32);
font-size: countSizeVh(14);
padding-left: countSizeVw(10, 1920);
}
.el-select .el-input .el-select__caret {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
}
}
.table-box {
.el-checkbox__inner {
width: countSizeVh(20);
height: countSizeVh(20);
}
.el-checkbox__label {
font-size: countSizeVh(16) !important;
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
.sub-title {
line-height: countSizeVh(36);
}
.sub-tab {
padding: countSizeVh(10);
.tab,
.tab3 {
&>div {
height: countSizeVh(22);
line-height: countSizeVh(22);
}
&>div.tab-title-small {
height: maxCountSizeVh(32);
line-height: maxCountSizeVh(32);
}
}
}
.house-sub-tab {
.sub-child-tab:last-child {
margin-top: countSizeVh(8)
}
}
.echarts-box {
height: calc(100% - countSizeVh(46));
}
.person-list-box {
height: calc(100% - countSizeVh(46));
overflow-y: auto;
overflow-x: hidden;
.person-category-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: countSizeVh(8);
padding: 0 countSizeVh(8);
line-height: countSizeVh(36);
&:first-child {
margin-top: 0;
}
&:hover {
background: skyblue;
}
&:hover {
background: skyblue;
}
.value {
color: orange;
cursor: pointer;
}
}
}
.house-echarts-box {
height: calc(100% - countSizeVh(112));
}
}
.person-box {
.back {
top: countSizeVh(102);
}
}
.case-box {
.table-box {
height: calc(100% - 18.6%);
.title-header {
height: countSizeVh(40);
li {
display: flex;
background: $table-header-bg-color !important;
span {
line-height: 24px;
}
.time {
width: 20%;
}
.zbry {
width: 40%;
}
.fxlry {
width: 40%;
}
}
}
.warp {
height: calc(100% - countSizeVh(54));
overflow: hidden;
li {
display: flex;
span {
line-height: 24px;
}
.time {
width: 20%;
}
.zbry {
width: 40%;
}
.fxlry {
width: 40%;
}
}
}
}
}
}
.bottom-container {
left: countSizeVw(400, 1920);
width: calc(100% - countSizeVw(400, 1920) * 2);
height: calc((100% - maxCountSizeVh(120)) / 3);
.header {
height: countSizeVh(56);
.bottom-title {
left: countSizeVw(18, 1920);
height: countSizeVh(56);
line-height: countSizeVh(56);
font-size: countSizeVh(16);
letter-spacing: countSizeVw(2, 1920);
}
.timeTab {
top: countSizeVh(22);
right: countSizeVw(670, 1920);
border-radius: countSizeVh(6);
span {
padding: 0 countSizeVw(10, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
.timeSeclect {
width: countSizeVw(520, 1920);
height: countSizeVh(30);
top: countSizeVh(20);
right: countSizeVw(128, 1920);
}
.history-tab {
top: countSizeVh(22);
right: countSizeVw(12, 1920);
border-radius: countSizeVh(6);
span {
padding: 0 countSizeVw(10, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
}
.current-table-body,
.body {
margin: countSizeVh(12);
margin-top: countSizeVh(10);
margin-bottom: countSizeVh(14);
width: calc(100% - countSizeVw(24, 1920));
height: calc(100% - countSizeVh(80));
}
.body {
.warp {
height: calc(100% - countSizeVh(44));
}
ul {
li {
height: countSizeVh(44);
line-height: countSizeVh(44);
}
}
}
.current-table-body {
.pages {
height: countSizeVh(40);
}
}
}
.region-select {
top: countSizeVh(80);
width: countSizeVw(720, 1920);
height: countSizeVh(36);
.selects-container .selects-box .text {
font-size: countSizeVh(15);
}
.selects-container .select-options div {
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.selects-container .issel {
max-height: countSizeVh(240) !important;
}
}
.center-container {
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(42));
.layers-control-btn {
width: countSizeVw(96, 1920);
height: countSizeVh(40);
border-radius: countSizeVh(20);
.el-checkbox .el-checkbox__label {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner {
width: countSizeVh(20);
height: countSizeVh(20);
}
.el-checkbox .el-checkbox__inner::after {
height: countSizeVh(12);
left: countSizeVw(7, 1920);
}
}
}
.show-home-center {
bottom: countSizeVh(42);
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(140);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(60);
left: 50%;
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
transform: translate(-50%, 0);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.house-page {
.container-content {
.search-box {
height: countSizeVh(48);
input {
font-size: countSizeVh(18);
}
button {
width: countSizeVw(80, 1920);
font-size: countSizeVh(24);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
.el-input__inner {
height: countSizeVh(40);
line-height: countSizeVh(40);
padding: 0 countSizeVw(15, 1920);
border-radius: countSizeVh(4);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - 2 * countSizeVw(6, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
cursor: pointer;
}
}
}
.result-content {
height: calc(100% - countSizeVh(48));
.housing-estate-info {
.housing-title {
padding: countSizeVh(4) countSizeVw(20, 1920);
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(28);
box-sizing: content-box;
&::after {
top: countSizeVh(18);
left: countSizeVw(10, 1920);
right: countSizeVw(10, 1920);
top: countSizeVh(4);
}
}
.housing-bg {
margin-top: countSizeVh(6);
height: countSizeVh(200);
}
.housing-introduce {
&>div {
padding: 0 countSizeVw(10, 1920);
font-size: countSizeVh(16);
.l {
width: countSizeVw(80, 1920);
line-height: countSizeVh(40);
}
.r {
line-height: countSizeVh(40);
}
}
.code {
width: countSizeVw(120, 1920);
height: countSizeVh(120);
}
}
.house-shrink-unfold-btn {
font-size: countSizeVh(20);
}
}
.nav-tab {
.nav {
height: countSizeVh(40);
line-height: countSizeVh(40);
border-bottom: countSizeVh(1) solid #33566c;
}
}
.base-info {
.sub-nav-list {
padding: countSizeVw(14, 1920) 0;
.sub-nav {
width: countSizeVw(76, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
border-radius: countSizeVh(13);
}
.on {
border: countSizeVh(1) solid #fff;
}
}
&>.floor-content {
.build-item {
height: countSizeVh(100);
}
.build-info {
height: countSizeVh(100);
.nextBtn {
left: countSizeVw(1, 1920);
width: countSizeVw(20, 1920);
height: countSizeVh(60);
padding-top: countSizeVh(12);
i {
font-size: countSizeVh(30);
margin-left: countSizeVw(-5, 1920);
}
}
.rightBtn {
left: countSizeVw(369, 1920);
}
.build-outBox {
left: countSizeVw(18, 1920);
width: countSizeVw(356, 1920);
height: countSizeVh(100);
.build-box {
.ridgepole-list {
width: countSizeVw(356, 1920);
&>div {
margin: countSizeVh(6) countSizeVw(8, 1920);
width: countSizeVw(54, 1920);
height: countSizeVh(36);
line-height: countSizeVh(36);
border: countSizeVh(1) solid #ccc;
.el-checkbox .el-checkbox__inner {
width: countSizeVh(12);
height: countSizeVh(12);
border-radius: countSizeVh(1);
}
.el-checkbox .el-checkbox__inner::after {
height: countSizeVh(7);
left: countSizeVw(5, 1920);
}
}
}
}
}
}
.ridgepole-info {
.content {
&>div {
height: countSizeVh(26);
line-height: countSizeVh(26);
border-right: countSizeVh(1) solid #50555f;
&>div:last-child {
margin-left: countSizeVw(14, 1920);
font-size: countSizeVh(18);
}
}
}
}
.people-info {
.content {
.two {
margin-top: countSizeVh(16);
}
.one,
.two {
&>div {
&>div:first-child {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(18);
}
&>div:last-child {
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
}
}
}
.house-info {
.content {
&>div {
&>div:first-child {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(18);
}
}
}
border-bottom: countSizeVh(1) dashed #ccc;
}
.ridgepole-info,
.people-info,
.house-info {
.title {
height: countSizeVh(40);
line-height: countSizeVh(40);
}
.content {
padding: countSizeVh(10) 0;
}
}
.house-element-info {
.condo,
.legend {
height: countSizeVh(36);
.type {
width: countSizeVw(80, 1920);
}
.type-select {
margin-left: countSizeVw(20, 1920);
:deep(.el-input--suffix .el-input__inner) {
padding-right: countSizeVw(54, 1920);
}
.el-input--small {
font-size: countSizeVh(18);
}
.el-select:hover .el-input__inner {
height: countSizeVh(36);
}
.el-input--small .el-input__inner {
height: countSizeVh(36);
}
.el-input__suffix {
height: countSizeVh(36);
margin-right: countSizeVw(6, 1920);
.el-icon-arrow-up:before {
font-size: countSizeVh(18);
height: countSizeVh(36);
line-height: countSizeVh(36);
}
}
}
.type-val {
&>div {
&>span {
margin: 0 countSizeVw(10, 1920);
width: countSizeVw(10, 1920);
height: countSizeVh(10);
}
.chuzu {
border: countSizeVh(1) solid #348b3a;
}
.zizhu {
border: countSizeVh(1) solid #2c77bb;
}
.kongzhi {
border: countSizeVh(1) solid #5c6169;
}
.shangye {
border: countSizeVh(1) solid #cc9456;
}
}
}
}
.floor-outBox {
height: countSizeVh(26);
margin-top: countSizeVh(9);
.floorBtn {
left: countSizeVw(30, 1920);
top: -countSizeVh(2);
width: countSizeVw(20, 1920);
height: countSizeVh(26);
i {
font-size: countSizeVh(30);
margin-left: -countSizeVw(5, 1920);
}
}
.rightFloorBtn {
left: countSizeVw(350, 1920);
}
.floor-box {
width: countSizeVw(252, 1920);
height: countSizeVh(26);
left: countSizeVw(67, 1920);
.floor-num {
width: countSizeVw(504, 1920);
left: 0;
&>div {
margin: 0 countSizeVw(4, 1920);
width: countSizeVw(84, 1920);
height: countSizeVh(26);
border-radius: countSizeVh(13);
}
&>.on {
border: countSizeVh(1) solid orange;
}
}
}
}
.floor-detail {
margin-top: countSizeVh(14);
height: countSizeVh(240);
&>div {
margin: countSizeVh(8);
height: countSizeVh(36);
line-height: countSizeVh(36);
.title {
width: countSizeVw(50, 1920);
}
.detail {
&>div {
margin: 0 countSizeVw(4, 1920);
width: countSizeVw(68, 1920);
height: countSizeVh(36);
border: countSizeVh(1) solid #ccc;
.flow,
.focus,
.warning {
// right: countSizeVw(0, 1920);
left: countSizeVw(2, 1920);
width: countSizeVh(10);
height: countSizeVh(10);
}
.flow {
// top: calc((100% - countSizeVh(18)) / 4);
// top: calc((100% / 3) - countSizeVh(3));
// top: calc(50% - countSizeVh(3));
top: countSizeVh(2);
}
.focus {
// top: calc((100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6));
top: calc((100% / 3) * 2 - countSizeVh(3));
}
.warning {
top: calc((100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12));
}
}
&>.chuzu {
border: countSizeVh(1) solid #3a8b3a;
}
&>.zizhu {
border: countSizeVh(1) solid #2c77bb;
}
&>.kongzhi {
border: countSizeVh(1) solid #5c6169;
}
&>.shangye {
border: countSizeVh(1) solid #cc9456;
}
}
}
}
.resident-box {
height: countSizeVh(294);
}
}
}
&>.come-out-content,
&>.park-content,
&>.business-content {
height: countSizeVh(380);
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
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 th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
&>.come-out-content-long,
&>.park-content-long,
&>.business-content-long {
height: countSizeVh(780);
}
}
.police-info {
.tableClass {
width: countSizeVw(600, 1920);
height: countSizeVh(400);
}
.tableClass th,
.tableClass td {
width: countSizeVw(200, 1920);
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
width: countSizeVw(400, 1920) !important;
}
}
.el-table__body {
width: countSizeVw(400, 1920) !important;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
}
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(100);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(770, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.police-page {
.type-tab-box {
height: countSizeVh(38);
line-height: countSizeVh(38);
.tab-item {
padding: 0 countSizeVw(10, 1920);
}
}
.time-select {
.search-item-box {
margin: countSizeVh(10);
display: flex;
align-items: center;
.bjnr-btn {
background-color: #102daa;
color: #fff;
border: 0;
height: countSizeVh(32);
padding: 0 countSizeVw(10, 1920);
margin-left: countSizeVw(8, 1920);
}
.el-input__inner {
padding: 0 countSizeVw(15, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.el-input__icon {
line-height: countSizeVh(32) !important;
}
}
}
.switch-box {
padding: countSizeVh(6);
.el-input__inner {
height: countSizeVh(40);
font-size: countSizeVh(16);
}
.el-icon-arrow-up:before {
font-size: countSizeVh(16);
line-height: countSizeVh(40);
}
.el-input__suffix {
right: countSizeVw(5, 1920);
}
.el-select-dropdown__wrap {
height: countSizeVh(274);
}
}
.list-show {
// height: calc(100% - countSizeVh(50));
.search-box {
padding: countSizeVh(6) countSizeVw(6, 1920);
height: countSizeVh(46);
input {
height: countSizeVh(32);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.el-input-group__append {
color: #fff;
border-color: rgba(8, 56, 185, 0.9) !important;
background: rgba(8, 56, 185, 0.9) !important;
}
.el-input-group__append:hover {
background: #66b1ff !important;
border-color: #66b1ff !important;
}
}
.list {
height: calc(100% - countSizeVh(48));
.el-button--text {
font-size: countSizeVh(18);
}
.pages {
height: countSizeVh(80);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
.state-box {
width: countSizeVh(20);
height: countSizeVh(20);
line-height: countSizeVh(20);
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table__body-wrapper {
td {
.cell {
position: relative;
}
}
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
}
.track-box {
height: calc(100% - countSizeVh(50));
.back-btn {
height: countSizeVh(42);
line-height: countSizeVh(42);
border-bottom: countSizeVh(1) solid #fff;
}
.back-btn::before {
height: countSizeVh(28);
line-height: countSizeVh(28);
top: countSizeVh(4);
left: countSizeVw(8, 1920);
}
li {
padding: 0 countSizeVw(4, 1920);
height: countSizeVh(42);
line-height: countSizeVh(42);
border-bottom: countSizeVh(1) solid #fff;
}
li:last-child {
.el-button {
width: countSizeVw(68, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
}
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(100);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(770, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
.cur-tooltip {
padding: countSizeVh(10);
max-width: countSizeVw(320, 1920);
border-radius: countSizeVh(10);
}
}
.video-page {
.list {
.search-box {
padding: countSizeVw(6, 1920) countSizeVh(6);
height: countSizeVh(52);
input {
height: countSizeVh(32);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
button {
font-size: countSizeVh(24);
width: countSizeVw(80, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - countSizeVw(12, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10) countSizeVw(10, 1920);
&>div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
.draw-btn {
margin: countSizeVh(8) countSizeVw(8, 1920);
height: countSizeVh(26);
.el-button--mini {
font-size: countSizeVh(16);
padding: countSizeVh(8) 0;
border-radius: countSizeVh(4);
}
}
.range-input {
right: countSizeVw(-190, 1920);
top: countSizeVh(20);
width: countSizeVw(180, 1920);
height: countSizeVh(100);
input {
border: countSizeVh(1) solid #005ca9;
width: countSizeVw(160, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(10);
padding-left: countSizeVw(6, 1920);
}
.btn {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
border-radius: countSizeVh(4);
margin-top: countSizeVh(10);
}
.close {
width: countSizeVw(20, 1920);
height: countSizeVh(10);
}
.close::before {
font-size: countSizeVh(18);
}
}
.list-show {
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(100);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(770, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.region {
.region-left-container {
.search-box {
padding: countSizeVw(6, 1920) countSizeVh(6);
height: countSizeVh(52);
input {
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20) 0 0 countSizeVw(20, 1920);
}
button {
font-size: countSizeVh(24);
width: countSizeVw(80, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - countSizeVw(12, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10) countSizeVw(10, 1920);
&>div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
.list-show {
&>div {
.list-box {
.btn {
width: 60px;
height: countSizeVh(30);
border-radius: countSizeVh(4) countSizeVw(4, 1920);
margin-top: countSizeVh(10);
}
.btn:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-button--text {
font-size: countSizeVh(16);
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(100);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(770, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
}
.activity-page {
.container-content {
font-size: countSizeVh(24);
.title {
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(24);
letter-spacing: countSizeVw(20, 1920);
}
.search-box {
padding: 0 countSizeVw(10, 1920);
&>div {
margin-top: countSizeVh(10);
.category {
width: countSizeVw(88, 1920);
font-size: countSizeVh(16);
}
.category-value {
display: flex;
align-items: center;
.category-input {
width: 80%;
height: countSizeVh(32);
font-size: countSizeVh(14);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(5) 0 0 countSizeVw(5, 1920);
}
.category-button {
font-size: countSizeVh(20);
// width: countSizeVw(60, 1920);
width: 20%;
height: countSizeVh(32);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(5, 1920) countSizeVh(5) 0;
}
.category-button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.el-range-editor.el-input__inner {
width: 100% !important;
height: countSizeVh(32);
}
.el-range-editor .el-range-input {
font-size: countSizeVh(14);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.el-icon-date:before {
font-size: countSizeVh(14);
}
.el-date-editor .el-range__icon {
line-height: countSizeVh(32);
height: countSizeVh(32);
margin-left: countSizeVw(4, 1920);
}
.el-date-editor .el-range-separator {
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(14);
}
.el-select {
width: 100%;
height: countSizeVh(32);
}
.el-input--suffix .el-input__inner {
height: countSizeVh(32);
font-size: countSizeVh(14);
padding-left: countSizeVw(10, 1920);
padding-right: countSizeVw(20, 1920);
}
.el-select .el-input .el-select__caret {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
}
}
}
.result-content {
margin-top: countSizeVh(8);
.table-box {
.row-box {
margin: countSizeVh(10) countSizeVw(10, 1920);
padding: countSizeVh(10) countSizeVw(10, 1920);
font-size: countSizeVh(14);
.row-content {
&>div {
line-height: countSizeVh(28);
.category {
width: countSizeVw(88, 1920);
font-size: countSizeVh(16);
}
}
}
}
.tableClass {
width: countSizeVw(400, 1920);
}
.tableClass td {
width: countSizeVw(300, 1920);
}
.no-data {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: countSizeVh(16);
}
}
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}
}
.draw-btn-box {
border-radius: countSizeVh(8) countSizeVh(8) 0 0;
width: auto;
z-index: 99;
.emit-expend {
width: countSizeVw(54, 1920);
height: countSizeVh(28);
line-height: countSizeVh(28);
border-radius: countSizeVh(8) countSizeVh(8) 0 0;
}
.left {
padding: countSizeVh(8);
h3 {
font-size: countSizeVh(16);
height: countSizeVh(30);
line-height: countSizeVh(30);
}
&>div {
height: countSizeVh(44);
line-height: countSizeVh(44);
}
.plot-box {
height: countSizeVh(88);
}
ul {
li {
button {
padding: 0 countSizeVw(6, 1920);
min-width: countSizeVw(60, 1920);
line-height: countSizeVh(30);
height: countSizeVh(30);
margin: countSizeVh(7) countSizeVw(5, 1920);
border: countSizeVw(1, 1920) solid #cecece;
border-radius: countSizeVh(4) countSizeVw(4, 1920);
font-size: countSizeVw(14, 1920);
}
}
}
}
// .right {
// padding-top: countSizeVh(35);
// ul li {
// height: countSizeVh(50);
// }
// }
}
.second-container {
top: countSizeVh(10);
width: countSizeVw(240, 1920);
z-index: 99;
.el-tree-node__content {
height: countSizeVh(30);
font-size: countSizeVh(16);
}
.el-tree-node__label {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner {
height: countSizeVh(20);
width: countSizeVh(20);
border-radius: countSizeVh(2);
}
.el-tree-node__expand-icon {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner::after {
height: countSizeVh(16);
left: countSizeVw(7, 1920);
}
}
.second-container.spread {
left: countSizeVw(444, 1920);
}
.second-container.take-back {
top: countSizeVh(60);
left: countSizeVw(10, 1920);
}
.expend {
padding: 0 countSizeVh(10);
position: fixed;
top: countSizeVh(216);
right: countSizeVw(400, 1920);
width: countSizeVw(36, 1920);
height: countSizeVh(80);
line-height: countSizeVh(40);
border-radius: countSizeVh(10) 0 0 countSizeVh(10);
}
.activity-details-box {
top: countSizeVh(200);
right: countSizeVw(0, 1920);
width: countSizeVw(400, 1920);
padding: countSizeVh(10) countSizeVw(10, 1920);
z-index: 1;
border-radius: countSizeVh(10) 0 0 countSizeVh(10);
.title {
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.row-box {
line-height: countSizeVh(28);
.category {
width: countSizeVw(96, 1920);
}
.el-switch {
font-size: countSizeVh(14);
height: countSizeVh(12);
line-height: countSizeVh(12);
}
.el-switch__core {
width: countSizeVw(30, 1920) !important;
height: countSizeVh(14);
border-radius: countSizeVh(7);
border: countSizeVh(1) solid #DCDFE6;
}
.el-switch__core:after {
margin: auto;
top: 0;
bottom: 0;
left: 0;
width: countSizeVw(12, 1920);
height: countSizeVw(12, 1920);
}
.el-switch.is-checked .el-switch__core::after {
margin-left: countSizeVw(18, 1920) !important;
}
}
.row-btn-box {
height: countSizeVh(30);
.el-button {
padding: countSizeVh(7) 20px;
font-size: countSizeVh(14);
border: countSizeVh(1) solid #2e3fad;
}
}
}
.btn-box {
min-height: countSizeVh(40);
padding: countSizeVh(10) countSizeVw(10, 1920) 0 countSizeVw(10, 1920);
border-radius: countSizeVw(10, 1920);
ul {
li {
button {
padding: 0 countSizeVh(6);
margin: 0 countSizeVw(5, 1920);
min-width: countSizeVw(60, 1920);
height: countSizeVh(30);
line-height: countSizeVh(30);
border: countSizeVh(1) solid #cecece;
border-radius: countSizeVw(4, 1920);
font-size: countSizeVh(16);
}
}
}
}
.search-content {
left: countSizeVw(770, 1920);
top: countSizeVh(100);
width: countSizeVw(380, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(770, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
.plan-control {
top: countSizeVh(90);
right: countSizeVw(0, 1920);
width: countSizeVw(180, 1920);
padding: countSizeVh(10);
border-radius: countSizeVh(8) 0 0 countSizeVh(8);
.row-box {
line-height: countSizeVh(28);
.category {
width: countSizeVw(96, 1920);
}
}
}
}
.select {
.el-input--suffix .el-input__inner {
padding-right: countSizeVw(40, 1920) !important;
}
}
}
.main-content {
.car-video-box {
.el-dialog .el-dialog__header {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(1000, 1920);
height: countSizeVh(620);
}
}
.police-affairs-details-box {
.el-dialog {
width: countSizeVw(540, 1920);
height: countSizeVh(320);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__header {
height: countSizeVh(56);
line-height: countSizeVh(56);
font-size: countSizeVh(16);
}
.el-dialog .el-dialog__body .item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(36);
line-height: countSizeVh(36);
margin: 0 countSizeVw(10, 1920);
font-size: countSizeVh(16);
}
.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) {
width: calc(100% - countSizeVw(120, 1920));
font-size: countSizeVh(16);
}
}
.resident-details-box {
.el-dialog__header {
height: countSizeVh(28);
}
.el-dialog {
width: countSizeVw(1080, 1920);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
height: countSizeVw(200, 1920);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog__body {
display: flex;
flex-direction: row;
height: countSizeVh(160);
.house-info-box {
width: countSizeVw(240, 1920);
height: 100%;
.house-title {
font-size: countSizeVh(18);
font-weight: 700;
}
.mini-code {
width: countSizeVw(172, 1920);
height: countSizeVw(172, 1920);
margin-top: countSizeVh(20);
margin-left: countSizeVw(20, 1920);
}
}
.table-box {
display: flex;
flex-direction: column;
width: 0;
flex: 1;
height: 100%;
.type-tab-box {
height: countSizeVh(28);
display: flex;
.tab-item {
padding: 0 countSizeVw(10, 1920);
cursor: pointer;
}
.tab-choose-item {
background-color: #3d5ad5;
}
}
.el-table {
height: 0;
flex: 1;
}
.pay-info-box {
height: 0;
flex: 1;
.table-box-w {
height: 100%;
.list-box {
display: flex;
flex-direction: column;
height: 100%;
.el-table {
height: 0;
flex: 1;
}
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
justify-content: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}
}
}
}
}
}
.panorama-details-box {
.el-dialog {
width: countSizeVw(960, 1920);
height: countSizeVh(600);
}
&.panorama-amplification {
.el-dialog {
width: 100%;
height: 100%;
}
}
.title-box {
position: relative;
span {
position: absolute;
top: 0;
left: auto;
right: countSizeVw(36, 1920);
bottom: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
i {
cursor: pointer;
}
}
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
margin-bottom: countSizeVh(10);
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
}
.phone-details-box {
.el-dialog {
width: countSizeVw(720, 1920);
height: countSizeVh(400);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
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 {
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));
}
}
.keyPerson-details-box-two {
.el-dialog {
width: countSizeVw(1100, 1920);
height: countSizeVh(560);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-main {
height: calc(100% - countSizeVh(50)) !important;
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(40)) !important;
}
.el-table__header-wrapper {
height: countSizeVh(60);
line-height: countSizeVh(60);
}
.el-table .cell {
height: countSizeVh(30);
line-height: countSizeVh(30);
}
.header {
margin-bottom: countSizeVh(10);
padding-left: countSizeVw(10, 1920);
&>div {
height: countSizeVh(32);
line-height: countSizeVh(32);
margin-right: countSizeVw(10, 1920);
input {
width: countSizeVw(150, 1920);
height: countSizeVh(32);
font-size: countSizeVh(12);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
}
&>div:first-child input {
width: countSizeVw(120, 1920);
}
.el-button--primary {
border: countSizeVh(1) solid rgba(29, 92, 228, 0.6);
}
}
}
.policeSituation-details-box {
.el-dialog {
width: countSizeVw(800, 1920);
height: countSizeVh(500);
.el-dialog__header {
text-align: center;
height: countSizeVh(40);
line-height: countSizeVh(40);
span {
font-size: countSizeVh(18);
}
button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
}
.el-dialog__body {
height: calc(100% - countSizeVh(40));
font-size: countSizeVh(16);
.btn-change {
height: countSizeVh(32);
line-height: countSizeVh(32);
border-bottom: countSizeVh(2) solid #3d5ad5;
&>div {
padding: 0 countSizeVw(12, 1920);
}
}
.box {
.item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(32);
line-height: countSizeVh(32);
margin: 0 countSizeVw(10, 1920);
&>div:first-child {
width: countSizeVw(120, 1920);
margin-right: countSizeVw(20, 1920);
}
&>div:nth-of-type(2) {
width: calc(100% - countSizeVw(140, 1920));
}
}
.dialog-content {
line-height: countSizeVh(32);
margin-left: countSizeVw(10, 1920);
&>div:first-child {
width: countSizeVw(120, 1920);
margin-right: countSizeVw(20, 1920);
}
&>div:nth-of-type(2) {
width: calc(100% - countSizeVw(140, 1920));
}
}
}
}
}
}
.video-draw-box {
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(320, 1920);
}
.pick-color-box {
width: countSizeVw(200, 1920);
}
.el-dialog .el-dialog__body input {
width: countSizeVw(200, 1920);
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);
}
}
.edit-range-box {
.el-dialog {
width: countSizeVw(240, 1920);
height: countSizeVh(170);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
}
&>div {
margin-bottom: countSizeVh(2);
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(120, 1920);
}
.input-width-box {
input {
width: countSizeVw(80, 1920);
height: countSizeVh(28);
border-radius: countSizeVh(4);
padding-left: countSizeVw(15, 1920);
}
}
.units {
width: countSizeVw(40, 1920);
height: countSizeVh(26);
padding-left: countSizeVw(10, 1920)
}
.placeholder {
height: countSizeVh(26);
}
}
}
}
.add-label-box {
.el-dialog {
width: countSizeVw(300, 1920);
height: countSizeVh(220);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
}
&>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);
}
.el-input-number input {
height: countSizeVh(30);
}
.input-fontsize-box {
width: countSizeVw(100, 1920);
}
.el-input-number__decrease,
.el-input-number__increase {
width: countSizeVw(30, 1920);
height: countSizeVh(30);
line-height: countSizeVh(30);
border: countSizeVh(1) solid #3d5ad5;
}
}
}
}
}
.flexible-btn {
font-size: countSizeVh(24);
}
.dc-location-bar {
font-size: countSizeVh(16);
}
.main-content.spread {
position: absolute;
top: countSizeVh(60);
width: countSizeVw(400, 1920);
height: calc(100% - countSizeVh(60));
z-index: 98;
}
.flexible-btn {
padding: 0 countSizeVw(2, 1920);
width: countSizeVw(32, 1920);
height: countSizeVh(64);
line-height: countSizeVh(32);
border-radius: 0 countSizeVh(5) countSizeVh(5) 0;
box-shadow: countSizeVh(1) 0px countSizeVh(4) countSizeVh(1) $bg-color;
}
.flexible-btn.spread {
left: countSizeVw(400, 1920);
}
.home-person-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(310));
}
.home-person-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
bottom: countSizeVh(308);
}
// 地图，控制按钮
.home-person-btn {
left: countSizeVh(10);
bottom: countSizeVh(308);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.over-look-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(222));
}
.over-look-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
bottom: countSizeVh(220);
}
// 地图，控制按钮
.over-look-btn {
left: countSizeVh(10);
bottom: countSizeVh(220);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.compass-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(266));
}
.compass-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
bottom: countSizeVh(264);
}
// 地图，控制按钮
.compass-btn {
left: countSizeVh(10);
bottom: countSizeVh(264);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.screen-full-btn {
left: countSizeVh(10);
bottom: countSizeVh(10);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.screen-full-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(16));
}
.screen-full-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.dc-zoom-controller {
left: countSizeVh(10) !important;
bottom: countSizeVh(56) !important;
width: countSizeVh(36) !important;
&>div {
width: countSizeVh(36) !important;
height: countSizeVh(36) !important;
svg {
width: countSizeVh(20) !important;
height: countSizeVh(20) !important;
}
}
}
.dc-zoom-controller.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(60)) !important;
}
.dc-zoom-controller.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.image-switch-icon-btn {
left: countSizeVh(10);
bottom: countSizeVh(176);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.image-switch-icon-btn.iconbottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(178)) !important;
}
.image-switch-icon-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.dc-location-bar.homebottom {
bottom: countSizeVh(390) !important;
}
.image-switch-img-btn {
top: 0;
left: countSizeVw(46, 1920);
font-size: countSizeVh(16);
border-radius: countSizeVh(5);
.layer-change-box {
.title {
position: relative;
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
text-align: left;
.close {
position: absolute;
right: 5px;
top: 0;
overflow: hidden;
img {
width: countSizeVh(16);
height: countSizeVh(16);
cursor: pointer;
}
}
.close:hover {
img {
transform: translate(countSizeVh(100), 0);
filter: drop-shadow(countSizeVh(-100) 0px #3d95f3);
}
}
}
.content {
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(66);
line-height: countSizeVh(66);
&>div:last-child {
margin: 0;
}
&>div {
margin-right: countSizeVw(8, 1920);
width: countSizeVh(80);
height: 100%;
border: 2px solid #fff;
border-radius: countSizeVw(4, 1920);
overflow: hidden;
span {
width: 100%;
height: countSizeVh(24);
line-height: countSizeVh(24);
}
}
}
}
.angle-btn {
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(32);
text-align: left;
display: flex;
align-items: center;
.el-checkbox {
width: countSizeVh(20);
height: countSizeVh(20);
.el-checkbox__input {
width: countSizeVh(20);
height: countSizeVh(20);
}
}
}
}
.building-person-list {
width: countSizeVw(740, 1920) !important;
height: countSizeVh(580) !important;
border-radius: countSizeVh(5);
.building-person-header {
padding: countSizeVh(12) countSizeVw(15, 1920);
border-bottom: countSizeVh(1) solid rgba(255, 255, 255, 0.1);
font-size: countSizeVh(16);
.close {
font-size: countSizeVh(18);
}
}
.building-person-search {
gap: countSizeVw(10, 1920);
padding: countSizeVh(10) countSizeVw(15, 1920);
border-bottom: countSizeVh(1) solid rgba(255, 255, 255, 0.1);
}
.building-person-pagination {
padding: countSizeVh(10) countSizeVw(15, 1920);
border-top: countSizeVh(1) solid rgba(255, 255, 255, 0.1);
}
.building-person-content {
padding: countSizeVh(10) countSizeVw(15, 1920);
max-height: countSizeVh(540) !important;
}
}
.popup-dom {
.content .data-box .line {
font-size: countSizeVw(14, 1920);
}
.close-box {
padding: 0 countSizeVh(8);
}
.url-code {
img {
width: countSizeVh(64);
height: countSizeVh(64);
vertical-align: middle;
}
}
}
}
.auth-page {
.loginTitle {
font-size: countSizeVh(46);
letter-spacing: countSizeVh(6);
}
.login_content {
width: countSizeVw(300, 1920);
padding: countSizeVh(30);
background-size: 100% 100%, countSizeVh(25), countSizeVh(25), countSizeVh(25), countSizeVh(25);
p {
font-size: countSizeVh(26);
margin-bottom: countSizeVh(15);
letter-spacing: countSizeVh(4);
}
.el-button--primary {
height: countSizeVh(34);
border-radius: countSizeVh(2);
}
.el-button {
height: countSizeVh(34);
line-height: countSizeVh(24);
font-size: countSizeVh(14);
}
.el-input__inner,
.el-input__icon {
font-size: countSizeVh(14);
line-height: countSizeVh(34);
}
.el-input__inner {
height: countSizeVh(34);
}
.el-input__prefix {
left: countSizeVw(5, 1920);
}
.el-input--prefix .el-input__inner {
padding-left: countSizeVw(30, 1920);
}
}
}
}
.option-css,
.activity-option,
.unit-option {
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(16);
}
.option-css:hover,
.option-css.selected {
color: #409EFF;
}
.el-message {
top: countSizeVh(500) !important;
}
.video-option-css {
width: 13.8333333333vw;
.video-status {
display: inline-block;
width: countSizeVh(10);
height: countSizeVh(10);
border-radius: 50%;
background-color: #eee;
vertical-align: middle;
}
}
.activity-video-option-css {
width: 13.8333333333vw;
.video-status {
display: inline-block;
width: countSizeVh(10);
height: countSizeVh(10);
border-radius: 50%;
background-color: #eee;
vertical-align: middle;
}
}
.el-select-dropdown__wrap {
max-height: countSizeVh(200);
}
.date-day-style.el-picker-panel {
width: countSizeVw(536, 1920) !important;
}
.el-date-range-picker__header div {
font-size: countSizeVh(16);
height: countSizeVh(36);
line-height: counztSizeVh(36);
}
.el-date-range-picker.has-sidebar {
width: countSizeVw(756, 1920) !important;
}
.el-picker-panel .el-date-range-picker__header button {
font-size: countSizeVh(16);
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.el-date-table td span,
.el-date-table th {
font-size: countSizeVh(16);
}
.el-date-table tr {
height: countSizeVh(40);
}
.el-picker-panel__sidebar {
width: countSizeVw(110, 1920);
}
.el-picker-panel__shortcut {
font-size: countSizeVh(14);
height: countSizeVh(32);
}
.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
margin-left: countSizeVw(110, 1920);
display: flex;
}
.el-picker-panel__body {
display: flex;
}
.el-date-table .disabled div {
background-color: $sub-tab-border-color;
}
.tree-search-popup {
top: countSizeVh(116) !important;
left: countSizeVw(0, 1920) !important;
}
// el-popover-6062
.el-popover {
min-width: countSizeVw(150, 1920);
width: countSizeVw(400, 1920);
padding: countSizeVh(12);
border-radius: countSizeVh(4);
font-size: countSizeVh(14);
.el-input {
font-size: countSizeVh(14);
}
.el-tree {
height: countSizeVh(360) !important;
width: 100% !important;
.el-tree-node__content {
height: countSizeVh(26);
}
.el-tree-node__expand-icon {
font-size: countSizeVh(12);
}
.el-tree-node__label {
font-size: countSizeVh(14);
}
}
}
}
.el-dialog {
font-size: countSizeVh(16);
.el-dialog__header {
height: countSizeVh(40);
line-height: countSizeVh(40);
span {
font-size: countSizeVh(18);
}
}
.el-dialog__body {
display: flex;
flex-direction: column;
padding: countSizeVh(10);
padding-top: 0;
height: calc(100% - countSizeVh(40));
font-size: countSizeVh(16);
.header {
display: flex;
flex-wrap: wrap;
margin-bottom: countSizeVh(10);
padding-left: countSizeVh(10);
line-height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
margin: 4px 0;
margin-right: countSizeVw(10, 1920);
.el-select {
display: flex;
align-items: center;
height: countSizeVh(32);
box-sizing: border-box;
.el-select__tags {
.el-tag {
background: rgba(29, 92, 228, 0.6);
color: #fff;
}
}
.el-input {
display: flex;
align-items: center;
&>input {
height: countSizeVh(32) !important;
font-size: countSizeVh(12);
text-indent: 1em;
color: #ffffff;
background-color: rgba(24, 79, 202, 0.6);
border: 1px solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
.el-input__suffix {
display: flex;
align-items: center;
}
}
}
&>input {
width: countSizeVw(150, 1920);
height: countSizeVh(32);
font-size: countSizeVh(12);
text-indent: 1em;
color: #ffffff;
background-color: rgba(24, 79, 202, 0.6);
border: 1px solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
&>input:focus {
outline: none;
}
&>input::-webkit-input-placeholder {
color: rgba(238, 238, 238, 0.7);
}
}
.el-button--primary {
background-color: rgba(29, 92, 228, 0.6);
border: countSizeVh(1) solid rgba(29, 92, 228, 0.6);
}
.el-button {
margin: 4px 0;
margin-right: countSizeVw(10, 1920);
padding: 0 countSizeVw(12, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
.body {
height: 0;
flex: 1;
.el-table {
margin-bottom: countSizeVh(10);
height: calc(100% - countSizeVh(40));
}
.pages {
display: flex;
align-items: center;
justify-content: center;
height: countSizeVh(40);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
.el-pagination__total {
color: #fff;
}
}
}
}
}
.el-table {
th,
td {
padding: 0 !important;
.cell {
font-size: countSizeVh(16) !important;
height: countSizeVh(36) !important;
line-height: countSizeVh(36) !important;
padding: 0 countSizeVw(6, 1920) !important;
}
}
.el-table__header-wrapper {
height: countSizeVh(36) !important;
line-height: countSizeVh(36) !important;
}
.el-table__body-wrapper {
height: calc(100% - countSizeVh(36)) !important;
}
}
.police-info {
.el-table th .cell,
.el-table td .cell {
height: auto !important;
}
.jq-tab {
div {
height: countSizeVh(30);
line-height: countSizeVh(30);
}
}
.echarts-box {
padding: countSizeVh(12);
height: countSizeVh(300);
}
}
.all-pagination-sty {
display: flex;
align-items: center;
justify-content: center;
height: countSizeVh(40);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
min-width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
.el-table {
td {
.cell {
position: relative;
.state-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto !important;
}
}
}
}
.area-details-box,
.keyPerson-details-box,
.land-details-box,
.equiment-details-box,
.equiment-details-box-two {
.el-dialog {
width: countSizeVw(1000, 1920);
height: countSizeVh(640);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(60)) !important;
}
}
.syld-details-box {
.el-dialog {
width: countSizeVw(1060, 1920);
height: countSizeVh(730);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(100)) !important;
}
.syld_page {
margin-top: countSizeVh(14);
}
}
.anti-fraud-box {
.el-dialog .el-dialog__body .el-table {
height: calc(100%) !important;
}
}
.reset-popup-box {
.el-dialog {
width: countSizeVw(800, 1920);
height: countSizeVh(500);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.reset-popup-body {
padding: countSizeVh(40) countSizeVw(40, 1920);
.el-form-item__label {
color: #fff;
}
.btn-box {
margin-top: countSizeVh(60);
.el-button {
color: #fff;
background-color: rgba(29, 92, 228, 0.6);
border: 0.0925925926vh solid rgba(29, 92, 228, 0.6);
}
}
}
}
.zhuHuInfo-details-box {
.el-dialog {
width: countSizeVw(1200, 1920);
height: countSizeVh(730);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(100)) !important;
}
.syld_page {
margin-top: countSizeVh(14);
}
}
.police-infor-table.el-table {
th,
td {
padding: 0 !important;
.cell {
line-height: countSizeVh(24) !important;
}
}
}
.data-details-box {
.el-dialog {
width: countSizeVw(860, 1920);
height: countSizeVh(440);
}
.info-list {
display: flex;
flex-wrap: wrap;
margin: countSizeVh(20) countSizeVw(20, 1920) 0;
.info-item {
display: flex;
margin-bottom: countSizeVh(20);
width: 50%;
.name {
min-width: countSizeVw(110, 1920);
}
}
}
}
.business-detail-box {
.el-dialog {
width: countSizeVw(860, 1920);
height: countSizeVh(500);
.type-tab-box {
height: countSizeVh(28);
line-height: countSizeVh(28);
display: flex;
.tab-item {
padding: 0 countSizeVw(10, 1920);
cursor: pointer;
}
.tab-choose-item {
background-color: #3d5ad5;
}
}
.tab-content-box {
.info-list {
display: flex;
flex-wrap: wrap;
margin: countSizeVh(20) countSizeVw(20, 1920) 0;
.info-item {
display: flex;
margin-bottom: countSizeVh(20);
width: 50%;
.name {
min-width: countSizeVw(130, 1920);
}
}
.photo-list {
width: 100%;
height: countSizeVh(140);
.value {
display: flex;
div {
width: countSizeVw(130, 1920);
margin-right: countSizeVw(10, 1920);
}
}
}
}
.table-box {
padding: countSizeVw(10, 1920);
}
}
.content {
margin-top: countSizeVh(20);
}
}
}
.site-page-home {
.container-content {
display: flex;
flex-direction: column;
height: 100%;
.police-info {
height: 0;
flex: 1;
display: flex;
flex-direction: column;
.el-table {
height: 0;
flex: 1;
}
}
}
.rentall-info-box {
.tab {
width: countSizeVw(40, 1920);
&>div {
width: countSizeVw(40, 1920);
letter-spacing: countSizeVw(6, 1920);
}
}
}
}
// 综合搜索页面样式
.comprehen-page {
.menu-chang-btns {
padding: countSizeVh(8) countSizeVw(10, 1920);
.el-button {
padding: 0 countSizeVw(10, 1920);
height: countSizeVh(34);
line-height: countSizeVh(34);
font-size: countSizeVh(18);
}
}
.search-result-box {
padding: 0 countSizeVw(10, 1920);
.search-group-input {
width: 100%;
display: flex;
.el-input,
.el-button {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
.el-button {
padding: 0 countSizeVw(10, 1920);
}
}
.list {
margin: countSizeVh(8) 0;
.enterprise-list-item {
display: flex;
// justify-content: flex-start;
text-align: left;
background-color: rgba(29, 92, 228, 0.3);
line-height: 20px;
margin: countSizeVh(8) 0;
border-radius: countSizeVh(8);
padding: countSizeVh(8);
min-height: countSizeVh(112);
box-shadow: inset 0 0 countSizeVh(10) countSizeVh(-4) #fff;
cursor: pointer;
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
.enterprise-list-item-index {
width: countSizeVw(50, 1920);
text-align: center;
.index_text {
position: relative;
width: countSizeVw(32, 1920);
height: countSizeVw(32, 1920);
line-height: countSizeVw(24, 1920);
font-size: countSizeVh(14);
background: url(/images/sign.png) center no-repeat;
background-size: 100% 100%;
}
}
.enterprise-list-item-wrapper {
width: 0;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
.enterprise-list-item-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
font-size: countSizeVh(14);
// font-weight: bold;
height: countSizeVh(24);
.enterprise-list-item-type {
height: countSizeVh(24);
line-height: countSizeVh(24);
background-color: #bfbfbf;
border-radius: countSizeVh(5);
padding: 0 countSizeVh(5);
box-sizing: border-box;
}
}
.enterprise-list-item-content {
height: 0;
flex: 1;
font-size: countSizeVh(12);
color: #bfbfbf;
// white-space: nowrap;
/* 确保文本不会换行 */
// overflow: hidden;
/* 隐藏超出容器的文本 */
// text-overflow: ellipsis;
/* 当文本超出容器时显示省略号 */
// width: 380px;
/* 设置一个宽度，你可以根据需要调整 */
}
.enterprise-list-item-contact {
display: flex;
justify-content: space-between;
align-items: flex-end;
height: countSizeVh(24);
font-size: countSizeVh(14);
color: red;
}
}
}
}
}
}
.site-dialog-popup,
.prm-dialog-popup {
.el-dialog {
width: countSizeVw(860, 1920);
height: countSizeVh(500);
.type-tab-box {
height: countSizeVh(28);
line-height: countSizeVh(28);
display: flex;
.tab-item {
padding: 0 countSizeVw(10, 1920);
cursor: pointer;
}
.tab-choose-item {
background-color: #3d5ad5;
}
}
.tab-content-box {
.info-list {
display: flex;
flex-wrap: wrap;
margin: countSizeVh(20) countSizeVw(20, 1920) 0;
.info-item {
display: flex;
margin-bottom: countSizeVh(20);
width: 50%;
.name {
min-width: countSizeVw(130, 1920);
}
}
.photo-list {
width: 100%;
height: countSizeVh(140);
.value {
display: flex;
div {
width: countSizeVw(130, 1920);
margin-right: countSizeVw(10, 1920);
}
}
}
}
}
}
.el-table {
height: 0;
flex: 1;
.cell {
height: countSizeVh(30);
line-height: countSizeVh(30);
}
}
.pages {
margin-top: countSizeVh(14);
}
.search-box {
margin: countSizeVh(10) 0;
display: flex;
padding-left: countSizeVh(10);
height: countSizeVh(36);
line-height: countSizeVh(36);
&>div {
height: countSizeVh(32);
line-height: countSizeVh(32);
margin-right: countSizeVw(10, 1920);
input {
padding-right: 0;
min-width: countSizeVw(150, 1920);
height: countSizeVh(32);
font-size: countSizeVh(12);
text-indent: 1em;
color: #ffffff;
background-color: rgba(24, 79, 202, 0.6);
border: 1px solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
input:focus {
outline: none;
}
input::-webkit-input-placeholder {
color: rgba(238, 238, 238, 0.7);
}
.el-input__icon {
height: countSizeVh(32);
line-height: countSizeVh(32);
}
}
.el-button--primary {
background-color: rgba(29, 92, 228, 0.6);
border: countSizeVh(1) solid rgba(29, 92, 228, 0.6);
}
.el-button {
padding: 0 countSizeVw(12, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
.examine-details {
overflow-y: auto;
.back-btn {
padding-left: countSizeVw(28, 1920);
position: relative;
height: countSizeVh(48);
line-height: countSizeVh(48);
text-align: left;
color: #fff;
cursor: pointer;
}
.back-btn::before {
content: '\e6ea';
font-family: element-icons;
height: countSizeVh(48);
line-height: countSizeVh(48);
color: #fff;
position: absolute;
left: countSizeVw(8, 1920);
}
.back-btn:hover::before {
color: #fff;
}
.title {
margin: countSizeVw(10, 1920);
height: countSizeVh(40);
display: flex;
align-items: center;
.icon {
margin: 0 countSizeVw(10, 1920);
width: countSizeVw(4, 1920);
height: countSizeVh(18);
color: transparent;
background-color: #409dfe;
}
}
.basic-info {
padding: 0 countSizeVw(20, 1920);
.info-item {
display: flex;
padding: countSizeVw(10, 1920);
.info-name {
width: countSizeVw(100, 1920);
display: flex;
align-items: center;
}
.info-value {
display: flex;
align-items: center;
}
}
}
.question-list {
padding: 0 countSizeVw(20, 1920);
.question-type {
padding-right: countSizeVw(20, 1920);
height: countSizeVh(40);
display: flex;
align-items: center;
cursor: pointer;
justify-content: space-between;
}
.question-item {
padding: 0 countSizeVw(10, 1920);
&>div {
margin-top: countSizeVh(10);
}
.question-name {
display: flex;
.key {
width: 0;
flex: 1;
word-break: break-all;
}
.value {
display: flex;
align-items: center;
justify-content: flex-end;
label {
margin: 0 !important;
}
}
}
.yh-pic-box {
display: flex;
align-items: flex-start;
.yh-pic-name {
width: countSizeVw(100, 1920);
display: flex;
align-items: flex-start;
justify-content: left;
}
.yh-pic-list {
width: 0;
flex: 1;
display: flex;
.pic-item {
display: flex;
align-items: flex-start;
}
img {
width: countSizeVw(100, 1920);
height: countSizeVw(100, 1920);
vertical-align: middle;
}
}
}
.yh-remark {
display: flex;
align-items: flex-start;
&>div {
display: flex;
align-items: flex-start;
}
.yh-remark-name {
width: countSizeVw(100, 1920);
justify-content: left;
}
.yh-remark-value {
word-break: break-all;
}
}
}
}
}
}
.prm-dialog-popup {
.el-dialog {
width: countSizeVw(860, 1920);
height: countSizeVh(630);
}
}
.scan-or-code-page,
.site-page-home {
.time-select {
.search-item-box {
&>span {
width: countSizeVw(76, 1920);
text-align: left;
}
}
}
}
.resident-details-box-details {
position: fixed !important;
top: countSizeVh(60) !important;
left: auto !important;
right: 0 !important;
width: countSizeVw(400, 1920) !important;
height: calc(100% - countSizeVh(60)) !important;
z-index: 98 !important;
transform: translate(0, 0) !important;
.el-dialog {
width: 100% !important;
height: 100% !important;
}
.el-dialog__header {
display: none;
}
.el-dialog__body {
padding: 0;
width: 100%;
height: 100%;
.detail-box {
display: flex;
flex-direction: column;
height: 100%;
// width: 400px;
.detail-title-box {
position: relative;
font-weight: bold;
text-align: center;
line-height: 32px;
.close {
position: absolute;
right: 5px;
top: 0;
}
.close::before {
font-family: element-icons;
content: '\e6db';
cursor: pointer;
font-size: countSizeVh(16);
}
.close:hover::before {
color: #3d95f3;
}
}
.detail-content-box {
padding: countSizeVh(10);
padding-top: 0;
height: 0;
flex: 1;
overflow-y: auto;
.detail-row {
line-height: countSizeVh(40);
// text-align: left;
// margin-left: 10px;
}
}
}
}
}
.list.intelligent-table {
.el-table {
.el-table__header-wrapper {
height: countSizeVh(52) !important;
line-height: countSizeVh(52) !important;
.el-table__header {
height: 100%;
}
}
th,
td {
padding: 0 !important;
.cell {
line-height: countSizeVh(52) !important;
}
}
}
}
}