<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">


.operation {  margin-top: 10px; }

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

// 行内删除
.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}


// 小编辑/小保存/下拉搜索按钮/拆分预混料
.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;}


//=============样式更改============


 //.search-bx{position:fixed;top:84px;z-index:999;background:#fff;width: 86%;}


 .search-bx{}

// 取消/关闭
.cancelClose{background: #FFFFFF; border-color: #CCCCCC; color: #666666;min-width:50px;height: 38px;}
.cancelClose:focus, .cancelClose:hover{ color: #666666; border-color: #CCCCCC; background-color: #FFFFFF; min-width:50px;height: 38px}


//=============客户信息=============
//客户信息卡片
.cust-card-row{padding-bottom: 20px;}
.cust-card-tt{text-align: right;float:right;font-weight: bold}


.cust-line-bx{position:relative}
.cust-ex-item{display:inline-block;width:24%;margin-bottom:10px;}
.cust-ex-tt{width:200px;text-align:right;font-weight: bold}
.cust-ex-ct{margin-bottom:10px}

.cust-rest{display: inline-block;width:33%;color:#FF4949}


 .el-button--small { padding: 6px 10px; }


</style>
