qimall/addons/Bargain/backend/views/default/user-order-list.php

<?php
    use common\helpers\ComponentHelper;
    ComponentHelper::loadComponentView('com-user-info');
?>
<com-list-page :crumbs="crumbs" id="application">
    <com-list-table
        ref="table"
        :api-params="apiParams"
        :search-list="searchList"
    >
        <el-table-column label="会员" width="180">
            <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="订单号" width="220" align="center">
            <template slot-scope="scope">
                {{scope.row.bargain_order_id|emptyFilled}}
            </template>
        </el-table-column>
        <el-table-column prop="price" label="减少金额" align="center"></el-table-column>
        <el-table-column label="砍价时间" width="150" align="center">
            <template slot-scope="scope">
                <span> {{scope.row.created_at|dateTimeFormat('Y-m-d H:i:s')}}</span>
            </template>
        </el-table-column>
    </com-list-table>
</com-list-page>
<script>
    const application = new Vue({
        el: '#application',
        data: {
            crumbs: [
                {
                    title: '砍价',
                },
                {
                    title: '砍价订单',
                    router: 'bargain/default/order-list',
                },
                {
                    title: '砍价详情',
                }
            ],
            searchList: [
                {
                    key: 'nickname',
                    title: '请输入用户昵称',
                    type: 'text',
                    clearable: true,
                },
                {
                    key: 'mobile',
                    title: '请输入用户手机号',
                    type: 'text',
                    clearable: true,
                },
            ],
            apiParams: {
                r: 'bargain/default/user-order-list',
                bargain_order_id: getQuery('bargain_order_id'), // this.bargain_order_id,
            },
        },
    })
</script>