baoshi-was/resources/js/queryForm/header.js

window.sort=require('../utilities/sort');
window.Header = function getHeader(object) {
    this.object = object;
    this._header = object.el || '#header';
    this._column = object.column;
    this._data = object.data;
    this._restorationColumn = object.restorationColumn;

    let _this = this;
    let _parentNode = $(_this._header);
    let sortType = {};
    let columnArr = [];
    // form fixed
    function parentNodeFloat() {
        let _parentNode_top = _parentNode.offset().top;
        let height = _parentNode.height();
        window.onscroll = function () {
            let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop > _parentNode_top) {
                _parentNode.addClass('fixed-top');
                _parentNode.height(height);
            } else {
                _parentNode.removeClass('fixed-top');
            }
        }
    }

    /**
     * column :{customization : null || bool   --是否自定义
     *          dom : null || element           --自定义元素
     *          style :  null || string         --样式
     *          name : null || string           --字段名,英文
     *          value : string                  --列名
     *          neglect : null || bool          --是否忽略排序
     *         }
     * */
    function append() {
        _this._column.forEach(function (column) {
            if (column.customization){
                _parentNode.append(column.dom);
            }else{
                let _td = "<th style='cursor: pointer;";
                if (column.style) _td += column.style;
                _td += "'>";
                if(!column.neglect){
                    _td += "<span class='fa fa-sort' id='sort_"+column.name+"'></span>";
                }
                _td += column.value;
                _td += "</th>";
                _parentNode.append(_td);
                if (!column.neglect){
                    $('#sort_'+column.name).on('click',function () {
                        if (!sortType[column.name]){
                            sortType[column.name] = 'asc';
                            columnArr.push(column.name);
                            $('#sort_'+column.name).removeClass('fa-sort').addClass('fa-sort-asc');
                            let columnArrTemp = [];
                            columnArrTemp.push.apply(columnArrTemp,columnArr);
                            window.sort.sort(_this._data,columnArrTemp,sortType);
                            return ;
                        }
                        if (sortType[column.name] === 'asc'){
                            sortType[column.name] = 'desc';
                            $('#sort_'+column.name).removeClass('fa-sort-asc').addClass('fa-sort-desc');
                            let columnArrTemp = [];
                            columnArrTemp.push.apply(columnArrTemp,columnArr);
                            window.sort.sort(_this._data,columnArrTemp,sortType);
                            return ;
                        }
                        if (sortType[column.name] === 'desc'){
                            delete sortType[column.name];
                            columnArr.some(function (name, index) {
                                if (name === column.name){
                                    columnArr.splice(index,1);
                                    return true;
                                }
                            });
                            $('#sort_'+column.name).removeClass('fa-sort-desc').addClass('fa-sort');
                            if (columnArr.length === 0){
                                //希尔排序
                                let arr = [];
                                arr.push.apply(arr,_this._data);
                                let len = arr.length;
                                for(let gap = Math.floor(len / 2); gap > 0; gap = Math.floor(gap / 2)) {
                                    for(let i = gap; i < len; i++) {
                                        let j = i;
                                        let current = arr[i];
                                        while(j - gap >= 0 && current[_this._restorationColumn] < arr[j - gap][_this._restorationColumn]) {
                                            arr[j] = arr[j - gap];
                                            j = j - gap;
                                        }
                                        arr[j] = current;
                                    }
                                }
                                //插入排序
                                /*let preIndex, current;
                                for(let i = 1; i < len; i++) {
                                    preIndex = i - 1;
                                    current = arr[i];
                                    while(preIndex >= 0 && arr[preIndex][_this._restorationColumn] > current[_this._restorationColumn]) {
                                        arr[preIndex + 1] = arr[preIndex];
                                        preIndex--;
                                    }
                                    arr[preIndex + 1] = current;
                                }*/
                                _this._data.length = 0;
                                _this._data.push.apply(_this._data,arr);
                                return;
                            }
                            let columnArrTemp = [];
                            columnArrTemp.push.apply(columnArrTemp,columnArr);
                            window.sort.sort(_this._data,columnArrTemp,sortType);
                            return ;
                        }
                    });
                }
            }
        });
    }
    this.init = function() {
        parentNodeFloat();
        append();
    }
};