<script setup>

const timeDivideSelect = [
  {
    name: "按分钟",
    children: [
      {name: "1分钟"},
      {name: "5分钟"},
      {name: "10分钟"},
    ]
  },
  {
    name: "按小时"
  },
  {
    name: "按天"
  },
  {
    name: "按周"
  },
  {
    name: "按月"
  },
  {
    name: "按季度"
  },
  {
    name: "按年"
  },
  {
    name: "合计"
  }
]

</script>

<template>
  <div>
    <el-select>
      <template v-for="item in timeDivideSelect">
        <el-option :key="item.name" :label="item.name" :value="item.value" v-if="item.children !== undefined">
          <
        </el-option>
      </template>

    </el-select>
  </div>
</template>

<style scoped>

</style>