github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-13 00:08:56 +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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.profile-task-list { .profile-task-list {
width: 330px; width: 300px;
height: calc(100% - 10px); height: calc(100% - 10px);
overflow: auto; overflow: auto;
border-right: 1px solid rgba(0, 0, 0, 0.1); 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, selected: continousProfilingStore.selectedTask.taskId === i.taskId,
}" }"
> >
<div class="ell"> <div class="ell" v-for="(cause, j) in i.continuousProfilingCauses" :key="j">
<span> <span>
{{ i.targetType + ": " + (i.processLabels.length ? i.processLabels.join(" ") : `All Processes`) }} {{ `${cause.type}: ${getURI(cause.uri)}${cause.uri.threshold}>=${cause.uri.current}; ` }}
</span> </span>
<a class="profile-view r" @click="viewDetail = true"> <!-- <a class="profile-view r" @click="viewDetail = true">
<Icon iconName="view" size="middle" /> <Icon iconName="view" size="middle" />
</a> </a> -->
</div> </div>
<div class="grey ell sm"> <div class="grey ell sm">
<span class="mr-10 sm">{{ dateFormat(i.taskStartTime) }}</span> <span class="mr-10 sm">{{ dateFormat(i.taskStartTime) }}</span>
@ -53,29 +53,33 @@ limitations under the License. -->
</div> </div>
</div> </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" /> <TaskDetails :details="continousProfilingStore.selectedTask" />
</el-dialog> </el-dialog> -->
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref } from "vue"; // import { ref } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useContinousProfilingStore } from "@/store/modules/continous-profiling"; import { useContinousProfilingStore } from "@/store/modules/continous-profiling";
import type { EBPFTaskList } from "@/types/ebpf"; import type { EBPFTaskList } from "@/types/ebpf";
import TaskDetails from "../../components/TaskDetails.vue"; // import TaskDetails from "../../components/TaskDetails.vue";
import { dateFormat } from "@/utils/dateFormat"; import { dateFormat } from "@/utils/dateFormat";
const { t } = useI18n(); const { t } = useI18n();
const continousProfilingStore = useContinousProfilingStore(); const continousProfilingStore = useContinousProfilingStore();
const viewDetail = ref<boolean>(false); // const viewDetail = ref<boolean>(false);
async function changeTask(item: EBPFTaskList) { 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.profile-task-list { .profile-task-list {
width: 330px; width: 300px;
height: calc(100% - 10px); height: calc(100% - 10px);
overflow: auto; overflow: auto;
border-right: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1);