<template>
  <!-- <a-config-provider :locale="locale"> -->
    <div id="app">
      <router-view/>
    </div>
  <!-- </a-config-provider> -->
</template>

<script>
import { domTitle, setDocumentTitle } from '@/utils/domUtil'
import { i18nRender } from '@/locales'

export default {
  data () {
    return {
    }
  },
  computed: {
    // Object.assign({}, this.MenberDialogForm);
    locale () {
      // 只是为了切换语言时，更新标题
      const { title } = this.$route.meta
      title && (setDocumentTitle(`${i18nRender(title)} - ${domTitle}`))

      return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
    }
  }
}
</script>
<style lang="less">
  .ant-pro-page-header-wrap-children-content{
    margin: 0!important;
    padding:20px 20px 0;
    // background-color: #fff;
  }
  .ant-page-header-heading-title{
    display: none!important
  }
  .content,.tableClass{
    padding:25px;
    background-color: #fff;
    min-height: calc(100vh - 180px) !important;
    height: auto;
    overflow: hidden;
  }
  .tableClass{
    overflow: initial;
  }
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    padding: 12px 12px !important;
  }
  .ant-breadcrumb + .ant-page-header-heading{
    margin-top: 0!important
  }
  .ant-form-inline .ant-form-item{
    margin-right: 0!important
  }
  .ant-menu-inline > .ant-menu-item,.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
    height: 50px!important;
    line-height: 50px!important
  }
  .inputC{
    max-width: 30px !important;
    min-width: 5%!important;
    border-left:0!important; 
    border-right:0!important;
    border-radius: 0!important;
    pointer-events: none!important;
    background-color: #fff!important;
  }
  .inputL{
    max-width: 80px!important;
    min-width: 40%!important; 
    text-align: center!important;
    border-right:0!important;
  }
  .inputR{
    max-width: 80px;
    min-width: 40%!important; 
    text-align: center!important;
    border-left: 0!important;
  }
</style>
