|
|
@ -21,7 +21,7 @@ |
|
|
|
|
|
|
|
<div class="two-box" v-if="item.show"> |
|
|
|
<div class="two-flex" v-for="(sonItem, sonIndex) in item.sonProjectList" :key="sonIndex"> |
|
|
|
<div class="two-level h-70 cursor-pointer flex items-center" @click="toDetail(sonItem)"> |
|
|
|
<div class="two-level h-70 cursor-pointer flex items-center" @click="toDetail(sonItem, item)"> |
|
|
|
<div class="icon" @click.stop="showActionCard(sonItem)"><img src="https://www.tall.wiki/staticrec/drag.svg" /></div> |
|
|
|
<div class="detail"> |
|
|
|
<div class="name-box flex items-center"> |
|
|
@ -43,7 +43,7 @@ |
|
|
|
class="three-level h-70 cursor-pointer flex items-center" |
|
|
|
v-for="(thirdItem, thirdIndex) in sonItem.sonProjectList" |
|
|
|
:key="thirdIndex" |
|
|
|
@click="toDetail(thirdItem)" |
|
|
|
@click="toDetail(thirdItem, sonItem, item)" |
|
|
|
> |
|
|
|
<div class="icon" @click.stop="showActionCard(thirdItem)"><img src="https://www.tall.wiki/staticrec/drag.svg" /></div> |
|
|
|
<div class="detail"> |
|
|
@ -92,10 +92,32 @@ const endTime = computed(() => store.state.layout.endTime); // 当前选择时 |
|
|
|
|
|
|
|
const refreshProjects = computed(() => store.state.layout.refreshProjects); // 刷新项目列表 |
|
|
|
|
|
|
|
// const projectList = ref([]); |
|
|
|
// 项目时间缓存 |
|
|
|
const planStartTime = sessionStorage.getItem('planStartTime'); |
|
|
|
const planEndTime = sessionStorage.getItem('planEndTime'); |
|
|
|
// 子课题时间缓存 |
|
|
|
const subStartTime = sessionStorage.getItem('subStartTime'); |
|
|
|
const subEndTime = sessionStorage.getItem('subEndTime'); |
|
|
|
// 实验时间缓存 |
|
|
|
const expreStartTime = sessionStorage.getItem('expreStartTime'); |
|
|
|
const expreEndTime = sessionStorage.getItem('expreEndTime'); |
|
|
|
|
|
|
|
if (planStartTime) { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: planStartTime, endTime: planEndTime }); |
|
|
|
} |
|
|
|
|
|
|
|
if (subStartTime) { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: subStartTime, endTime: subEndTime }); |
|
|
|
} |
|
|
|
|
|
|
|
if (expreStartTime) { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: expreStartTime, endTime: expreEndTime }); |
|
|
|
} |
|
|
|
|
|
|
|
// 如果有缓存,则将缓存信息放到store中,一般用于页面刷新 |
|
|
|
if (sessionProject) { |
|
|
|
// const projectList = ref([]); |
|
|
|
|
|
|
|
// 如果有缓存,则将缓存信息放到store中,一般用于页面刷新 |
|
|
|
if (!projectInfo.value.id) { |
|
|
|
const info = JSON.parse(sessionProject); |
|
|
|
store.commit('projects/setProject', info); |
|
|
@ -111,12 +133,12 @@ if (!startTime.value) { |
|
|
|
store.commit('layout/setSelectTime', data); |
|
|
|
} |
|
|
|
|
|
|
|
getProjectsList(); |
|
|
|
|
|
|
|
watch([startTime, endTime, refreshProjects], () => { |
|
|
|
getProjectsList(); |
|
|
|
}); |
|
|
|
|
|
|
|
getProjectsList(); |
|
|
|
|
|
|
|
// 点击操作面试显示隐藏 |
|
|
|
const showActionCard = item => { |
|
|
|
visible.value = true; |
|
|
@ -166,13 +188,13 @@ async function getProjectsList() { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
function toDetail(data) { |
|
|
|
data.show = true; |
|
|
|
function toDetail(item, sec, fir) { |
|
|
|
item.show = true; |
|
|
|
|
|
|
|
const obj = { |
|
|
|
id: data.id, |
|
|
|
name: data.name, |
|
|
|
url: data.url, |
|
|
|
id: item.id, |
|
|
|
name: item.name, |
|
|
|
url: item.url, |
|
|
|
}; |
|
|
|
|
|
|
|
// projectList.value.forEach(item => { |
|
|
@ -202,6 +224,17 @@ function toDetail(data) { |
|
|
|
// } |
|
|
|
// }); |
|
|
|
|
|
|
|
if (sec && fir) { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: fir.startTime, endTime: fir.endTime }); |
|
|
|
store.commit('layout/setSecPlanTime', { startTime: sec.startTime, endTime: sec.endTime }); |
|
|
|
store.commit('layout/setThirdPlanTime', { startTime: item.startTime, endTime: item.endTime }); |
|
|
|
} else if (sec) { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: sec.startTime, endTime: sec.endTime }); |
|
|
|
store.commit('layout/setSecPlanTime', { startTime: item.startTime, endTime: item.endTime }); |
|
|
|
} else { |
|
|
|
store.commit('layout/setFirPlanTime', { startTime: item.startTime, endTime: item.endTime }); |
|
|
|
} |
|
|
|
|
|
|
|
// store.commit('projects/setProjects', projectList.value); |
|
|
|
store.commit('projects/setProject', obj); |
|
|
|
store.commit('task/setTaskDetail', null); |
|
|
|