<template>
  <ie-page bg-color="var(--back)">
    <ie-navbar title="霍兰德职业兴趣测评" />
    <view class="p-30">
      <view class="text-28 indent-[2em]">霍兰德职业兴趣测评（self-Directed Search）是由美国职业指导专家霍兰德（John
        Holland）根据他本人大量的职业咨询经验及其汁液类型理论编制的测评工具。他认为，个人职业兴趣特性与职业之间有一种内在的对应关系，根据系兴趣不同人格可分为以下六种，每个人的性格都是这六个维度的不同程度的组合。
      </view>
      <ie-image src="/pagesOther/static/image/holland-test.png" custom-class="w-full h-100 my-40" mode="heightFix" />
      <view class="text-28 indent-[2em]">
        职业兴趣测评，定位于高中的职业兴趣特征，从与职业和专业选择密切相关的6种兴趣类型入手，全面深入地了解个人的职业兴趣偏好，并提供应用测评结果指导生涯规划及大学的选则建议。
      </view>
    </view>
    <ie-safe-toolbar :height="130" :shadow="false" bgColor="transparent">
      <view class="px-40 py-30 flex flex-col gap-20">
        <uv-button type="primary" shape="circle" @click="handleTest">开始测评</uv-button>
        <uv-button type="primary" plain shape="circle" @click="handleResult">测评结果</uv-button>
      </view>
    </ie-safe-toolbar>
  </ie-page>
</template>

<script lang="ts" setup>
import { useTransferPage } from '@/hooks/useTransferPage';
const { transferTo, routes } = useTransferPage();

const handleTest = () => {
  transferTo(routes.pageHollandTest);
}

const handleResult = () => {
  transferTo(routes.testCenterList, {
    data: {
      type: 'holland'
    }
  });
}
</script>

<style lang="scss" scoped></style>