|
|
|
@ -45,7 +45,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {getTaskDetailList} from '@/api/taskmanage/tasklist.js' |
|
|
|
import {getTaskDetailListBoard} from '@/api/taskmanage/tasklist.js' |
|
|
|
|
|
|
|
let domTimer = '' // 自动滚动的定时任务 |
|
|
|
let dataTimer = '' // 数据定时任务 |
|
|
|
@ -68,8 +68,11 @@ export default { |
|
|
|
finishStartDate: '', |
|
|
|
finishEndDate: '', |
|
|
|
status: '', |
|
|
|
ipAddress: this.$route.query.ip |
|
|
|
ipAddress: this.$route.query.ip, |
|
|
|
number:'', |
|
|
|
}, |
|
|
|
pageIndex: 1, |
|
|
|
totalPage: 1, |
|
|
|
// 展示列集 |
|
|
|
columnList: [ |
|
|
|
{ |
|
|
|
@ -221,9 +224,16 @@ export default { |
|
|
|
|
|
|
|
// 获取数据列表 |
|
|
|
getDataList() { |
|
|
|
getTaskDetailList(this.dataForm).then(({data}) => { |
|
|
|
if (data && data.code === 0) { |
|
|
|
this.dataList = data.data |
|
|
|
this.dataForm.number=this.pageIndex; |
|
|
|
getTaskDetailListBoard(this.dataForm).then(({data}) => { |
|
|
|
if (data && data.code === 200) { |
|
|
|
this.dataList = data.rows |
|
|
|
this.totalPage= data.maxPage; |
|
|
|
if(this.pageIndex+1>data.maxPage){ |
|
|
|
this.pageIndex=1 |
|
|
|
}else { |
|
|
|
this.pageIndex=this.pageIndex+1 |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.dataList = [] |
|
|
|
} |
|
|
|
@ -245,50 +255,16 @@ export default { |
|
|
|
} |
|
|
|
// return '' |
|
|
|
}, |
|
|
|
// 鼠标进入 |
|
|
|
mouseEnter(time) { |
|
|
|
// 鼠标进入停止滚动和切换的定时任务 |
|
|
|
this.autoRoll(true) |
|
|
|
}, |
|
|
|
// 鼠标离开 |
|
|
|
mouseLeave() { |
|
|
|
// 开启 |
|
|
|
this.autoRoll() |
|
|
|
}, |
|
|
|
// 设置自动滚动 |
|
|
|
autoRoll(stop) { |
|
|
|
if (stop) { |
|
|
|
clearInterval(domTimer) |
|
|
|
return |
|
|
|
} |
|
|
|
this.$nextTick(() => { |
|
|
|
// 拿到表格挂载后的真实DOM |
|
|
|
const table = this.$refs.task_table |
|
|
|
// 拿到表格中承载数据的div元素 |
|
|
|
const divData = table.bodyWrapper |
|
|
|
// 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果 |
|
|
|
domTimer = setInterval(() => { |
|
|
|
// 元素自增距离顶部像素 |
|
|
|
divData.scrollTop = this.decimalUtil.add(Number(divData.scrollTop), Number(this.rollPx)) |
|
|
|
// 判断元素是否滚动到底部(可视高度+距离顶部=整个高度) |
|
|
|
if (divData.clientHeight + divData.scrollTop + 1 >= divData.scrollHeight) { |
|
|
|
// 重置table距离顶部距离 |
|
|
|
divData.scrollTop = 0 |
|
|
|
} |
|
|
|
}, this.rollTime * 10) |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.autoRoll() |
|
|
|
this.getDataList() |
|
|
|
dataTimer = setInterval(() => { |
|
|
|
this.getDataList() |
|
|
|
}, 3000) |
|
|
|
}, 30000) |
|
|
|
}, |
|
|
|
beforeUnmount() { |
|
|
|
clearInterval(dataTimer) |
|
|
|
clearInterval(domTimer) |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|