Commit 1d4b60528fa7d052e0ff14a8f431263370c7e64d

Authored by fengtao
1 parent cfb34e50

fix:修改告警筛选页面弹窗滚动问题,修改告警详情处理和清除按钮居中

... ... @@ -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>
... ...