<template>
  <section>
    <nav-bar></nav-bar>
    <div class="clear site_container">
      <div class="fl left_side">
        <site-nav default_active="1" active="1-2"></site-nav>
      </div>
      <div class="con1">
        <table class="filter-table">
          <tr>
            <th>任务号</th>
            <th>目标站点</th>
            <th>任务状态</th>
            <th>生成时间</th>
          </tr>
          <tr v-for="e in dataList" :key="e.task_id">
            <td>{{e.task_no}}</td>
            <td>{{e.next_point}}</td>
            <td>{{e.status}}</td>
            <td class="last-td">{{e.time}}</td>
          </tr>
        </table>
      </div>
    </div>
  </section>
</template>

<script>
import NavBar from '@components/NavBar.vue'
import SiteNav from '@components/SiteNav.vue'
export default {
  name: 'TaskList',
  components: {
    NavBar,
    SiteNav
  },
  data () {
    return {
      pkId: '',
      dataList: [
        {
          task_id: '1',
          task_no: '1001',
          next_point: '1001',
          status: '正在执行',
          time: '2021-07-14  12:00:00'
        },
        {
          task_id: '2',
          task_no: '1002',
          next_point: '1001',
          status: '未执行',
          time: '2021-07-15  12:00:00'
        },
        {
          task_id: '3',
          task_no: '1003',
          next_point: '1001',
          status: '未执行',
          time: '2021-07-18  12:00:00'
        },
        {
          task_id: '4',
          task_no: '1004',
          next_point: '1001',
          status: '未执行',
          time: '2021-09-10  12:00:00'
        }
      ]
    }
  },
  mounted () {
    // init
  },
  methods: {
  }
}
</script>

<style lang="stylus" scoped>
.con1
  float left
  margin-top .39rem
  width 10.4rem
.last-td
  width 4.4rem
  text-align left
  padding-left 0.5rem
  box-sizing border-box
</style>
