Waste/Waste.WebApi/App/Page/src/App.vue

84 lines
2.0 KiB
Vue

<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>