<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;
// }
// 弹窗最小高度
.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; }

.recipeTemplate{
  position: absolute;
  width: 120px;
  height: 120px;
  right: -50px;
  top: -0px;
  margin: 0;
  background: url(assets/images/sanjiao.png) no-repeat;
  right: -50px;
  top: 0;
  margin: 0;
  p{
    position: absolute;
    z-index: 1;
    color: #fff;
    right: 40px;
    top: 15px;
    width: 70px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
    font-size: 10px;
  }
}
.recipeTemplateF{
  position: absolute;
  width: 120px;
  height: 120px;
  z-index: 3;
  right: -50px;
  top: -0px;
  margin: 0;
  background: url(assets/images/sanjiao.png) no-repeat;
  right: -50px;
  top: 0;
  margin: 0;
  p{
    position: absolute;
    z-index: 1;
    color: #fff;
    right: 40px;
    top: 15px;
    width: 70px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
    font-size: 10px;
  }
}
.contentOperation{
  position: absolute;
  width: 120px;
  height: 120px;
  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;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/
    font-size: 10px;
  }
}

</style>