<!--
 * @Description:
 * @Author: 王晓颖
 * @Date:
 -->
<template>
  <div class="select-all-left">
    <select-area :btns="areaBtns" title="按区域" btn-style="circle"/>
    <select-area :btns="peopleBtns" title="按人数" btn-style="rectangle"/>
    <select-area :btns="timeBtns" title="按时间" btn-style="circle"/>
    <select-area :btns="levelBtns" title="按级别" btn-style="rectangle"/>
  </div>
</template>

<script>
import SelectArea from '../../../components/SelectTool/selectArea'
export default {
  name: 'SelectAll',
  components: { SelectArea },
  data() {
    return {
      areaBtns: [
        { name: '全部', value: '' },
        { name: '临汾', value: 'lf' },
        { name: '忻州', value: 'xz' },
        { name: '阳泉', value: 'yq' },
        { name: '长晋', value: 'cj' },
        { name: '吕梁', value: 'll' },
        { name: '晋中', value: 'jz' },
        { name: '运城', value: 'yc' }
      ], // 区域按钮
      timeBtns: [
        { name: '全部', value: 'all' },
        { name: '本日', value: 'day' },
        { name: '本周', value: 'week' },
        { name: '本月', value: 'month' },
        { name: '本年', value: 'year' }
      ], // 区域按钮
      peopleBtns: [
        { name: '全部', value: '' },
        { name: '10-100', value: '10' },
        { name: '100-150', value: '100' },
        { name: '150-200', value: '150' },
        { name: '200以上', value: '200' }
      ], // 人数按钮
      levelBtns: [
        { name: '全部', value: '' },
        { name: 'Ⅰ', value: '1' },
        { name: 'Ⅱ', value: '2' },
        { name: 'Ⅲ', value: '3' }
      ] // 人数按钮
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .select-all-left{
    position: absolute;
    z-index:100;
    left:2rem;
    top: 5rem;
  }

</style>