forked from TALL/tall3-pc-keti
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.1 KiB
103 lines
2.1 KiB
<template>
|
|
<div class="task-detail">
|
|
<div class="task-con">
|
|
<!-- {{ taskInfo.name }} -->
|
|
|
|
<!-- 查看课题进展 -->
|
|
<CheckSubjectProgress v-if="label === 'KT_KTJZ'" />
|
|
|
|
<!-- 科研会议管理 -->
|
|
<MeetingManagement v-if="label === 'KT_KYHY'" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, watch, ref } from 'vue';
|
|
import { useStore } from 'vuex';
|
|
import CheckSubjectProgress from 'components/tall/task/CheckSubjectProgress.vue';
|
|
import MeetingManagement from 'components/tall/task/MeetingManagement.vue';
|
|
|
|
const store = useStore();
|
|
const taskDetail = computed(() => store.state.task.taskDetail); // 任务名称
|
|
// const taskObj = ref({});
|
|
const label = ref(null);
|
|
const sessionTaskDetail = sessionStorage.getItem('taskDetail');
|
|
|
|
if (sessionTaskDetail) {
|
|
// taskObj.value = JSON.parse(sessionTaskDetail);
|
|
const taskInfo = JSON.parse(sessionTaskDetail);
|
|
|
|
if (taskInfo.plugins && taskInfo.plugins.length > 0) {
|
|
taskInfo.plugins[0].forEach((item, index) => {
|
|
if (index === 0) {
|
|
label.value = item.param;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
// 监听任务信息
|
|
watch(taskDetail, () => {
|
|
// taskObj.value = taskDetail.value;
|
|
if (!taskDetail.value) return;
|
|
|
|
const taskInfo = taskDetail.value;
|
|
if (taskInfo.plugins && taskInfo.plugins.length > 0) {
|
|
taskInfo.plugins[0].forEach((item, index) => {
|
|
if (index === 0) {
|
|
label.value = item.param;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.task-detail {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 16px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.task-con {
|
|
width: 100%;
|
|
min-height: 500px;
|
|
}
|
|
|
|
.task-form {
|
|
padding: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.task-form :deep(.ant-form) {
|
|
width: 80%;
|
|
max-width: 680px;
|
|
}
|
|
|
|
:deep(.ant-input) {
|
|
height: 38px;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
:deep(.ant-btn-primary) {
|
|
max-width: 180px;
|
|
height: 38px;
|
|
font-size: 16px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
:deep(.ant-space) {
|
|
width: 100%;
|
|
}
|
|
|
|
:deep(.ant-picker) {
|
|
height: 38px;
|
|
width: 100%;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
|