44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
|
<script setup>
|
|||
|
|
import { computed } from 'vue'
|
|||
|
|
import { useRiskNotifier } from '@/composables/useRiskNotifier'
|
|||
|
|
import { useVehiclePayload } from '@/composables/useVehiclePayload'
|
|||
|
|
|
|||
|
|
const props = defineProps({
|
|||
|
|
data: { default: null },
|
|||
|
|
params: Object,
|
|||
|
|
apiId: { type: String, default: '' },
|
|||
|
|
index: { type: Number, default: 0 },
|
|||
|
|
notifyRiskStatus: { type: Function, default: () => {} },
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const { payload } = useVehiclePayload(props)
|
|||
|
|
|
|||
|
|
const bodyText = computed(() => {
|
|||
|
|
const p = payload.value
|
|||
|
|
if (p === '000' || p === 0)
|
|||
|
|
return '（本模块暂无示例明细）'
|
|||
|
|
if (p == null || p === '')
|
|||
|
|
return '暂无数据'
|
|||
|
|
if (typeof p === 'string')
|
|||
|
|
return p
|
|||
|
|
try {
|
|||
|
|
return JSON.stringify(p, null, 2)
|
|||
|
|
}
|
|||
|
|
catch {
|
|||
|
|
return String(p)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const riskScore = computed(() => 100)
|
|||
|
|
useRiskNotifier(props, riskScore)
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class="card">
|
|||
|
|
<p class="text-xs text-gray-500 mb-2">
|
|||
|
|
以下为结构化数据预览；专用版式可联系产品补充独立模块。
|
|||
|
|
</p>
|
|||
|
|
<pre class="text-xs text-gray-800 bg-gray-50 rounded-lg p-3 overflow-auto max-h-80 whitespace-pre-wrap break-all">{{ bodyText }}</pre>
|
|||
|
|
</div>
|
|||
|
|
</template>
|