var themeData = {
    defaultTheme: {
        logo: '#226A62',
        selected: '#009688',
        header: '#226A62',
        sideBar: '#226A62',
        navBar: '#fff',
        alias: '默认主题'
    },
    pink: {
        logo: '#50314F',
        selected: '#7A4D7B',
        header: '#50314F',
        sideBar: '#50314F',
        navBar: '#fff',
        alias: '紫色迷情'
    },
    black: {
        logo: '#20222A',
        selected: '#3e3e3e',
        header: '#20222A',
        sideBar: '#20222A',
        navBar: '#fff',
        alias: '典雅黑'
    },

    blue: {
        logo: 'rgb(24, 144, 255)',
        selected: 'rgb(57, 158, 253)',
        header: 'rgb(24, 144, 255)',
        sideBar: 'linear-gradient(90deg, rgb(0, 108, 255), rgb(57, 158, 253))',
        navBar: 'rgb(57, 158, 253)',
        alias: '海之蓝'
    },
    pro: {
        logo: 'rgb(32, 34, 42)',
        selected: 'rgb(230, 0, 18)',
        header: 'rgb(32, 34, 42)',
        sideBar: 'rgb(32, 34, 42)',
        navBar: 'rgb(255,0,24)',
        alias: '红黑经典'
    },
    classical: {
        logo: '#2E241B',
        sideBar: '#2E241B',
        selected: '#A48566',
        header: '#2E241B',
        navBar: '#A48566',
        alias: '古典'
    }
}

function chooseTheme(color) {
    if (!color) color = 'defaultTheme'
    try {
        var styleScope = document.getElementById("theme-data")
        var layoutType = localStorage.getItem('classicalLayout') || 1;
        var html = "";
        if (CustomerNo != "" && CustomerNo != null) {
            html = "\n                                .layui-nav-tree .layui-this,\n                                .layui-nav-tree .layui-this>a,\n                                .layui-nav-tree .layui-nav-child dd.layui-this,\n                                .layui-nav-tree .layui-nav-child dd.layui-this a{\n                                    background-color:'#5053f1' !important;\n                                    ".concat(parseInt(layoutType) === 0 ? 'color: #fff !important' : '', "\n                                }\n                                .layui-header .layui-nav .layui-nav-more{\n                                    border-top-color: ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', " !important\n                                }\n                                .layui-header .layui-nav .layui-nav-mored{\n                                    border-color: transparent transparent ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', " !important\n                                }\n                                .g-admin-layout .layui-header .layui-nav .layui-this:after, .g-admin-layout .layui-header .layui-nav-bar,\n                                .g-admin-layout .layui-header .layui-nav-bar {\n                                    height: 2px;\n                                    background-color: ").concat("\n                                }\n                                .g-admin-layout .layui-header a,\n                                .g-admin-layout .layui-header a:hover,\n                                .g-admin-layout .layui-header a cite{\n                                    color: ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', "\n                                }\n                                .drop-down a{\n                                    color: #2d2d2d\n                                }\n                                .layui-nav-tree .layui-nav-bar{\n                                    background-color: ").concat("\n                                }\n                                .sideMenuBar{\n                                    background: ").concat(themeData[color].sideBar, " !important\n                                }\n                                ");
            if (parseInt(layoutType) === 0) {
                html += "\n                                        .layui-side-menu .layui-nav .layui-nav-item a:hover{\n                                            background-color: '#5053f1' !important;\n                                            color:#f2f2f2 !important;\n                                        }\n                                        .layui-side-menu .layui-nav .layui-nav-item a:hover span{\n                                            border-top-color: rgba(255,255,255,0.7) !important\n                                        }\n\n                                        .selected-top-menu{\n                                            background-color: '#5053f1' !important;\n                                            color: #f2f2f2;\n                                        }\n                                        .layui-logo{\n                                            background-color: #fff !important\n                                        }\n                                        .layui-nav-more{\n                                            border-top-color: #5f626e44 !important;\n                                        }\n                                    ";
            } else {
                html += "\n                                        .layui-logo{\n                                            background-color: '#5053f1' !important\n                                            \n                                        }\n                                        .layui-nav-more{\n                                            border-top-color: #ffffff99;\n                                        }\n                                    ";
            }
            html += "\n .sidebar .group .group-items .active{\n background-color:'#5053f1' !important;\n }";

        } else {
            html = "\n                                .layui-nav-tree .layui-this,\n                                .layui-nav-tree .layui-this>a,\n                                .layui-nav-tree .layui-nav-child dd.layui-this,\n                                .layui-nav-tree .layui-nav-child dd.layui-this a{\n                                    background-color:".concat(themeData[color].selected, " !important;\n                                    ").concat(parseInt(layoutType) === 0 ? 'color: #fff !important' : '', "\n                                }\n                                .layui-header .layui-nav .layui-nav-more{\n                                    border-top-color: ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', " !important\n                                }\n                                .layui-header .layui-nav .layui-nav-mored{\n                                    border-color: transparent transparent ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', " !important\n                                }\n                                .g-admin-layout .layui-header .layui-nav .layui-this:after, .g-admin-layout .layui-header .layui-nav-bar,\n                                .g-admin-layout .layui-header .layui-nav-bar {\n                                    height: 2px;\n                                    background-color: ").concat("\n                                }\n                                .g-admin-layout .layui-header a,\n                                .g-admin-layout .layui-header a:hover,\n                                .g-admin-layout .layui-header a cite{\n                                    color: ").concat(themeData[color].header !== 'white' && themeData[color].header !== '#fff' ? '#fff' : '#333', "\n                                }\n                                .drop-down a{\n                                    color: #2d2d2d\n                                }\n                                .layui-nav-tree .layui-nav-bar{\n                                    background-color: ").concat("\n                                }\n                                .sideMenuBar{\n                                    background: ").concat(themeData[color].sideBar, " !important\n                                }\n                                ");
            if (parseInt(layoutType) === 0) {
                html += "\n                                        .layui-side-menu .layui-nav .layui-nav-item a:hover{\n                                            background-color: ".concat(themeData[color].selected, " !important;\n                                            color:#f2f2f2 !important;\n                                        }\n                                        .layui-side-menu .layui-nav .layui-nav-item a:hover span{\n                                            border-top-color: rgba(255,255,255,0.7) !important\n                                        }\n\n                                        .selected-top-menu{\n                                            background-color: ").concat(themeData[color].selected, " !important;\n                                            color: #f2f2f2;\n                                        }\n                                        .layui-logo{\n                                            background-color: #fff !important\n                                        }\n                                        .layui-nav-more{\n                                            border-top-color: #5f626e44 !important;\n                                        }\n                                    ");
            } else {
                html += "\n                                        .layui-logo{\n                                            background-color: ".concat(themeData[color].logo, " !important\n                                            \n                                        }\n                                        .layui-nav-more{\n                                            border-top-color: #ffffff99;\n                                        }\n                                    ");
            }
            html += "\n .sidebar .group .group-items .active{\n background-color:".concat(themeData[color].selected, " !important;\n }");
        }
        html = DealText(html);
        styleScope.innerHTML = html;

        color = DealExp(color);
        localStorage.setItem("themeColor", color)
    } catch (e) {
        console.log(e)
        console.log("设置主题失败")
    }

}