Dcat-Admin/resources/assets/dcat/extra/grid-row-action.js

(function (Dcat) {

    class RowAction {
        constructor(options) {
            this.options = $.extend({
                selector: null, // 按钮选择器
                event: 'click',
                method: 'POST',
                key: null, // 行主键
                url: null,
                data: {}, // 发送到接口的附加参数
                calledClass: null,
                before: function (data, target) {}, // 发起请求之前回调，返回false可以中断请求
                html: function (target, html, data) { // 处理返回的HTML代码
                    target.html(html);
                },
                success: function (target, results) {}, // 请求成功回调，返回false可以中断默认的成功处理逻辑
                error: function (target, results) {}, // 请求出错回调，返回false可以中断默认的错误处理逻辑
            }, options);

            this._bind();
        }

        _bind() {
            let _this = this, options = _this.options;

            $(options.selector).off(options.event).on(options.event, function (e) {
                let data = $(this).data(),
                    target = $(this);
                if (target.attr('loading') > 0) {
                    return;
                }

                if (options.before(data, target) === false) {
                    return;
                }

                // 发起请求
                function request() {
                    target.attr('loading', 1);

                    Object.assign(data, options.data);

                    _this._buildActionPromise(target, data).then(_this._resolver()).catch(_this._reject());
                }

                var conform = data['confirm'];

                delete data['confirm'];

                if (conform) {
                    Dcat.confirm(conform[0], conform[1], request);
                } else {
                    request()
                }
            });
        }

        _resolver() {
            let options = this.options;

            return function (result) {
                var response = result[0],
                    target   = result[1];

                if (options.success(target, response) === false) {
                    return;
                }

                if (typeof response !== 'object') {
                    return Dcat.error({type: 'error', title: 'Oops!'});
                }

                var then = function (then) {
                    switch (then.action) {
                        case 'refresh':
                            Dcat.reload();
                            break;
                        case 'download':
                            window.open(then.value, '_blank');
                            break;
                        case 'redirect':
                            Dcat.reload(then.value);
                            break;
                        case 'location':
                            window.location = then.value;
                            break;
                        case 'script':
                            (function () {
                                eval(then.value);
                            })();
                            break;
                    }
                };

                if (typeof response.html === 'string' && response.html) {
                    // 处理api返回的HTML代码
                    options.html(target, response.html, response);
                }

                if (typeof response.data.message === 'string' && response.data.type) {
                    Dcat[response.data.type](response.data.message);
                }

                if (response.data.then) {
                    then(response.data.then);
                }
            };
        }

        _reject() {
            return function (result) {
                var request = result[0], target = result[1];

                if (options.success(target, request) === false) {
                    return;
                }

                if (request && typeof request.responseJSON === 'object') {
                    Dcat.error(request.responseJSON.message)
                }
                console.error(request);
            }
        }

        _buildActionPromise(target, data) {
            let options = this.options;

            return new Promise(function (resolve, reject) {
                Object.assign(data, {
                    _token: Dcat.token,
                    _action: options.calledClass,
                    _key: options.key,
                });

                Dcat.NP.start();

                $.ajax({
                    method: options.method,
                    url: options.url,
                    data: data,
                    success: function (data) {
                        target.attr('loading', 0);
                        Dcat.NP.done();
                        resolve([data, target]);
                    },
                    error:function(request){
                        target.attr('loading', 0);
                        Dcat.NP.done();
                        reject([request, target]);
                    }
                });
            });
        }
    }

    Dcat.grid.RowAction = function (opts) {
        return new RowAction(opts);
    };
})(Dcat);