index.vue 1.41 KB
Newer Older
wangdanlei's avatar
wangdanlei committed
1 2 3
<template>
  <div style="height: 100%;">
    <div class="my-document-box">
wangdanlei's avatar
wangdanlei committed
4
      <div v-for="(item,i) in dateList" :key="i" :class="{'dee-active-row-background': index === i}" class="time dee-row-item" @click="timeSearch(item.value,i)">{{ item.label }}</div>
wangdanlei's avatar
wangdanlei committed
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
    </div>
  </div>
</template>

<script>
export default {
// import引入的组件需要注入到对象中才能使用
  components: {},

  props: {},

  data() {
    // 这里存放数据
    return {
      index: 0,
      dateList: [
        {
          label: '全部',
          value: 'all'
        },
        {
          label: '最近一天',
          value: -1
        },
        {
          label: '最近三天',
          value: -3
        },
        {
          label: '最近七天',
          value: -7
        },
        {
          label: '最近一个月',
          value: -30
        }
      ]
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成(可以访问当前this实例)
  created() {

  },
  // 生命周期 - 挂载完成(可以访问DOM元素)
  mounted() {
    this.timeSearch('all', 0)
  },
  activated() {
  },
  // 方法集合
  methods: {
    timeSearch(time, index) {
      this.index = index
      this.$emit('getVisitTime', time === 'all' ? '' : this.$utils.getComputeDay(time, ' 00:00:00'))
    }
  }
}
</script>
<style lang='scss'>

</style>