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

refactores css to make chart fill parent

Browse Source
This commit is contained in:
Peter Olu 2022-05-06 11:22:11 +01:00
parent 866ac1bc70
commit dfe41eb02c
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/dashboard/related/trace/Detail.vue
View File

@ -12,7 +12,7 @@ See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="trace-detail" v-loading="loading"> <div class="trace-detail" v-loading="loading">
<div class="trace-chart"> <div :class="{ 'full-view': isFullVull }" class="trace-chart">
<component <component
v-if="traceStore.currentTrace.endpointNames" v-if="traceStore.currentTrace.endpointNames"
:is="traceStore.displayMode" :is="traceStore.displayMode"
@ -27,6 +27,7 @@ limitations under the License. -->
<script lang="ts"> <script lang="ts">
import dayjs from "dayjs"; import dayjs from "dayjs";
import { ref, computed, defineComponent } from "vue"; import { ref, computed, defineComponent } from "vue";
import { useRoute } from "vue-router";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useTraceStore } from "@/store/modules/trace"; import { useTraceStore } from "@/store/modules/trace";
import { Option } from "@/types/app"; import { Option } from "@/types/app";
@ -48,6 +49,11 @@ export default defineComponent({
const traceStore = useTraceStore(); const traceStore = useTraceStore();
const loading = ref<boolean>(false); const loading = ref<boolean>(false);
const traceId = ref<string>(""); const traceId = ref<string>("");
const queries = useRoute().query;
// console.log("APP::", queries);
const isFullVull = computed(() => {
return queries?.fullview === "true" && queries?.portal === "true";
})
// const displayMode = ref<string>("List"); // const displayMode = ref<string>("List");
const displayMode = computed(() => { const displayMode = computed(() => {
return traceStore.displayMode; return traceStore.displayMode;
@ -101,6 +107,7 @@ export default defineComponent({
searchTraceLogs(); searchTraceLogs();
} }
return { return {
isFullVull,
showTraceList, showTraceList,
traceStore, traceStore,
displayMode, displayMode,