<template>
    <div class="flex flex-col agree">
        <div class="p-3 text-16 text-black text-center shrink-0 top-bar">
            <span class="back-bt" @click="onBack">
                <doc-icon type="doc-left" />
            </span>
            <span>居民筛查慢病须知</span>
        </div>
        <div class="grow overflow-y-auto cont">
            <p class="indent">在您决定是否参加慢病筛查之前，请仔细阅读以下内容：</p>
            <p class="font-semibold">一、筛查开展的背景和目的</p>
            <p class="color-1 indent">各种慢病严重威胁我国人群健康，也是我国居民的主要死亡原因之一。
                患者治疗费用昂贵而且效果不佳，该疾病给患者和家属带来极大的痛苦和沉重的经济负担。
                医学研究和临床实践证实,施行有效的筛查和综合干预是降低该疾病致残率和死亡率、提高生存率和生存质量的重要手段。</p>
            <p class="font-semibold">二、筛查过程</p>
            <p class="color-1 indent">本地常住居民可在自愿的情况下接受筛查。将有专门的医护人员收集您的人口学信息、生活方式、家族史、既往病史、服药史，
                并对您进行身高、体重、腰围、血压、心脏听诊等体格检查，
                根据检查结果就您的身体情况进行评估，并根据评估结果对您提供相应指导。</p>
            <p class="font-semibold">三、参加筛查可能的受益</p>
            <p class="color-1 indent">如果您参加筛查，可全面了解您的患病风险。对于本次筛查出的风险人群，将会得到具有针对性的指导和干预。
                也可接受健康科普宣传教育，提高对自身健康的重视程度。</p>
            <p class="font-semibold">四、保密原则</p>
            <p class="color-1 indent">我们承诺您的所有个人信息将完全保密，筛查信息只用于慢病医疗服务。
                任何公开报告将不会披露您的个人信息和健康信息。我们将在法律允许的范围内，尽一切努力保护您的隐私。</p>
        </div>
        <div class="px-5 pb-4 pt-3 shrink-0">
            <van-button type="primary" block round
                @click="submit">同意</van-button>
        </div>
    </div>
</template>

<script>
import { backHome } from '@/utils/common.js'

export default {
    methods: {
        onBack() {
            backHome()
        },
        submit() {
            this.$router.replace({
                path: '/resident/screening/first/form',
                query: this.$route.query
            })
        }
    }
}
</script>

<style lang="less" scoped>
@import '../../../utils/common.less';
.agree {
    height: 100vh;
}
.cont {
    padding: 6px 24px;
    .color-1 {
        color: #595959;
    }
    .indent {
        text-indent: 2em;
        line-height: 1.5;
    }
}
</style>