<template>
  <div class="hwapproval-statistics-wrapper">
    <div class="hwapproval-tools-wrapper">
      <el-date-picker
        v-model="approvalUploadTime"
        type="datetimerange"
        range-separator="至"
        start-placeholder="备案上传开始日期"
        end-placeholder="备案上传结束日期">
      </el-date-picker>
      <el-button type="success">查找</el-button>
    </div>
    <div class="hwapproval-statistics" ref="approvalstatistics"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      approvalUploadTime: ''
    }
  }
}
</script>

<style lang="scss" scoped>
  .hwapproval-statistics-wrapper {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0 0 9px 1px #eee;
    .hwapproval-tools-wrapper {
      width: 80%;
      margin: 30px auto;
      padding: 30px;
      border-radius: 30px;
      box-shadow: 0 0 9px 1px #eee;
    }
    .hwapproval-statistics {
      margin: 30px auto;
      width: 50vw;
      height: 50vh;
    }
  }
</style>