<template>
  <div v-if="null !== props.log">
    <div class="border rounded p-3 whitespace-pre bg-white mb-3">
      执行动作 : {{ props.log.action }}
    </div>

    <div class="border rounded p-3 whitespace-pre bg-white mb-3">
      <div>参数列表：</div>
      <div v-for="(item,index) of props.log.params" :key="index" class="mr-2">
        {{ JSON.stringify(item, null, 2) }}
      </div>
    </div>

    <div class="border rounded p-3 whitespace-pre bg-white mb-3">
      <div>响应内容：</div>
      <div>{{ JSON.stringify(props.log.response, null, 2) }}</div>
    </div>
  </div>
</template>
<script setup>
/** @var {Object} */
const props = defineProps({
    log: Object,
});
</script>