dz-app/pages/test-center/mental-health/mental-health.vue

<template>
    <view class="page-content h-screen">
        <mx-nav-bar title="心理健康测评"/>
        <view class="flex-1 fx-col">
            <view class="flex-1 tabs-swiper-content p-40 leading-6 text-lg">
                <view class="indent-50">
                    1、中学生心理健康诊断测验(MHT)是由华东师范大学心理学系教授周步成和其他心理学科研究人员，根据日本铃木清等人编制的"不安倾向诊断测验"进行修订，成为适应于我国中学学生标准化的《心理健康诊断测验》。
                </view>
                <view class="indent-50 mt-10">
                    2、这个测验是调查你的心情和感受的，不是测验智力和学习能力，与学习成绩无关，答案也没有好坏对错之分，请按照你平常所想的如实回答。
                </view>
                <view class="fx-col mt-40 text-content text-sm">
                    <span>本测验按焦虑情绪所指向的对象和由焦虑情绪而产生的行为这两个方面进行测定。</span>
                    <span
                        class="mt-10">全量表由8个内容量表构成，主要包括：学习焦虑、对人焦虑、孤独倾向、自责倾向、过敏倾向、身体症状、恐怖倾向、冲动倾向。</span>
                    <span class="mt-10">把这8个内容量表的结果综合起来得到全量表分数，全量表分数从整体上表示焦虑程度强不强、焦虑范围广不广，分数越高，表明学生的焦虑程度越强。由此可诊断出个人的焦虑中，哪个方面问题较大。</span>
                </view>
            </view>
            <view class="p-40 fx-col gap-20">
                <uv-button v-bind="btnBinding" text="开始测评" @click="goForm"/>
                <uv-button v-bind="btnBinding" plain text="测评结果" @click="goHistory"/>
            </view>
        </view>
    </view>
</template>

<script setup>
import MxConst from "@/common/MxConst";
import {useTransfer} from "@/hooks/useTransfer";

const {transferTo} = useTransfer()
const btnBinding = {
    size: 'large',
    type: 'primary',
    shape: 'circle',
    customStyle: {height: '44px'}
}

const goForm = () => {
    const next = {testType: MxConst.enum.mentalHealthTestType}
    transferTo('/pages/test-center/mental-health/paper', next)
}
const goHistory = () => {
    transferTo('/pages/test-center/mental-health/history')
}
</script>

<style>

</style>