Tou-Biao-API/public/assets/js/backend/trade/money_in.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'trade/money_in/index' + location.search,
                    table: 'money_in',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                fixedColumns: true,
                fixedRightNumber: 1,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id'), operate: false},
                        {field: 'order_type', title: __("Order_type"), 
                            searchList: {1:__('Usdt'), 2:__('Bank')}, 
                            formatter: Table.api.formatter.status, operate: false
                        },
                        {field: 'users.mobile', title: __('User_id')},
                        {field: 'usdt_address', title: __('Address'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},
                        {field: 'bank_name', title: __('Bank_name'), operate: 'LIKE'},
                        {field: 'bank_card', title: __('Bank_card'), operate: 'LIKE'},
                        {field: 'account_name', title: __('Account_name'), operate: false},
                        {field: 'amount', title: __('Amount'), operate: false},
                        {field: 'img_url', title: __('充值截图'), events: Table.api.events.image, formatter: Table.api.formatter.image, operate: false},
                        {field: 'img_urls', title: __('Url'), formatter: Table.api.formatter.url, visible: false},
                        {field: 'status', title: __("Status"),
                            searchList: {0:__('待支付'), 100:__('待处理'), 200:__('成功'), 400:__('失败'), 500:__('取消')},
                            formatter: Table.api.formatter.status
                        },
                        {field: 'user_type', title: __("用户类型"), 
                            searchList: {0:__('假人'), 1:__('真人')}, 
                            formatter: Table.api.formatter.status
                        },
                        {field: 'admins.nickname', title: __('Admin_id'), operate: false},
                        {field: 'create_time', title: __('Create_time'), operate: 'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                        {field: 'update_time', title: __('Update_time'), operate: false, addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                        {field: 'operate', title: __('Operate'),
                            table: table,
                            buttons: [{
                                name: "success",
                                text:  __('通过'),
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                confirm: __('Confirm review'),
                                url: 'trade/money_in/review/status/200',
                                visible: function (row) {
                                    if(row.status == 100) return true;
                                    return false;
                                },
                                refresh: true
                            },{
                                name: "cancel",
                                text:  __('取消'),
                                classname: 'btn btn-xs btn-danger btn-magic btn-ajax',
                                confirm: __('Confirm review'),
                                url: 'trade/money_in/review/status/500',
                                visible: function (row) {
                                    if(row.status == 100) return true;
                                    return false;
                                },
                                refresh: true
                            },
                        ],
                            events: Table.api.events.operate, formatter: Table.api.formatter.operate
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
            //绑定TAB事件
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                var typeStr = $(this).attr("href").replace('#', '');
                var options = table.bootstrapTable('getOptions');
                options.pageNumber = 1;
                options.queryParams = function (params) {
                    params.order_type = typeStr;
                    return params;
                };
                table.bootstrapTable('refresh', {});
                return false;
            });

        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            },
            formatter: {
                thumb: function (value, row, index) {
                    var html = '';
                    html = '<a href="' + row.img_url + '" target="_blank"><img src="' + row.img_url + '" alt="" style="max-height:60px;max-width:120px"></a>';
                    return '<div style="width:120px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + html + '</div>';
                },
                // url: function (value, row, index) {
                //     return '<a href="' + row.img_url + '" target="_blank" class="label bg-green">' + row.url + '</a>';
                // },
                // filename: function (value, row, index) {
                //     return '<div style="width:150px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + Table.api.formatter.search.call(this, value, row, index) + '</div>';
                // },
                // mimetype: function (value, row, index) {
                //     return '<div style="width:80px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + Table.api.formatter.search.call(this, value, row, index) + '</div>';
                // },
            }
        }
    };
    return Controller;
});