diff --git a/src/components/warning/item.vue b/src/components/warning/item.vue
index bb2e5b5..fa65f07 100644
--- a/src/components/warning/item.vue
+++ b/src/components/warning/item.vue
@@ -1,15 +1,29 @@
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
   deviceName: string
   tags: string[]
   time: string
   trigger: string
   status?: '未处理' | '已处理'
+  index: number
 }>()
+
+function goToDetail() {
+  const data = encodeURIComponent(JSON.stringify({
+    deviceName: props.deviceName,
+    tags: props.tags,
+    time: props.time,
+    trigger: props.trigger,
+    status: props.status || '未处理',
+  }))
+  uni.navigateTo({
+    url: `/pages/warning/detail/index?data=${data}`,
+  })
+}
 </script>
 
 <template>
-  <view class="warning-item">
+  <view class="warning-item" @tap="goToDetail">
     <view class="item-header">
       <text class="device-name">
         {{ deviceName }}
@@ -41,7 +55,6 @@ defineProps<{
   background-color: #ffffff;
   border-radius: 12px;
   padding: 16px;
-  /* border-left: 4px solid #ff4d4f; */
 }
 
 .item-header {
diff --git a/src/pages/warning/detail/index.vue b/src/pages/warning/detail/index.vue
new file mode 100644
index 0000000..c05b30c
--- /dev/null
+++ b/src/pages/warning/detail/index.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+definePage({
+  layout: false,
+  style: {
+    navigationStyle: 'custom',
+  },
+})
+
+const warningData = ref<any>(null)
+
+onLoad((options) => {
+  if (options?.data) {
+    warningData.value = JSON.parse(decodeURIComponent(options.data))
+  }
+})
+</script>
+
+<template>
+  <view class="page">
+    <back-nav title="警告详情" />
+
+    <view class="content">
+      <view v-if="warningData" class="detail-raw">
+        <text class="raw-text">
+          {{ JSON.stringify(warningData, null, 2) }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 16px;
+  padding-top: 72px;
+}
+
+.detail-raw {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+}
+
+.raw-text {
+  font-size: 18px;
+  color: #333;
+  font-family: monospace;
+  white-space: pre-wrap;
+}
+</style>
diff --git a/src/pages/warning/index.vue b/src/pages/warning/index.vue
index d9687af..a6e24d2 100644
--- a/src/pages/warning/index.vue
+++ b/src/pages/warning/index.vue
@@ -35,6 +35,7 @@ const warnings = [
         <warning-item
           v-for="(item, index) in warnings"
           :key="index"
+          :index="index"
           :device-name="item.deviceName"
           :tags="item.tags"
           :time="item.time"
diff --git a/src/uni-pages.d.ts b/src/uni-pages.d.ts
index 1320a73..a984bcd 100644
--- a/src/uni-pages.d.ts
+++ b/src/uni-pages.d.ts
@@ -10,7 +10,8 @@ type _LocationUrl =
   "/pages/report/index" |
   "/pages/settings/index" |
   "/pages/warning/index" |
-  "/pages/work/index";
+  "/pages/work/index" |
+  "/pages/warning/detail/index";
 
 interface NavigateToOptions {
   url: _LocationUrl;