qimall/addons/StarChain/backend/views/message/index.php

<?php
    use common\helpers\ComponentHelper;
    ComponentHelper::loadComponentView('com-list-page');
    ComponentHelper::loadComponentView('com-list-table');
?>
<com-list-page :crumbs="crumbs" id="application">
    <com-list-table 
        ref="table"
        :api="'star-chain/message/index'"
        :search-list="searchList"
    >
        <el-table-column type="selection"></el-table-column>
        <el-table-column prop="msg_id" label="MSG_ID" align="center"></el-table-column>
        <el-table-column prop="tenant_id" label="Tenant_Id" align="center"></el-table-column>
        <el-table-column prop="enum_num_text" label="消息类型" align="center"></el-table-column>
        <el-table-column prop="create_time" label="推送时间" align="center">
            <template slot-scope="scope">
                {{ scope.row.create_time|dateTimeFormat('Y-m-d H:i:s') }}
            </template>
        </el-table-column>
        <el-table-column align="center" label="操作">
            <template slot-scope="scope">
                <el-button type="text" @click="showDetail(scope.row)">消息内容</el-button>
            </template>
        </el-table-column>
    </com-list-table>
    <el-dialog title="消息内容" :visible.sync="dialogVisible" width="50%">
        <template>
            <el-descriptions title="" :column="column">
                <el-descriptions-item v-for="(value, key) in content">
                    <span slot="label">
                        {{ key }}
                    </span>
                    {{ value }}
                </el-descriptions-item>
            </el-descriptions>
        </template>
        <span slot="footer" class="dialog-footer">
        </span>
    </el-dialog>
</com-list-page>

<script>
const application = new Vue({
    el: '#application',
    data: {
        crumbs: [
            {
                title: '首页',
                router: 'mall/overview/index',
            },
            {
                title: '消息管理',
            }
        ],
        searchList: [
            {
                key: 'enum_num',
                title: '导入状态',
                type: 'select',
                options: [],
                valueKey: {
                    label: 'label',
                    value: 'value',
                },
            },
        ],
        dialogVisible: false,
        column: {},
        content: {},
    },
    methods: {
        /**
         * 详情
         */
        showDetail(row) {
            this.content = row.content
            this.dialogVisible = true
        },
        /**
         * 获取商品库
         */
        getMessageList() {
            this.listLoading = true
            request({
                params: {
                    r: 'star-chain/message/index',
                },
            }).then(e => {
                if (e.data.code === 0) {
                    let object = e.data.data.enums
                    for (const key in object) {
                        if (Object.prototype.hasOwnProperty.call(object, key)) {
                            this.searchList[0].options.push({
                                value: key,
                                label: object[key],
                            })
                        }
                    }
                }
            })
        },
    },
    mounted: function() {
        this.getMessageList()
    }
})
</script>