menduner/src/views/enterprise/talentPool/components/details/trainingExperience.vue

<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).slice(0, 7) }}</span>
            <span class="mx-1">至</span>
            <span>{{ timesTampChange(k.endTime).slice(0, 7) }}</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>
import { ref  } from 'vue'
import { timesTampChange } from '@/utils/date'
defineOptions({name: 'enterprise-talentPool-details-trainingExperience'})
const dataList = ref([
  {
    id: "1793902618095550466", 
    startTime: 1711900800000, 
    endTime: 1714406400000, 
    orgName: "海外产品培训中心", 
    course: "产品设计与分析", 
    content: "同时具备常用大数据解决方案实践经验，包括实时计算（Storm/Flink ）及离线计算（Hive/ETL/Spark）。 对搜索推荐/订单交易/经营分析等业务方向具备多年实践经验。 ", 
    createTime: 1716563488000, 
    updateTime: 1716564558000
  }, 
  {
    id: "1793907923500040194", 
    startTime: 1704038400000, 
    endTime: 1714406400000, 
    orgName: "广东教育基地", 
    course: "微生物", 
    content: "同时具备常用大数据解决方案实践经验，包括实时计算（Storm/Flink ）及离线计算（Hive/ETL/Spark）。 对搜索推荐/订单交易/经营分析等业务方向具备多年实践经验。 ", 
    createTime: 1716564753000, 
    updateTime: 1716963732000
  }
])
</script>
<style lang="scss" scoped>
.exp {
  font-size: 15px;
  // cursor: pointer;
  border-radius: 6px;
  padding: 2px 10px 8px;
  // &:hover {
  //   background-color: #f8f8f8;
  // }
}
</style>