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

fix: Formatted display of json content type

Browse Source
This commit is contained in:
wuwen 2023-01-16 17:14:36 +08:00
parent 70df7605cb
commit f9f81ff560
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,9 @@ 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="
currentLog.contentType === 'JSON' ? formatJson(JSON.parse(currentLog[item.label])) : currentLog[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 +40,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({