From 6ea2efd28a5c2f5b5ca8b4dd0af056b2c6efb0ec Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 26 Dec 2022 09:18:08 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
---
src/styles/media/index.scss | 633 +++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 474 insertions(+), 159 deletions(-)
diff --git a/src/styles/media/index.scss b/src/styles/media/index.scss
index 43d068d..5c61877 100644
--- a/src/styles/media/index.scss
+++ b/src/styles/media/index.scss
@@ -40,22 +40,22 @@
border-top: countSizeVh(14) solid transparent;
top: countSizeVh(28);
left: countSizeVw(72, 1920);
-
+
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);
}
}
-
+
}
}
}
@@ -91,7 +91,116 @@
height: countSizeVh(58);
line-height: countSizeVh(58);
font-size: countSizeVh(16);
+
+ .title-num {
+ font-size: countSizeVh(16);
+ }
+
+ .timer {
+ width: countSizeVw(250, 1920);
+ height: countSizeVh(30);
+
+ .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);
+ }
+ }
+
+ .legend {
+ width: calc(100% - countSizeVw(36, 1920));
+
+ ul {
+ li {
+ margin-right: countSizeVw(10, 1920);
+
+ div {
+ width: countSizeVw(20, 1920);
+ border-radius: countSizeVh(4);
+ margin-top: countSizeVh(5);
+ margin-right: countSizeVw(2, 1920);
+ }
+ }
+ }
+ }
}
+
+ .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 .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);
+ }
+ }
+
.sub-title {
line-height: countSizeVh(36);
@@ -100,7 +209,8 @@
.sub-tab {
padding: countSizeVh(10);
- .tab {
+ .tab,
+ .tab3 {
&>div {
height: countSizeVh(22);
@@ -130,10 +240,71 @@
left: countSizeVw(400, 1920);
width: calc(100% - countSizeVw(400, 1920) * 2);
height: countSizeVh(320);
+
+ .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(12, 1920);
+ border-radius: countSizeVh(6);
+
+ span {
+ padding: 0 countSizeVw(10, 1920);
+ height: countSizeVh(26);
+ line-height: countSizeVh(26);
+ }
+ }
+
+ .history-tab {
+ top: countSizeVh(22);
+ right: countSizeVw(96, 1920);
+ border-radius: countSizeVh(6);
+
+ span {
+ padding: 0 countSizeVw(10, 1920);
+ height: countSizeVh(26);
+ line-height: countSizeVh(26);
+ }
+ }
+ }
+
+ .body {
+ margin: countSizeVh(12);
+ margin-top: countSizeVh(10);
+ margin-bottom: countSizeVh(14);
+ width: calc(100% - countSizeVw(24, 1920));
+ height: calc(100% - countSizeVh(80));
+
+ .warp {
+ height: calc(100% - countSizeVh(44));
+ }
+
+ ul {
+ li {
+ height: countSizeVh(44);
+ line-height: countSizeVh(44);
+ }
+ }
+ }
}
.region-select {
top: countSizeVh(20);
+ width: countSizeVw(640, 1920);
+ height: countSizeVh(36);
+
+ .selects-container .selects-box .text {
+ font-size: countSizeVh(15);
+ }
}
.center-container {
@@ -142,18 +313,27 @@
.layers-control-btn {
width: countSizeVw(96, 1920);
height: countSizeVh(40);
- border-radius: countSizeVh(20)
+ 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);
+ }
}
}
- .el-checkbox__inner {
- width: countSizeVh(20);
- height: countSizeVh(20);
- }
- .el-checkbox__label {
- font-size: countSizeVh(16) !important;
- }
+
}
.house-page {
@@ -171,6 +351,13 @@
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);
}
}
@@ -218,6 +405,7 @@
&>div {
padding: 0 countSizeVw(10, 1920);
+ font-size: countSizeVh(16);
.l {
width: countSizeVw(80, 1920);
@@ -267,7 +455,7 @@
width: countSizeVw(20, 1920);
height: countSizeVh(60);
padding-top: countSizeVh(12);
-
+
i {
font-size: countSizeVh(30);
margin-left: countSizeVw(-5, 1920);
@@ -302,35 +490,35 @@
.ridgepole-info {
.content {
- & > div {
+ &>div {
height: countSizeVh(26);
line-height: countSizeVh(26);
border-right: countSizeVh(1) solid #50555f;
-
- & > div:last-child {
- margin-left: countSizeVw(14,1920);
+
+ &>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 {
+ &>div {
+ &>div:first-child {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(18);
}
-
- & > div:last-child {
+
+ &>div:last-child {
height: countSizeVh(26);
line-height: countSizeVh(26);
}
@@ -338,20 +526,21 @@
}
}
}
-
+
.house-info {
.content {
- & > div {
- & > div:first-child {
+ &>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 {
@@ -359,41 +548,47 @@
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);
+ width: countSizeVw(80, 1920);
}
-
+
.type-select {
- margin-left: countSizeVw(20,1920);
-
+ margin-left: countSizeVw(20, 1920);
+
:deep(.el-input--suffix .el-input__inner) {
- padding-right: countSizeVw(54,1920);
+ padding-right: countSizeVw(54, 1920);
}
- .el-input--small{
+
+ .el-input--small {
font-size: countSizeVh(18);
}
- .el-select:hover .el-input__inner{
+
+ .el-select:hover .el-input__inner {
height: countSizeVh(36);
}
+
.el-input--small .el-input__inner {
height: countSizeVh(36);
}
- .el-input__suffix{
+
+ .el-input__suffix {
height: countSizeVh(36);
- margin-right: countSizeVw(6,1920);
- .el-icon-arrow-up:before{
+ margin-right: countSizeVw(6, 1920);
+
+ .el-icon-arrow-up:before {
font-size: countSizeVh(18);
height: countSizeVh(36);
line-height: countSizeVh(36);
@@ -401,191 +596,192 @@
}
}
}
-
+
.type-val {
- & > div {
- & > span {
- margin: 0 countSizeVw(10,1920);
- width: countSizeVw(14,1920);
+ &>div {
+ &>span {
+ margin: 0 countSizeVw(10, 1920);
+ width: countSizeVw(14, 1920);
height: countSizeVh(8);
}
+
.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);
+ left: countSizeVw(30, 1920);
top: -countSizeVh(2);
- width: countSizeVw(20,1920);
+ width: countSizeVw(20, 1920);
height: countSizeVh(26);
-
+
i {
font-size: countSizeVh(30);
- margin-left: -countSizeVw(5,1920);
+ margin-left: -countSizeVw(5, 1920);
}
}
-
+
.rightFloorBtn {
- left: countSizeVw(350,1920);
+ left: countSizeVw(350, 1920);
}
-
+
.floor-box {
- width: countSizeVw(252,1920);
+ width: countSizeVw(252, 1920);
height: countSizeVh(26);
- left: countSizeVw(67,1920);
-
+ left: countSizeVw(67, 1920);
+
.floor-num {
- width: countSizeVw(504,1920);
+ width: countSizeVw(504, 1920);
left: 0;
- & > div {
- margin: 0 countSizeVw(4,1920);
- width: countSizeVw(84,1920);
+ &>div {
+ margin: 0 countSizeVw(4, 1920);
+ width: countSizeVw(84, 1920);
height: countSizeVh(26);
border-radius: countSizeVh(13);
}
-
- & > .on {
+
+ &>.on {
border: countSizeVh(1) solid orange;
}
}
}
}
-
+
.floor-detail {
margin-top: countSizeVh(14);
height: countSizeVh(220);
-
- & > div {
+
+ &>div {
margin: countSizeVh(8);
height: countSizeVh(36);
line-height: countSizeVh(36);
-
+
.title {
- width: countSizeVw(50,1920);
+ width: countSizeVw(50, 1920);
}
-
+
.detail {
- & > div {
- margin: 0 countSizeVw(4,1920);
- width: countSizeVw(68,1920);
+ &>div {
+ margin: 0 countSizeVw(4, 1920);
+ width: countSizeVw(68, 1920);
height: countSizeVh(36);
border: countSizeVh(1) solid #ccc;
-
+
.flow,
.focus,
.warning {
- right: countSizeVw(4,1920);
- width: countSizeVw(6,1920);
+ right: countSizeVw(4, 1920);
+ width: countSizeVw(6, 1920);
height: countSizeVh(6);
}
-
+
.flow {
top: calc((100% - countSizeVh(18)) / 4);
}
-
+
.focus {
- top: calc(
- (100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6)
- );
+ top: calc((100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6));
}
-
+
.warning {
- top: calc(
- (100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12)
- );
+ top: calc((100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12));
}
}
-
- & > .chuzu {
+
+ &>.chuzu {
border: countSizeVh(1) solid #3a8b3a;
}
-
- & > .zizhu {
+
+ &>.zizhu {
border: countSizeVh(1) solid #2c77bb;
}
-
- & > .kongzhi {
+
+ &>.kongzhi {
border: countSizeVh(1) solid #5c6169;
}
-
- & > .shangye {
+
+ &>.shangye {
border: countSizeVh(1) solid #cc9456;
}
}
}
}
}
-
+
}
}
.police-info {
.tableClass {
- width: countSizeVw(600,1920);
+ width: countSizeVw(600, 1920);
height: countSizeVh(400);
}
-
+
.tableClass th,
.tableClass td {
- width: countSizeVw(200,1920);
+ width: countSizeVw(200, 1920);
}
}
}
}
+
.search-content {
- left: countSizeVw(760, 1920);
+ left: countSizeVw(760, 1920);
top: countSizeVh(40);
- width: countSizeVh(460);
+ width: countSizeVw(460, 1920);
height: countSizeVh(36);
-
+
input {
- width: calc(100% - countSizeVw(80, 1920));
+ width: countSizeVw(380, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20) 0 0 countSizeVh(20);
// vertical-align: top;
}
-
+
button {
font-size: countSizeVh(24);
- width: countSizeVw(80, 1920);
+ width: countSizeVw(80, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
-
+
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
- top: countSizeVh(80);
- left: countSizeVw(760,1920);
- width: countSizeVw(314,1920);
- max-height: countSizeVh(200);
- border-radius: countSizeVh(10);
-
- & > div {
+ top: countSizeVh(80);
+ left: countSizeVw(760, 1920);
+ width: countSizeVw(380, 1920);
+ max-height: countSizeVh(400);
+ border-radius: countSizeVh(10);
+
+ &>div {
div {
- padding: 0 countSizeVw(10,1920);
- line-height: countSizeVh(36);
+ padding: 0 countSizeVw(10, 1920);
+ line-height: countSizeVh(36);
}
}
}
@@ -702,9 +898,9 @@
.el-table__header {
height: 100%;
-
}
}
+
.el-table .el-table__cell {
padding: 0;
}
@@ -804,7 +1000,8 @@
.draw-btn {
margin: countSizeVh(8) countSizeVw(8, 1920);
height: countSizeVh(26);
- .el-button--mini{
+
+ .el-button--mini {
font-size: countSizeVh(16);
padding: countSizeVh(8) 0;
border-radius: countSizeVh(4);
@@ -961,12 +1158,12 @@
.el-table__header-wrapper {
height: countSizeVh(48);
-
+
.el-table__header {
height: 100%;
}
}
-
+
.el-table .el-table__cell {
padding: 0;
}
@@ -974,16 +1171,16 @@
.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);
}
@@ -994,20 +1191,20 @@
&>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);
@@ -1017,7 +1214,7 @@
}
}
-
+
}
}
}
@@ -1045,7 +1242,8 @@
width: countSizeVw(88, 1920);
font-size: countSizeVh(16);
}
- .category-value{
+
+ .category-value {
.category-input {
width: 80%;
height: countSizeVh(32);
@@ -1053,7 +1251,7 @@
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);
@@ -1062,54 +1260,56 @@
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;
+ .el-range-editor.el-input__inner {
+ width: 100% !important;
height: countSizeVh(32);
}
- .el-range-editor .el-range-input{
+ .el-range-editor .el-range-input {
font-size: countSizeVh(14);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
- .el-icon-date:before{
+ .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__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-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{
+
+ .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{
+
+ .el-select .el-input .el-select__caret {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
}
-
+
}
}
@@ -1196,26 +1396,30 @@
.second-container {
top: countSizeVh(10);
width: countSizeVw(240, 1920);
-
- .el-tree-node__content{
+
+ .el-tree-node__content {
height: countSizeVh(30);
font-size: countSizeVh(16);
}
- .el-tree-node__label{
+
+ .el-tree-node__label {
font-size: countSizeVh(16);
}
- .el-checkbox .el-checkbox__inner{
+
+ .el-checkbox .el-checkbox__inner {
height: countSizeVh(20);
width: countSizeVh(20);
border-radius: countSizeVh(2);
}
- .el-tree-node__expand-icon{
+
+ .el-tree-node__expand-icon {
font-size: countSizeVh(16);
}
- .el-checkbox .el-checkbox__inner::after{
+
+ .el-checkbox .el-checkbox__inner::after {
height: countSizeVh(16);
- left:countSizeVw(7, 1920);
+ left: countSizeVw(7, 1920);
}
}
@@ -1271,7 +1475,7 @@
}
- .flexible-btn{
+ .flexible-btn {
font-size: countSizeVh(24);
}
@@ -1386,40 +1590,151 @@
bottom: countSizeVh(154);
}
}
+
+ .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{
+
+ .option-css,
+ .activity-option,
+ .unit-option {
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(16);
}
- .option-css:hover,.option-css.selected {
+
+ .option-css:hover,
+ .option-css.selected {
color: #409EFF;
}
+
.option-css:hover {
- background-color:rgba(0, 92, 169, 0.3) !important;
+ background-color: rgba(0, 92, 169, 0.3) !important;
}
+
.el-select-dropdown__wrap {
max-height: countSizeVh(200);
}
- .el-picker-panel{
- width: countSizeVw(536, 1920)!important;
+
+ .el-picker-panel {
+ width: countSizeVw(536, 1920) !important;
}
- .el-date-range-picker__header div{
+
+ .el-date-range-picker__header div {
font-size: countSizeVh(16);
height: countSizeVh(36);
line-height: countSizeVh(36);
}
+
.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{
+
+ .el-date-table td span,
+ .el-date-table th {
font-size: countSizeVh(16);
}
- .el-date-table tr{
+
+ .el-date-table tr {
height: countSizeVh(22);
}
+
+ .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);
+ }
+
+ .tree-search-popup {
+ top: countSizeVh(135) !important;
+ left: countSizeVw(0, 1920) !important;
+
+ }
+
+ .el-popover {
+ min-width: countSizeVw(150, 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: countSizeVw(400, 1920) !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);
+
+ }
+
+ }
+ }
}
}
--
Gitblit v1.9.3