首页消息

xiangpei

2025-03-21 be607308e10347b8af900c4bf7a715023b9395e8

首页消息

 src/api/message/index.js

@@ -13,10 +13,11 @@
}

//消息数量
export function getMessageCount() {
export function getMessageCount(params) {
  return request({
    url: '/message-count',
    method: 'get'
    method: 'get',
    params: params
  });
}


 src/views/components/tidingsTable.vue

@@ -26,6 +26,7 @@
            }"
            min-height="280"
            max-height="280"
            v-loading="tableLoading"
        >
            <el-table-column
                v-for="column in currentTableHeaders"
@@ -39,7 +40,7 @@
                    <div
                        :class="
                            getSortClass(
                                (queryParams.pageNum - 1) *
                                (queryParams.currentPage - 1) *
                                    queryParams.pageSize +
                                    scope.$index +
                                    1
@@ -48,7 +49,7 @@
                        class="sort"
                    >
                        <span>{{
                            (queryParams.pageNum - 1) * queryParams.pageSize +
                            (queryParams.currentPage - 1) * queryParams.pageSize +
                            scope.$index +
                            1
                        }}</span>
@@ -82,9 +83,9 @@
            v-show="total >= 0"
            :page-sizes="[4]"
            :limit="queryParams.pageSize"
            :page="queryParams.pageNum"
            :page="queryParams.currentPage"
            :total="total"
            @pagination="getList"
            @pagination="getMessageCountFun"
          />
        </div>
      </div>
@@ -97,15 +98,16 @@
    name: "Index",
    data() {
        return {
            tableLoading: false,
            total: 0,
            queryParams: {
                pageNum: 1,
                currentPage: 1,
                pageSize: 4
            },
            tableData: [],
            tabs: [
                // { id: 'process', label: '通知公告', num: '2' },
                { id: 'review', label: '审核消息', num: '6' }
                { id: 'review', label: '审核消息', num: '' }
                // { id: 'supervision', label: '督办消息', num: '9' },
                // { id: 'progress', label: '进度消息', num: '7' }
            ],
@@ -113,9 +115,8 @@
            //配置表格表头数据
            currentTableHeaders: [
                { label: '#', prop: 'index', minWidth: 50, align: 'center', slot: 'sort' },
                { label: '审批环节', prop: 'taskDefinitionKey', minWidth: 150, align: 'left' },
                { label: '内容', prop: 'content', minWidth: 300, align: 'left' },
                { label: '时间', prop: 'createTime', minWidth: 143, align: 'left' }
                { label: '消息内容', prop: 'content', minWidth: 300, align: 'left' },
                { label: '时间', prop: 'gmtCreate', minWidth: 143, align: 'left' }
            ]
        }
    },
@@ -125,35 +126,22 @@
    },
    created() {
        this.currentTabId = this.tabs[0].id; // 默认选中的tab的id
        this.getList();
        this.getMessageCountFun();

        this.getMessageCountFun({page: 1});
    },
    methods: {


        async getList() {
            const resp = await getMessage(this.queryParams);
            if (resp.code === 200) {
                this.total = resp.total;
                this.tableData = resp.rows;
            }
        },

        async getMessageCountFun() {
            const resp = await getMessageCount();
            if (resp.code === 200) {
                this.tabs = this.tabs.map((tab) => {
                    if (tab.label === '审核消息') {
                        tab.num = resp.data.auditCount;
                    }
                    return tab;
        async getMessageCountFun(data) {
            this.queryParams.currentPage = data.page
            this.tableLoading = true
            await getMessageCount(this.queryParams).then(res => {
              this.tableData = res.data
              this.total = res.total
              this.tableLoading = false
                });
            }
        },


        switchTab(tabId) {
            currentTabId = tabId;
            this.currentTabId = tabId;
        },

        getSortClass(index) {