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

fix: Formatted display of json content type (#219)

Browse Source
This commit is contained in:
wuwen 2023-01-16 20:34:51 +08:00 committed by GitHub
parent 70df7605cb
commit 3ef790dc07
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/dashboard/related/log/LogTable/LogDetail.vue
View File

@ -23,7 +23,7 @@ limitations under the License. -->
class="content mb-10" class="content mb-10"
:readonly="true" :readonly="true"
v-else-if="item.label === 'content'" v-else-if="item.label === 'content'"
:value="currentLog[item.label]" :value="contentFormat(item.label)"
/> />
<span v-else-if="item.label === 'tags'" class="g-sm-8 mb-10"> <span v-else-if="item.label === 'tags'" class="g-sm-8 mb-10">
<div v-for="(d, index) in logTags" :key="index">{{ d }}</div> <div v-for="(d, index) in logTags" :key="index">{{ d }}</div>
@ -38,6 +38,7 @@ limitations under the License. -->
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import type { Option } from "@/types/app"; import type { Option } from "@/types/app";
import { dateFormat } from "@/utils/dateFormat"; import { dateFormat } from "@/utils/dateFormat";
import { formatJson } from "@/utils/formatJson";
/*global defineProps */ /*global defineProps */
const props = defineProps({ const props = defineProps({
@ -53,6 +54,16 @@ limitations under the License. -->
return `${d.key} = ${d.value}`; return `${d.key} = ${d.value}`;
}); });
}); });
function contentFormat(label: string) {
try {
return props.currentLog.contentType === "JSON"
? formatJson(JSON.parse(props.currentLog[label]))
: props.currentLog[label];
} catch (e) {
return props.currentLog[label];
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {