通知公告新增阅读用户列表

src/views/system/notice/index.vue

@@ -94,6 +94,7 @@
          </el-table-column>
          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template #default="scope">
+               <el-button link type="primary" icon="User" @click="handleReadUsers(scope.row)" v-hasPermi="['system:notice:list']">阅读用户</el-button>
                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:notice:edit']">修改</el-button>
                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:notice:remove']" >删除</el-button>
             </template>
@@ -155,11 +156,13 @@
          </template>
       </el-dialog>
       <notice-detail-view ref="noticeViewRef" />
+      <read-users-dialog ref="readUsersRef" />
    </div>
 </template>
 
 <script setup name="Notice">
 import NoticeDetailView from "@/layout/components/HeaderNotice/DetailView"
+import ReadUsersDialog from "./ReadUsers"
 import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice"
 
 const { proxy } = getCurrentInstance()
@@ -283,6 +286,11 @@ function handleViewData(row) {
   proxy.$refs["noticeViewRef"].open(row)
 }
 
+/** 查看已读用户 */
+function handleReadUsers(row) {
+   proxy.$refs["readUsersRef"].open(row)
+}
+
 /** 删除按钮操作 */
 function handleDelete(row) {
   const noticeIds = row.noticeId || ids.value