通知公告新增阅读用户&详细

RuoYi

2026-04-14 7a4f61cf5e8d42d24907ccc3d7345d25012d3a55

 ruoyi-ui/src/views/system/notice/index.vue

@@ -72,12 +72,11 @@
    <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">

      <el-table-column type="selection" width="55" align="center" />

      <el-table-column label="序号" align="center" prop="noticeId" width="100" />

      <el-table-column

        label="公告标题"

        align="center"

        prop="noticeTitle"

        :show-overflow-tooltip="true"

      />

      <el-table-column label="公告标题" align="center" :show-overflow-tooltip="true">

        <template slot-scope="scope">

          <a class="link-type" style="cursor:pointer" @click="handleViewData(scope.row)">{{ scope.row.noticeTitle }}</a>

        </template>

      </el-table-column>

      <el-table-column label="公告类型" align="center" prop="noticeType" width="100">

        <template slot-scope="scope">

          <dict-tag :options="dict.type.sys_notice_type" :value="scope.row.noticeType"/>

@@ -96,6 +95,13 @@
      </el-table-column>

      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">

        <template slot-scope="scope">

          <el-button

            size="mini"

            type="text"

            icon="el-icon-user"

            @click="handleReadUsers(scope.row)"

            v-hasPermi="['system:notice:list']"

          >阅读用户</el-button>

          <el-button

            size="mini"

            type="text"

@@ -166,14 +172,20 @@
        <el-button @click="cancel">取 消</el-button>

      </div>

    </el-dialog>



    <notice-detail-view ref="noticeViewRef" />

    <read-users-dialog ref="readUsersRef" />

  </div>

</template>



<script>

import NoticeDetailView from "@/layout/components/HeaderNotice/DetailView"

import ReadUsersDialog from "./ReadUsers"

import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice"



export default {

  name: "Notice",

  components: { NoticeDetailView, ReadUsersDialog },

  dicts: ['sys_notice_status', 'sys_notice_type'],

  data() {

    return {

@@ -297,6 +309,14 @@
        }

      })

    },

    /** 查看公告详情 */

    handleViewData(row) {

      this.$refs.noticeViewRef.open(row)

    },

    /** 查看已读用户 */

    handleReadUsers(row) {

      this.$refs.readUsersRef.open(row)

    },

    /** 删除按钮操作 */

    handleDelete(row) {

      const noticeIds = row.noticeId || this.ids