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

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

</style>
