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

fix browser log details

Browse Source
This commit is contained in:
Qiuxia Fan 2022-06-15 17:43:14 +08:00
parent 5940dccdb6
commit 72eb42d2da
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/related/components/LogTable/Index.vue
View File

@ -58,7 +58,7 @@ limitations under the License. -->
@closed="showDetail = false"
:title="t('logDetail')"
>
<LogDetail :currentLog="currentLog" />
<LogDetail :currentLog="currentLog" :columns="columns" />
</el-dialog>
</div>
</template>

3
src/views/dashboard/related/components/LogTable/LogBrowser.vue
View File

@ -24,7 +24,6 @@ limitations under the License. -->
]"
:style="{
lineHeight: 1.3,
width: `${item.drag ? item.method : ''}px`,
}"
>
<span v-if="item.label === 'time'">{{ dateFormat(data.time) }}</span>
@ -44,7 +43,7 @@ import { BrowserLogConstants } from "./data";
/*global defineProps, defineEmits, NodeListOf */
const props = defineProps({
data: { type: Array as any, default: () => [] },
data: { type: Object as any, default: () => ({}) },
});
const columns = BrowserLogConstants;
const emit = defineEmits(["select"]);

9
src/views/dashboard/related/components/LogTable/LogDetail.vue
View File

@ -20,7 +20,10 @@ limitations under the License. -->
:key="index"
>
<span class="g-sm-4 grey">{{ t(item.value) }}:</span>
<span v-if="item.label === 'timestamp'" class="g-sm-8 mb-10">
<span
v-if="['timestamp', 'time'].includes(item.label)"
class="g-sm-8 mb-10"
>
{{ dateFormat(currentLog[item.label]) }}
</span>
<textarea
@ -41,14 +44,14 @@ import { computed } from "vue";
import type { PropType } from "vue";
import { useI18n } from "vue-i18n";
import dayjs from "dayjs";
import { ServiceLogDetail } from "./data";
import { Option } from "@/types/app";
/*global defineProps */
const props = defineProps({
currentLog: { type: Object as PropType<any>, default: () => ({}) },
columns: { type: Array as PropType<Option[]>, default: () => [] },
});
const { t } = useI18n();
const columns = ServiceLogDetail;
const logTags = computed(() => {
if (!props.currentLog.tags) {
return [];