github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-13 08:17:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: task id

Browse Source
This commit is contained in:
Fine 2023-06-12 15:58:22 +08:00
parent 1b47eb003d
commit 7667af2213
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/store/modules/task-timeline.ts
View File

@ -44,6 +44,9 @@ export const taskTimelineStore = defineStore({
setSelectedTask(task: Recordable<EBPFTaskList>) { setSelectedTask(task: Recordable<EBPFTaskList>) {
this.selectedTask = task || {}; this.selectedTask = task || {};
}, },
setTaskList(list: EBPFTaskList[]) {
this.taskList = list;
},
async getContinousTaskList(params: { async getContinousTaskList(params: {
serviceId: string; serviceId: string;
serviceInstanceId: string; serviceInstanceId: string;

10
src/views/dashboard/related/task-timeline/components/Timeline.vue
View File

@ -16,7 +16,7 @@ limitations under the License. -->
<div ref="timeline" class="task-timeline"></div> <div ref="timeline" class="task-timeline"></div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, watch, onMounted } from "vue"; import { ref, watch, onMounted, onUnmounted } from "vue";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { useThrottleFn } from "@vueuse/core"; import { useThrottleFn } from "@vueuse/core";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
@ -81,7 +81,7 @@ limitations under the License. -->
const h = timeline.value.getBoundingClientRect().height; const h = timeline.value.getBoundingClientRect().height;
const taskList = taskTimelineStore.taskList.map((d: EBPFTaskList, index: number) => { const taskList = taskTimelineStore.taskList.map((d: EBPFTaskList, index: number) => {
return { return {
id: index + 1, id: index,
// content: d.targetType, // content: d.targetType,
start: new Date(Number(d.taskStartTime)), start: new Date(Number(d.taskStartTime)),
end: new Date(Number(d.taskStartTime + d.fixedTriggerDuration * 1000)), end: new Date(Number(d.taskStartTime + d.fixedTriggerDuration * 1000)),
@ -149,6 +149,12 @@ limitations under the License. -->
observer.observe(timeline.value); observer.observe(timeline.value);
} }
} }
onUnmounted(() => {
if (visGraph.value) {
visGraph.value.destroy();
}
taskTimelineStore.setTaskList([]);
});
watch( watch(
() => selectorStore.currentPod, () => selectorStore.currentPod,
() => { () => {