50 lines
798 B
Vue
50 lines
798 B
Vue
<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> |