<template>
    <view class="insurance-info c-gap-inner-top-large c-gap-inner-bottom-large">
        <view class="insurance-info-name">
            <view v-if="info.brandName" class="brand c-font-big c-font-wb">
                {{ info.brandName }}
            </view>
            <view v-if="info.commonName" class="c-gap-top-small c-gap-bottom-large">
                {{ info.commonName }}
            </view>
        </view>
        <view class="c-line-superfine-after"/>
        <view class="insurance-info-notice">
            <view v-if="info.category" class="c-gap-top-large c-gap-bottom-small">
                医保类别：{{ info.category }}
            </view>
            <view v-if="info.notice">医保范围：{{ info.notice }}</view>
        </view>
    </view>
</template>

<script>
/**
 * @file 医保信息页/基本信息
 * @author chenyang28
 * @categories 商业化
 * @tags [component]
 */
export default {
    config: {
        component: true
    },
    props: {
        /**
         * 医保基本信息
         */
        info: {
            type: Object,
            default: () => {}
        }
    }
};
</script>

<style lang="less" scoped>
.insurance-info {
    background: #ffffff;
    color: #1f1f1f;
    padding-left: 17px;
    padding-right: 17px;
}
</style>
