<template>
  <BasePage>
    <div class="finance">
      <div class="financeBox">
        <div class="financeTitle">
          核心痛点
        </div>
      </div>

      <div class="painPoint">
        <div class="painPointItem" v-for="(item, index) in painPointList" :key="index">
          <img :src="item.img" alt="">
          <div class="painPointTitle">
            {{ item.title }}
          </div>
          <div class="painPointDesc">
            {{ item.desc }}
          </div>
        </div>
      </div>

      <div class="financeBox hasBg">
        <div class="financeTitle">
          一站式财税优化方案
        </div>

        <div class="optimizingList">
          <div class="optimizingItem" v-for="(item, index) in optimizingList" :key="index">
            <img :src="item.img" alt="">
            <div class="optimizingTitle">
              {{ item.title }}
            </div>
            <div class="optimizingDesc">
              <div v-for="i in item.desc.split('\n')"> <b>{{ i.slice(0, 2) }}</b> {{ i.slice(2) }}
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="financeBox">
        <div class="financeTitle">
          合作资源保障
        </div>

        <div class="cooperationList">
          <div class="cooperationItem" v-for="(item, index) in cooperationList" :key="index">
            <img :src="item.img" alt="">
            <div>
              <div class="cooperationTitle">
                {{ item.title }}
              </div>
              <div class="cooperationDesc">
                {{ item.desc }}
              </div>
            </div>
          </div>
        </div>
      </div>

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

<script>
export default {
  name: 'Finance',
  data() {
    return {
      painPointList: [
        {
          img: '/img/finance1.png',
          title: '流水过大风险高',
          desc: '公户大额交易易触发税务稽查，无票收入需补税+罚款',
        },
        {
          img: '/img/finance2.png',
          title: '公转私税负过重',
          desc: '个人转账按分红计税20%-45%，银行风控严影响资金流',
        },
        {
          img: '/img/finance3.png',
          title: '用工成本居高不下',
          desc: '用工成本40%挤压利润，临时支出无票虚增利润，税负加重',
        },
        {
          img: '/img/finance4.png',
          title: '税优政策未利用',
          desc: '未享受税收洼地返税及个独核定政策，综合税负最高可达40%',
        },
      ],
      optimizingList: [
        {
          img: '/img/finance5.png',
          title: '灵活用工筹划',
          desc: '场景：临时用工/佣金发放/项目制合作\n服务：全流程外包发薪，合规降社保成本四流合一（合同、资金、发票、业务）存证链',
        },
        {
          img: '/img/finance6.png',
          title: '三方代征服务',
          desc: '解决：高额个税、缺票问题\n优势：委托代征资质，个税核0.5%-1.5%提供专票，合规抵扣',
        },
        {
          img: '/img/finance7.png',
          title: '三方代开服务',
          desc: '场景：自然人无票合作\n服务：税务代开（建材/服务/咨询等）个税核定0.5%-1%，含完税凭证',
        },
        {
          img: '/img/finance8.png',
          title: '优化税优政策',
          desc: '未享受税收洼地返税及个独核定政策，综合税负最高可达40%',
        },
      ],
      cooperationList: [
        {
          img: '/img/finance9.png',
          title: '政策支持',
          desc: '全国20+税收洼地资源（如海南、江西、山东等）',
        },
        {
          img: '/img/finance10.png',
          title: '银行合作',
          desc: '绿色通道解决公转私限额问题',
        },
        {
          img: '/img/finance11.png',
          title: '风控体系',
          desc: '业务真实性审核、四流合一合规闭环',
        },
      ],
    };
  },
};
</script>
