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

feat: update task list

Browse Source
This commit is contained in:
Fine 2023-05-30 16:11:59 +08:00
parent d31b952a1f
commit 811f98bc41
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
View File

@ -145,7 +145,7 @@ limitations under the License. -->
</script>
<style lang="scss" scoped>
.profile-task-list {
width: 330px;
width: 300px;
height: calc(100% - 10px);
overflow: auto;
border-right: 1px solid rgba(0, 0, 0, 0.1);

26
src/views/dashboard/related/continuous-profiling/components/TaskList.vue
View File

@ -33,13 +33,13 @@ limitations under the License. -->
selected: continousProfilingStore.selectedTask.taskId === i.taskId,
}"
>
<div class="ell">
<div class="ell" v-for="(cause, j) in i.continuousProfilingCauses" :key="j">
<span>
{{ i.targetType + ": " + (i.processLabels.length ? i.processLabels.join(" ") : `All Processes`) }}
{{ `${cause.type}: ${getURI(cause.uri)}${cause.uri.threshold}>=${cause.uri.current}; ` }}
</span>
<a class="profile-view r" @click="viewDetail = true">
<!-- <a class="profile-view r" @click="viewDetail = true">
<Icon iconName="view" size="middle" />
</a>
</a> -->
</div>
<div class="grey ell sm">
<span class="mr-10 sm">{{ dateFormat(i.taskStartTime) }}</span>
@ -53,29 +53,33 @@ limitations under the License. -->
</div>
</div>
</div>
<el-dialog v-model="viewDetail" :destroy-on-close="true" fullscreen @closed="viewDetail = false">
<!-- <el-dialog v-model="viewDetail" :destroy-on-close="true" fullscreen @closed="viewDetail = false">
<TaskDetails :details="continousProfilingStore.selectedTask" />
</el-dialog>
</el-dialog> -->
</template>
<script lang="ts" setup>
import { ref } from "vue";
// import { ref } from "vue";
import { useI18n } from "vue-i18n";
import { useContinousProfilingStore } from "@/store/modules/continous-profiling";
import type { EBPFTaskList } from "@/types/ebpf";
import TaskDetails from "../../components/TaskDetails.vue";
// import TaskDetails from "../../components/TaskDetails.vue";
import { dateFormat } from "@/utils/dateFormat";
const { t } = useI18n();
const continousProfilingStore = useContinousProfilingStore();
const viewDetail = ref<boolean>(false);
// const viewDetail = ref<boolean>(false);
async function changeTask(item: EBPFTaskList) {
continousProfilingStore.setselectedTask(item);
continousProfilingStore.setSelectedContinousTask(item);
}
function getURI(uri: { uriRegex: string; uriPath: string }) {
return uri ? `(${uri.uriRegex || ""} | ${uri.uriPath || ""})` : "";
}
</script>
<style lang="scss" scoped>
.profile-task-list {
width: 330px;
width: 300px;
height: calc(100% - 10px);
overflow: auto;
border-right: 1px solid rgba(0, 0, 0, 0.1);