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

RuoYi

2026-04-14 7a4f61cf5e8d42d24907ccc3d7345d25012d3a55

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

@@ -1,6 +1,6 @@
<template>

  <div class="app-container">

    <el-form :model="queryParams" ref="queryForm" size="small" inline="true" v-show="showSearch" label-width="68px">

    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">

      <el-form-item label="公告标题" prop="noticeTitle">

        <el-input

          v-model="queryParams.noticeTitle"

@@ -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 { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice";

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 {

@@ -214,25 +226,25 @@
          { required: true, message: "公告类型不能为空", trigger: "change" }

        ]

      }

    };

    }

  },

  created() {

    this.getList();

    this.getList()

  },

  methods: {

    /** 查询公告列表 */

    getList() {

      this.loading = true;

      this.loading = true

      listNotice(this.queryParams).then(response => {

        this.noticeList = response.rows;

        this.total = response.total;

        this.loading = false;

      });

        this.noticeList = response.rows

        this.total = response.total

        this.loading = false

      })

    },

    // 取消按钮

    cancel() {

      this.open = false;

      this.reset();

      this.open = false

      this.reset()

    },

    // 表单重置

    reset() {

@@ -242,71 +254,79 @@
        noticeType: undefined,

        noticeContent: undefined,

        status: "0"

      };

      this.resetForm("form");

      }

      this.resetForm("form")

    },

    /** 搜索按钮操作 */

    handleQuery() {

      this.queryParams.pageNum = 1;

      this.getList();

      this.queryParams.pageNum = 1

      this.getList()

    },

    /** 重置按钮操作 */

    resetQuery() {

      this.resetForm("queryForm");

      this.handleQuery();

      this.resetForm("queryForm")

      this.handleQuery()

    },

    // 多选框选中数据

    handleSelectionChange(selection) {

      this.ids = selection.map(item => item.noticeId)

      this.single = selection.length!=1

      this.single = selection.length != 1

      this.multiple = !selection.length

    },

    /** 新增按钮操作 */

    handleAdd() {

      this.reset();

      this.open = true;

      this.title = "添加公告";

      this.reset()

      this.open = true

      this.title = "添加公告"

    },

    /** 修改按钮操作 */

    handleUpdate(row) {

      this.reset();

      this.reset()

      const noticeId = row.noticeId || this.ids

      getNotice(noticeId).then(response => {

        this.form = response.data;

        this.open = true;

        this.title = "修改公告";

      });

        this.form = response.data

        this.open = true

        this.title = "修改公告"

      })

    },

    /** 提交按钮 */

    submitForm: function() {

    submitForm() {

      this.$refs["form"].validate(valid => {

        if (valid) {

          if (this.form.noticeId != undefined) {

            updateNotice(this.form).then(response => {

              this.$modal.msgSuccess("修改成功");

              this.open = false;

              this.getList();

            });

            updateNotice(this.form).then(() => {

              this.$modal.msgSuccess("修改成功")

              this.open = false

              this.getList()

            })

          } else {

            addNotice(this.form).then(response => {

              this.$modal.msgSuccess("新增成功");

              this.open = false;

              this.getList();

            });

            addNotice(this.form).then(() => {

              this.$modal.msgSuccess("新增成功")

              this.open = false

              this.getList()

            })

          }

        }

      });

      })

    },

    /** 查看公告详情 */

    handleViewData(row) {

      this.$refs.noticeViewRef.open(row)

    },

    /** 查看已读用户 */

    handleReadUsers(row) {

      this.$refs.readUsersRef.open(row)

    },

    /** 删除按钮操作 */

    handleDelete(row) {

      const noticeIds = row.noticeId || this.ids

      this.$modal.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？').then(function() {

        return delNotice(noticeIds);

        return delNotice(noticeIds)

      }).then(() => {

        this.getList();

        this.$modal.msgSuccess("删除成功");

      }).catch(() => {});

        this.getList()

        this.$modal.msgSuccess("删除成功")

      }).catch(() => {})

    }

  }

};

</script>
}

</script>