Commit 1d4b60528fa7d052e0ff14a8f431263370c7e64d
1 parent
cfb34e50
fix:修改告警筛选页面弹窗滚动问题,修改告警详情处理和清除按钮居中
Showing
2 changed files
with
27 additions
and
3 deletions
| ... | ... | @@ -71,11 +71,26 @@ |
| 71 | 71 | </view> |
| 72 | 72 | <!-- #endif --> |
| 73 | 73 | <view style="margin-top: 44rpx;display: flex;align-items: center;justify-content: space-between;"> |
| 74 | - <view v-if="list.status !== 'CLEARED_ACK' && list.status !== 'ACTIVE_ACK'" class="u-flex" style="width: 260rpx"> | |
| 74 | + <view | |
| 75 | + :style="[ | |
| 76 | + { position: list.status !== 'CLEARED_ACK' && list.status !== 'ACTIVE_ACK' ? 'relative' : '' }, | |
| 77 | + { right: list.status !== 'CLEARED_ACK' && list.status !== 'ACTIVE_ACK' ? '-210rpx' : '' } | |
| 78 | + ]" | |
| 79 | + v-if="list.status !== 'CLEARED_ACK' && list.status !== 'ACTIVE_ACK'" | |
| 80 | + class="u-flex" | |
| 81 | + style="width: 260rpx" | |
| 82 | + > | |
| 75 | 83 | <u-button @click="handleSubmit" type="primary" shape="circle" text="处理"></u-button> |
| 76 | 84 | </view> |
| 77 | 85 | <view style="width: 30rpx;"></view> |
| 78 | - <view v-if="list.status == 'ACTIVE_ACK'" class="u-flex" style="width: 260rpx"><u-button @click="handleRemove" type="error" shape="circle" text="清除"></u-button></view> | |
| 86 | + <view | |
| 87 | + :style="[{ position: list.status == 'ACTIVE_ACK' ? 'relative' : '' }, { right: list.status == 'ACTIVE_ACK' ? '207rpx' : '' }]" | |
| 88 | + v-if="list.status == 'ACTIVE_ACK'" | |
| 89 | + class="u-flex" | |
| 90 | + style="width: 260rpx" | |
| 91 | + > | |
| 92 | + <u-button @click="handleRemove" type="error" shape="circle" text="清除"></u-button> | |
| 93 | + </view> | |
| 79 | 94 | </view> |
| 80 | 95 | </view> |
| 81 | 96 | </template> | ... | ... |
| 1 | 1 | <template> |
| 2 | - <view class="alert-page"> | |
| 2 | + <view class="alert-page" :class="show ? 'pop-no-scroll' : ''"> | |
| 3 | 3 | <!-- 公共组件-每个页面必须引入 --> |
| 4 | 4 | <public-module></public-module> |
| 5 | 5 | <!-- 吸顶组件 --> |
| ... | ... | @@ -278,6 +278,9 @@ export default { |
| 278 | 278 | } |
| 279 | 279 | }, |
| 280 | 280 | methods: { |
| 281 | + moveHandle() { | |
| 282 | + return false; | |
| 283 | + }, | |
| 281 | 284 | inputChanged(e) { |
| 282 | 285 | this.resetData(); |
| 283 | 286 | this.topBack(); |
| ... | ... | @@ -514,4 +517,10 @@ export default { |
| 514 | 517 | /deep/ .uni-calendar--fixed { |
| 515 | 518 | bottom: 172rpx !important; |
| 516 | 519 | } |
| 520 | +.pop-no-scroll { | |
| 521 | + overflow: hidden; | |
| 522 | + position: fixed; | |
| 523 | + height: 100%; | |
| 524 | + width: 100%; | |
| 525 | +} | |
| 517 | 526 | </style> | ... | ... |