diff --git a/src/assets/common/alarm_title.png b/src/assets/common/alarm_title.png
new file mode 100644
index 0000000..0f33917
Binary files /dev/null and b/src/assets/common/alarm_title.png differ
diff --git a/src/assets/common/bg_delete_dialog.png b/src/assets/common/bg_delete_dialog.png
new file mode 100644
index 0000000..302c8f6
Binary files /dev/null and b/src/assets/common/bg_delete_dialog.png differ
diff --git a/src/views/dashboard/AppearanceMonitor.vue b/src/views/dashboard/AppearanceMonitor.vue
index 0a0a8c0..5157f9f 100644
--- a/src/views/dashboard/AppearanceMonitor.vue
+++ b/src/views/dashboard/AppearanceMonitor.vue
@@ -46,6 +46,11 @@
       <div class="px-[16px]">
 
         <div class="appearance-monitor-search-box">
+          <el-select v-model="searchForm.fault_type" placeholder="站点" class="custom-select">
+            <el-option label="小觉站" value="小觉站"></el-option>
+            <el-option label="东西站" value="东西站"></el-option>
+            <el-option label="立杆区" value="立杆区"></el-option>
+          </el-select>
           <el-input v-model="searchForm.train_number" placeholder="请输入列车号" class="custom-input" clearable />
           <el-input v-model="searchForm.train_carriage_number" placeholder="请输入车厢号" class="custom-input" clearable />
           <el-select v-model="searchForm.fault_type" placeholder="故障类型" class="custom-select">
@@ -81,6 +86,8 @@
 
     </div>
     <PointModal v-model:value="isPointOpen" :info="currentRow" @close="isPointOpen = false" />
+    <AlarmModal v-model:value="isAlarmOpen" :info="currentRow" @close="isAlarmOpen = false" />
+    <DeleteModal v-model:value="isDeleteOpen" :info="currentRow" @close="isDeleteOpen = false" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -93,6 +100,8 @@ import { Navigation, Scrollbar } from "swiper/modules";
 import { getAppearanceMonitorApi, getAppearanceMonitorDetailApi } from '@/api/dashboard';
 import { isSuccessApi } from "@/utils/forApi";
 import PointModal from './components/PointModal.vue'
+import AlarmModal from './components/AlarmModal.vue'
+import DeleteModal from './components/DeleteModal.vue'
 
 import "swiper/css";
 import 'swiper/scss';
@@ -102,11 +111,13 @@ const modules = [Navigation, Scrollbar];
 const activeIndex = ref(-1);
 const swiperRef = ref(null);
 const isPointOpen = ref<Boolean>(false); //点云弹窗
+const isAlarmOpen = ref<Boolean>(false); //详情弹窗
+const isDeleteOpen = ref<Boolean>(false); //详情弹窗
 const columns = [
   {
     label: "站点",
     property: "is_reviewed",
-    width: 60,
+    width: 70,
   },
   {
     label: "车号",
@@ -155,7 +166,7 @@ const columns = [
   {
     slot: "operation",
     label: "操作",
-    width: 100,
+    width: 140,
     formatter: (row) => {
       return h(
         "div",
@@ -163,11 +174,6 @@ const columns = [
           style: {
             fontSize: "14px",
             color:"#37EBFF"
-          },
-          onClick: () => {
-            // console.log(row.id);
-            isPointOpen.value = true;
-            // 这里可以添加按钮点击后的具体逻辑
           }
         },
         [
@@ -180,7 +186,58 @@ const columns = [
               fontSize: "14px",
               class: "pf-1",
             },
-            '查看数据'
+            [
+              h("i", 
+                {
+                  style: {
+                    fontSize: "14px",
+                    letterSpacing: "2px",
+                    marginRight: "4px",
+                    color:"#37EBFF"
+                  },
+                  onClick: () => {
+                    // console.log(row.id);
+                    // 这里可以添加按钮点击后的具体逻辑
+                    isPointOpen.value = true;
+                  }
+                },
+                "点云"
+              ),
+              h("i", 
+                {
+                  style: {
+                      fontSize: "14px",
+                      letterSpacing: "2px",
+                      marginRight: "4px",
+                      color:"#009DFF"
+                  },
+                  onClick: (row) => {
+                    // console.log(row.id);
+                    // 这里可以添加按钮点击后的具体逻辑
+                    isAlarmOpen.value = true;
+                    currentRow.value = row;
+                  }
+                },
+                "详情"
+              ),
+              h("i", 
+                {
+                  style: {
+                    fontSize: "14px",
+                    letterSpacing: "2px",
+                    marginRight: "4px",
+                    color:"#FF2727"
+                  },
+                  onClick: (row) => {
+                    // console.log(row.id);
+                    // 这里可以添加按钮点击后的具体逻辑
+                    isDeleteOpen.value = true;
+                    currentRow.value = row;
+                  }
+                },
+                "删除"
+              ),
+            ]
           )
         ]
       );
diff --git a/src/views/dashboard/components/AlarmModal.vue b/src/views/dashboard/components/AlarmModal.vue
new file mode 100644
index 0000000..7615d60
--- /dev/null
+++ b/src/views/dashboard/components/AlarmModal.vue
@@ -0,0 +1,168 @@
+<template>
+    <el-dialog class="alarmModal-wrap" v-model="show" @close="handleClose">
+        <!-- 自定义标题栏 -->
+        <template #header="{ close, titleId, titleClass }">
+            <div class="flex items-center justify-between alarm-dialog-header">
+                <div class="flex items-center justify-center header-left">
+                    <div class="header-icon mr-[12px]"></div>
+                    <p class="overflow-hidden whitespace-nowrap text-ellipsis max-w-[650px]">{{
+                        "故障提示" }}</p>
+                </div>
+            </div>
+        </template>
+        <!-- 图片区域 -->
+        <div class="alarm-content">
+            <div class="alarm-content-top">
+                <img src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" alt=""></img>
+                <img src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" alt=""></img>
+                <img src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" alt=""></img>
+                <img src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" alt=""></img>
+            </div>
+            <div class="alarm-content-bottom">
+                <span class="alarm-content-bottom-title">列车信息:</span>
+                <div class="alarm-content-bottom-info">
+                    <span class="mr-8">列车编号: <i>{{ info.train_number }}</i></span>
+                    <span class="mr-8">车型: <i>{{ info.train_model }}</i></span>
+                    <span>发生时间: <i>{{ info.created_at }}</i></span>
+                </div>
+                <div class="alarm-content-bottom-info">
+                    <span class="mr-8">告警类型: <i>{{ info.alarm_type }}</i></span>
+                    <span>故障类型: <i>{{ info.fault_type }}</i></span>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+interface Props {
+    /** 弹窗显隐 */
+    value: boolean;
+    info: Record<string, any>;
+}
+interface Emits {
+    (e: "update:value", val: boolean): void;
+}
+const props = withDefaults(defineProps<Props>(), {
+    value: false,
+    info: {}
+});
+
+const emit = defineEmits<Emits>();
+
+// 处理对话框关闭事件
+const handleClose = () => {
+    // emits('close');
+};
+
+const show = computed({
+    get() {
+        return props.value;
+    },
+    set(val: boolean) {
+        emit("update:value", val);
+    }
+});
+</script>
+
+<style lang="scss">
+.alarmModal-wrap.el-dialog {
+    border: none;
+    overflow: hidden;
+    box-shadow: none;
+    background-color: transparent;
+    background-image: url("@/assets/common/bg_real_dialog.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 805px;
+    height: 612px;
+    padding: 0;
+    margin-top: calc(50vh - 316px);
+
+    .el-dialog__header.show-close {
+        padding: 0;
+    }
+
+    .el-dialog__close {
+        width: 56px;
+        height: 56px;
+        color: white;
+        font-size: 18px;
+        padding-top: 4px;
+        padding-right: 20px;
+    }
+
+    .alarm-dialog-header {
+        color: white;
+        padding: 0;
+        padding-top: 8px;
+
+        .header-left {
+            padding: 0 24px;
+            font-weight: bold;
+            font-size: 18px;
+
+            .header-icon {
+                margin-top: 4px;
+                width: 24px;
+                height: 48px;
+                background-image: url("@/assets/common/alarm_title.png");
+                background-size: contain;
+                background-position: center;
+                background-repeat: no-repeat;
+            }
+        }
+    }
+
+    .alarm-content {
+        box-sizing: border-box;
+        padding: 0 24px;
+        width: 100%;
+        height: 100%;
+        .alarm-content-top {
+            box-sizing: border-box;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between; /* 水平方向均匀分布间距 */
+            align-content: space-between; /* 垂直方向均匀分布间距 */
+            width: 752px;
+            height: 448px;
+            img {
+                width: 368px;
+                height: 216px;
+            }
+        }
+        .alarm-content-bottom {
+            box-sizing: border-box;
+            margin-top: 12px;
+            .alarm-content-bottom-title {
+                box-sizing: border-box;
+                padding-left: 8px;
+                height: 22px;
+                font-weight: bold;
+                font-size: 14px;
+                color: #FFFFFF;
+                border-left: 3px solid #46A9ED;
+                line-height: 22px;
+                
+            }
+            .alarm-content-bottom-info {
+                box-sizing: border-box;
+                font-size: 14px;
+                color: #FFFFFF;
+                i {
+                    font-style: normal;
+                    font-weight: bold;
+                }
+            }
+            .alarm-content-bottom-info:nth-of-type(1) {
+                margin: 4px 0;
+            }
+        }
+    }
+
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/DeleteModal.vue b/src/views/dashboard/components/DeleteModal.vue
new file mode 100644
index 0000000..3f098a7
--- /dev/null
+++ b/src/views/dashboard/components/DeleteModal.vue
@@ -0,0 +1,142 @@
+<template>
+    <el-dialog class="deleteModal-wrap" v-model="show" @close="handleClose">
+        <!-- 自定义标题栏 -->
+        <template #header="{ close, titleId, titleClass }">
+            <div class="flex items-center justify-between delete-dialog-header">
+                <div class="flex items-center justify-center header-left">
+                    <div class="header-icon mr-[12px]"></div>
+                    <p class="overflow-hidden whitespace-nowrap text-ellipsis max-w-[650px]">{{
+                        "确定删除吗？" }}</p>
+                </div>
+            </div>
+        </template>
+        <!-- 图片区域 -->
+        <div class="delete-content">
+            确定删除“ <span>{{ info.alarm_type}}-{{ info.fault_type }}</span> ”吗？删除后将找不到此记录，请谨慎操作.
+        </div>
+        <template #footer>
+            <div class="delete-footer">
+                <el-button class="delete-cancel" @click="handleClose">取消</el-button>
+                <el-button class="delete-confirm" @click="handleClose">
+                    确认
+                </el-button>
+            </div>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+interface Props {
+    /** 弹窗显隐 */
+    value: boolean;
+    info: Record<string, any>;
+}
+interface Emits {
+    (e: "update:value", val: boolean): void;
+}
+const props = withDefaults(defineProps<Props>(), {
+    value: false,
+    info: {}
+});
+
+const emit = defineEmits<Emits>();
+
+// 处理对话框关闭事件
+const handleClose = () => {
+    emit("update:value", false);
+};
+
+const show = computed({
+    get() {
+        return props.value;
+    },
+    set(val: boolean) {
+        emit("update:value", val);
+    }
+});
+</script>
+
+<style lang="scss">
+.deleteModal-wrap.el-dialog {
+    border: none;
+    overflow: hidden;
+    box-shadow: none;
+    background-color: transparent;
+    background-image: url("@/assets/common/bg_delete_dialog.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 560px;
+    height: 226px;
+    padding: 0;
+    margin-top: calc(50vh - 316px);
+
+    .el-dialog__header.show-close {
+        padding: 0;
+    }
+
+    .el-dialog__close {
+        width: 56px;
+        height: 56px;
+        color: white;
+        font-size: 18px;
+        padding-top: 4px;
+        padding-right: 20px;
+    }
+
+    .delete-dialog-header {
+        color: white;
+        padding: 0;
+        padding-top: 32px;
+        padding-left: 16px;
+
+        .header-left {
+            padding: 0 24px;
+            // font-weight: bold;
+            font-size: 18px;
+
+            .header-icon {
+                // margin-top: 4px;
+                width: 24px;
+                height: 48px;
+                background-image: url("@/assets/common/warn_icon.png");
+                background-size: contain;
+                background-position: center;
+                background-repeat: no-repeat;
+            }
+        }
+    }
+
+    .delete-content {
+        box-sizing: border-box;
+        margin-bottom: 30px;
+        padding-left: 76px;
+        font-weight: 400;
+        font-size: 14px;
+        color: #FFFFFF;
+        span {
+            font-weight: bold;
+        }
+    }
+    .delete-footer {
+        box-sizing: border-box;
+        padding-right: 32px;
+        .delete-cancel,
+        .delete-confirm {
+            width: 64px;
+            height: 32px;
+            font-size: 16px;
+            color: #FFFFFF;
+            background: transparent;
+            border-radius: 4px 4px 4px 4px;
+            border: 1px solid #CCCCCC;
+        }
+        .delete-confirm { 
+            border: none;
+            background: linear-gradient( 180deg, #2589FF 0%, #46A9ED 100%);
+        }
+    }
+}
+</style>
\ No newline at end of file