diff --git a/src/layout/components/notice/index.vue b/src/layout/components/notice/index.vue
index aa1d580..c8c679b 100644
--- a/src/layout/components/notice/index.vue
+++ b/src/layout/components/notice/index.vue
@@ -15,7 +15,7 @@
           </div>
           <!-- 已读/未读 -->
           <!-- <span v-if="v.read" class="el-tag el-tag--success el-tag--mini read">已读</span> -->
-          <span v-if="!v.read" class="el-tag el-tag--danger el-tag--mini read">查看画面</span>
+          <button v-if="!v.read" class="el-tag el-tag--danger el-tag--mini read" @click="handleview(v)">查看画面</button>
         </div>
       </template>
       <el-empty v-else :description="'消息为空'"></el-empty>
@@ -37,6 +37,12 @@ const state = reactive({
 });
 const newsList = ref([]) as any;
 
+//查看画面
+const handleview = (row: any) => {
+  console.log('查看画面', row);
+  // 在这里可以添加打开画面的逻辑，例如：
+  // window.open('https://example.com/notice/' + newsList.value[row].id);
+};
 /**
  * 过滤消息（只保留最新的5条）
  * @param messages 消息列表