<template>
    <div class="screening-first-result text-center pt-3 px-3">
        <doc-icon type="doc-check-circle" style="font-size: .46rem;"/>
        <div class="mt-3">随访完成</div>
        <div class="text-start mt-5">
            <span style="color: #595959;">通过随访，您的慢病高危评估结果为：</span>
            <span v-if="info.screenResult == 2" class="text-red">高危人群</span>
            <span v-else>一般人群</span>
        </div>
        <div style="margin-top: .48rem">
            <van-button type='primary' block round plain
                @click='toScreen'>专病高危随访</van-button>
            <div class="pt-3"></div>
            <van-button type='primary' block round plain
                @click='toDetail'>查看居民详情</van-button>
            <div class="text-16 pt-5" style="color: #8c8c8c;"
                @click="toWorkbench">返回工作台</div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        info: { default: () => ({}) }
    },
    computed: {
        residentInfoId() {
            return this.info.residentInfoId
        }
    },
    methods: {
        toScreen() {
            this.$router.replace({
                path: '/doctor/screening/secondForm',
                query: {
                    residentInfoId: this.residentInfoId
                }
            })
        },
        toDetail() {
            this.$router.replace({
                path: '/doctor/patient-detail',
                query: {
                    residentInfoId: this.residentInfoId
                }
            })
        },
        toWorkbench() {
            this.$router.replace({
                path: '/doctor/workbench'
            })
        }
    }
}
</script>

<style lang="less" scoped>

</style>
