Files
apt-nl/src/pages/TaskList.vue
2023-05-05 14:20:13 +08:00

91 lines
1.9 KiB
Vue

<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>