新增公聊大厅查询列表

src/api/chat/publicChatTopRecord.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request';
+
+export const getPublicChatTopRecordPage = query => {
+    return request({
+        url: '/admin/publicChatTopRecord/page',
+        method: 'get',
+        params: query
+    });
+};

src/views/chat/PublicChatTopRecordView.vue

@@ -0,0 +1,148 @@
+<template>
+    <section class="content">
+        <div class="box box-danger">
+            <div class="box-body">
+                <!-- Content Header (Page header) -->
+                <section class="content-header">
+                    <h1 id="itemTitle"></h1>
+                </section>
+                <!-- .content -->
+                <section class="content">
+                    <div id="table"></div>
+                    <div id="toolbar">
+                        <div class="col-sm-12">
+                            <label for="erbanNo" class="col-sm-1 control-label">ID:</label>
+                            <div class="col-sm-2">
+                                <input type="text" class="form-control" name="erbanNo" id="erbanNo">
+                            </div>
+                            <label for="startTime" class="col-sm-1 control-label">付费日期:</label>
+                            <div class="col-sm-2">
+                                <input type="text" name="startTime" id="timeBegin" class="input-sm datetime" placeholder="起始时间">
+                            </div>
+                            <label for="endTime" class="col-sm-1 control-label">-</label>
+                            <div class="col-sm-2">
+                                <input type="text" name="endTime" id="timeEnd" class="input-sm datetime" placeholder="结束时间">
+                            </div>
+                            <label for="partitionId" class="col-sm-1 control-label">地区:</label>
+                            <div class="col-sm-2">
+                                <select name="partitionId" id="partitionId" class="form-control"></select>
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <button id="btnSearch" class="btn btn-default">
+                                <i class="glyphicon glyphicon-search"></i>查询
+                            </button>
+                        </div>
+                    </div>
+                </section><!-- .content -->
+            </div>
+        </div>
+    </section>
+</template>
+  
+<script>
+import TableHelper from '@/utils/bootstrap-table-helper';
+import { getPublicChatTopRecordPage } from '@/api/chat/publicChatTopRecord';
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
+import { buildSelectOption } from '@/utils/system-helper';
+
+export default {
+    name: 'PublicChatTopRecordView',
+    data() {
+        return {
+            columns: [
+                { field: 'erbanNo', title: '用户ID', align: 'center', width: '5%' },
+                { field: 'nick', title: '用户昵称', align: 'center', width: '15%' },
+                { field: 'partitionDesc', title: '所属地区', align: 'center', width: '15%' },
+                { field: 'payMoneyNum', title: '付费金额（金币）', align: 'center', width: '15%' },
+                {
+                    field: 'createTime',
+                    title: '付费日期',
+                    align: 'center',
+                    width: '10%',
+                    formatter: function (val, row, index) {
+                        let dateTime = new Date();
+                        dateTime.setTime(val);
+                        return dateTime.toLocaleString();
+                    }
+                },
+            ],
+        };
+    },
+    created() {
+        this.initPartition();
+        this.init();
+    },
+    methods: {
+        init() {
+            this.$nextTick(function () {
+                let $this = this;
+                $this.initTable();
+                $('#btnSearch').click(function () {
+                    $this.search();
+                });
+            });
+        },
+        initTable() {
+            let $this = this;
+            TableHelper.destroy('#table');
+            $('#table').bootstrapTable({
+                columns: $this.columns,
+                cache: false,
+                striped: true,
+                showRefresh: false,
+                pageSize: 10,
+                pagination: true,
+                pageList: [1, 10, 20, 30, 50],
+                search: false,
+                sidePagination: 'server',
+                queryParamsType: 'undefined',
+                queryParams: function queryParams(params) {
+                    var param = {
+                        erbanNo: $('#erbanNo').val(),
+                        startTime: $('#startTime').val(),
+                        endTime: $('#endTime').val(),
+                        partitionId: $('#partitionId').val(), 
+                        pageNum: params.pageNumber,
+                        pageSize: params.pageSize,
+                    };
+                    return param;
+                },
+                ajax: function(request) {
+                    getPublicChatTopRecordPage(request.data).then(res => {
+                        let data = res.data;
+                        request.success({
+                            'rows': data.records,
+                            'total': data.total
+                        });
+                    });
+                },
+                toolbar: '#toolbar',
+            });
+        },
+        search() {
+            TableHelper.doRefresh('#table');
+        },
+        initPartition() {
+            getPartitionInfoList().then(res => {
+                let data = res.data;
+                buildSelectOption(
+                    "#partitionId",
+                    null,
+                    [{
+                        value: '',
+                        text: '全部',
+                    }].concat(data.map((v) => {
+                    return {
+                        value: v.id,
+                        text: v.desc,
+                    };
+                    }))
+                );
+            });
+        },
+    },
+}
+</script>
+  
+<style scoped></style>