<template>
  <view v-if="data" class="card-detail">
    <view class="card-row">
      <text class="label-text">理由：</text>
      <text class="content-text">{{ data.reason || '' }}</text>
    </view>
  </view>

</template>
<script setup>
import { computed } from 'vue';

const props = defineProps({
  payload: {
    type: Object,
    default: () => ({})
  }
});

const data = computed(() => {
  try {
    const extension = JSON.parse(props.payload.extension);
    return extension
  } catch (e) { }
  return {}
})
</script>
<style scpoed>
/* 病情描述样式 */
.card-detail {
  min-width: 360rpx;
  max-width: 600rpx;
}

.card-row {
  padding: 4rpx 0;
  line-height: 42rpx;
}

.label-text {
  color: #999;
  font-size: 28rpx;
}

.content-text {
  color: #333;
  font-size: 28rpx;
}

</style>