var wmsAdmin = new Vue({
    el: '#wmsAdmin',
    mixins: [useAutoHeight],
    watch: {
        themeColor: function (val) {
            document.documentElement.style.setProperty("--theme-color", val);
            var $content = $('.admin-nav-card .layui-tab-content');
            $content.find('iframe').each(function () {
                var currentIframeDocument = $(this).context.contentDocument;
                if (currentIframeDocument) {
                    currentIframeDocument.documentElement.style.setProperty("--theme-color", val);
                }
            });
            this.setCookie("WmsThemeColor", val);
        }
    },
    data: {
        //默认颜色
        themeColor: "#3a93d4",
        //一级菜单数组
        firstMenu: [],
        //不包括一级菜单
        otherMenu: [],
        //当前选中菜单id
        currentId: "",
        //弹窗table列表属行初始化
        dialogList: {
            title: '',
            condition: '',
            show: false,
            itemCols: [],
            paging: true,
            url: null,
            data: {},
            height: 330,
            single: false,
            btnSure: function (selections) { }
        },
        dialogFrame: {
            title: '',
            show: false,
            url: '',
            dh: 0,
            height: "50%",
            width: "80%",
            btn: false,
            callBack: function (frame) { },
            cb: function () { }
        },
        //dialog列表为item时查询条件
        formItem: {
            itemCode: '',
            itemName: '',
            itemModel: '',
            itemFigureNo: ''
        },
        formCustomer: {
            customerName: ''
        },
        formVendor: {
            vendorName: ''
        },
        loading: null,
        pageSetList: [],
        pageSetReadOnly: []
    },
    computed: {
        dialogFrameHeight: function () {
            if (this.dialogFrame.dh == 0)
                return this.dialogFrame.height;
            return (this.autoHeight - this.dialogFrame.dh) + "px";
        }
    },
    methods: {
        updatePassword: function () {
            this.showDialogFrame({
                title: '修改密码',
                height: "160px",
                width: "400px",
                url: "../Home/UpdatePassword"
            });
        },
        setCookie: function (name, value) {//设置cookie，时间30天
            var days = 30;
            var expires = new Date();
            expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + expires.toGMTString();
        },
        getCookie: function (name) {
            if (document.cookie.length > 0) {
                c_start = document.cookie.indexOf(name + "=")
                if (c_start != -1) {
                    c_start = c_start + name.length + 1
                    c_end = document.cookie.indexOf(";", c_start)
                    if (c_end == -1) c_end = document.cookie.length
                    return unescape(document.cookie.substring(c_start, c_end))
                }
            }
            return ""
        },
        loadingById: function (id) {
            var $this = this;
            var styles = getComputedStyle(document.documentElement);
            var value = styles.getPropertyValue("--theme-color");
            $(id).loading({
                loadingWidth: 120,
                title: '正在加载...',
                name: 'content',
                discription: '',
                direction: 'column',
                type: 'origin',
                originBg: value,
                originDivWidth: 40,
                originDivHeight: 40,
                originWidth: 6,
                originHeight: 6,
                smallLoading: false,
                titleColor: value,
                loadingBg: 'rgba(0,0,0,0)',
                //loadingMaskBg: 'rgba(0,0,0,0.1)'
            });
        },
        showWmsContentLoading: function () {
            this.loadingById('#_wmsContent');
        },
        closeLoading: function () {
            removeLoading('content');
        },
        showDialogFrame: function (options) {
            var $this = this;
            $this.loadingById('#_dialogFrame');
            $this.dialogFrame.btn = false;
            this.dialogFrame.dh = 0;
            $this.dialogFrame = $.extend($this.dialogFrame, options);
            if ($this.dialogFrame.url.indexOf("?") > 0) {
                $this.dialogFrame.url += ("&_t=" + (new Date()).valueOf());
            } else {
                $this.dialogFrame.url += ("?_t=" + (new Date()).valueOf());
            }
            $this.dialogFrame.cb = function () {
                if ($this.$refs.iframeDialog) {
                    $this.dialogFrame.callBack($this.$refs.iframeDialog.contentWindow);
                    $this.dialogFrame.show = false;
                }
            };
            $this.dialogFrame.show = true;
        },
        searchItem: function () {
            var $this = this;
            this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
            var searchModel = {
                itemCode: $this.formItem.itemCode,
                itemName: $this.formItem.itemName,
                itemModel: $this.formItem.itemModel,
                itemFigureNo: $this.formItem.itemFigureNo
            };
            searchModel = $.extend(searchModel, $this.dialogList.data);
            this.$refs.parentDialogList.loadData(searchModel);
        },
        searchCustomer: function () {
            var $this = this;
            this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
            var searchModel = {
                customerName: $this.formCustomer.customerName,
            };
            this.$refs.parentDialogList.loadData(searchModel);
        },
        searchVendor: function () {
            var $this = this;
            this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
            var searchModel = {
                vendorName: $this.formVendor.vendorName,
            };
            this.$refs.parentDialogList.loadData(searchModel);
        },
        //退出登录
        exit: function () {
            this.confirm("确认退出登录吗？", function () {
                $.ajax({
                    type: 'GET',
                    async: false,
                    data: { endType: "hand" },
                    url: '/Home/Exit',
                    success: function (data) {
                        location.href = 'Login';
                    }
                });
            });
        },
        customConfirm: function (options) {
            var defaultOptions = {
                title: "提示",
                content: "",
                confirmText: "确定",
                cancelText: "取消",
                customClass: "",
                showConfirmButton: true,
                dangerouslyUseHTMLString: true,
                callback: function () { }
            };
            var option = $.extend(defaultOptions, options);
            this.$confirm(option.content, option.title, {
                dangerouslyUseHTMLString: option.dangerouslyUseHTMLString,
                confirmButtonText: option.confirmText,
                cancelButtonText: option.cancelText,
                showConfirmButton: option.showConfirmButton,
                customClass: option.customClass,
                callback: option.callback
            });
        },
        //确认框
        confirm: function (confirmMsg, then, catchEvent) {
            this.$confirm(confirmMsg, '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(function () {
                if (then)
                    then();
            }).catch(function () {
                if (catchEvent)
                    catchEvent();
            });
        },
        //根据OperateResult实体弹出消息
        showMsg: function (data, successCallBack, errorCallBack, warningCallBack) {
            if (data) {
                if (data.Success) {
                    if (successCallBack)
                        successCallBack();
                    else {
                        this.success("保存成功");
                    }
                }
                else {
                    switch (data.Status) {
                        case 0:
                            this.error(data.Msg);
                            break;
                        case 2:
                            this.warning(data.Msg);
                            break;
                        default:
                            this.error(data.Msg);
                    }
                    if (errorCallBack)
                        errorCallBack();
                    if (warningCallBack)
                        warningCallBack();
                }
            } else
                this.error("系统错误");
        },
        //成功消息
        success: function (msg) {
            this.$message({
                showClose: true,
                message: msg,
                type: 'success'
            });
        },
        //警告消息
        warning: function (msg) {
            this.$message({
                showClose: true,
                message: msg,
                type: 'warning'
            });
        },
        //错误消息
        error: function (msg) {
            this.$message({
                showClose: true,
                message: msg,
                type: 'error'
            });
        },
        //弹窗table列表
        showDialogList: function (options) {
            var $this = this;
            //每次打开先清空上次选中
            this.formItem.itemCode = '';
            this.formItem.itemName = '';
            this.formItem.itemModel = '';
            this.formItem.itemFigureNo = '';
            this.formCustomer.customerName = '';
            this.formVendor.vendorName = '';
            if (options.url == $this.dialogList.url) {
                this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
                this.$refs.parentDialogList.param = {};
                this.$refs.parentDialogList.loadData();
            }
            $this.dialogList.show = true;
            $this.dialogList.single = false;
            $this.dialogList.paging = true;
            $this.dialogList.condition = '';
            $this.dialogList.data = {};
            $this.dialogList = $.extend($this.dialogList, options);
        },
        //弹窗table列表确认事件
        dialogListBtnSure: function () {
            //dialog中选中的物料集合
            var selections = this.$refs.parentDialogList.selections;
            //调用确定回调函数
            this.dialogList.btnSure(selections);
            this.dialogList.show = false;
        },
        //id获取菜单
        getMenuById: function (id) {
            var menus = [];
            for (var i = 0; i < this.otherMenu.length; i++) {
                if (this.otherMenu[i].pId == id) {
                    var menuEntity = {
                        id: this.otherMenu[i].id,
                        title: this.otherMenu[i].name,
                        icon: this.otherMenu[i].iconSkin,
                        spread: false,
                        href: this.otherMenu[i].url
                    };
                    menus.push(menuEntity);
                }
            }
            return menus;
        },
        //获取当前菜单的所有子菜单
        getCurrentMenuChildren: function (menu) {
            var $this = this;
            var secondMenu = $this.getMenuById(menu.id);
            if (secondMenu.length > 0) secondMenu[0].spread = true;
            secondMenu.forEach(function (m) {
                m.children = $this.getMenuById(m.id);
            });
            return secondMenu;
        },
        //初始化菜单
        setNavbar: function (setMenu) {
            var currentSecondMenu = this.getCurrentMenuChildren(setMenu);
            navbar.set({
                spreadOne: true,
                elem: '#admin-navbar-side',
                cached: true,
                data: currentSecondMenu
            });
            //渲染navbar
            navbar.render();
            //监听点击事件
            navbar.on('click(side)', function (data) {
                tab.tabAdd(data.field);
            });
        },
        //一级菜单点击事件
        firstMenuClick: function (id) {
            var $this = this;
            $this.currentId = id;
            var currentMenu = null;
            $.each($this.firstMenu, function (i, n) {
                if (n.id == id) {
                    currentMenu = n;
                    n.open = true;
                } else n.open = false;
            });
            if (currentMenu)
                $this.setNavbar(currentMenu);
        },
        loadMenu: function () {//初始化菜单
            var $this = this;
            $.ajax({
                type: 'GET',
                async: false,
                url: '../Power/GetMenu',
                success: function (d) {
                    var d_json = (new Function("return " + d))();
                    var flag = true;
                    d_json.UserMenuList.forEach(function (m, n) {
                        var _menu = {
                            id: m.id,
                            name: m.name,
                            open: false,
                            pId: m.pId,
                            iconSkin: "&" + m.iconSkin,
                            url: m.url
                        };
                        if (m.pId == "-1") {
                            $this.firstMenu.push(_menu);
                            //默认选中第一个
                            if (flag) {
                                _menu.open = true;
                                flag = false;
                            }
                        } else
                            $this.otherMenu.push(_menu);
                    });
                },
                error: function (msg) {
                    $this.error("获取菜单异常!");
                }
            });
        },
        loadThemeColor: function () {
            var wmsThemeColor = this.getCookie("WmsThemeColor") || "#3a93d4";
            document.documentElement.style.setProperty("--theme-color", wmsThemeColor);
            this.themeColor = wmsThemeColor;
        },
        loadPageSetList: function () {
            var $this = this;
            if (this.pageSetList.length == 0) {
                $.ajax({
                    type: 'GET',
                    async: false,
                    dataType: 'json',
                    url: "/Sys/PageSet/GetPageSetList",
                    success: function (data) {
                        $this.showMsg(data, function () {
                            var readonlyData = Enumerable.From(data.Data).Where("x=>x.CN_B_READONLY").ToArray();
                            $this.pageSetReadOnly = readonlyData.map(function (n) {
                                return $.trim(n.CN_S_POWER_CODE);
                            });
                            $this.pageSetList = Enumerable.From(data.Data).Where("x=>!x.CN_B_READONLY").ToArray();
                        });
                    }
                });
            }
        }
    },
    //页面初始化
    mounted: function () {
        //初始化菜单
        this.loadMenu();
        //初始化主题颜色
        this.loadThemeColor();
        //初始化功能配置数据
        this.loadPageSetList();
    }
});