<template>
  <view class="container">
    <view class="content">
      <view class="info-list">
        <view class="info-item">
          <text class="label">测评岗位：</text>
          <text class="value">审计助理</text>
        </view>
        <view class="info-item">
          <text class="label">考题题型：</text>
          <text class="value">单项选择/多项选择/问答题</text>
        </view>
        <view class="info-item">
          <text class="label">考题数量：</text>
          <text class="value">60题</text>
        </view>
        <view class="info-item">
          <text class="label">考试时间：</text>
          <text class="value">30分钟</text>
        </view>
        <view class="info-item">
          <text class="label">合格标准：</text>
          <text class="value">满分100分，60分及及格，</text>
        </view>
        <view class="sub-tip">
          <text>A能力达到20分，B能力达到30分</text>
        </view>
      </view>
    </view>

    <view class="bottom-bar">
      <button class="start-btn" @click="startQuiz">确认开始测评</button>
    </view>
  </view>
</template>

<script setup lang="js">
import { ref } from 'vue';

const startQuiz = () => {
  uni.navigateTo({
    url: '/pages/assessment/quiz'
  });
};
</script>

<style lang="scss" scoped>
/* 保持简单样式确保渲染 */
.container { min-height: 100vh; background-color: #F8F9FB; padding: 40rpx; display: flex; flex-direction: column; }
.content { flex: 1; padding-top: 60rpx; }
.info-list { display: flex; flex-direction: column; gap: 40rpx; }
.info-item { display: flex; align-items: flex-start; .label { font-size: 32rpx; font-weight: bold; width: 180rpx; } .value { font-size: 30rpx; } }
.sub-tip { padding-left: 180rpx; font-size: 28rpx; color: #666; }
.bottom-bar { padding: 40rpx 0; .start-btn { background: #007BFF; color: #FFF; border-radius: 45rpx; } }
</style>
