This commit is contained in:
Jane
2024-07-25 13:48:29 +08:00
parent 367d095b31
commit 1eb5dd1085
10 changed files with 1146 additions and 824 deletions

View File

@@ -18,7 +18,11 @@
<el-button type="primary" icon="el-icon-check">全部标记已读</el-button>
</div><!--operate 操作按钮-->
<el-table :data="tableData" style="width: 100%" height="529">
<el-table-column prop="prop1" label="消息内容"></el-table-column>
<el-table-column prop="prop0" label="消息标题">
<template slot-scope="scope">
<el-link type="primary" @click="drawer1 = true">{{ scope.row.prop0 }}</el-link>
</template>
</el-table-column>
<el-table-column prop="prop2" label="接收时间"></el-table-column>
<el-table-column prop="prop3" label="消息状态">
<template slot-scope="scope">
@@ -32,6 +36,15 @@
<el-pagination :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400"></el-pagination>
</el-card><!--el-card-->
<el-dialog :visible.sync="drawer1" :direction="direction" :before-close="handleClose" size="75%">
<template #title>
<span>消息内容</span>
</template>
<div class="lctitle">消息标题网络资源信息名称1 已过期</div><!--lctitle-->
<div>
</div>
</el-dialog><!--el-drawer 流程监控-抽屉-->
</div><!--app-container-->
</template>
@@ -40,29 +53,35 @@
name: 'message',
data() {
return {
drawer1: false,
tableData: [
{
prop0: '网络资源信息名称1 已过期',
prop1: '网络资源信息名称1 已过期',
prop2: '2024/02/09 12:00',
prop3: '未读',
},
{
prop1: '网络资源信息名称2 已过期',
prop0: '网络资源信息名称2 已过期',
prop1: '网络资源信息名称1 已过期',
prop2: '2024/02/09 12:00',
prop3: '已读',
},
{
prop1: '网络资源信息名称3 已过期',
prop0: '网络资源信息名称3 已过期',
prop1: '网络资源信息名称1 已过期',
prop2: '2024/02/09 12:00',
prop3: '未读',
},
{
prop1: '网络资源信息名称4 已过期',
prop0: '网络资源信息名称4 已过期',
prop1: '网络资源信息名称1 已过期',
prop2: '2024/02/09 12:00',
prop3: '已读',
},
{
prop1: '网络资源信息名称5 已过期',
prop0: '网络资源信息名称5 已过期',
prop1: '网络资源信息名称1 已过期',
prop2: '2024/02/09 12:00',
prop3: '未读',
}