123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <template>
- <div id="app">
- <router-view v-if="isRouterAlive " />
- </div>
- </template>
- <script>
- export default {
- name: 'App',
- provide() {
- return {
- reload: this.reload
- }
- },
- data() {
- return {
- isRouterAlive: true
- }
- },
- methods: {
- reload() {
- this.isRouterAlive = false
- this.$nextTick(() => {
- this.isRouterAlive = true
- })
- }
- }
- }
- </script>
- <style lang="scss">
- .table-fixed {
- /deep/ .el-table__fixed-right {
- height: 100% !important; //设置高优先,以覆盖内联样式
- }
- /deep/ .el-table__fixed {
- height: 100% !important; //设置高优先,以覆盖内联样式
- }
- }
- .el-tree-node:focus > .el-tree-node__content {
- background-color: #82848a !important;
- color: #fff;
- }
- .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
- background-color: #82848a;
- color: #fff;
- }
- .filter-container .filter-item{
- margin-right: 3px;
- }
- .fixed-width .el-button--mini{
- margin-right: 3px;
- }
- .el-date-editor.el-input{
- margin-right: 3px;
- }
- .dialog-footer{
- right:30px;position:absolute;bottom:30px
- }
- .el-autocomplete-suggestion li{
- padding:0 3px!important;
- }
- .filter-item .el-input__inner{
- width: 100%;
- }
- body .el-table th.gutter {
- display: table-cell !important
- }
- input::-webkit-outer-spin-button,
- input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- }
- input[type="number"]{
- -moz-appearance: textfield;
- }
- .search .filter-item{
- margin-right: 5px;
- }
- // 开始日期结束日期
- .inputDatetime .el-range-separator{ padding: 0; margin: 0 10px; }
- // 新增/资料库/初始化库存/新增入库单
- .success{ background: #409EFF; border-color: #409EFF; color: #fff;min-width:100px;height: 40px;padding: 12px 20px; }
- .success:focus, .success:hover{ color: #fff; border-color: #66B1FF; background-color: #66B1FF; min-width:100px;height: 40px;padding: 12px 20px;}
- // 删除
- .danger{min-width:100px;height: 40px;background: #FF4949; border-color: #FF4949; color: #fff;}
- .danger:focus, .danger:hover{min-width:100px;height: 40px;background: #F78989; border-color: #F78989; color: #fff;}
- // 行内删除
- .smallDanger{ color: #FF4949; }
- .smallDanger:focus, .smallDanger:hover{ color: #FF4949; }
- // 查询/重置
- .successBorder{background: #409EFF; border-color: #409EFF; color: #fff;}
- .successBorder:focus, .successBorder:hover{background:#66B1FF; border-color: #66B1FF; color: #fff;}
- // 导出
- .export{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
- .export:focus, .export:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
- // 导入
- .import{background: #F4F4F5; border-color: #A6A9AD; color: #666666;min-width:100px;height: 40px;}
- .import:focus, .import:hover{ color: #666666; border-color: #A6A9AD; background-color: #F7F7F8; min-width:100px;height: 40px}
- // 恢复默认
- .warning{background: #F7BA2A; border-color:#F7BA2A; color: #fff;min-width:100px;height: 40px;}
- .warning:focus, .warning:hover{ color: #fff; border-color: #F7BA2A; background-color: #F7BA2A; min-width:100px;height: 40px}
- // 取消/关闭
- .cancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:100px;height: 40px;}
- .cancel:focus, .cancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; min-width:100px;height: 40px}
- // 小编辑/小保存/下拉搜索按钮/拆分预混料
- .miniSuccess{ background: #67c23a; border-color: #67c23a; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
- .miniSuccess:focus, .miniSuccess:hover{color: #fff; border-color: #85ce61; background-color: #85ce61;padding: 7px 10px;font-size:14px;min-width:60px;}
- // 小删除
- .miniDanger{background: #FF4949; border-color: #FF4949; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
- .miniDanger:focus, .miniDanger:hover{background: #F78989; border-color: #F78989; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
- // 小取消
- .minCancel{background: #FFFFFF; border-color: #CCCCCC; color: #666666;padding: 7px 10px;font-size:14px;min-width:60px;}
- .minCancel:focus, .minCancel:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; padding: 7px 10px;font-size:14px;min-width:60px;}
- // 时间快捷键左右
- .elIconArrowLeft{margin-right: -5px;padding: 12px 12px;}
- .elIconArrowRight{margin-right: 5px;padding: 12px 12px;}
- </style>
|