<template>
  <view class="flex flex-col">
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[23rpx]">职业技能</text>
      <view class="mb-[36rpx]">
        <view class="text-[26rpx] text-[#333] font-semibold">专业技能</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ proSkill.skill_pro }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[26rpx] text-[#333] font-semibold">通用技能</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ proSkill.skill_general }}
        </text>
      </view>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[23rpx]">从业资格</text>
      <view class="mb-[36rpx]">
        <view class="text-[26rpx] text-[#333] font-semibold">必须项</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ qualification.necessary }}
        </text>
      </view>
      <view class="mb-[36rpx]">
        <view class="text-[26rpx] text-[#333] font-semibold">附加项</view>
        <text class="text-[24rpx] text-[#636363]">
          {{ qualification.addition }}
        </text>
      </view>
    </view>
    <view class="h-[16rpx] bg-[#f8f8f8] mt-[36rpx] mb-[40rpx]"></view>
    <view class="flex flex-col px-[32rpx] mt-[40rpx]">
      <text class="text-[32rpx] text-[#333] font-semibold mb-[22rpx]">职业道德</text>
      <text class="text-[24rpx] text-[#636363]">
        {{ ethics }}
      </text>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineProps({
  proSkill: {
    type: Object,
    default: () => ({
      skill_general: '',
      skill_pro: '',
    }),
  },
  qualification: {
    type: Object,
    default: () => ({
      necessary: '',
      addition: '',
    }),
  },
  ethics: {
    type: String,
    default: '',
  },
})
</script>
