<template>
  <view
    class="bg-[#E2EDF9] text-[#1580FF] text-[22rpx] flex justify-between items-center px-[32rpx] py-[10rpx]"
  >
    <view class="flex gap-[16rpx]">
      <text>{{ userInfo.estimatedAchievement.expectedScore }}分</text>
      <text>
        {{ userInfo.estimatedAchievement.subjectGroup.split(',').join('/') }}
      </text>
      <text>{{ userInfo.batchName }}</text>
    </view>
    <view v-if="type === 0" class="flex items-center" @click="showToast">
      <text>重要提示</text>
      <text class="i-carbon-help"></text>
      <!-- <MessageBox v-model:show="show" title="" :defaultPadding="false" defaultWidth="85%">
        <template>
          <view class="">
            <view class="text-[#000] text-[36rpx] font-700 mt-[40rpx] text-center">重要提示</view>
            <view class="text-[28rpx] text-[#333] mt-[34rpx] mx-[32rpx]">
              <view class="">
                1.本平台基于历史分数及等效位次进行志愿推荐和风险评估，由于志愿填报本身存在不确定性，请谨慎参考。
              </view>
              <view class="mt-[34rpx]">
                2.在正式填报时，院校/专业名称及代码请务必与官方信息平台核对，若发现差异则以官方数据为准，本平台数据仅供参考。
              </view>
            </view>
            <view
              @click.stop="handleSubmit"
              class="py-[32rpx] text-[#1580FF] text-[36rpx] text-center border-t-[2rpx] border-t-solid border-[#F3F3F3] mt-[38rpx]"
            >
              确认
            </view>
          </view>
        </template>
      </MessageBox> -->
    </view>

    <HeaderModelTip v-if="type === 1" />
  </view>
</template>

<script lang="ts" setup>
import HeaderModelTip from './HeaderModelTip.vue'
import MessageBox from '@/pages-sub/components/messageBox/MessageBox.vue'
defineProps({
  userInfo: {
    type: Object,
    default: () => ({}),
  },
  type: {
    type: Number,
    default: 0,
  },
})

const show = ref(false)
const showToast = () => {
  uni.showModal({
    title: '重要提示',
    content:
      '1.本平台基于历史分数及等效位次进行志愿推荐和风险评估，由于志愿填报本身存在不确定性，请谨慎参考。\r\n 2.在正式填报时，院校/专业名称及代码请务必与官方信息平台核对，若发现差异则以官方数据为准，本平台数据仅供参考。',
    showCancel: false,
    confirmColor: '#1580FF',
  })
}

const handleSubmit = () => {
  show.value = false
}
</script>

<style lang="scss" scoped>
.t-model-base {
  font-weight: 400;
  font-size: 22rpx;
  color: #000000;
}
</style>
