<template>
    <div id="render">
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: 'App',
        created(){
            //获取系统参数中的浏览器标题
            this.getTitle();
        },
        methods:{
            //获取系统参数中的浏览器标题
            getTitle(){
                let vm = this;
                //默认值
                let browserTitle = "智能表单管理平台";
                // vm.spcpFormAxios.post(vm.api.param.getSysParams, {key:'titleSystemName'}).then(function (res) {
                //     //浏览器标题
                //     browserTitle = res.data;
                    //给title标签赋值
                    document.title = browserTitle;
                // });
            }
        }
    }
</script>

<style lang="scss">
    #render {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #2c3e50;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        /*全局滚动条样式*/
        ::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #dddddd !important;
        }
    }
    /*全局滚动条样式---弹出框*/
    .el-dialog__body{
        &::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #dddddd !important;
        }
        div::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #dddddd !important;
        }
        .el-table__body-wrapper::-webkit-scrollbar-thumb {
            background-color: #ddd !important;
            border-radius: 3px !important;
        }
    }
    /*全局滚动条样式---Tabs标签页*/
    .el-tabs__content{
        &::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #dddddd !important;
        }
        &::-webkit-scrollbar-thumb {
            background-color: #ddd !important;
            border-radius: 3px !important;
        }
    }
    /*全局滚动条样式---时间选择框*/
    .el-scrollbar__wrap::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: transparent !important;
    }
    .el-table th.gutter{
        display: table-cell!important;
    }
    /*解决element-ui中表格el-table表头与内容右边框错位问题*/
    .el-table__header{
        th:not(.is-hidden):last-child {
            left: -1px;
            right: -1px;
        }
    }
    .el-table__row {
        td:not(.is-hidden):last-child {
            left: -1px;
            right: -1px;
        }
    }
</style>
