qimall/addons/HuifuPay/backend/views/default/request-log.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="api" :search-list="searchList">
        <el-table-column label="ID" align="center" prop="id"></el-table-column>
        <el-table-column label="请求路径" align="center" prop="url"></el-table-column>
        <el-table-column label="接口类型" align="center" prop="type_text"></el-table-column>
        <el-table-column label="请求数据" align="center" width="150px;">
            <template slot-scope="scope">
                <com-ellipsis :line="1" :text="scope.row.request_data"></com-ellipsis>
            </template>
        </el-table-column>
        <el-table-column label="响应数据" align="center" width="150px;">
            <template slot-scope="scope">
                <com-ellipsis :line="1" :text="scope.row.response_data"></com-ellipsis>
            </template>
        </el-table-column>
        <el-table-column label="请求头" align="center" width="150px;">
            <template slot-scope="scope">
                <com-ellipsis :line="1" :text="scope.row.headers"></com-ellipsis>
            </template>
        </el-table-column>
        <el-table-column label="HTTP状态码" align="center" prop="http_state_code"></el-table-column>
        <el-table-column label="错误信息" align="center" prop="err_msg"></el-table-column>
        <el-table-column label="请求时间" align="center" prop="created_at_text"></el-table-column>
    </com-list-table>
</com-list-page>

<script>
    const application = new Vue({
        el: '#application',
        data: {
            api: 'huifu-pay/default/request-log',
            crumbs: [
                {
                    title: '接口请求',
                }
            ]
        },
        mounted() {
        },
        computed: {
            searchList() {
                return [
                    {
                        key: 'path',
                        title: '接口类型',
                        type: 'select',
                        clearable: true,
                        options: <?= $request_path_search_list ?>,
                    }
                ]
            }
        },
        methods: {
        }
    })
</script>
<style>
    .el-tooltip__popper {
        max-width: 99.5%;
    }
</style>