feat 异常警告

src/pages/warning/index.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+definePage({
+  layout: false,
+  style: {
+    navigationStyle: 'custom',
+  },
+})
+
+const warnings = [
+  {
+    deviceName: '徐工XS65H #01',
+    tags: ['定位异常', '警告'],
+    time: '14:10:04·已持续5分30秒',
+    trigger: '触发阈值：RTK信号弱，精度下降',
+    status: '未处理' as const,
+  },
+  {
+    deviceName: '徐工XS65H #01',
+    tags: ['定位异常', '警告'],
+    time: '14:10:04·已持续5分30秒',
+    trigger: '触发阈值：RTK信号弱，精度下降',
+    status: '未处理' as const,
+  },
+]
+</script>
+
+<template>
+  <view class="page">
+    <back-nav title="异常警告" />
+
+    <view class="content">
+      <warning-filter />
+
+      <view class="warning-list">
+        <warning-item
+          v-for="(item, index) in warnings"
+          :key="index"
+          :device-name="item.deviceName"
+          :tags="item.tags"
+          :time="item.time"
+          :trigger="item.trigger"
+          :status="item.status"
+        />
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 16px;
+  padding-top: 72px;
+}
+
+.warning-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+</style>