diff --git a/src/assets/scss/modules/visual/processAnalyze.scss b/src/assets/scss/modules/visual/processAnalyze.scss index 6aaea54c..3a3a0f23 100644 --- a/src/assets/scss/modules/visual/processAnalyze.scss +++ b/src/assets/scss/modules/visual/processAnalyze.scss @@ -19,23 +19,43 @@ span { display: block; } - .customer_cascader { - margin-left: 10px; - width: 280px; - } - .customer_select { - margin-left: 10px; + .second-title { display: flex; - justify-content: flex-start; - - > span { - width: auto; - font-size: 22px; - font-family: PingFang SC; - font-weight: 800; - color: #ffffff; - line-height: 34px; + align-items: center; + + .second-select { + margin: 0 10px 0 40px; + + ::v-deep .el-input { + width: 140px; + height: 36px; + .el-input__inner { + height: 100%; + padding: 0 10px; + color: #fff; + line-height: 36px; + background: #06186d; + border: 1px solid #1a64cc; + } + .el-icon-arrow-up:before { + content: '\e78f'; + } + } + ::v-deep .el-date-editor { + .el-input__prefix { + left: unset; + right: 5px; + } + } + } + .cascader { + ::v-deep .el-input { + width: 220px; + } + } + .second-select:last-child { + margin-left: 0; } } } @@ -43,8 +63,6 @@ .g-cpt-resi { display: flex; flex-direction: row; - // flex-wrap: wrap; - // justify-content: center; height: calc(100vh - 170px); .g-l { @@ -64,15 +82,6 @@ .l_bottom { height: calc(100vh - 230px - 385px); margin-top: 20px; - > span { - font-size: 18px; - font-family: PingFang SC; - font-weight: 800; - color: #ffffff; - } - .echart-line { - margin-top: 10px; - } } } @@ -83,6 +92,37 @@ height: calc(100vh - 160px - 20px); } } + +.l_bottom { + .bottom_label { + position: relative; + padding-left: 40px; + font-size: 16px; + font-weight: 500; + color: #fff; + } + .bottom_label::after { + content: ''; + position: absolute; + top: 50%; + left: 20px; + width: 12px; + height: 12px; + box-sizing: border-box; + margin-top: -6px; + background: #2865fa; + border-radius: 50%; + } + > span { + font-size: 18px; + font-family: PingFang SC; + font-weight: 800; + color: #ffffff; + } + .echart-line { + margin-top: 10px; + } +} .g-count { margin-top: 104px; margin-left: 52px; diff --git a/src/assets/scss/modules/visual/resibuzz.scss b/src/assets/scss/modules/visual/resibuzz.scss index a5a03d3e..a5c3918e 100644 --- a/src/assets/scss/modules/visual/resibuzz.scss +++ b/src/assets/scss/modules/visual/resibuzz.scss @@ -19,27 +19,46 @@ span { display: block; } - .customer_cascader { - margin-left: 10px; - width: 280px; + + .second-select { + margin: 0 10px 0 40px; + + ::v-deep .el-input { + width: 140px; + height: 36px; + .el-input__inner { + height: 100%; + padding: 0 10px; + color: #fff; + line-height: 36px; + background: #06186d; + border: 1px solid #1a64cc; + } + .el-icon-arrow-up:before { + content: '\e78f'; + } + } + ::v-deep .el-date-editor { + .el-input__prefix { + left: unset; + right: 5px; + } + } } - .customer_select { - position: absolute; - right: 20px; - top: 30px; - display: flex; - justify-content: flex-start; - - > span { - width: auto; - font-size: 22px; - font-family: PingFang SC; - font-weight: 800; - color: #ffffff; - line-height: 34px; + .cascader { + ::v-deep .el-input { + width: 220px; } } + .status-select { + position: absolute; + top: 20px; + right: 10px; + } + .second-select:last-child { + margin-left: 0; + } } .g-cpt-resi { diff --git a/src/views/modules/visual/communityGovern/processAnalyze.vue b/src/views/modules/visual/communityGovern/processAnalyze.vue index d5f48258..86b0d733 100644 --- a/src/views/modules/visual/communityGovern/processAnalyze.vue +++ b/src/views/modules/visual/communityGovern/processAnalyze.vue @@ -3,27 +3,27 @@