diff --git a/src/views/stationOperation/index.vue b/src/views/stationOperation/index.vue
index ae5e209..5a42a88 100644
--- a/src/views/stationOperation/index.vue
+++ b/src/views/stationOperation/index.vue
@@ -4,7 +4,7 @@
-
+
@@ -132,8 +132,9 @@
-
-
+
@@ -275,6 +276,7 @@ export default {
// 显示搜索栏
handleShowSearch() {
+ this.activeKey = 1
if (this.filterVisible) {
this.searchVisible = true
this.filterVisible = false
@@ -289,6 +291,7 @@ export default {
// 显示筛选栏
handleShowFilter() {
+ this.activeKey = 1
if (this.searchVisible) {
this.searchVisible = false
this.filterVisible = true
@@ -402,15 +405,22 @@ export default {
.toggle-show-btn {
position: absolute;
- right: -20px;
- top: 50%;
- transform: translateY(-50%);
+ right: -40px;
+ top: 10px;
cursor: pointer;
+ font-size: 20px;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ color: #00E9FE;
+ background-color: #021a1d;
}
::v-deep {
.ant-collapse {
height: 100%;
+ padding-top: 10px;
padding-bottom: 11px;
@titleHeight: 45px;
@@ -418,6 +428,12 @@ export default {
max-height: calc(100% - @titleHeight);
display: flex;
flex-direction: column;
+
+ &-active {
+ .ant-collapse-arrow {
+ transform: translateY(-50%) rotate(-90deg)
+ }
+ }
}
&-header {
@@ -426,11 +442,11 @@ export default {
border-bottom: 4px solid rgba(12, 235, 201, 0.2);
height: auto;
background-color: rgba(1, 18, 20, 0.6);
+ padding-right: 25px;
.ant-collapse-arrow {
right: 9px;
transition: transform 0.24s;
- transform-origin: 5px 11px;
}
}
@@ -581,6 +597,7 @@ export default {
height: 50px;
background: linear-gradient(to top, #021c21 0, transparent 100%);
transition: opacity 0.24s linear;
+ pointer-events: none;
}
&.scroll-end {
.shadow {