root/apt-nl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

故障

Browse Source
This commit is contained in:
xiangxy
2023-10-20 17:31:19 +08:00
parent 1f8f22839d
commit 1ffb98419b
10 changed files with 273 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/pages/modules/taskmanage/TaskLists.vue
View File

@@ -1,75 +1,45 @@
<template>
<div class="main-container">
<div class="clear">
<!-- <div class="fl left_side">
<site-nav default_active="1" active="1-2"></site-nav>
</div> -->
<div class="con1 grid_wrapper">
<table>
<tr>
<th>序号</th>
<th>任务号</th>
<th>出发起点</th>
<th>目标站点</th>
<th>任务状态</th>
<th>生成时间</th>
</tr>
<tr v-for="(e, index) in dataList" :key="e.task_id">
<td>{{index+1}}</td>
<td>{{e.task_num}}</td>
<td>{{e.next_point}}</td>
<td>{{e.target_point}}</td>
<td>{{e.task_status_name}}</td>
<td class="last-td">{{e.create_time}}</td>
</tr>
</table>
<div class="main-container">
<div class="box0">
<div class="title">任务管理</div>
</div>
<div class="tasklist">
<div class="con1 grid_wrapper">
<table>
<tr class="t-head">
<th>序号</th>
<th>任务号</th>
<!-- <th>出发起点</th> -->
<th>目标站点</th>
<th>任务状态</th>
<th>生成时间</th>
</tr>
<tr v-for="(e,index) in dataList" :key="index">
<td>{{index+1}}</td>
<td>{{e.task_num}}</td>
<!-- <td>{{e.next_point}}</td> -->
<td>{{e.target_point}}</td>
<td><span class="icon" :class="{bgred: e.task_status_name ==='生成未执行', bgyellow: (e.task_status_name ==='执行中' || e.task_status_name ==='完成')}"></span>{{e.task_status_name}}</td>
<td>{{e.create_time}}</td>
</tr>
</table>
<div class="subbar">
<button class="btn btn1" @click="toDel">任务取消</button>
<button class="btn btn2" @click="updateTask">任务提交</button>
</div>
</div>
</div>
</div>
</template>
<script>
import SiteNav from '@components/SiteNav.vue'
import {queryTaskList} from '@/config/getData.js'
import {queryTaskList, updateTask} from '@/config/getData.js'
export default {
name: 'TaskList',
components: {
SiteNav
},
name: 'TaskLists',
data () {
return {
pkId: '',
dataList: []
// 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'
// }
// ]
}
},
created () {
@@ -83,19 +53,94 @@ export default {
} else {
this.toast(res.desc)
}
},
toDel () {
console.log(1)
},
async updateTask () {
let res = await updateTask(this.dataList)
if (res.code === '1') {
this.toast(res.desc)
this.pkId = ''
this.initData()
} else {
this.toast(res.desc)
}
}
}
}
</script>
<style lang="stylus" scoped>
.icon
display inline-block
width 43px
height 43px
position relative
top 10px
.bgyellow
background center / 100% 100% url(../../../images/new/icon-error1.png) no-repeat
.bgred
background center / 100% 100% url(../../../images/new/icon-error2.png) no-repeat
.t-head
height 80px
line-height 80px
background center / 1499px 100% url(../../../images/new/bg-head-tb-in.png) no-repeat
.main-container
padding-left 41px
.box0
width 1580px
height 102px
background center / 100% 100% url(../../../images/new/bg-title-l.png) no-repeat
.title
font-size 36px
color #F6F9FE
padding-left 40px
padding-top 53px
.con1
width 1580px
height 819px
background center / 100% 100% url(../../../images/new/bg-con-l.png) no-repeat
float left
width 100%
padding 0.25rem
.last-td
width 4.4rem
text-align left
padding-left 1.7rem
box-sizing border-box
padding 40px
position relative
.status-box
display inline-block
width .4rem
height .4rem
border-radius .2rem
.grid_wrapper table th
color #ffffff
font-size 30px
background rgba(31,46,73,0.5)
line-height 80px
border-right none
padding 0
padding-left 30px
text-align left
.grid_wrapper table td
color #ffffff
font-size 30px
background rgba(31,46,73,0.5)
line-height 80px
border-bottom 1px solid #20395D
border-right none
padding 0
padding-left 30px
text-align left
.btn
width 335px
height 91px
font-size 36px
margin-left 167px
position absolute
bottom 28px
color #f6f9fe
.btn1
left 306px
background center / 100% 100% url(../../../images/new/btn-red.png) no-repeat
.btn2
left 668px
background center / 100% 100% url(../../../images/new/btn-blue.png) no-repeat
</style>