<template>
  <div v-if="dataList.length">
    <div v-for="(k, i) in dataList" :key="i" class="exp mx-n2">
      <div class="level1 d-flex align-center justify-space-between">
        <div>
          <span style="font-size: 16px;">{{ k.orgName }}</span>
          <span class="label-title ml-5">
            <span>{{ timesTampChange(k.startTime, 'Y-M') }}</span>
            <span class="mx-1">至</span>
            <span>{{ timesTampChange(k.endTime, 'Y-M') }}</span>
          </span>
        </div>
      </div>
      <div class="my-2">
        <span class="label-title">培训课程：{{ k.course }}</span>
      </div>
      <div>
        <span class="label-title">培训描述：</span>
        <span class="label-title">{{ k.content }}</span>
      </div>
    </div>
  </div>
</template>

<script setup>
defineOptions({name: 'enterprise-talentPool-details-trainingExperience'})
import { ref  } from 'vue'
import { timesTampChange } from '@/utils/date'

const props = defineProps({
  data: Array
})

const dataList = ref([])
if (props.data?.length) dataList.value = props.data

</script>
<style lang="scss" scoped>
.exp {
  font-size: 15px;
  border-radius: 6px;
  padding: 2px 10px 8px;
}
</style>
