<template>
  <div class="temp-list clear">
    <div class="temp-button">
      <el-button type="text">重置</el-button>
      <el-button type="primary">查询</el-button>
    </div>
    <el-row class="temp-input">
      <el-col :span="2">
        <div>推送名称:</div>
      </el-col>
      <el-col :span="4">
        <div>
          <el-input v-model="input" placeholder="请输入内容"></el-input>
        </div>
      </el-col>
      <el-col :span="2" :offset="2">
        <div>推送时间：</div>
      </el-col>
      <el-col :span="6">
        <div>
          <el-date-picker v-model="value6" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
        </div>
      </el-col>
    </el-row>
    <el-row class="temp-input">
      <el-col :span="2">
        <div class="">推送人数:</div>
      </el-col>
      <el-col :span="4">
        <div>
          <el-input v-model="input" placeholder="请输入内容"></el-input>
        </div>
      </el-col>
      <el-col :span="1">
        <div>
          -
        </div>
      </el-col>
      <el-col :span="4">
        <div>
          <el-input v-model="input" placeholder="请输入内容"></el-input>
        </div>
      </el-col>
      <el-col :span="3" :offset="2">
        <div>创建推送节点：</div>
      </el-col>
      <el-col :span="4">
        <div>
          <el-select v-model="value" placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
      </el-col>
    </el-row>

    <el-table :data="dataList">
      <el-table-column prop="id" label="推送名称" width="140">
      </el-table-column>
      <el-table-column prop="push_state" label="推送类型" width="120">
      </el-table-column>
      <el-table-column label="推送时间">
        <template slot-scope="scope">
          {{scope.row.push_time | fomatDate}}
        </template>
      </el-table-column>
      <el-table-column prop="title" label="推送范围">
      </el-table-column>
      <el-table-column prop="title" label="推送人数">
      </el-table-column>
      <el-table-column prop="title" label="推送成功人数">
      </el-table-column>
      <el-table-column prop="title" label="创建消息节点">
      </el-table-column>
      <el-table-column prop="title" label="推送进度">
      </el-table-column>
    </el-table>
  </div>

</template>
<script>
export default {
  data () {
    return {
      input: '',
      value6: '',
      dataList: [],
      options: [
        {
          value: '选项1',
          label: '黄金糕'
        },
        {
          value: '选项2',
          label: '双皮奶'
        },
        {
          value: '选项3',
          label: '蚵仔煎'
        },
        {
          value: '选项4',
          label: '龙须面'
        },
        {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      value: ''
    }
  },
  created () {
    this.getDataList()
  },
  methods: {
    getDataList () {
      this.axios.get('/static/getStoreNoticeListByPageAction.json').then(res => {
        if (res && res.data && res.data.data) {
          const { dataList } = res.data.data
          this.dataList = dataList
        }
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
.temp-list
  .temp-button
    height 50px
    // float right
</style>
