|
@@ -5,7 +5,7 @@
|
|
|
<el-table-column type="index" label="序号" width="60" align="center" />
|
|
|
<el-table-column prop="MessageInfo.title" label="标题" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column prop="MessageInfo.content" label="内容" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column prop="MessageInfo.createdAt" label="发生事件" width="160"></el-table-column>
|
|
|
+ <el-table-column prop="MessageInfo.createdAt" label="发生时间" width="160"></el-table-column>
|
|
|
<el-table-column prop="" label="状态" min-width="100" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-tag type="success" size="small" v-if="scope.row.isRead">已读</el-tag>
|
|
@@ -14,7 +14,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="150" align="center">
|
|
|
<template #default="scope">
|
|
|
- <el-button size="small" text type="primary" v-if="!scope.row.isRead">设为已读</el-button>
|
|
|
+ <el-button size="small" text type="primary" @click="read(scope.row)" v-if="!scope.row.isRead">设为已读</el-button>
|
|
|
<el-button size="small" text type="info" @click="onDel(scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -50,4 +50,11 @@ const onDel = (row: ApiRow) => {
|
|
|
getList();
|
|
|
});
|
|
|
};
|
|
|
+
|
|
|
+const read = (row: ApiRow) => {
|
|
|
+ api.read(row.id as number).then(() => {
|
|
|
+ ElMessage.success('已读成功');
|
|
|
+ getList();
|
|
|
+ });
|
|
|
+};
|
|
|
</script>
|