<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-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{
  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;
// }
// 弹窗最小高度
.dialogMinHeight{
  min-height: 450px;
}
.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}
// 取消/关闭
.cancelClose{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:100px;height: 40px;}
.cancelClose:focus, .cancelClose: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;}
// 查看
.miniPrimary{ background: #409EFF; border-color: #409EFF; color: #fff;padding: 7px 10px;font-size:14px;min-width:60px;}
.miniPrimary:focus, .miniPrimary:hover{color: #fff; border-color: #66B1FF; background-color: #66B1FF;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;}

// 合计滚在滚动条下方
// .el-table{ overflow: auto; }
// .el-table__body-wrapper, .el-table__header-wrapper, .el-table__footer-wrapper{ overflow:visible; }
// .el-table::after{ position: relative !important; }
// .el-table--scrollable-x .el-table__body-wrapper{overflow-x:hidden}

.recipeTemplate{
  position: absolute;
  width: 120px;
  height: 120px;
  right: -50px;
  top: -0px;
  margin: 0;
  background: url(assets/images/sanjiao.png) no-repeat;
  // border: 50px solid transparent;
  // border-top-color: #019966;
  // transform:rotate(225deg);
  // -webkit-transform: rotate(225deg);/*Safari 4+,Google Chrome 1+ */
  // -moz-transform: rotate(225deg);/*Firefox 3.5+*/
  // filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
  right: -50px;
  top: 0;
  margin: 0;
  p{
    position: absolute;
    z-index: 1;
    color: #fff;
    right: 40px;
    top: 15px;
    width: 70px;
    // transform:rotate(180deg);
    -webkit-transform: rotate(45deg);/*Safari 4+,Google Chrome 1+ */
    -moz-transform: rotate(45deg);/*Firefox 3.5+*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
    font-size: 10px;
  }
}
.contentOperation{
  position: absolute;
  width: 120px;
  height: 120px;
  // border: 50px solid transparent;
  // border-top-color: #019966;
  // transform:rotate(225deg);
  // -webkit-transform: rotate(225deg);/*Safari 4+,Google Chrome 1+ */
  // -moz-transform: rotate(225deg);/*Firefox 3.5+*/
  // filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
  right: -50px;
  top: -0px;
  margin: 0;
  background: url(assets/images/sanjiao.png) no-repeat;
  p{
    position: absolute;
    z-index: 1;
    color: #fff;
    right: 30px;
    top: 10px;
    width: 70px;
    // transform:rotate(180deg);
    -webkit-transform: rotate(45deg);/*Safari 4+,Google Chrome 1+ */
    -moz-transform: rotate(45deg);/*Firefox 3.5+*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
    font-size: 10px;
  }
}
</style>