联调app

pages/message1/steadyState.vue

@@ -3,15 +3,21 @@
         <!-- 稳态 -->
         <view class="transientBox">
             <view class="statistics pd20">
-                <view class="box" v-for="item in list">
+                <view class="box" :class="{ boxClick: item.label == '稳态数量' }" v-for="item in list">
                     <text class="num">{{ item.value }}</text>
                     <text class="label">{{ item.label }}</text>
                 </view>
             </view>
         </view>
         <!-- 卡片 -->
-        <view
-             class="event-list" :style="{ height: 'calc(100vh - ' + (navHeight + height) + 'px)', overflow: 'auto' }">
+        <scroll-view
+            scroll-y="true"
+            @refresherrefresh="refresherrefresh"
+            :refresher-triggered="triggered"
+            refresher-enabled="true"
+            class="event-list"
+            :style="{ height: 'calc(100vh - ' + (navHeight + height) + 'px)', overflow: 'auto' }"
+        >
             <!-- 循环渲染事件项 -->
             <uni-card
                 class="event-item"
@@ -40,14 +46,16 @@
                             <text>工程名称：{{ item.engineeringName }}</text>
                             <text>项目名称：{{ item.projectName }}</text>
                             <text>设备名称：{{ item.devName }}</text>
-                            <text>统计日期：{{ item.statisticsDate }}</text>
+                            <!-- <text>统计日期：{{ item.statisticsDate }}</text> -->
                         </view>
                     </view>
-                    <view class="event-action"> 🔍 </view>
+                    <view class="event-action">
+                        <uni-icons type="search" size="25"></uni-icons>
+                    </view>
                 </view>
                 <!-- 详情区域 -->
                 <view class="event-detail">
-                    <text> {{ item.overLimitDesc }} </text>
+                    <text>{{ item.statisticsDate }}发生 {{ item.overLimitDesc }} </text>
                 </view>
             </uni-card>
 
@@ -56,7 +64,7 @@
                 :status="store.status"
             ></uni-load-more>
             <Cn-empty v-else style="top: 20%"></Cn-empty>
-        </view>
+        </scroll-view>
     </view>
 </template>
 <script>
@@ -82,6 +90,7 @@ export default {
                 { value: 0, label: '越限天数' },
                 { value: 0, label: '越限测点数' },
             ],
+            triggered: true,
             status: 'noMore', //more加载前  loading加载中 noMore加载后
         }
     },
@@ -130,6 +139,14 @@ export default {
 
             uni.navigateTo({ url: '/pages/message1/comp/steadyStateDetails?detail=' + encodeURIComponent(str) })
         },
+        // 下拉
+        refresherrefresh() {
+            this.triggered = true
+            uni.startPullDownRefresh()
+            setTimeout(() => {
+                this.triggered = false
+            }, 500)
+        },
     },
 
     computed: {},
@@ -171,4 +188,7 @@ export default {
         font-size: 24rpx;
     }
 }
+/deep/ .uni-scroll-view-refresher {
+    display: none;
+}
 </style>