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

<script>
import { mapGetters } from 'vuex'
export default {
    name: 'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${this.siteConfig.site_title}` : this.siteConfig.site_title
            },
            link: [{ rel: 'icon', href: this.siteConfig.site_icon }],
        }
    },
    computed: {
        ...mapGetters(['siteConfig']),
    },
}
</script>
<style>
 .el-input.is-disabled .el-input__inner{
    color:#000000 !important;
}
    /**
    改变边框颜色
     */
    .el-table--border, .el-table--group {
        border: 1px solid #EBEEF5!important;
    }
    /**
    改变表格内竖线颜色
     */
    .el-table--border  td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
        border-right: 1px solid #EBEEF5!important;
    }
    /**
    改变表格内行线颜色
     */
    .el-table  td, .el-table th.is-leaf  {
        border-bottom: 1px solid #EBEEF5!important;
    }

    .el-table thead tr th{
        border-color: #EBEEF5;
    }
/*  body::-webkit-scrollbar {
    width: 6px;
  }
  body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
  }
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
     background: rgba(0,0,0,0.1);
  }
 */

.pay-dia .el-dialog__body{
    padding-left: 10%;
    padding-right: 10%;
}
.pay-dia .el-form-item{
    width: 100%;
}
.pay-dia .el-form-item__content{
    width: calc(100% - 80px)!important;
}
.pay-dia .el-form-item__content .el-select{
    width: 100%!important;
}

</style>
