diff --git a/src/pages/taskDetails/index.vue b/src/pages/taskDetails/index.vue index 7bf1660..b685d29 100644 --- a/src/pages/taskDetails/index.vue +++ b/src/pages/taskDetails/index.vue @@ -100,38 +100,38 @@ const menuTabs = reactive([ const getData = async (id, task_children_id) => { const {data} = await Api.system.getTaskinfo(id || details.value.id, task_children_id || details.value?.children?.id); details.value = data; + init(); } onLoad((options) => { const {id, home: _home, tab, task_children_id, delta: _delta} = options; home.value = _home === '1'; if (tab) currentTabs.value = Number(tab); - if (delta) delta.value = _delta + if (delta) delta.value = _delta; getData(id, task_children_id); }); -onMounted(() => { - setTimeout(() => { - const instancs = getCurrentInstance(); - let ALGL = 0; - let HTYQ = 0; - let SJYQ = 0; +const init = () => { + let ALGL = 0; + let HTYQ = 0; + let SJYQ = 0; - const mainDetailBox = document.querySelector('#mainDetailBox'); - const taskHeader = document.querySelector('#taskHeader'); - const fbyq = document.querySelector('#FBYQ'); - const htyq = document.querySelector('#HTYQ'); - mainDetailWidth.value = mainDetailBox.clientWidth; - ALGL += taskHeader.clientHeight + 12.5; - HTYQ += ALGL + mainDetailBox.clientHeight + fbyq.clientHeight + 25; - SJYQ += HTYQ + htyq.clientHeight + 12.5; + const mainDetailBox = document.querySelector('#mainDetailBox'); + const taskHeader = document.querySelector('#taskHeader'); + const fbyq = document.querySelector('#FBYQ'); + const htyq = document.querySelector('#HTYQ'); + mainDetailWidth.value = mainDetailBox.clientWidth; + ALGL += taskHeader.clientHeight + 12.5; + HTYQ += ALGL + mainDetailBox.clientHeight + fbyq.clientHeight + 25; + SJYQ += HTYQ + htyq.clientHeight + 12.5; + + menuTabs[0].value = ALGL; + menuTabs[1].value = HTYQ; + menuTabs[2].value = SJYQ; - menuTabs[0].value = ALGL; - menuTabs[1].value = HTYQ; - menuTabs[2].value = SJYQ; - }, 500); if (home.value) showInitModal.value = true; -}) +} + const scrollState = reactive({ top: 0, });