Tmr-Admin-BeefCattle/.svn/pristine/49/49081a882203e4340a24fab58a7dbf85871c7933.svn-base

<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; }

// 行内删除
.smallDanger{ color: #FF4949; }
.smallDanger:focus, .smallDanger:hover{ color: #FF4949; }
// 查询/重置
.successBorder{background: #009A69; border-color: #009A69; color: #fff;}
.successBorder:focus, .successBorder:hover{background:#4DB894; border-color: #4DB894; 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}
// 查看
.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;}

// 时间快捷键左右
.elIconArrowLeft{margin-right: -5px;padding: 12px 12px;}
.elIconArrowRight{margin-right: 5px;padding: 12px 12px;}

.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>
<style lang="scss">
  // 时间范围选中后
  .el-date-table td.end-date span, .el-date-table td.start-date span{ background-color: #009C69; }
  // 时间范围小图标
  .el-date-editor .el-range__icon{ color: #009C69; }
  // 当前时间默认颜色
  .el-date-table td.today span{ color: #009C69; }
  // 鼠标悬停颜色
  .el-date-table td.available:hover{ color: #009C69; }
  // 下拉框小图标
  .el-select .el-input .el-select__caret{ color: #009C69; }
  // table全选
  .el-checkbox__input.is-checked .el-checkbox__inner{ background-color: #01BE80; border-color: #01BE80; }
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #01BE80; border-color: #01BE80; }

  // table
  $borderColor:#19B6B1;
  .el-table{font-size: 12px;color:#333;}
  .el-table--border:after, .el-table--group:after, .el-table:before { background-color: $borderColor!important; }
  .el-table--border, .el-table--group { border-color: $borderColor!important; }
  .el-table td, .el-table th.is-leaf { border-bottom: 1px solid $borderColor!important; }
  .el-table--border th, .el-table--border th.gutter:last-of-type { border-bottom: 1px solid $borderColor!important; }
  .el-table--border td, .el-table--border th { border-right: 1px solid $borderColor!important; }
  .el-table td, .el-table th.is-leaf { border-bottom: 1px solid $borderColor!important; }
  .el-table td,.building-top .el-table th.is-leaf { border-bottom:  1px solid $borderColor!important; }
  .fixed-width{border-bottom: $borderColor!important ;}
  .el-table__fixed-right{height: 100%!important;border-bottom:  1px solid $borderColor!important;}
  .el-table__fixed{height: 100%!important;border-bottom:  1px solid $borderColor!important;}
  .el-table__footer{border-top:  1px solid $borderColor!important;}

  .operation{margin-top: 10px;height: 44px;}
  // 新增/资料库/初始化库存/新增入库单
  .el-button{padding: 0px 10px;font-size: 16px;}
  .success{ background: #fff; border-color: #fff; color: #333;height: 34px; line-height:34px;}
  .success:focus, .success:hover{ color: #009C69; border-color: #009C69; background-color: #e5f6f0; height: 34px;line-height:34px;}

  // 删除
  .danger{height: 34px;line-height:34px;background: #fff; border-color: #fff; color: #FC2323;}
  .danger:focus, .danger:hover{height: 34px;background: rgba(252,48,47,.1); border-color: #FC2323; color: #FC2323;}

  // 小编辑/小保存/下拉搜索按钮/拆分预混料
  .miniSuccess{ color: #333;font-size:18px;border:none;background: none;}
  .miniSuccess:focus, .miniSuccess:hover{color: #009C69;font-size:18px;border:none;background: none;}

  // 小删除
  .miniDanger{color: #FC2323;font-size:18px;border:none;background: none;}
  .miniDanger:focus, .miniDanger:hover{color: #FC2323;font-size:18px;border:none;background: none;}

  // 小取消
  .minCancel{color: #FC2323;font-size:18px;border:none;background: none;}
  .minCancel:focus, .minCancel:hover{ color: #FC2323;font-size:18px;border:none;background: none;}

  body .el-table th.gutter{ display: table-cell!important; }
  body .el-table tr.gutter{ display: table-cell!important; }
  // .gutter { display: block !important; width: 17px !important; }
  // .el-table{ min-height: 290px !important; }

</style>