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

<script>
export default {
  name: 'App'
}
</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;}

// 查询/重置
.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>