/***********************************************/
//vue 常用组件封装
//CREATE:zh 2018-11-16
/***********************************************/


jQuery.fn.onPositionChanged = function (trigger, millis) {
    if (millis == null) millis = 100;
    var o = $(this[0]); // our jquery object
    if (o.length < 1) return o;

    var lastPos = null;
    var lastOff = null;
    setInterval(function () {
        if (o == null || o.length < 1) return o; // abort if element is non existend eny more
        if (lastPos == null) lastPos = o.position();
        if (lastOff == null) lastOff = o.offset();
        var newPos = o.position();
        var newOff = o.offset();
        if (lastPos.top != newPos.top || lastPos.left != newPos.left) {
            $(this).trigger('onPositionChanged', { lastPos: lastPos, newPos: newPos });
            if (typeof (trigger) == "function") trigger(lastPos, newPos);
            lastPos = o.position();
        }
        if (lastOff.top != newOff.top || lastOff.left != newOff.left) {
            $(this).trigger('onOffsetChanged', { lastOff: lastOff, newOff: newOff });
            if (typeof (trigger) == "function") trigger(lastOff, newOff);
            lastOff = o.offset();
        }
    }, millis);

    return o;
};

//动态高度
var wms = parent.wmsAdmin;
var useAutoHeight = {
    data: function () {
        return {
            autoHeight: window.innerHeight
        }
    },
    mounted: function () {
        var $this = this;
        $(window).on('resize', function () {
            $this.autoHeight = window.innerHeight;
        }).resize();
    }
};
//当前app
var wmsApps = {
    data: function () {
        return {
            wmsApp: {
                jxx: false,
                ss: false,
                hc: false
            }
        }
    },
    mounted: function () {
        var $this = this;
        ajaxManage({
            url: "/Basic/Common/CurrentWmsApp",
            dataType: 'text',
            success: function (data) {
                switch (data) {
                    case 'JXX':
                        $this.wmsApp.jxx = true;
                        break;
                    case 'SS':
                        $this.wmsApp.ss = true;
                        break;
                    case 'HC':
                        $this.wmsApp.hc = true;
                        break;
                }
            }
        });
    }
};
//控件是否分配过滤器
Vue.directive('need', {
    bind: function (el, binding, vnode) {
        if (!$_need(binding.value)) {
            el.parentNode.removeChild(el);
        }
    }
});
var $_need = function (value) {
    var isExist = false;
    if (!isExist && wms.pageSetReadOnly.length > 0)
        if (wms.pageSetReadOnly.indexOf(value) > -1)
            isExist = true;
    return isExist;
}
Vue.prototype.$_need = $_need;
//权限按钮过滤器
Vue.directive('has', {
    bind: function (el, binding, vnode) {
        if (!$_has(binding.value)) {
            el.parentNode.removeChild(el);
        }
    }
});
var btnPermissions = [];
var $_has = function (value) {
    var isExist = false;
    var menuId = GetUrlParam("menuid");
    if (btnPermissions.length == 0)
        ajaxManage({
            url: "/Power/GetPower?menuid=" + GetUrlParam("menuid"),
            success: function (data) {
                if (data) {
                    if (data.isSupper == 1)
                        isExist = true;
                    else {
                        if (data.listButtonCode) {
                            btnPermissions = data.listButtonCode.map(function (n) {
                                return $.trim(n);
                            });
                        }
                    }
                }
            }
        });
    if (!isExist && btnPermissions.length > 0)
        if (btnPermissions.indexOf(value) > -1)
            isExist = true;
    return isExist;
};
Vue.component('hh-table', {
    template: unescape(__hhtable__),
    props: ['data', 'coloptions', 'tbloptions', 'check', 'rowno', 'paging', 'where', 'url', 'height', 'pagingoption', 'id', 'single', 'dh', 'rowstyle', 'power', 'notfirstload', 'serialize'],
    mixins: [useAutoHeight],
    computed: {
        tableHeight: function () {
            return this.autoHeight - (this.dh || 0);
        }
    },
    data: function () {
        return {
            datas: this.data || [],
            defaultPagingOptions: {
                pageSize: 10,
                pageIndex: 1,
                pageSizes: [10, 20, 30, 40],
                total: 0
            },
            ref: this.id || '_ref' + (new Date()).valueOf(),
            pagingOptions: this.paging ? $.extend(this.defaultPagingOptions, this.pagingoption) : this.defaultPagingOptions,
            param: this.where || {},
            selections: [],
            showLoading: false,
            cols: this.coloptions || []
        }
    },
    methods: {
        currentSelect: function (selection, row) {
            if (this.single) {
                this.clearSelected();
                var ref = this.ref;
                eval('this.$refs.' + ref + '.toggleRowSelection(row)');
                this.selections = [];
                this.selections.push(row);
            }
        },
        changeSelect: function (val) {
            this.selections = val;
            this.$emit('changeselect', val);
        },
        clearData: function () {
            var data = []
            this.showLoading = false;
            this.datas = data.rows;;
            //this.url = '';
        },
        loadData: function (_param) {
            var $this = this;
            $this.showLoading = true;
            if (_param != 'newPageIndex') {
                this.pagingOptions.pageIndex = 1;
                $this.param = _param || $this.param;
            }
            var param = $this.param;
            $this.pagingOptions = this.paging ? $.extend(this.defaultPagingOptions, this.pagingoption) : this.defaultPagingOptions;
            var pagingData = { pageIndex: $this.pagingOptions.pageIndex, pageSize: $this.pagingOptions.pageSize }
            if (!param) param = {};
            if ($this.paging) param = $.extend(pagingData, param);

            var __data = param;
            if (this.serialize)
                __data = JSON.stringify(__data);
            ajaxManage({
                url: $this.url,
                data: __data,
                async: true,
                traditional: true,
                success: function (data) {
                    $this.showLoading = false;
                    if (data) {
                        $this.datas = [];
                        if (data.Status == 1) {
                            if ($this.paging) {
                                $this.datas = data.Data.rows;
                                $this.pagingOptions.total = data.Data.total;
                            } else {
                                $this.datas = data.Data;
                            }
                            $this.$emit('loaded');
                        }
                        else {
                            parent.wmsAdmin.error(data.Msg);
                        }
                    } else {
                        parent.wmsAdmin.error("系统异常");
                    }
                }
            });
        },
        clearSelected: function () {
            var ref = this.ref;
            eval('this.$refs.' + ref + '.clearSelection()');
        },
        pageSizeChange: function (newPageSize) {
            this.pagingOptions.pageSize = newPageSize;
            this.loadData();
        },
        pageIndexChange: function (newPageIndex) {
            this.pagingOptions.pageIndex = newPageIndex;
            this.loadData('newPageIndex');
        },
        toggleRowSelection: function (row, selected)
        {
            var ref = this.ref;
            eval('this.$refs.' + ref + '.toggleRowSelection(row)');
        },
        clickRow: function (row, event, column) {
            var ref = this.ref;
            //是否单选
            if (this.single) {
                this.clearSelected();
            }
            eval('this.$refs.' + ref + '.toggleRowSelection(row)');
            this.$emit('clickrow', row, event, column);
        },
        dbClickRow: function (row, event) {
            this.$emit('dbclickrow', row, event);
        },
        selectall: function () {
            if (this.single)
                this.clearSelected();
            this.$emit('selectall');
        },
        loadPower: function (val) {
            var $this = this;
            if (val) {
                var currentOptions = Enumerable.From(wms.pageSetList).Where("x=>x.CN_S_POWER=='" + val + "'").OrderBy("o=>o.CN_N_ORDER").ToArray();
                if (!currentOptions || currentOptions.length == 0) {
                    wms.warning("未找到配置<" + val + ">的列");
                    return;
                }
                $this.cols = currentOptions.map(function (n) {
                    return {
                        f: n.CN_S_POWER_CODE,
                        n: n.CN_S_POWER_NAME,
                        w: n.CN_F_WIDTH <= 0 ? null : n.CN_F_WIDTH,
                        align: n.CN_S_ALIGN
                    };
                });
            }
        }
    },
    mounted: function () {
        var $this = this;
        this.pagingOptions = this.paging ? $.extend(this.defaultPagingOptions, this.pagingoption) : this.defaultPagingOptions;
        if ($this.url && !$this.notfirstload) {
            $this.loadData($this.param);
        }
        this.loadPower($this.power);
    },
    watch: {
        where: function (val) {
            this.param = val;
        },
        url: function (val) {
            this.url = val;
            this.pagingOptions.pageIndex = 1;
            this.loadData();
        },
        single: function (val) {
            this.single = val;
        },
        paging: function (val) {
            this.paging = val;
        },
        height: function (val) {
            this.height = val;
        },
        data: function (val) {
            this.datas = val;
        },
        coloptions: function (val) {
            this.cols = val;
        },
        power: function (val) {
            this.loadPower(val);
        }
    }
});


Vue.component('hh-select-url', {
    props: ['url', 'multiple', 'valuefield', 'textfield', 'datafield', 'ajaxtype', 'postdata', 'iseval', 'width', 'disabled', 'value', 'defaultvalue', 'options', 'usedefault'],
    data: function () {
        return {
            defaultValue: {
                value: '',
                label: '全部'
            },
            modelValue: this.value || '',
            isMultiple: this.multiple == "true" ? true : false,
            ajaxType: this.ajaxtype || "GET",
            selectWidth: this.width || 150,
            isDisabled: this.disabled || false,
            useDefaultValue: this.usedefault == false ? false : true
        }
    },
    template: '<el-select ref="_selectRef" v-bind:value="modelValue" v-bind:style="\'width:\'+selectWidth+\'px\'" placeholder="请选择" size="mini" @input="inputChange" v-bind:clearable="false" v-on:change="changeValue" v-bind:multiple="isMultiple" v-bind:collapse-tags="isMultiple" v-bind:disabled="isDisabled">'
                + '<el-option v-for="item in optionsData"'
                + 'v-bind:key="item.value"'
                + 'v-bind:label="item.label"'
                + 'v-bind:value="item.value">'
                + '</el-option>'
                + '</el-select>',
    methods: {
        inputChange: function ($event) {
            this.$emit('input', $event);
        },
        changeValue: function ($event) {
            this.$emit('change', $event);
        }
    },
    computed: {
        optionsData: function () {
            var $this = this;
            var _url = $this.url;
            var tempOptions = [];
            if ($this.options)
                return $this.options;
            $.ajax({
                type: $this.ajaxType,
                url: _url,
                data: $this.postdata,
                dataType: "json",
                async: false,
                success: function (data) {
                    if (data) {
                        if ($this.iseval) {
                            data = eval("(" + data + ")");
                        }
                        var rows = data;
                        if ($this.datafield) {
                            rows = eval("rows." + $this.datafield);
                            if (!rows.Success) {
                                if (rows.Msg) {
                                    wms.error(rows.Msg);
                                    return;
                                }
                            }
                        }
                        if (!$this.multiple && $this.useDefaultValue) {
                            if ($this.defaultvalue) {
                                tempOptions.push($this.defaultvalue);
                            } else {
                                tempOptions.push($this.defaultValue);
                            }
                        }
                        var successData = [""];
                        if (rows.length > 0) {
                            successData = [];
                            rows.forEach(function (n) {
                                successData.push(eval("n." + $this.valuefield));
                                tempOptions.push({
                                    value: eval("n." + $this.valuefield),
                                    label: eval("n." + $this.textfield)
                                });
                            });
                        }
                        $this.$emit('success', successData);
                        //没有默认值，没有默认选项，默认选中第一条
                        //if (!$this.useDefaultValue && !$this.modelValue && tempOptions.length > 0) {
                        //    $this.modelValue = tempOptions[0].value;
                        //    //$this.value = tempOptions[0].value;
                        //    //$this.$refs._selectRef.value = tempOptions[0].value;
                        //}
                    }
                }
            });
            return tempOptions;
        }
    },
    watch: {
        disabled: function (val) {
            this.isDisabled = val;
        },
        modelValue: function (val) {
            this.value = val;
        },
        value: function (val) {
            this.modelValue = val;
        },
        url: function (val) {
            this.url = val;
        }
    }
});