130 lines
3.9 KiB
Vue
130 lines
3.9 KiB
Vue
<template>
|
|
<layout-content v-loading="$store.getters.loadingMap[$store.getters.currentPath]">
|
|
|
|
<el-row style="height: 100%;overflow-y: hidden;width: 100%;">
|
|
<el-tabs v-model="tabActive" @tab-click="changeTab">
|
|
<el-tab-pane :label="$t('dataset.task.list')" name="DatasetTaskList">
|
|
<dataset-task-list v-if="tabActive=='DatasetTaskList'" :param="task" @jumpTaskRecord="jumpTaskRecord" />
|
|
</el-tab-pane>
|
|
<el-tab-pane :label="$t('dataset.task.record')" name="TaskRecord">
|
|
<task-record v-if="tabActive=='TaskRecord'" ref="task_record" :param="task" @jumpTask="jumpTask" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-row>
|
|
</layout-content>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import LayoutContent from '@/components/business/LayoutContent'
|
|
import ComplexTable from '@/components/business/complex-table'
|
|
import UnionView from '@/views/dataset/data/UnionView'
|
|
import UpdateInfo from '@/views/dataset/data/UpdateInfo'
|
|
import DatasetTaskList from '@/views/system/task/DatasetTaskList'
|
|
import TaskRecord from '@/views/system/task/TaskRecord'
|
|
import TabDataPreview from '@/views/dataset/data/TabDataPreview'
|
|
import DatasetTableData from '@/views/dataset/common/DatasetTableData'
|
|
import bus from '@/utils/bus'
|
|
import { mapGetters } from 'vuex'
|
|
export default {
|
|
components: { DatasetTableData, LayoutContent, ComplexTable, UnionView, UpdateInfo, TabDataPreview, DatasetTaskList, TaskRecord },
|
|
data() {
|
|
return {
|
|
task: null,
|
|
tabActive: 'DatasetTaskList'
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters([
|
|
'permission_routes'
|
|
])
|
|
},
|
|
mounted() {
|
|
bus.$on('to-msg-dataset', params => {
|
|
this.toMsgShare(params)
|
|
})
|
|
},
|
|
created() {
|
|
this.$store.dispatch('app/toggleSideBarHide', false)
|
|
const routerParam = this.$router.currentRoute.params
|
|
routerParam && this.$nextTick(() => {
|
|
this.toMsgShare(routerParam)
|
|
})
|
|
},
|
|
methods: {
|
|
changeTab() {
|
|
this.task = null
|
|
console.log(this.tabActive)
|
|
},
|
|
jumpTaskRecord(task) {
|
|
this.task = task
|
|
this.tabActive = 'TaskRecord'
|
|
},
|
|
jumpTask(task) {
|
|
this.task = task
|
|
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.param = msgParam.tableId
|
|
this.tabActive = 'TaskRecord'
|
|
this.$nextTick(() => {
|
|
this.$refs.task_record && this.$refs.task_record.msg2Current && this.$refs.task_record.msg2Current(msgParam)
|
|
})
|
|
} 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)
|
|
// this.setSidebarHide(route)
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.de-msg-radio-class {
|
|
padding: 0 5px;
|
|
>>>.el-radio-button__inner {
|
|
border-radius: 4px 4px 4px 4px !important;
|
|
border-left: 1px solid #dcdfe6 !important;
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
>>>.el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
|
color: #fff;
|
|
background-color: #0a7be0;
|
|
border-color: #0a7be0;
|
|
-webkit-box-shadow: 0px 0 0 0 #0a7be0;
|
|
box-shadow: 0px 0 0 0 #0a7be0;
|
|
}
|
|
}
|
|
.de-msg-a:hover {
|
|
text-decoration: underline !important;
|
|
color: #0a7be0 !important;
|
|
cursor: pointer !important;
|
|
|
|
}
|
|
|
|
</style>
|