<template>
  <div class="process-box">
    <card title="内训流程" class="max-width-center">
      <div class="process-list">
        <div class="line"></div>
        <div class="process-list_item" v-for="(item, index) in list">
          <div class="process_item__order">{{ index + 1 }}</div>
          <div class="process_item__content">
            <div class="process__content-title">{{ item.title }}</div>
            <div class="process__content-text">
              {{ item.dec }}
            </div>
          </div>
        </div>
      </div>
    </card>
  </div>
</template>
<script>
import Card from '@/components/Card'
export default {
  name: '',
  components: {
    Card
  },
  data() {
    return {
      list: [
        {
          title: '聚焦企业问题，组建合作小组',
          dec:
            '为了解决企业最关心的问题而设计教学项目，清控紫荆教育与企业组建针对本次培训项目的联合工作小组，课程主任在企业的协助之下发现潜在的问题和挑战，进而对企业的需求做出精准的评估。'
        },
        {
          title: '培训需求分析，了解目标与现实差距',
          dec:
            '旨在深入了解企业面临的经营问题与管理挑战，工作小组将对客户企业进行有针对性的需求分析，围绕双方设定的共同目标，有选择的进行访谈调研及能力测评，以此作为定制课程设计的必要前提和基础。'
        },
        {
          title: '提交建议草案',
          dec:
            '基于前期访谈调研及测评的报告，工作小组将组织课程主任、教授、企业培训负责人、学员代表等共同参与课程设计的讨论，确保能够有效提升目标人群的能力，解决目标人群的实际问题。'
        },
        {
          title: '实施定制课程，提供解决方法',
          dec:
            '清控紫荆教育的教学团队将按照标准的服务流程，以高标准的服务标准负责所有课程的运营事宜。保证课程内容有理论、有方法、有工具、有案例，能落地，有实效。'
        },
        {
          title: '行动反馈，效果评估',
          dec:
            '为了检验，评估和进一步优化学习体验，我们将利用学员反思论文进行小组分享、管理改进行动方案小组代表汇报、学员反馈工作改进交流等多种形式督促学员将课程学习与实际工作改进结合起来，做到“知行合一”。'
        }
      ]
    }
  },
  async fetch() {},
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.process-box {
  padding-top: 76px;
  padding-bottom: 82px;
  background-color: #fff;
  .process-list {
    position: relative;
    margin-left: 24px;
    margin-top: 62px;
    .line {
      position: absolute;
      top: 20px;
      left: 23px;
      width: 1px;
      height: 600px;
      background-color: #aa1941;
    }
    .process-list_item {
      display: flex;
      margin-bottom: 40px;
      // justify-content: space-between;
      .process_item__order {
        position: relative;
        z-index: 9;
        width: 46px;
        max-height: 49px;
        line-height: 49px;
        text-align: center;
        font-size: 30px;
        color: #fff;
        background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/lc-icon.png);
        background-size: 100% 100%;
      }
      .process_item__content {
        width: 1065px;
        margin-left: 34px;
        .process__content-title {
          font-size: 22px;
          font-weight: bold;
          color: #aa1941;
          line-height: 50px;
          border-bottom: 1px solid #d1d1d1;
        }
        .process__content-text {
          font-size: 16px;
          color: #333333;
          line-height: 26px;
          margin-top: 10px;
        }
      }
    }
  }
}

.max-width-center {
  width: 1200px;
  margin: 0 auto;
}
</style>
