github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 04:09:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: filter tasks with current process ID (#282)

Browse Source
This commit is contained in:
Fine0830
2023-06-13 14:48:38 +08:00
committed by GitHub
parent 62a82590c9
commit 8c9c339417
6 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/dashboard/related/continuous-profiling/components/Policy.vue
View File

@@ -53,10 +53,6 @@ limitations under the License. -->
@change="changeMonitorType($event, index)"
/>
</div>
<div>
<div class="label">{{ t("count") }}</div>
<el-input-number size="small" class="profile-input" :min="0" v-model="item.count" @change="changeParam" />
</div>
<div>
<div class="label">
<span class="mr-5">{{ t("threshold") }}</span>
@@ -70,6 +66,10 @@ limitations under the License. -->
@change="changeThreshold(index)"
/>
</div>
<div>
<div class="label">{{ t("count") }}</div>
<el-input-number size="small" class="profile-input" :min="0" v-model="item.count" @change="changeParam" />
</div>
<div>
<div class="label">{{ t("period") }}</div>
<el-input-number size="small" class="profile-input" :min="0" v-model="item.period" @change="changeParam" />

2
src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue
View File

@@ -71,7 +71,7 @@ limitations under the License. -->
.item {
width: 100%;
overflow: auto;
height: calc(100% - 100px);
height: calc(100% - 270px);
padding-bottom: 10px;
}

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

@@ -101,22 +101,19 @@ limitations under the License. -->
template(item: EBPFTaskList | any) {
const data = item.data || {};
const end = data.taskStartTime ? visDate(data.taskStartTime + data.fixedTriggerDuration * 1000) : "";
let str = "";
for (const item of data.continuousProfilingCauses || []) {
str += `${item.message};`;
}
let tmp = `
<div>Task ID: ${data.taskId || ""}</div>
<div>Service Name: ${data.serviceName || ""}</div>
<div>Service Instance Name: ${data.serviceInstanceName || ""}</div>
<div>Service Process Name: ${data.processName || ""}</div>
<div>Target Type: ${data.targetType || ""}</div>
<div>Trigger Type: ${data.triggerType || ""}</div>
<div>Start Time: ${data.taskStartTime ? visDate(data.taskStartTime) : ""}</div>
<div>End Time: ${end}</div>
<div>Causes: ${str}</div>
<div>Process Labels: ${data.processLabels.join("; ") || ""}</div>`;
let str = "";
for (const item of data.continuousProfilingCauses || []) {
str += `<div>${item.type}: ${getURI(item.uri)}${item.uri.threshold}>=${item.uri.current}</div>`;
}
return tmp + str;
return tmp;
},
},
};
@@ -132,7 +129,7 @@ limitations under the License. -->
}
function getURI(uri: { uriRegex: string; uriPath: string }) {
return uri ? `(${uri.uriRegex || ""} | ${uri.uriPath || ""})` : "";
return uri && uri.uriRegex && uri.uriPath ? `(${uri.uriRegex || ""} | ${uri.uriPath || ""})` : "";
}
function resize() {
@@ -156,7 +153,7 @@ limitations under the License. -->
taskTimelineStore.setTaskList([]);
});
watch(
() => selectorStore.currentPod,
() => selectorStore.currentProcess,
() => {
init();
},