<template>
  <BasePage>
    <div class="consultation">
      <div class="consultationBox">
        <div class="consultationTitle">
          <span>核心解决方案</span>
        </div>

        <div class="coreSolution">
          <div class="solutionItem" :class="`sI${index}`" v-for="(item, index) in solutionList" :key="index">
            <img :src="item.img" alt="">
            <b class="itemTitle">{{ item.title }}</b>
            <div class="itemContent" v-for="i in item.content.split('\n')"><b>{{ i.slice(0, 4) }}</b>{{ i.slice(4) }}
            </div>
          </div>
        </div>
      </div>

      <div class="consultationBox hasBg">
        <div class="consultationTitle">
          <span>专业服务模式</span>
        </div>

        <div class="serviceModeList">
          <div class="modeItem" v-for="(item, index) in serviceModeList" :key="index">
            <b>{{ item.title }}</b>
            <div class="itemContent">{{ item.content }}</div>
          </div>
        </div>
      </div>

      <div class="consultationBox">
        <div class="consultationTitle">
          <span>选择我们的理由</span>
        </div>

        <div class="reasonList">
          <div class="reasonItem" v-for="(item, index) in reasonList" :key="index">
            <img :src="item.img" alt="">
            <div>
              <b>{{ item.title }}</b>
              <div class="itemContent">{{ item.content }}</div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </BasePage>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      reasonList: [
        {
          img: '/img/reason1.png',
          title: '行业经验',
          content: '孵化X+企业，覆盖电商、金融、科技等领域'
        },
        {
          img: '/img/reason2.png',
          title: '方法论体系',
          content: '独创「问题树-解决方案」诊断模型'
        },
        {
          img: '/img/reason3.png',
          title: '资源网络',
          content: '技术/法律/资本机构深度合作，一站式对接'
        },
      ],
      solutionList: [
        {
          img: '/img/coreSolution1.png',
          title: '战略与模式设计',
          content: '市场痛点：需求调研、数据分析、竞品分析\n商业模式：合规评估、盈利设计、风险规避\n战略规划：目标拆解、资源匹配、路径落地'
        },
        {
          img: '/img/coreSolution2.png',
          title: '技术与产品开发',
          content: '系统优化：用户旅程、交互设计\n技术突破：端口开发、安全架构、对接标准\n产品迭代：MVP验证、敏捷开发'
        },
        {
          img: '/img/coreSolution3.png',
          title: '品牌与组织建设',
          content: '品牌方案：VI体系、文化提炼、传播策略\n组织设计：权责划分、绩效体系\n股权融资：激励设计、投资人对接、合规辅导'
        },
        {
          img: '/img/coreSolution4.png',
          title: '财税与支付风控',
          content: '财税方案：税负优化、风险扫描、节税策略\n支付升级：风控方案、代付提效、反洗钱搭建'
        },
      ],
      serviceModeList: [
        {
          title: '深度诊断报告',
          content: '企业运营问题清单+优先级排序'
        },
        {
          title: '1v1顾问服务',
          content: '专家驻场/线上咨询，定制解决方案'
        },
        {
          title: '全流程陪跑',
          content: '从方案设计到执行落地的闭环服务'
        },
      ]
    };
  },
};
</script>
