CheckTip.vue 1.76 KB
<template>
    <div class="check-result text-center">
        <div class="pt-5">
            <doc-icon type="doc-info-circle"
                style="color: #faad14;font-size: .46rem;"/>
        </div>
        <p class="mt-4">
            {{ checkInfo.tips }}
        </p>
        <div class="mt-3 flex justify-center">
            <div class="py-3 px-4 manage-info">
                <div class="flex">
                    <span class="shrink-0">管理机构:</span>
                    <span class="text-wrap">{{ checkInfo.manageUnitName }}</span>
                </div>
                <div class="flex mt-2">
                    <span class="shrink-0">管理日期:</span>
                    <span class="text-wrap">{{ checkInfo.manageDate }}</span>
                </div>
            </div>
        </div>
        <div class="pt-4 mt-5" style="background: #F7F8F9;"></div>
        <div class="flex pl-5">
            <p>
                提示:请遵医嘱定期前往医院复查
            </p>
        </div>

        <div class="mt-5">
            <img src="@/assets/image/resident/code.png" alt="" style="width: 1.85rem;">
        </div>
         
        <p>
            长按二维码,关注微信公众号
        </p>
        <div class="px-4 pb-4 grow flex flex-col justify-end" style="margin-top: .3rem;">
            <van-button block round @click="onClose">
                <span style="color: #8C8C8C">关闭</span>
            </van-button>
        </div>
    </div>
</template>

<script>
export default {
    inject: ['checkInfo'],
    methods: {
        onClose() {
            this.$parent.onClose()
        }
    }
}
</script>

<style lang="less" scoped>
.manage-info {
    color: #4D5665;
    background-color: #F8FAFC;
    width: 265px;
    max-width: 320px;
}
</style>