144 lines
3.6 KiB
Vue
144 lines
3.6 KiB
Vue
<template>
|
|
<de-layout-content>
|
|
<div class="de-task-record">
|
|
<el-tabs
|
|
v-model="tabActive"
|
|
@tab-click="changeTab"
|
|
>
|
|
<el-tab-pane
|
|
:label="$t('dataset.task.list')"
|
|
name="DatasetTaskList"
|
|
/>
|
|
<el-tab-pane
|
|
:label="$t('dataset.task.record')"
|
|
name="TaskRecord"
|
|
/>
|
|
</el-tabs>
|
|
<div class="tabs-container">
|
|
<dataset-task-list
|
|
v-if="tabActive == 'DatasetTaskList'"
|
|
:param="task"
|
|
:trans-condition="transCondition"
|
|
@jumpTaskRecord="jumpTaskRecord"
|
|
/>
|
|
<task-record
|
|
v-if="tabActive == 'TaskRecord'"
|
|
ref="task_record"
|
|
:param="task"
|
|
:trans-condition="transCondition"
|
|
@jumpTask="jumpTask"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</de-layout-content>
|
|
</template>
|
|
|
|
<script>
|
|
import DeLayoutContent from '@/components/business/DeLayoutContent'
|
|
|
|
import DatasetTaskList from '@/views/system/task/DatasetTaskList'
|
|
import TaskRecord from '@/views/system/task/TaskRecord'
|
|
|
|
import bus from '@/utils/bus'
|
|
import { mapGetters } from 'vuex'
|
|
export default {
|
|
components: { DeLayoutContent, DatasetTaskList, TaskRecord },
|
|
data() {
|
|
return {
|
|
tabActive: 'DatasetTaskList',
|
|
transCondition: {},
|
|
task: null
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters(['permission_routes'])
|
|
},
|
|
mounted() {
|
|
bus.$on('to-msg-dataset', this.toMsgShare)
|
|
},
|
|
beforeDestroy() {
|
|
bus.$off('to-msg-dataset', this.toMsgShare)
|
|
},
|
|
created() {
|
|
this.$store.dispatch('app/toggleSideBarHide', false)
|
|
const routerParam = this.$router.currentRoute.params
|
|
routerParam &&
|
|
this.$nextTick(() => {
|
|
this.toMsgShare(routerParam)
|
|
})
|
|
},
|
|
methods: {
|
|
changeTab() {
|
|
this.task = null
|
|
this.transCondition = {}
|
|
},
|
|
jumpTaskRecord({ id: taskId, name }) {
|
|
this.transCondition = { taskId, name }
|
|
this.tabActive = 'TaskRecord'
|
|
},
|
|
jumpTask({ taskId, name }) {
|
|
this.transCondition = { taskId, name }
|
|
this.tabActive = 'DatasetTaskList'
|
|
},
|
|
toMsgShare(routerParam) {
|
|
if (routerParam !== null && routerParam.msgNotification) {
|
|
const panelShareTypeIds = [4, 5, 6]
|
|
// 说明是从消息通知跳转过来的
|
|
if (panelShareTypeIds.includes(routerParam.msgType)) {
|
|
// 是数据集同步
|
|
if (routerParam.sourceParam) {
|
|
this.openSystem()
|
|
try {
|
|
const msgParam = JSON.parse(routerParam.sourceParam)
|
|
|
|
this.$nextTick(() => {
|
|
// 目标组件存在定时器 这种方式会被定时器阻塞
|
|
this.task = msgParam
|
|
this.tabActive = 'TaskRecord'
|
|
})
|
|
} catch (error) {
|
|
console.error(error)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
openSystem() {
|
|
const path = '/system'
|
|
let route = this.permission_routes.find(
|
|
(item) => item.path === '/' + path.split('/')[1]
|
|
)
|
|
// 如果找不到这个路由，说明是首页
|
|
if (!route) {
|
|
route = this.permission_routes.find((item) => item.path === '/')
|
|
}
|
|
this.$store.commit('permission/SET_CURRENT_ROUTES', route)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.de-task-record {
|
|
height: 100%;
|
|
background-color: var(--MainBG, #f5f6f7);
|
|
|
|
.tabs-container {
|
|
height: calc(100% - 48px);
|
|
background: var(--ContentBG, #ffffff);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
::v-deep.el-tabs__header {
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
::v-deep.el-tabs__item {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
margin-bottom: 9px;
|
|
padding: 0 12px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
</style>
|