<template>
  <view class="flex flex-col">
    <view class="flex flex-col px-[32rpx] mt-[32rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[23rpx]">发展前景</text>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">行业发展前景</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ prospect.industry }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">个人发展路径</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ prospect.person }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">职业的就业趋势</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ prospect.career }}
        </text>
      </view>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[32rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[23rpx]">薪资待遇</text>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">薪资结构</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ salary.structure }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">满意度</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ salary.satisfaction }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[24rpx] text-[#333] font-semibold">福利制度</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ salary.welfare }}
        </text>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  prospect: {
    type: Object,
    default: () => ({
      career: '',
      industry: '',
      person: '',
    }),
  },
  salary: {
    type: Object,
    default: () => ({
      structure: '',
      satisfaction: '',
      welfare: '',
    }),
  },
})
</script>
