<template>
  <div class="about">
    <h1>{{about[characters].title1}}</h1>
    <img src="@/assets/img/about_1.png" alt="">
    <p>{{about[characters].desc1}}</p>
    <img src="@/assets/img/about_2.png" alt="">
    <h2>{{about[characters].title2}}</h2>
    <p>{{about[characters].desc2}}</p>
    <h2>{{about[characters].title3}}</h2>
    <p>{{about[characters].desc3}}</p>
  </div>
</template>
<script>
import { mapState } from 'vuex'

export default {
  data() {
    return {
      about: {
        1: {
          title1: '遂芒科技',
          desc1: `2020年，中国建筑合同额首次突破 3 万亿大关，实现 3.2 万亿元，同比增长 11.6%；完成营业收入 1.62万亿元，同比增长 13.7%；实现归属于上市公司股东的净利润 449.4 亿元，
同比增长7.3%；基本每股收益 1.07 元，同比增长 10.3%。全球建筑行业唯一新签合同额、营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位，中国
企业 500 强第 3 位，稳居 ENR“全球最大 250 家工程承包商”第 1 位，继续保持行业全球最高信用评级，市场竞争力和品牌影响力不断提升，行业领先地位进一步巩固。`,
          title2: '团队介绍',
          desc2: `2020年，中国建筑合同额首次突破 3 万亿大关，实现 3.2 万亿元，同比增长 11.6%；
                  完成营业收入 1.62万亿元，同比增长 13.7%；实现归属于上市公司股东的净利润 4
                  49.4 亿元，同比增长7.3%；基本每股收益 1.07 元，同比增长 10.3%。全球建筑行
                  业唯一新签合同额
                  营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位，
                  中国企业 500 强第 3 位，稳居 ENR“全球最大 250 家工程承包商”第 1 位，继续
                  保持行业全球最高信用评级，市场竞争力和品牌影响力不断提升，行业领先地位
                  进一步巩固。`,
          title3: `公司愿景`,
          desc3: `2020年，中国建筑合同额首次突破 3 万亿大关，实现 3.2 万亿元，同比增长 11.6%；
                完成营业收入 1.62万亿元，同比增长 13.7%；实现归属于上市公司股东的净利润 4
                49.4 亿元，同比增长7.3%；基本每股收益 1.07 元，同比增长 10.3%。全球建筑行
                业唯一新签合同额
                营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位，
                中国企业 500 强第 3 位，稳居 ENR“全球最大 250 家工程承包商”第 1 位，继续
                保持行业全球最高信用评级，市场竞争力和品牌影响力不断提升，行业领先地位
                进一步巩固。`
        }
      }
    }
  },
  computed: {
    ...mapState({
      characters: state => state.publicObj.characters
    })
  }
}
</script>
<style lang="scss" scoped>
  .about{
    background: #202020;
    width: 100%;
    padding-top: 135px;
    padding-bottom: 80px;
    h1,h2{
      font-size: 42px;
      color: #fff;
      text-align: center;
      margin-bottom: 35px;
    }
    h2{
      margin: 70px;
    }
    p{
      background: #2f2f2f;
      width: 90%;
      padding: 34px;
      font-size: 26px;
      line-height: 42px;
      color: #fff;
      margin: 40px auto;
      &:last-child {
        margin: 0 auto;
      }
    }
  }
</style>
