<!-- 库存统计 -->
<template>
  <div class="app-container inventoryStatistics">
    <div class="inventoryStatisticsPage">
      <inventory-list v-if="titleType == 1"></inventory-list>
      <collect-list v-if="titleType == 2"></collect-list>
    </div>
  </div>
</template>
<script>
  import collectList from "./collectList.vue";
  import inventoryList from "./inventoryList.vue";
  export default {
    name: 'index',
    components: {
      collectList,
      inventoryList,
    },
    data () {
      return {
        titleType:1,
      }
    },
    created () {

    },
    mounted () {

    },
    methods: {
      //切换
      titleTypeButton(type){
        this.$set(this,'titleType',type);
      },
    },
  }
</script>
<style scoped lang="scss">
  .inventoryStatistics{
    .title-max-button-box{
      height:80px;
      display: flex;
      border-bottom:1px solid #dedede;
      div{
        cursor: pointer;
        margin-left:30px;
        p:nth-child(1){
          width:80px;
          line-height: 52px;
          text-align: center;
          font-size:16px;
          margin-top:12px;
        }
        p:nth-child(2){
          width:60px;
          height:4px;
          border-radius:2px;
          margin-left:10px;
        }
      }
      .check-box{
        p:nth-child(1){
          color:#0045AF;
        }
        p:nth-child(2){
          background-color:#0045AF;
        }
      }
    }
    .inventoryStatisticsPage{
      flex:1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
  }
</style>
