<script setup lang="ts">
const educationItems = [
  {
    title: '职业培训学校',
    titleEn: 'VOCATIONAL TRAINING SCHOOL',
    text: '英泽职业培训学校是由合肥英泽信息科技有限公司与天源迪科集团共同出资举办，经合肥市人力资源与社会保障局批准，报主管部门备案的一所专业从事IT职业技能培训的学校，并与美国硅谷国际科技大学...'
  },
  {
    title: '人才实训中心',
    titleEn: 'TALENT TRAINING CENTER',
    text: '英泽科技人才实训完成"IT就业最后一公里"，既为期望进入IT兴业的职场新鲜人完成最后一公里的冲刺，同事为企业提供人才规模化供应渠道，搭建政府教育改革、搞笑人才培养与行业人才需求的互动平台和桥梁...'
  },
  {
    title: '企业定向培训',
    titleEn: 'ENTERPRISE OR IENTATION TRAINING',
    text: '针对于企业个性化需求，提供企业定向培训的解决方案，主要包括：',
    list: [
      '员工培训解决方案制订及实施',
      '行业培训解决方案制订及实施',
      '特定岗位的定制培训'
    ]
  }
]
</script>

<template>
  <div class="teach">
    <div class="center-width teach-main">
      <div class="title"></div>
      <div style="clear: both;"></div>
      <div class="dialog">专注于IT职业技能培训、IT人才实训和企业定向培训，与客户、合作伙伴及整个产业共同促进IT人力资源发展。</div>
      <ul class="teach-ul">
        <li v-for="(item, index) in educationItems" :key="index">
          <i></i>
          <div class="teach-ul-div">
            <p class="title">{{ item.title }}</p>
            <p class="title-two">{{ item.titleEn }}</p>
            <div class="text">
              <template v-if="item.list">
                {{ item.text }}
                <ul class="text-ul">
                  <li v-for="(listItem, listIndex) in item.list" :key="listIndex">
                    {{ listItem }}
                  </li>
                </ul>
              </template>
              <template v-else>
                {{ item.text }}
              </template>
            </div>
            <span class="more">MORE</span>
            <div style="clear: both;"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<style scoped>
.teach {
  width: 100%;
}
</style> 