qimall/addons/Rebate/backend/views/index/activity-log.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-user-info');
ComponentHelper::loadComponentView('com-list-page');
ComponentHelper::loadComponentView('com-list-table');
ComponentHelper::loadComponentView('com-image');
?>

<com-list-page :crumbs="crumbs" id="application">
    <com-list-table ref="table" :search-list="searchList" :api-params="apiParams">
        <el-table-column prop="pid" label="会员ID" align="center"></el-table-column>
        <el-table-column label="会员信息" align="center">
            <template slot-scope="scope">
                <com-user-info :user="scope.row.pUser"></com-user-info>
            </template>
        </el-table-column>
        <el-table-column prop="order_total" label="订单总数" align="center"></el-table-column>
        <el-table-column prop="achieved_total" label="已达标" align="center"></el-table-column>
        <el-table-column prop="unachieved_total" label="未达标" align="center"></el-table-column>
        <el-table-column prop="expired_total" label="已失效" align="center"></el-table-column>
        <el-table-column label="操作" align="center">
            <template slot-scope="scope">
                <el-button type="text" size="mini" circle @click="showOrder(scope.row)">查看订单</el-button>
            </template>
        </el-table-column>
    </com-list-table>

    <el-dialog title="查看订单" :visible.sync="dialogFormVisible" width="70%" v-if="ifDialogFormVisible" @closed="ifDialogFormVisible = false">
        <com-list-table ref="orderDetailsTable" :api-params="orderDetailsApiParams">
            <el-table-column prop="user_id" label="会员ID" align="center"></el-table-column>
            <el-table-column label="会员信息" align="center">
                <template slot-scope="scope">
                    <com-user-info :user="scope.row.user"></com-user-info>
                </template>
            </el-table-column>
            <el-table-column prop="order_no" label="订单编号" align="center"></el-table-column>
            <el-table-column prop="pay_at_text" label="支付时间" align="center"></el-table-column>
            <el-table-column label="奖励内容" align="center">
                <template slot-scope="scope">
                    {{ scope.row.is_reward_trigger > 0 ? (scope.row.rewardLog?.content ?? '') : '' }}
                </template>
            </el-table-column>
            <el-table-column prop="position" label="推荐序号" align="center"></el-table-column>
            <el-table-column prop="order_settlement_status_text" label="状态" align="center"></el-table-column>
        </com-list-table>
    </el-dialog>
</com-list-page>

<script type="text/javascript" src="/resources/js/diy-util.js"></script>
<script>
    const application = new Vue({
        el: '#application',
        data: {
            apiParams: {
                r: 'rebate/index/activity-log',
                rid: getQuery('rid'),
            },
            crumbs: [
                {
                    title: '首页',
                    router: 'mall/overview/index',
                },
                {
                    title: '推三返一',
                    router: 'rebate/index/index',
                },
                {
                    title: '活动记录',
                }
            ],
            dialogFormVisible: false,
            ifDialogFormVisible: false,
            orderDetailsApiParams: {
                r: 'rebate/index/activity-order-details',
                rid: getQuery('rid'),
                pid: 0
            },
        },
        mounted() {
        },
        computed: {
            searchList() {
                return [
                    {
                        key: 'user_id',
                        title: '会员ID',
                        type: 'text',
                        clearable: true
                    },
                    {
                        key: 'mobile',
                        title: '手机号',
                        type: 'text',
                        clearable: true
                    },
                    {
                        key: 'created_at',
                        title: '创建时间',
                        type: 'date-time-range',
                        valueFormat: 'yyyy-MM-dd HH:mm:ss',
                    },
                ]
            }
        },
        methods: {
            showOrder(row) {
                this.dialogFormVisible = true
                this.ifDialogFormVisible = true
                this.orderDetailsApiParams.pid = row.pid
            }
        }
    })
</script>